\u5357\u7121\u5357\u6f2b NAMO COLLECTIVE\uff5c\u6c38\u7e8c\u624b\u4f5c\u7522\u54c1 \u4f01\u696d\u798f\u59d4\u63a1\u8cfc\u5c08\u9801<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Noto+Serif+TC:wght@500;700;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ========================================\n CSS \u9694\u96e2\uff1a\u5168\u90e8\u5305\u5728 .namo-root \u547d\u540d\u7a7a\u9593\u4e0b\n ======================================== *\/\n.namo-root, .namo-root * { box-sizing: border-box; margin: 0; padding: 0; }\n\n.namo-root {\n --bg-cream: #F2EBD8;\n --bg-cream-soft: #F8F3E4;\n --bg-white: #FDFBF4;\n --green-primary: #4A7C59;\n --green-dark: #2D5439;\n --green-mid: #6B9A77;\n --green-light: #B8CFB8;\n --green-soft: #E4EDE0;\n --text-dark: #1F2D22;\n --text-body: #4A5C4D;\n --text-muted: #8A9C8C;\n --line: #D9D2BD;\n --gold: #B89856;\n\n --radius-sm: 12px;\n --radius-md: 20px;\n --radius-lg: 32px;\n --shadow-soft: 0 4px 20px rgba(45, 84, 57, 0.08);\n --shadow-card: 0 8px 32px rgba(45, 84, 57, 0.10);\n --shadow-hover: 0 16px 48px rgba(45, 84, 57, 0.15);\n\n font-family: 'Noto Sans TC', -apple-system, BlinkMacSystemFont, sans-serif;\n font-weight: 400;\n color: var(--text-dark);\n background-color: var(--bg-cream);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.namo-root .serif { font-family: 'Noto Serif TC', serif; }\n.namo-root .container { max-width: 1180px; margin: 0 auto; padding: 0 24px; }\n\n\/* ========== \u901a\u7528\uff1a\u5716\u7247\u5b8c\u6574\u5448\u73fe\uff08\u4e0d\u88c1\u5207\uff09 ========== *\/\n.namo-root .feature-visual img,\n.namo-root .product-img img,\n.namo-root .team-visual img,\n.namo-root .gallery-item img,\n.namo-root .feature-news-img img {\n width: 100%; height: 100%;\n object-fit: contain;\n display: block;\n}\n\n\/* ========== \u6d6e\u52d5\u5074\u908a\u5713\u9ede\u5c0e\u89bd ========== *\/\n.namo-root .dot-nav {\n position: fixed; right: 28px; top: 50%;\n transform: translateY(-50%);\n display: flex; flex-direction: column; gap: 18px;\n z-index: 50;\n}\n.namo-root .dot-nav a {\n position: relative; display: flex; align-items: center;\n width: 12px; height: 12px; text-decoration: none;\n}\n.namo-root .dot-nav a::before {\n content: ''; width: 10px; height: 10px; border-radius: 50%;\n background: rgba(74, 124, 89, 0.25);\n border: 1.5px solid var(--green-primary);\n transition: all .25s ease;\n}\n.namo-root .dot-nav a:hover::before,\n.namo-root .dot-nav a.is-active::before {\n background: var(--green-primary); transform: scale(1.4);\n}\n.namo-root .dot-nav a::after {\n content: attr(data-label);\n position: absolute; right: 24px; top: 50%;\n transform: translateY(-50%) translateX(8px);\n background: var(--green-dark); color: var(--bg-cream);\n padding: 6px 14px; border-radius: 999px;\n font-size: 12px; white-space: nowrap;\n opacity: 0; pointer-events: none;\n transition: all .25s ease;\n font-family: 'Noto Sans TC';\n box-shadow: var(--shadow-soft);\n}\n.namo-root .dot-nav a:hover::after {\n opacity: 1; transform: translateY(-50%) translateX(0);\n}\n\n\/* ========== Section \u901a\u7528 ========== *\/\n.namo-root section {\n padding: 96px 0; position: relative;\n scroll-margin-top: 80px;\n}\n.namo-root .section-label {\n display: inline-block; font-size: 12px; letter-spacing: 4px;\n color: var(--green-primary); font-weight: 500; text-transform: uppercase;\n margin-bottom: 16px;\n}\n.namo-root .section-title {\n font-family: 'Noto Serif TC'; font-weight: 700; font-size: 44px;\n color: var(--text-dark); line-height: 1.4; margin-bottom: 20px;\n}\n.namo-root .section-deco {\n display: inline-flex; gap: 10px; margin-left: 14px;\n font-size: 18px; vertical-align: middle;\n}\n.namo-root .section-deco span:nth-child(1) { color: var(--green-primary); }\n.namo-root .section-deco span:nth-child(2) { color: var(--green-mid); }\n.namo-root .section-deco span:nth-child(3) { color: var(--gold); }\n\n\/* ========== Hero ========== *\/\n.namo-root .hero {\n padding: 80px 0 64px; position: relative; overflow: hidden;\n}\n.namo-root .hero-orb {\n position: absolute; right: -120px; top: 40px;\n width: 480px; height: 480px; border-radius: 50%;\n background: radial-gradient(circle at 30% 30%, rgba(107,154,119,0.3), rgba(184,207,184,0.1) 60%, transparent 75%);\n filter: blur(20px); pointer-events: none;\n}\n.namo-root .hero-content { position: relative; z-index: 1; max-width: 720px; }\n.namo-root .hero-title {\n font-family: 'Noto Serif TC'; font-weight: 900;\n font-size: clamp(40px, 5vw, 64px);\n color: var(--text-dark); line-height: 1.25; margin-bottom: 24px;\n letter-spacing: 2px;\n}\n.namo-root .hero-title em { color: var(--green-primary); font-style: normal; }\n.namo-root .hero-slogan {\n font-family: 'Noto Serif TC'; font-size: 22px; color: var(--green-dark);\n font-weight: 500; margin-bottom: 28px; letter-spacing: 1px;\n padding-left: 20px; border-left: 3px solid var(--green-primary);\n}\n.namo-root .hero-desc { font-size: 17px; color: var(--text-body); max-width: 580px; }\n\n\/* ========== \u6587\u65e6\u518d\u751f\u7d19 ========== *\/\n.namo-root .feature {\n background: linear-gradient(180deg, var(--bg-cream) 0%, var(--green-soft) 100%);\n margin: 0 24px; border-radius: var(--radius-lg);\n}\n.namo-root .feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }\n.namo-root .feature-eyebrow {\n font-size: 14px; color: var(--text-muted);\n line-height: 1.7; margin-bottom: 18px;\n padding-left: 14px; border-left: 2px solid var(--green-light);\n max-width: 460px;\n}\n.namo-root .feature-title {\n font-family: 'Noto Serif TC'; font-weight: 700; font-size: 36px;\n line-height: 1.45; color: var(--text-dark); margin-bottom: 20px;\n}\n.namo-root .feature-title .year { color: var(--green-primary); font-weight: 900; }\n.namo-root .feature-sub { font-size: 17px; color: var(--text-body); margin-bottom: 36px; }\n\n.namo-root .feature-news {\n background: var(--bg-white); padding: 24px; border-radius: var(--radius-md);\n display: flex; gap: 20px; align-items: center;\n text-decoration: none; color: inherit;\n border: 1px solid var(--line);\n transition: all .3s;\n}\n.namo-root .feature-news:hover { transform: translateY(-2px); box-shadow: var(--shadow-card); }\n.namo-root .feature-news-img {\n width: 120px; height: 90px; flex-shrink: 0;\n border-radius: var(--radius-sm); overflow: hidden;\n background: var(--bg-cream-soft);\n}\n.namo-root .feature-news-meta { font-size: 11px; color: var(--green-primary); letter-spacing: 2px; margin-bottom: 6px; font-weight: 500; }\n.namo-root .feature-news-title { font-family: 'Noto Serif TC'; font-size: 16px; font-weight: 700; color: var(--text-dark); margin-bottom: 6px; line-height: 1.4; }\n.namo-root .feature-news-arrow { font-size: 11px; color: var(--green-primary); }\n\n.namo-root .feature-visual {\n aspect-ratio: 1; border-radius: var(--radius-lg);\n background: var(--bg-white);\n position: relative; overflow: hidden;\n box-shadow: var(--shadow-card);\n}\n\n\/* ========== \u7522\u54c1\u5340 ========== *\/\n.namo-root .products { background: var(--bg-cream); }\n.namo-root .products-intro { text-align: center; margin-bottom: 64px; }\n.namo-root .products-intro .section-title { font-size: 40px; }\n.namo-root .products-intro p { font-size: 16px; color: var(--text-muted); max-width: 560px; margin: 0 auto; }\n\n.namo-root .products-grid {\n display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px;\n}\n.namo-root .product-card:nth-child(5) { grid-column: 1 \/ -1; max-width: 580px; margin: 0 auto; }\n\n.namo-root .product-card {\n background: var(--bg-white); border-radius: var(--radius-lg);\n overflow: hidden; box-shadow: var(--shadow-soft);\n transition: all .35s; display: flex; flex-direction: column;\n border: 1px solid rgba(217, 210, 189, 0.5);\n}\n.namo-root .product-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); }\n\n.namo-root .product-img {\n aspect-ratio: 4\/3; position: relative; overflow: hidden;\n background: var(--bg-cream-soft);\n}\n\n.namo-root .product-badge {\n position: absolute; top: 16px; left: 16px;\n background: rgba(253,251,244,0.95); padding: 6px 14px;\n border-radius: 999px; font-size: 11px; letter-spacing: 2px;\n color: var(--green-dark); font-weight: 500; z-index: 2;\n}\n\n.namo-root .product-body { padding: 28px 28px 32px; flex: 1; display: flex; flex-direction: column; }\n.namo-root .product-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }\n.namo-root .product-tag {\n font-size: 12px; color: var(--green-primary);\n background: var(--green-soft); padding: 4px 12px;\n border-radius: 999px; font-weight: 500;\n}\n.namo-root .product-name {\n font-family: 'Noto Serif TC'; font-size: 24px; font-weight: 700;\n color: var(--text-dark); margin-bottom: 12px; line-height: 1.4;\n}\n.namo-root .product-desc {\n font-size: 14.5px; color: var(--text-body); line-height: 1.75;\n margin-bottom: 24px; flex: 1;\n}\n\n.namo-root .product-price {\n display: flex; justify-content: space-between; align-items: flex-end;\n padding-top: 20px; border-top: 1px dashed var(--line);\n}\n.namo-root .price-block { display: flex; flex-direction: column; gap: 4px; }\n.namo-root .price-label { font-size: 11px; color: var(--text-muted); letter-spacing: 2px; }\n.namo-root .price-retail { font-size: 14px; color: var(--text-muted); text-decoration: line-through; }\n.namo-root .price-wholesale { font-family: 'Noto Serif TC'; font-size: 28px; font-weight: 700; color: var(--green-dark); line-height: 1; }\n.namo-root .price-wholesale .unit { font-size: 14px; color: var(--text-muted); font-weight: 400; margin-left: 4px; }\n\n\/* ========== \u5718\u968a\u5340 ========== *\/\n.namo-root .team { background: var(--bg-cream-soft); }\n.namo-root .team-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\n.namo-root .team-visual {\n aspect-ratio: 4\/5; border-radius: var(--radius-lg);\n background: var(--bg-white);\n position: relative; overflow: hidden;\n box-shadow: var(--shadow-card);\n}\n.namo-root .team-text p { font-size: 16.5px; color: var(--text-body); margin-bottom: 18px; line-height: 1.85; }\n\n.namo-root .awards-title {\n font-family: 'Noto Serif TC'; font-size: 18px; font-weight: 700;\n color: var(--green-dark); margin: 36px 0 20px;\n display: flex; align-items: center; gap: 12px;\n}\n.namo-root .awards-title::before { content: '\u2299'; color: var(--gold); font-size: 20px; }\n.namo-root .awards-list { list-style: none; }\n.namo-root .awards-list li {\n font-size: 15px; color: var(--text-body); padding: 10px 0;\n border-bottom: 1px dashed var(--line);\n position: relative; padding-left: 18px;\n}\n.namo-root .awards-list li::before {\n content: '\u00b7'; color: var(--green-primary); font-size: 24px;\n position: absolute; left: 0; top: 0;\n}\n\n\/* ========== \u5c65\u7d04\u7d93\u9a57 ========== *\/\n.namo-root .clients-intro { text-align: center; margin-bottom: 56px; }\n.namo-root .clients-gallery {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n grid-template-rows: 1fr 1fr;\n gap: 16px; height: 480px; margin-bottom: 56px;\n}\n.namo-root .gallery-item {\n border-radius: var(--radius-md);\n overflow: hidden; position: relative;\n transition: all .35s;\n box-shadow: var(--shadow-soft);\n background: var(--bg-cream-soft);\n}\n.namo-root .gallery-item:hover { transform: translateY(-2px); box-shadow: var(--shadow-card); }\n.namo-root .gallery-item.large { grid-row: span 2; }\n\n.namo-root .clients-grid {\n display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;\n}\n.namo-root .client-card {\n background: var(--bg-white); padding: 24px 28px;\n border-radius: var(--radius-md); border: 1px solid var(--line);\n display: flex; flex-direction: column; gap: 6px;\n transition: all .3s;\n}\n.namo-root .client-card:hover { border-color: var(--green-mid); transform: translateX(4px); }\n.namo-root .client-name { font-family: 'Noto Serif TC'; font-size: 17px; font-weight: 700; color: var(--text-dark); }\n.namo-root .client-project { font-size: 14px; color: var(--text-muted); }\n\n\/* ========== \u5176\u4ed6\u884d\u4f38\u5408\u4f5c ========== *\/\n.namo-root .services-grid {\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;\n margin-top: 40px;\n}\n.namo-root .service-card {\n background: var(--bg-white); padding: 36px 32px;\n border-radius: var(--radius-md);\n border: 1px solid var(--line); text-align: center;\n transition: all .3s;\n}\n.namo-root .service-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-card); }\n.namo-root .service-icon {\n width: 56px; height: 56px; margin: 0 auto 20px;\n background: var(--green-soft); border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n color: var(--green-primary); font-size: 22px;\n}\n.namo-root .service-name { font-family: 'Noto Serif TC'; font-size: 20px; font-weight: 700; margin-bottom: 10px; color: var(--text-dark); }\n.namo-root .service-desc { font-size: 14px; color: var(--text-muted); line-height: 1.7; }\n\n\/* ========== \u5a92\u9ad4\u5831\u5c0e ========== *\/\n.namo-root .media { background: var(--bg-cream-soft); }\n.namo-root .media-grid {\n display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;\n margin-top: 40px;\n}\n.namo-root .media-card {\n background: var(--bg-white); padding: 28px 32px;\n border-radius: var(--radius-md); border: 1px solid var(--line);\n text-decoration: none; color: inherit;\n display: flex; flex-direction: column; gap: 10px;\n transition: all .3s;\n}\n.namo-root .media-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-card); border-color: var(--green-mid); }\n.namo-root .media-source {\n font-size: 11px; letter-spacing: 3px; color: var(--green-primary);\n font-weight: 500; text-transform: uppercase;\n}\n.namo-root .media-title {\n font-family: 'Noto Serif TC'; font-size: 17px; font-weight: 700;\n color: var(--text-dark); line-height: 1.55;\n}\n.namo-root .media-link {\n font-size: 12px; color: var(--text-muted);\n display: flex; align-items: center; gap: 6px; margin-top: 6px;\n}\n.namo-root .media-link::after { content: '\u2192'; transition: transform .2s; }\n.namo-root .media-card:hover .media-link::after { transform: translateX(4px); }\n\n\/* ========== \u806f\u7d61\u9080\u8acb\uff08\u6700\u4e0b\u65b9\uff09========== *\/\n.namo-root .invitation {\n padding: 96px 0 80px; background: var(--bg-cream);\n}\n.namo-root .invitation-card {\n max-width: 1180px; margin: 0 24px;\n background: linear-gradient(135deg, var(--green-dark) 0%, var(--green-primary) 100%);\n color: white; border-radius: var(--radius-lg);\n padding: 80px 56px; text-align: center;\n position: relative; overflow: hidden;\n box-shadow: var(--shadow-card);\n}\n.namo-root .invitation-card::before {\n content: ''; position: absolute;\n width: 500px; height: 500px; border-radius: 50%;\n background: radial-gradient(circle, rgba(184,207,184,0.22), transparent 70%);\n top: -200px; right: -150px; pointer-events: none;\n}\n.namo-root .invitation-card::after {\n content: ''; position: absolute;\n width: 350px; height: 350px; border-radius: 50%;\n background: radial-gradient(circle, rgba(255,255,255,0.06), transparent 70%);\n bottom: -150px; left: -100px; pointer-events: none;\n}\n.namo-root .invitation .section-label {\n color: var(--green-light); position: relative;\n}\n.namo-root .invitation-title {\n font-family: 'Noto Serif TC'; font-weight: 700;\n font-size: 44px; line-height: 1.4;\n margin-bottom: 48px; color: white; position: relative;\n}\n.namo-root .invitation-buttons {\n display: flex; gap: 20px; justify-content: center;\n flex-wrap: wrap; margin-bottom: 48px; position: relative;\n}\n.namo-root .invitation-btn {\n display: flex; align-items: center; gap: 16px;\n padding: 20px 32px;\n background: rgba(253, 251, 244, 0.1);\n border: 1px solid rgba(253, 251, 244, 0.25);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n border-radius: var(--radius-md);\n text-decoration: none; color: white;\n transition: all .3s ease; min-width: 280px;\n}\n.namo-root .invitation-btn:hover {\n background: var(--bg-cream); color: var(--green-dark);\n transform: translateY(-3px);\n box-shadow: 0 12px 32px rgba(0,0,0,0.2);\n border-color: var(--bg-cream);\n}\n.namo-root .invitation-btn .btn-icon {\n font-size: 22px; width: 48px; height: 48px;\n border-radius: 50%;\n background: rgba(255,255,255,0.15);\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0; transition: all .3s ease;\n}\n.namo-root .invitation-btn:hover .btn-icon {\n background: var(--green-primary); color: white;\n}\n.namo-root .invitation-btn .btn-content {\n display: flex; flex-direction: column;\n align-items: flex-start; gap: 2px; text-align: left;\n}\n.namo-root .invitation-btn .btn-label {\n font-size: 11px; letter-spacing: 2px; opacity: 0.7;\n}\n.namo-root .invitation-btn .btn-value {\n font-family: 'Noto Serif TC'; font-size: 18px; font-weight: 700;\n}\n.namo-root .invitation-btn .btn-sub {\n font-size: 12px; opacity: 0.7; margin-top: 2px;\n}\n.namo-root .invitation-tagline {\n font-family: 'Noto Serif TC';\n font-size: 15px; letter-spacing: 4px;\n opacity: 0.78; position: relative;\n}\n.namo-root .invitation-tagline .dot {\n display: inline-block; margin: 0 8px;\n color: var(--green-light);\n}\n\n\/* ========== Reveal \u52d5\u756b ========== *\/\n.namo-root .reveal { opacity: 0; transform: translateY(24px); transition: opacity .8s ease, transform .8s ease; }\n.namo-root .reveal.is-visible { opacity: 1; transform: translateY(0); }\n\n\/* ========== \u97ff\u61c9\u5f0f ========== *\/\n@media (max-width: 900px) {\n .namo-root section { padding: 64px 0; }\n .namo-root .dot-nav { right: 12px; gap: 14px; }\n .namo-root .dot-nav a::after { display: none; }\n .namo-root .section-title { font-size: 30px; }\n .namo-root .feature-grid,\n .namo-root .team-grid { grid-template-columns: 1fr; gap: 40px; }\n .namo-root .products-grid { grid-template-columns: 1fr; }\n .namo-root .product-card:nth-child(5) { grid-column: auto; }\n .namo-root .services-grid,\n .namo-root .media-grid,\n .namo-root .clients-grid { grid-template-columns: 1fr; }\n .namo-root .clients-gallery {\n grid-template-columns: 1fr 1fr;\n grid-template-rows: repeat(3, 200px);\n height: auto;\n }\n .namo-root .gallery-item.large { grid-column: 1 \/ -1; grid-row: auto; height: 240px; }\n .namo-root .feature { margin: 0 12px; padding: 48px 24px; }\n .namo-root .hero-title { font-size: 38px; }\n\n \/* \u806f\u7d61\u9080\u8acb \u97ff\u61c9\u5f0f *\/\n .namo-root .invitation { padding: 64px 0 56px; }\n .namo-root .invitation-card { margin: 0 12px; padding: 56px 24px; }\n .namo-root .invitation-title { font-size: 30px; margin-bottom: 32px; }\n .namo-root .invitation-buttons { flex-direction: column; gap: 12px; margin-bottom: 36px; }\n .namo-root .invitation-btn { width: 100%; min-width: auto; }\n .namo-root .invitation-tagline { font-size: 13px; letter-spacing: 2px; line-height: 1.8; }\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"namo-root\">\n\n \n <aside class=\"dot-nav\" aria-label=\"\u9801\u9762\u5c0e\u89bd\">\n <a href=\"#about\" data-label=\"\u95dc\u65bc\u843d\u679c\"><\/a>\n <a href=\"#feature\" data-label=\"\u6587\u65e6\u518d\u751f\u7d19\"><\/a>\n <a href=\"#products\" data-label=\"\u7522\u54c1\u65b9\u6848\"><\/a>\n <a href=\"#team\" data-label=\"\u5718\u968a\u4ecb\u7d39\"><\/a>\n <a href=\"#clients\" data-label=\"\u5c65\u7d04\u7d93\u9a57\"><\/a>\n <a href=\"#media\" data-label=\"\u5a92\u9ad4\u5831\u5c0e\"><\/a>\n <a href=\"#contact\" data-label=\"\u806f\u7d61\u6211\u5011\"><\/a>\n <\/aside>\n\n \n <section class=\"hero\" id=\"about\">\n <div class=\"hero-orb\"><\/div>\n <div class=\"container\">\n <div class=\"hero-content reveal\">\n <span class=\"section-label\">PRODUCT INTRODUCTION<\/span>\n <h1 class=\"hero-title\">\u843d\u679c\uff0c<br>\u70ba\u4f55<em>\u73cd\u8cb4<\/em>\uff1f<\/h1>\n <p class=\"hero-slogan\">\u770b\u4f3c\u6beb\u7121\u50f9\u503c\uff0c\u63db\u500b\u89d2\u5ea6\u770b\uff0c<br>\u537b\u662f\u7121\u76e1\u751f\u6a5f\u3002<\/p>\n <p class=\"hero-desc\">\u6211\u5011\u5c07\u6587\u65e6\u843d\u679c\uff0c\u505a\u6210\u5404\u5f0f\u518d\u751f\u7269\uff0c\u7d14\u624b\u5de5\u958b\u767c\u3002\u5f9e\u4e00\u9846\u88ab\u98a8\u96e8\u6253\u843d\u7684\u679c\uff0c\u5230\u4e00\u4ef6\u80fd\u653e\u5728\u684c\u4e0a\u591a\u5e74\u7684\u5668\u7269\uff0c\u9019\u662f\u6211\u5011\u6240\u80fd\u60f3\u50cf\u3001\u6700\u6d6a\u6f2b\u7684\u5faa\u74b0\u518d\u751f\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"feature\" id=\"feature\">\n <div class=\"container\">\n <div class=\"feature-grid\">\n <div class=\"reveal\">\n <span class=\"section-label\">EXCLUSIVE \u2014 \u6587\u65e6\u518d\u751f\u7d19<\/span>\n <p class=\"feature-eyebrow\">\u6211\u5011\u60f3\u50b3\u905e\u4e00\u500b\u4fe1\u5ff5\u300c\u6211\u4e0d\u5ee2\u300d\uff0c\u5404\u7a2e\u4eba\u4e8b\u7269\uff0c\u90fd\u6709\u5176\u50f9\u503c\u3002<\/p>\n <h2 class=\"feature-title\">2025 \u5e74\uff0c\u6211\u5011\u4ee5<span class=\"year\">\u6587\u65e6\u843d\u679c<\/span>\uff0c<br>\u5c07\u300c\u6211\u4e0d\u5ee2\u300d\u5177\u9ad4\u5316\u70ba\u518d\u751f\u7d19\u3002<\/h2>\n <p class=\"feature-sub\">\u4ee5\u843d\u679c\u56de\u6536\u5faa\u74b0\u70ba\u6982\u5ff5\uff0c\u53d6\u51fa\u7e96\u7dad\u88fd\u7d19\u3001\u67da\u76ae\u9ede\u7db4\u3002<\/p>\n\n <a class=\"feature-news\" href=\"https:\/\/opinion.cw.com.tw\/blog\/profile\/580\/article\/16358\" target=\"_blank\" rel=\"noopener\">\n <div class=\"feature-news-img\">\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/05\/scimgYnr2I3.webp\" alt=\"\u5929\u4e0b\u96dc\u8a8c\u7368\u7acb\u8a55\u8ad6\u5831\u5c0e\u7e2e\u5716\">\n <\/div>\n <div>\n <div class=\"feature-news-meta\">\u7368\u7acb\u8a55\u8ad6 \uff5c \u5929\u4e0b\u96dc\u8a8c<\/div>\n <div class=\"feature-news-title\">\u5f9e\u98a8\u707d\u843d\u679c\u5230\u9175\u7d20\u3001\u624b\u5de5\u7d19\uff1a\u53f0\u5357\u67da\u5b50\u7684\u518d\u5275\u9020<\/div>\n <div class=\"feature-news-arrow\">\u95b1\u8b80\u5b8c\u6574\u5831\u5c0e \u2192<\/div>\n <\/div>\n <\/a>\n <\/div>\n\n <div class=\"feature-visual reveal\">\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/05\/scimgP79dXF.webp\" alt=\"\u6587\u65e6\u518d\u751f\u7d19\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"products\" id=\"products\">\n <div class=\"container\">\n <div class=\"products-intro reveal\">\n <span class=\"section-label\">PRICING \u2014 \u63a1\u8cfc\u65b9\u6848<\/span>\n <h2 class=\"section-title\">\u4e94\u4ef6\u53f0\u7063\u6c38\u7e8c\u54c1\uff0c<br>\u628a\u571f\u5730\u642c\u9032\u7a7a\u9593\u88e1<span class=\"section-deco\"><span>\u25cf<\/span><span>\u263d<\/span><span>\u2605<\/span><\/span><\/h2>\n <p>\u6bcf\u4e00\u4ef6\u7686\u7531\u53f0\u5357\u5de5\u4f5c\u5ba4\u7d14\u624b\u5de5\u88fd\u4f5c\uff0c\u9650\u91cf\u4f9b\u61c9\u4f01\u696d\u798f\u59d4\u63a1\u8cfc\u3002<\/p>\n <\/div>\n\n <div class=\"products-grid\">\n\n \n <div class=\"product-card reveal\">\n <div class=\"product-img\">\n <span class=\"product-badge\">\u6c38\u7e8c \u00d7 \u53f0\u7063<\/span>\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/05\/scimgAzOEbG.webp\" alt=\"\u53f0\u7063\u9020\u578b\u96f6\u9322\u76e4\">\n <\/div>\n <div class=\"product-body\">\n <div class=\"product-tags\">\n <span class=\"product-tag\">#\u9580\u5e02<\/span>\n <span class=\"product-tag\">#\u7d50\u5e33\u6aaf\u9762<\/span>\n <span class=\"product-tag\">#\u65e5\u5e38\u89f8\u9ede<\/span>\n <span class=\"product-tag\">#\u8010\u7528<\/span>\n <\/div>\n <h3 class=\"product-name\">\u53f0\u7063\u9020\u578b\u96f6\u9322\u76e4<\/h3>\n <p class=\"product-desc\">\u4ee5\u53f0\u7063\u5cf6\u5dbc\u70ba\u8f2a\u5ed3\u7684\u7d19\u6f3f\u6dfa\u76e4\uff0c\u7531\u6587\u65e6\u843d\u679c\u7e96\u7dad\u5851\u5f62\u800c\u6210\u3002\u9470\u5319\u3001\u96f6\u9322\u3001\u593e\u5b50\u3001\u5370\u7ae0\uff0c\u6bcf\u4e00\u6b21\u9806\u624b\u653e\u4e0b\u7684\u7269\u4ef6\uff0c\u90fd\u88ab\u9019\u7247\u571f\u5730\u63a5\u4f4f\u3002\u653e\u5728\u9580\u5e02\u7d50\u5e33\u8655\u3001\u8fa6\u516c\u684c\u4e00\u9685\uff0c\u662f\u4e00\u7a2e\u4e0d\u55a7\u5629\u7684\u65e5\u5e38\u966a\u4f34\u3002<\/p>\n <div class=\"product-price\">\n <div class=\"price-block\">\n <span class=\"price-label\">\u96f6\u552e\u50f9<\/span>\n <span class=\"price-retail\">NT$ 600<\/span>\n <\/div>\n <div class=\"price-block\" style=\"align-items:flex-end;\">\n <span class=\"price-label\">\u5408\u4f5c\u6279\u767c\u50f9<\/span>\n <span class=\"price-wholesale\">260<span class=\"unit\">\u5143 \/ \u4ef6<\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card reveal\">\n <div class=\"product-img\">\n <span class=\"product-badge\">\u6c38\u7e8c \u00d7 \u53f0\u7063<\/span>\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/05\/scimgvr1Rbb.webp\" alt=\"\u6536\u64da\u96c6\u76d2\">\n <\/div>\n <div class=\"product-body\">\n <div class=\"product-tags\">\n <span class=\"product-tag\">#\u9580\u5e02<\/span>\n <span class=\"product-tag\">#\u6536\u7d0d<\/span>\n <span class=\"product-tag\">#\u8edf\u88dd<\/span>\n <span class=\"product-tag\">#\u8010\u7528<\/span>\n <\/div>\n <h3 class=\"product-name\">\u6536\u64da\u96c6\u76d2<\/h3>\n <p class=\"product-desc\">\u56de\u6536\u9910\u98f2\u73fe\u5834\u7d2f\u7a4d\u7684\u5ee2\u68c4\u767c\u7968\u8207\u611f\u71b1\u7d19\uff0c\u8207\u6587\u65e6\u843d\u679c\u7e96\u7dad\u6df7\u6284\u6210\u578b\u3002\u4e00\u500b\u7528\u4f86\u6536\u7d0d\u6536\u64da\u3001\u767c\u7968\u3001\u5c0f\u7d19\u689d\u7684\u76d2\u5b50\uff0c\u672c\u8eab\u5c31\u662f\u5169\u7a2e\u5ee2\u68c4\u7269\u4e92\u76f8\u56de\u61c9\u7684\u7d19\u4e0a\u5c0d\u8a71\u2014\u2014\u4e00\u908a\u662f\u5de5\u696d\u7684\uff0c\u4e00\u908a\u662f\u8fb2\u696d\u7684\uff0c\u90fd\u662f\u53f0\u7063\u3002<\/p>\n <div class=\"product-price\">\n <div class=\"price-block\">\n <span class=\"price-label\">\u96f6\u552e\u50f9<\/span>\n <span class=\"price-retail\">NT$ 480<\/span>\n <\/div>\n <div class=\"price-block\" style=\"align-items:flex-end;\">\n <span class=\"price-label\">\u5408\u4f5c\u6279\u767c\u50f9<\/span>\n <span class=\"price-wholesale\">240<span class=\"unit\">\u5143 \/ \u4ef6<\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card reveal\">\n <div class=\"product-img\">\n <span class=\"product-badge\">\u6c38\u7e8c \u00d7 \u53f0\u7063<\/span>\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/05\/scimguXniZL.webp\" alt=\"\u67da\u76ae\u7e96\u571f\u74f6\u5668\">\n <\/div>\n <div class=\"product-body\">\n <div class=\"product-tags\">\n <span class=\"product-tag\">#\u5de5\u4f5c\u5ba4<\/span>\n <span class=\"product-tag\">#\u9580\u5e02<\/span>\n <span class=\"product-tag\">#\u82b1\u85dd<\/span>\n <span class=\"product-tag\">#\u8edf\u88dd<\/span>\n <\/div>\n <h3 class=\"product-name\">\u67da\u76ae\u7e96\u571f\u74f6\u5668<\/h3>\n <p class=\"product-desc\">\u56de\u6536\u7279\u5b9a\u898f\u683c\u7684\u74f6\u8eab\uff0c\u5916\u5c64\u88f9\u8986\u4ee5\u67da\u76ae\u8207\u7926\u571f\u8abf\u548c\u7684\u7d19\u6f3f\u3002\u7c97\u7377\u7684\u7e96\u7dad\u8207\u5805\u786c\u7684\u74f6\u5668\u5167\u88e1\uff0c\u662f\u518d\u751f\u5de5\u85dd\u6700\u76f4\u63a5\u7684\u5c0d\u8a71\u3002\u53ef\u4f5c\u70ba\u55ae\u652f\u82b1\u5668\u3001\u4e7e\u71e5\u82b1\u74f6\u3001\u5e97\u5167\u64fa\u4ef6\u2014\u2014\u6bcf\u4e00\u53ea\u7684\u7d0b\u7406\uff0c\u90fd\u662f\u624b\u4f5c\u7559\u4e0b\u7684\u3002<\/p>\n <div class=\"product-price\">\n <div class=\"price-block\">\n <span class=\"price-label\">\u96f6\u552e\u50f9<\/span>\n <span class=\"price-retail\">NT$ 580<\/span>\n <\/div>\n <div class=\"price-block\" style=\"align-items:flex-end;\">\n <span class=\"price-label\">\u5408\u4f5c\u6279\u767c\u50f9<\/span>\n <span class=\"price-wholesale\">180<span class=\"unit\">\u5143 \/ \u4ef6<\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card reveal\">\n <div class=\"product-img\">\n <span class=\"product-badge\">\u6c38\u7e8c \u00d7 \u53f0\u7063<\/span>\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/05\/scimgZPcALP.webp\" alt=\"\u518d\u751f\u98a8\u9234\">\n <\/div>\n <div class=\"product-body\">\n <div class=\"product-tags\">\n <span class=\"product-tag\">#\u5de5\u4f5c\u5ba4<\/span>\n <span class=\"product-tag\">#\u9580\u5e02<\/span>\n <span class=\"product-tag\">#\u8072\u97ff<\/span>\n <span class=\"product-tag\">#\u8edf\u88dd<\/span>\n <\/div>\n <h3 class=\"product-name\">\u518d\u751f\u98a8\u9234<\/h3>\n <p class=\"product-desc\">\u5168\u7d19\u6f3f\u624b\u5de5\u5851\u5f62\u7684\u5ba4\u5167\u98a8\u9234\uff0c\u8f15\u89f8\u767c\u51fa\u4f4e\u983b\u3001\u542b\u84c4\u7684\u9234\u97ff\u3002\u639b\u5728\u7a97\u908a\u3001\u51fa\u98a8\u53e3\u4e0b\u65b9\uff0c\u6216\u9580\u6963\u4e00\u5074\u2014\u2014\u8b93\u5ba4\u5167\u7684\u7a7a\u8abf\u6c23\u6d41\uff0c\u4e5f\u6709\u4e00\u500b\u81ea\u7136\u7684\u56de\u61c9\uff0c\u628a\u57ce\u5e02\u7684\u4eba\u9020\u7bc0\u594f\uff0c\u6162\u500b\u534a\u62cd\u3002<\/p>\n <div class=\"product-price\">\n <div class=\"price-block\">\n <span class=\"price-label\">\u96f6\u552e\u50f9<\/span>\n <span class=\"price-retail\">NT$ 580<\/span>\n <\/div>\n <div class=\"price-block\" style=\"align-items:flex-end;\">\n <span class=\"price-label\">\u5408\u4f5c\u6279\u767c\u50f9<\/span>\n <span class=\"price-wholesale\">180<span class=\"unit\">\u5143 \/ \u4ef6<\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card reveal\">\n <div class=\"product-img\">\n <span class=\"product-badge\">\u6c38\u7e8c \u00d7 \u53f0\u7063<\/span>\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/05\/scimgdptJSB.webp\" alt=\"\u67da\u79ae\u63d0\u888b\">\n <\/div>\n <div class=\"product-body\">\n <div class=\"product-tags\">\n <span class=\"product-tag\">#\u65e5\u5e38<\/span>\n <span class=\"product-tag\">#\u690d\u67d3<\/span>\n <span class=\"product-tag\">#\u4e2d\u79cb\u9650\u5b9a<\/span>\n <span class=\"product-tag\">#\u79ae\u7269<\/span>\n <\/div>\n <h3 class=\"product-name\">\u67da\u79ae\u676f\u888b<\/h3>\n <p class=\"product-desc\">\u63a1\u96c6\u67da\u82b1\u8207\u6587\u65e6\u8449\uff0c\u4ee5\u690d\u67d3\u70ba\u7d14\u68c9\u676f\u888b\u4e0a\u8272\u3002\u6bcf\u4e00\u53ea\u888b\u4e0a\u7684\u7d0b\u8def\u6df1\u6dfa\uff0c\u7686\u96a8\u63a1\u96c6\u5b63\u7bc0\u800c\u7570\u2014\u2014\u662f\u690d\u7269\u5beb\u4e0b\u7684\u9650\u5b9a\u7c3d\u540d\u3002\u4e2d\u79cb\u9001\u79ae\uff0c\u5f9e\u4e00\u500b\u676f\u888b\u958b\u59cb\u5c31\u6709\u6545\u4e8b\u53ef\u8aaa\u3002<\/p>\n <div class=\"product-price\">\n <div class=\"price-block\">\n <span class=\"price-label\">\u96f6\u552e\u50f9<\/span>\n <span class=\"price-retail\">NT$ 240<\/span>\n <\/div>\n <div class=\"price-block\" style=\"align-items:flex-end;\">\n <span class=\"price-label\">\u5408\u4f5c\u6279\u767c\u50f9<\/span>\n <span class=\"price-wholesale\">120<span class=\"unit\">\u5143 \/ \u4ef6<\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"team\" id=\"team\">\n <div class=\"container\">\n <div class=\"team-grid\">\n <div class=\"team-visual reveal\">\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/04\/scimguut4vY.webp\" alt=\"\u5357\u7121\u5357\u6f2b\u5718\u968a\u5408\u7167\">\n <\/div>\n <div class=\"reveal\">\n <span class=\"section-label\">ABOUT US \u2014 \u95dc\u65bc\u6211\u5011<\/span>\n <h2 class=\"section-title\">\u4e00\u7fa4\u9078\u64c7\u5171\u751f<br>\u628a\u751f\u6d3b\u5be6\u9a57\u4e00\u6b21\u7684\u4eba<span class=\"section-deco\"><span>\u25cf<\/span><span>\u263d<\/span><span>\u2605<\/span><\/span><\/h2>\n <p>\u5357\u7121\u5357\u6f2b home\uff0c\u4e00\u7fa4\u5e73\u5747\u4e09\u5341\u6b72\u7684\u597d\u53cb\u8207\u8001\u5e2b\uff0c\u96e2\u958b\u539f\u672c\u7684\u751f\u6d3b\u3001\u5de5\u4f5c\u982d\u929c\uff0c\u4ee5\u300c\u81ea\u9078\u5bb6\u4eba\u300d\u7684\u65b9\u5f0f\u805a\u5408\uff0c\u5171\u540c\u5b78\u7fd2\u751f\u547d\u3002\u5728\u53f0\u5357\u91cd\u65b0\u63a2\u7d22\u500b\u4eba\u5929\u8ce6\uff0c\u767c\u5c55\u6210\u7368\u6709\u7684\u7d93\u6fdf\u6d3b\u52d5\u8207\u793e\u6703\u884c\u52d5\u3002<\/p>\n <p>\u662f\u4e00\u500b\u5171\u751f\u5be6\u9a57\u793e\u7fa4\uff0c\u4e5f\u662f\u4e00\u9593\u5496\u5561\u5ef3\u3001\u4e00\u9593\u793e\u6703\u4f01\u696d\u3002\u6838\u5fc3\u7406\u5ff5\u70ba\u81ea\u8655\u3001\u81ea\u9078\u3001\u81ea\u7531\u3001\u81ea\u5728\u3002<\/p>\n\n <h3 class=\"awards-title\">\u7372\u734e\u8207\u80af\u5b9a<\/h3>\n <ul class=\"awards-list\">\n <li>\u8fb2\u696d\u90e8\u6c34\u4fdd\u7f72 \u2014 115\u5e74\u5ea6 \u9752\u5e74\u56de\u9109\u884c\u52d5\u734e\u52f5\u8a08\u756b<\/li>\n <li>\u6559\u80b2\u90e8\u9752\u767c\u7f72 \u2014 115\u5e74\u5ea6 \u9752\u5fd7\u734e\u4f73\u884c\u734e\uff08\u7372\u7e3d\u7d71\u63a5\u898b\uff09<\/li>\n <li>\u6210\u5927\u7522\u5275\u4e2d\u5fc3 \u2014 114\u5e74\u5ea6 \u6210\u5927\u5275\u65b0\u5713\u5922\u8a08\u756b<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"clients\" id=\"clients\">\n <div class=\"container\">\n <div class=\"clients-intro reveal\">\n <span class=\"section-label\">EXPERIENCE \u2014 \u5c65\u7d04\u7d93\u9a57<\/span>\n <h2 class=\"section-title\">\u6211\u5011\uff0c<br>\u8d70\u904e\u7684\u8db3\u8de1<span class=\"section-deco\"><span>\u25cf<\/span><span>\u263d<\/span><span>\u2605<\/span><\/span><\/h2>\n <\/div>\n\n <div class=\"clients-gallery reveal\">\n <div class=\"gallery-item large\">\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/05\/scimgeeS4jh.webp\" alt=\"\u904e\u5f80\u5408\u4f5c\u4e3b\u5716\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/05\/scimgAVgxMa.webp\" alt=\"\u73fe\u5834\u5074\u62cd 1\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/02\/scimgAaDdyP.webp\" alt=\"\u73fe\u5834\u5074\u62cd 2\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/01\/scimgym3OMd.webp\" alt=\"\u4f5c\u54c1\u6210\u679c 1\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/05\/scimgbZSQKP.webp\" alt=\"\u4f5c\u54c1\u6210\u679c 2\">\n <\/div>\n <\/div>\n\n <div class=\"clients-grid reveal\">\n <div class=\"client-card\">\n <span class=\"client-name\">\u65e5\u672c\u6771\u4eac<\/span>\n <span class=\"client-project\">Design Festa \u8a2d\u8a08\u5c55<\/span>\n <\/div>\n <div class=\"client-card\">\n <span class=\"client-name\">\u62d3\u535a\u8eca\u696d<\/span>\n <span class=\"client-project\">Jimny \u00d7 \u751f\u6d3b\u8cea\u611f\u4ea4\u8eca\u79ae<\/span>\n <\/div>\n <div class=\"client-card\">\n <span class=\"client-name\">\u5357\u5c71\u4eba\u58fd<\/span>\n <span class=\"client-project\">\u4f01\u696d\u6c38\u7e8c\u5c08\u6848 \u00d7 \u9ad8\u9f61\u9632\u8a50<\/span>\n <\/div>\n <div class=\"client-card\">\n <span class=\"client-name\">\u53f0\u7063\u5927\u798f<\/span>\n <span class=\"client-project\">\u65e5\u5546 20 \u9031\u5e74\u6176\u5178\u6d3b\u52d5<\/span>\n <\/div>\n <div class=\"client-card\">\n <span class=\"client-name\">\u6ce1\u6ce1\u9f8d\u75c5\u53cb\u5354\u6703<\/span>\n <span class=\"client-project\">\u516c\u76ca\u6210\u679c\u767c\u8868\u6703\u66a8\u5712\u904a\u6703<\/span>\n <\/div>\n <div class=\"client-card\">\n <span class=\"client-name\">Teach For Taiwan<\/span>\n <span class=\"client-project\">\u5c4f\u5357\u6559\u5e2b\u958b\u5b78\u5b63\u800d\u5ee2\u5de5\u4f5c\u574a<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"services\" style=\"background: var(--bg-cream-soft);\">\n <div class=\"container\">\n <div class=\"reveal\" style=\"text-align:center;\">\n <span class=\"section-label\">MORE \u2014 \u5176\u4ed6\u884d\u4f38\u5408\u4f5c<\/span>\n <h2 class=\"section-title\">\u7522\u54c1\u4e4b\u5916\uff0c<br>\u6211\u5011\u9084\u505a\u9019\u4e9b\u4e8b<span class=\"section-deco\"><span>\u25cf<\/span><span>\u263d<\/span><span>\u2605<\/span><\/span><\/h2>\n <\/div>\n <div class=\"services-grid reveal\">\n <div class=\"service-card\">\n <div class=\"service-icon\">\u2726<\/div>\n <div class=\"service-name\">\u6d3b\u52d5\u4f01\u5283<\/div>\n <div class=\"service-desc\">\u4f01\u696d\u5bb6\u5ead\u65e5\u3001\u5275\u65b0\u6c38\u7e8c\u6d3b\u52d5\u7b56\u5283\u8207\u57f7\u884c<\/div>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\u25c6<\/div>\n <div class=\"service-name\">\u6f14\u8b1b\u9080\u7d04<\/div>\n <div class=\"service-desc\">\u6821\u5712\u6f14\u8b1b\u3001\u4f01\u696d ESG \u57f9\u8a13\u8ab2\u7a0b<\/div>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\u263d<\/div>\n <div class=\"service-name\">\u6f14\u51fa\u9080\u7d04<\/div>\n <div class=\"service-desc\">\u684c\u908a\u559c\u5287\u3001\u5be6\u9a57\u4eba\u751f\u5287\u5834<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"media\" id=\"media\">\n <div class=\"container\">\n <div class=\"reveal\" style=\"text-align:center;\">\n <span class=\"section-label\">PRESS \u2014 \u5a92\u9ad4\u5831\u5c0e<\/span>\n <h2 class=\"section-title\">\u5357\u7121\u5357\u6f2bhome<br>\u76f8\u95dc\u5831\u5c0e<span class=\"section-deco\"><span>\u25cf<\/span><span>\u263d<\/span><span>\u2605<\/span><\/span><\/h2>\n <\/div>\n <div class=\"media-grid reveal\">\n <a class=\"media-card\" href=\"https:\/\/opinion.cw.com.tw\/blog\/profile\/580\/article\/16358\" target=\"_blank\" rel=\"noopener\">\n <span class=\"media-source\">\u7368\u7acb\u8a55\u8ad6 @ \u5929\u4e0b\u96dc\u8a8c<\/span>\n <span class=\"media-title\">\u5f9e\u98a8\u707d\u843d\u679c\u5230\u9175\u7d20\u3001\u624b\u5de5\u7d19\uff1a\u53f0\u5357\u67da\u5b50\u7684\u518d\u5275\u9020<\/span>\n <span class=\"media-link\">\u95b1\u8b80\u5168\u6587<\/span>\n <\/a>\n <a class=\"media-card\" href=\"https:\/\/news.ltn.com.tw\/news\/Tainan\/breakingnews\/5222976\" target=\"_blank\" rel=\"noopener\">\n <span class=\"media-source\">\u81ea\u7531\u6642\u5831<\/span>\n <span class=\"media-title\">\u300c\u6ce1\u6ce1\u9f8d\u300d\u7537\u5b69\u7684\u8857\u982d\u5922\u3000\u5f35\u4e0d\u958b\u624b\u6307\u4e5f\u80fd\u6572\u51fa\u52c7\u6562\u9f13\u8072<\/span>\n <span class=\"media-link\">\u95b1\u8b80\u5168\u6587<\/span>\n <\/a>\n <a class=\"media-card\" href=\"https:\/\/www.agriharvest.tw\/archives\/128733\/\" target=\"_blank\" rel=\"noopener\">\n <span class=\"media-source\">\u8fb2\u50b3\u5a92<\/span>\n <span class=\"media-title\">\u4e0d\u61fc\u707d\u640d\u3000\u6587\u65e6\u843d\u679c\u4e5f\u80fd\u91cd\u751f\uff1a\u6e2f\u4eba\u8207\u5728\u5730\u9752\u5e74\u7684\u8b77\u8fb2\u518d\u751f\u8a08\u756b<\/span>\n <span class=\"media-link\">\u95b1\u8b80\u5168\u6587<\/span>\n <\/a>\n <a class=\"media-card\" href=\"https:\/\/opinion.cw.com.tw\/blog\/profile\/52\/article\/17095\" target=\"_blank\" rel=\"noopener\">\n <span class=\"media-source\">\u7368\u7acb\u8a55\u8ad6 @ \u5929\u4e0b\u96dc\u8a8c<\/span>\n <span class=\"media-title\">\u300c\u7919\u4f60\u300d\u8b8a\u300c\u611b\u4f60\u300d\uff1a7 \u4eba\u5171\u751f\u9032\u884c\u5f0f<\/span>\n <span class=\"media-link\">\u95b1\u8b80\u5168\u6587<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"invitation\" id=\"contact\">\n <div class=\"invitation-card reveal\">\n <span class=\"section-label\">CONTACT \u2014 \u806f\u7d61\u6211\u5011<\/span>\n <h2 class=\"invitation-title\">\u6c38\u7e8c\u4e4b\u4e8b\uff0c<br>\u8aa0\u646f\u9080\u8acb\u3002<\/h2>\n\n <div class=\"invitation-buttons\">\n <a href=\"tel:+88662516893\" class=\"invitation-btn\">\n <span class=\"btn-icon\">\u260f<\/span>\n <div class=\"btn-content\">\n <span class=\"btn-label\">PHONE<\/span>\n <span class=\"btn-value\">+886 6-2516893<\/span>\n <span class=\"btn-sub\">\u738b\u5148\u751f\uff08Larry\uff09<\/span>\n <\/div>\n <\/a>\n\n <a href=\"mailto:contact@om-mine.com\" class=\"invitation-btn\">\n <span class=\"btn-icon\">\u2709<\/span>\n <div class=\"btn-content\">\n <span class=\"btn-label\">EMAIL<\/span>\n <span class=\"btn-value\">contact@om-mine.com<\/span>\n <\/div>\n <\/a>\n <\/div>\n\n <p class=\"invitation-tagline\">\n \u5357\u7121\u5357\u6f2b home<span class=\"dot\">\uff5c<\/span>\u5171\u751f<span class=\"dot\">\u00b7<\/span>\u5171\u4f5c<span class=\"dot\">\u00b7<\/span>\u5171\u597d\u4e4b\u5730\n <\/p>\n <\/div>\n <\/section>\n\n<\/div>\n\n<script>\n\/* ========================================\n JS \u9694\u96e2\uff1a\u4f7f\u7528 IIFE \u5305\u8986\uff0c\u4e0d\u6c61\u67d3\u5168\u57df\u8b8a\u6578\n ======================================== *\/\n(function() {\n 'use strict';\n\n const root = document.querySelector('.namo-root');\n if (!root) return;\n\n \/\/ -------- 1. \u5e73\u6ed1\u6372\u52d5 --------\n root.querySelectorAll('a[href^=\"#\"]').forEach(link => {\n link.addEventListener('click', function(e) {\n const target = root.querySelector(this.getAttribute('href'));\n if (target) {\n e.preventDefault();\n const offset = 60;\n const targetY = target.getBoundingClientRect().top + window.pageYOffset - offset;\n window.scrollTo({ top: targetY, behavior: 'smooth' });\n }\n });\n });\n\n \/\/ -------- 2. Scroll Reveal \u52d5\u756b --------\n if ('IntersectionObserver' in window) {\n const revealObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n revealObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n\n root.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));\n } else {\n root.querySelectorAll('.reveal').forEach(el => el.classList.add('is-visible'));\n }\n\n \/\/ -------- 3. \u5074\u908a\u5713\u9ede\uff1a\u81ea\u52d5\u9ad8\u4eae --------\n const sections = root.querySelectorAll('section[id]');\n const dotLinks = root.querySelectorAll('.dot-nav a');\n\n if ('IntersectionObserver' in window && sections.length && dotLinks.length) {\n const activeObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const id = entry.target.getAttribute('id');\n dotLinks.forEach(link => {\n link.classList.toggle('is-active', link.getAttribute('href') === '#' + id);\n });\n }\n });\n }, { rootMargin: '-40% 0px -55% 0px', threshold: 0 });\n\n sections.forEach(sec => activeObserver.observe(sec));\n }\n\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5357\u7121\u5357\u6f2b NAMO COLLECTIVE\uff5c\u6c38\u7e8c\u624b\u4f5c\u7522\u54c1 \u4f01\u696d\u798f\u59d4\u63a1\u8cfc\u5c08\u9801 PRODUCT INTRODUCTI […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_gspb_post_css":"","footnotes":""},"class_list":["post-1208","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/om-mine.com\/en\/wp-json\/wp\/v2\/pages\/1208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/om-mine.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/om-mine.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/om-mine.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/om-mine.com\/en\/wp-json\/wp\/v2\/comments?post=1208"}],"version-history":[{"count":0,"href":"https:\/\/om-mine.com\/en\/wp-json\/wp\/v2\/pages\/1208\/revisions"}],"wp:attachment":[{"href":"https:\/\/om-mine.com\/en\/wp-json\/wp\/v2\/media?parent=1208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1208,"date":"2026-05-27T10:45:47","date_gmt":"2026-05-27T02:45:47","guid":{"rendered":"https:\/\/om-mine.com\/?page_id=1208"},"modified":"2026-05-27T17:56:29","modified_gmt":"2026-05-27T09:56:29","slug":"st-pro","status":"publish","type":"page","link":"https:\/\/om-mine.com\/en\/st-pro\/","title":{"rendered":"\u6c38\u7e8c\u624b\u4f5c\u7522\u54c1\uff5c\u4f01\u696d\u798f\u59d4\u63a1\u8cfc\u5c08\u9801"},"content":{"rendered":"\n\n\n\n\n\n\u5357\u7121\u5357\u6f2b NAMO COLLECTIVE\uff5c\u6c38\u7e8c\u624b\u4f5c\u7522\u54c1 \u4f01\u696d\u798f\u59d4\u63a1\u8cfc\u5c08\u9801<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Noto+Serif+TC:wght@500;700;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ========================================\n CSS \u9694\u96e2\uff1a\u5168\u90e8\u5305\u5728 .namo-root \u547d\u540d\u7a7a\u9593\u4e0b\n ======================================== *\/\n.namo-root, .namo-root * { box-sizing: border-box; margin: 0; padding: 0; }\n\n.namo-root {\n --bg-cream: #F2EBD8;\n --bg-cream-soft: #F8F3E4;\n --bg-white: #FDFBF4;\n --green-primary: #4A7C59;\n --green-dark: #2D5439;\n --green-mid: #6B9A77;\n --green-light: #B8CFB8;\n --green-soft: #E4EDE0;\n --text-dark: #1F2D22;\n --text-body: #4A5C4D;\n --text-muted: #8A9C8C;\n --line: #D9D2BD;\n --gold: #B89856;\n\n --radius-sm: 12px;\n --radius-md: 20px;\n --radius-lg: 32px;\n --shadow-soft: 0 4px 20px rgba(45, 84, 57, 0.08);\n --shadow-card: 0 8px 32px rgba(45, 84, 57, 0.10);\n --shadow-hover: 0 16px 48px rgba(45, 84, 57, 0.15);\n\n font-family: 'Noto Sans TC', -apple-system, BlinkMacSystemFont, sans-serif;\n font-weight: 400;\n color: var(--text-dark);\n background-color: var(--bg-cream);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.namo-root .serif { font-family: 'Noto Serif TC', serif; }\n.namo-root .container { max-width: 1180px; margin: 0 auto; padding: 0 24px; }\n\n\/* ========== \u901a\u7528\uff1a\u5716\u7247\u5b8c\u6574\u5448\u73fe\uff08\u4e0d\u88c1\u5207\uff09 ========== *\/\n.namo-root .feature-visual img,\n.namo-root .product-img img,\n.namo-root .team-visual img,\n.namo-root .gallery-item img,\n.namo-root .feature-news-img img {\n width: 100%; height: 100%;\n object-fit: contain;\n display: block;\n}\n\n\/* ========== \u6d6e\u52d5\u5074\u908a\u5713\u9ede\u5c0e\u89bd ========== *\/\n.namo-root .dot-nav {\n position: fixed; right: 28px; top: 50%;\n transform: translateY(-50%);\n display: flex; flex-direction: column; gap: 18px;\n z-index: 50;\n}\n.namo-root .dot-nav a {\n position: relative; display: flex; align-items: center;\n width: 12px; height: 12px; text-decoration: none;\n}\n.namo-root .dot-nav a::before {\n content: ''; width: 10px; height: 10px; border-radius: 50%;\n background: rgba(74, 124, 89, 0.25);\n border: 1.5px solid var(--green-primary);\n transition: all .25s ease;\n}\n.namo-root .dot-nav a:hover::before,\n.namo-root .dot-nav a.is-active::before {\n background: var(--green-primary); transform: scale(1.4);\n}\n.namo-root .dot-nav a::after {\n content: attr(data-label);\n position: absolute; right: 24px; top: 50%;\n transform: translateY(-50%) translateX(8px);\n background: var(--green-dark); color: var(--bg-cream);\n padding: 6px 14px; border-radius: 999px;\n font-size: 12px; white-space: nowrap;\n opacity: 0; pointer-events: none;\n transition: all .25s ease;\n font-family: 'Noto Sans TC';\n box-shadow: var(--shadow-soft);\n}\n.namo-root .dot-nav a:hover::after {\n opacity: 1; transform: translateY(-50%) translateX(0);\n}\n\n\/* ========== Section \u901a\u7528 ========== *\/\n.namo-root section {\n padding: 96px 0; position: relative;\n scroll-margin-top: 80px;\n}\n.namo-root .section-label {\n display: inline-block; font-size: 12px; letter-spacing: 4px;\n color: var(--green-primary); font-weight: 500; text-transform: uppercase;\n margin-bottom: 16px;\n}\n.namo-root .section-title {\n font-family: 'Noto Serif TC'; font-weight: 700; font-size: 44px;\n color: var(--text-dark); line-height: 1.4; margin-bottom: 20px;\n}\n.namo-root .section-deco {\n display: inline-flex; gap: 10px; margin-left: 14px;\n font-size: 18px; vertical-align: middle;\n}\n.namo-root .section-deco span:nth-child(1) { color: var(--green-primary); }\n.namo-root .section-deco span:nth-child(2) { color: var(--green-mid); }\n.namo-root .section-deco span:nth-child(3) { color: var(--gold); }\n\n\/* ========== Hero ========== *\/\n.namo-root .hero {\n padding: 80px 0 64px; position: relative; overflow: hidden;\n}\n.namo-root .hero-orb {\n position: absolute; right: -120px; top: 40px;\n width: 480px; height: 480px; border-radius: 50%;\n background: radial-gradient(circle at 30% 30%, rgba(107,154,119,0.3), rgba(184,207,184,0.1) 60%, transparent 75%);\n filter: blur(20px); pointer-events: none;\n}\n.namo-root .hero-content { position: relative; z-index: 1; max-width: 720px; }\n.namo-root .hero-title {\n font-family: 'Noto Serif TC'; font-weight: 900;\n font-size: clamp(40px, 5vw, 64px);\n color: var(--text-dark); line-height: 1.25; margin-bottom: 24px;\n letter-spacing: 2px;\n}\n.namo-root .hero-title em { color: var(--green-primary); font-style: normal; }\n.namo-root .hero-slogan {\n font-family: 'Noto Serif TC'; font-size: 22px; color: var(--green-dark);\n font-weight: 500; margin-bottom: 28px; letter-spacing: 1px;\n padding-left: 20px; border-left: 3px solid var(--green-primary);\n}\n.namo-root .hero-desc { font-size: 17px; color: var(--text-body); max-width: 580px; }\n\n\/* ========== \u6587\u65e6\u518d\u751f\u7d19 ========== *\/\n.namo-root .feature {\n background: linear-gradient(180deg, var(--bg-cream) 0%, var(--green-soft) 100%);\n margin: 0 24px; border-radius: var(--radius-lg);\n}\n.namo-root .feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }\n.namo-root .feature-eyebrow {\n font-size: 14px; color: var(--text-muted);\n line-height: 1.7; margin-bottom: 18px;\n padding-left: 14px; border-left: 2px solid var(--green-light);\n max-width: 460px;\n}\n.namo-root .feature-title {\n font-family: 'Noto Serif TC'; font-weight: 700; font-size: 36px;\n line-height: 1.45; color: var(--text-dark); margin-bottom: 20px;\n}\n.namo-root .feature-title .year { color: var(--green-primary); font-weight: 900; }\n.namo-root .feature-sub { font-size: 17px; color: var(--text-body); margin-bottom: 36px; }\n\n.namo-root .feature-news {\n background: var(--bg-white); padding: 24px; border-radius: var(--radius-md);\n display: flex; gap: 20px; align-items: center;\n text-decoration: none; color: inherit;\n border: 1px solid var(--line);\n transition: all .3s;\n}\n.namo-root .feature-news:hover { transform: translateY(-2px); box-shadow: var(--shadow-card); }\n.namo-root .feature-news-img {\n width: 120px; height: 90px; flex-shrink: 0;\n border-radius: var(--radius-sm); overflow: hidden;\n background: var(--bg-cream-soft);\n}\n.namo-root .feature-news-meta { font-size: 11px; color: var(--green-primary); letter-spacing: 2px; margin-bottom: 6px; font-weight: 500; }\n.namo-root .feature-news-title { font-family: 'Noto Serif TC'; font-size: 16px; font-weight: 700; color: var(--text-dark); margin-bottom: 6px; line-height: 1.4; }\n.namo-root .feature-news-arrow { font-size: 11px; color: var(--green-primary); }\n\n.namo-root .feature-visual {\n aspect-ratio: 1; border-radius: var(--radius-lg);\n background: var(--bg-white);\n position: relative; overflow: hidden;\n box-shadow: var(--shadow-card);\n}\n\n\/* ========== \u7522\u54c1\u5340 ========== *\/\n.namo-root .products { background: var(--bg-cream); }\n.namo-root .products-intro { text-align: center; margin-bottom: 64px; }\n.namo-root .products-intro .section-title { font-size: 40px; }\n.namo-root .products-intro p { font-size: 16px; color: var(--text-muted); max-width: 560px; margin: 0 auto; }\n\n.namo-root .products-grid {\n display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px;\n}\n.namo-root .product-card:nth-child(5) { grid-column: 1 \/ -1; max-width: 580px; margin: 0 auto; }\n\n.namo-root .product-card {\n background: var(--bg-white); border-radius: var(--radius-lg);\n overflow: hidden; box-shadow: var(--shadow-soft);\n transition: all .35s; display: flex; flex-direction: column;\n border: 1px solid rgba(217, 210, 189, 0.5);\n}\n.namo-root .product-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); }\n\n.namo-root .product-img {\n aspect-ratio: 4\/3; position: relative; overflow: hidden;\n background: var(--bg-cream-soft);\n}\n\n.namo-root .product-badge {\n position: absolute; top: 16px; left: 16px;\n background: rgba(253,251,244,0.95); padding: 6px 14px;\n border-radius: 999px; font-size: 11px; letter-spacing: 2px;\n color: var(--green-dark); font-weight: 500; z-index: 2;\n}\n\n.namo-root .product-body { padding: 28px 28px 32px; flex: 1; display: flex; flex-direction: column; }\n.namo-root .product-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }\n.namo-root .product-tag {\n font-size: 12px; color: var(--green-primary);\n background: var(--green-soft); padding: 4px 12px;\n border-radius: 999px; font-weight: 500;\n}\n.namo-root .product-name {\n font-family: 'Noto Serif TC'; font-size: 24px; font-weight: 700;\n color: var(--text-dark); margin-bottom: 12px; line-height: 1.4;\n}\n.namo-root .product-desc {\n font-size: 14.5px; color: var(--text-body); line-height: 1.75;\n margin-bottom: 24px; flex: 1;\n}\n\n.namo-root .product-price {\n display: flex; justify-content: space-between; align-items: flex-end;\n padding-top: 20px; border-top: 1px dashed var(--line);\n}\n.namo-root .price-block { display: flex; flex-direction: column; gap: 4px; }\n.namo-root .price-label { font-size: 11px; color: var(--text-muted); letter-spacing: 2px; }\n.namo-root .price-retail { font-size: 14px; color: var(--text-muted); text-decoration: line-through; }\n.namo-root .price-wholesale { font-family: 'Noto Serif TC'; font-size: 28px; font-weight: 700; color: var(--green-dark); line-height: 1; }\n.namo-root .price-wholesale .unit { font-size: 14px; color: var(--text-muted); font-weight: 400; margin-left: 4px; }\n\n\/* ========== \u5718\u968a\u5340 ========== *\/\n.namo-root .team { background: var(--bg-cream-soft); }\n.namo-root .team-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\n.namo-root .team-visual {\n aspect-ratio: 4\/5; border-radius: var(--radius-lg);\n background: var(--bg-white);\n position: relative; overflow: hidden;\n box-shadow: var(--shadow-card);\n}\n.namo-root .team-text p { font-size: 16.5px; color: var(--text-body); margin-bottom: 18px; line-height: 1.85; }\n\n.namo-root .awards-title {\n font-family: 'Noto Serif TC'; font-size: 18px; font-weight: 700;\n color: var(--green-dark); margin: 36px 0 20px;\n display: flex; align-items: center; gap: 12px;\n}\n.namo-root .awards-title::before { content: '\u2299'; color: var(--gold); font-size: 20px; }\n.namo-root .awards-list { list-style: none; }\n.namo-root .awards-list li {\n font-size: 15px; color: var(--text-body); padding: 10px 0;\n border-bottom: 1px dashed var(--line);\n position: relative; padding-left: 18px;\n}\n.namo-root .awards-list li::before {\n content: '\u00b7'; color: var(--green-primary); font-size: 24px;\n position: absolute; left: 0; top: 0;\n}\n\n\/* ========== \u5c65\u7d04\u7d93\u9a57 ========== *\/\n.namo-root .clients-intro { text-align: center; margin-bottom: 56px; }\n.namo-root .clients-gallery {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n grid-template-rows: 1fr 1fr;\n gap: 16px; height: 480px; margin-bottom: 56px;\n}\n.namo-root .gallery-item {\n border-radius: var(--radius-md);\n overflow: hidden; position: relative;\n transition: all .35s;\n box-shadow: var(--shadow-soft);\n background: var(--bg-cream-soft);\n}\n.namo-root .gallery-item:hover { transform: translateY(-2px); box-shadow: var(--shadow-card); }\n.namo-root .gallery-item.large { grid-row: span 2; }\n\n.namo-root .clients-grid {\n display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;\n}\n.namo-root .client-card {\n background: var(--bg-white); padding: 24px 28px;\n border-radius: var(--radius-md); border: 1px solid var(--line);\n display: flex; flex-direction: column; gap: 6px;\n transition: all .3s;\n}\n.namo-root .client-card:hover { border-color: var(--green-mid); transform: translateX(4px); }\n.namo-root .client-name { font-family: 'Noto Serif TC'; font-size: 17px; font-weight: 700; color: var(--text-dark); }\n.namo-root .client-project { font-size: 14px; color: var(--text-muted); }\n\n\/* ========== \u5176\u4ed6\u884d\u4f38\u5408\u4f5c ========== *\/\n.namo-root .services-grid {\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;\n margin-top: 40px;\n}\n.namo-root .service-card {\n background: var(--bg-white); padding: 36px 32px;\n border-radius: var(--radius-md);\n border: 1px solid var(--line); text-align: center;\n transition: all .3s;\n}\n.namo-root .service-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-card); }\n.namo-root .service-icon {\n width: 56px; height: 56px; margin: 0 auto 20px;\n background: var(--green-soft); border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n color: var(--green-primary); font-size: 22px;\n}\n.namo-root .service-name { font-family: 'Noto Serif TC'; font-size: 20px; font-weight: 700; margin-bottom: 10px; color: var(--text-dark); }\n.namo-root .service-desc { font-size: 14px; color: var(--text-muted); line-height: 1.7; }\n\n\/* ========== \u5a92\u9ad4\u5831\u5c0e ========== *\/\n.namo-root .media { background: var(--bg-cream-soft); }\n.namo-root .media-grid {\n display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;\n margin-top: 40px;\n}\n.namo-root .media-card {\n background: var(--bg-white); padding: 28px 32px;\n border-radius: var(--radius-md); border: 1px solid var(--line);\n text-decoration: none; color: inherit;\n display: flex; flex-direction: column; gap: 10px;\n transition: all .3s;\n}\n.namo-root .media-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-card); border-color: var(--green-mid); }\n.namo-root .media-source {\n font-size: 11px; letter-spacing: 3px; color: var(--green-primary);\n font-weight: 500; text-transform: uppercase;\n}\n.namo-root .media-title {\n font-family: 'Noto Serif TC'; font-size: 17px; font-weight: 700;\n color: var(--text-dark); line-height: 1.55;\n}\n.namo-root .media-link {\n font-size: 12px; color: var(--text-muted);\n display: flex; align-items: center; gap: 6px; margin-top: 6px;\n}\n.namo-root .media-link::after { content: '\u2192'; transition: transform .2s; }\n.namo-root .media-card:hover .media-link::after { transform: translateX(4px); }\n\n\/* ========== \u806f\u7d61\u9080\u8acb\uff08\u6700\u4e0b\u65b9\uff09========== *\/\n.namo-root .invitation {\n padding: 96px 0 80px; background: var(--bg-cream);\n}\n.namo-root .invitation-card {\n max-width: 1180px; margin: 0 24px;\n background: linear-gradient(135deg, var(--green-dark) 0%, var(--green-primary) 100%);\n color: white; border-radius: var(--radius-lg);\n padding: 80px 56px; text-align: center;\n position: relative; overflow: hidden;\n box-shadow: var(--shadow-card);\n}\n.namo-root .invitation-card::before {\n content: ''; position: absolute;\n width: 500px; height: 500px; border-radius: 50%;\n background: radial-gradient(circle, rgba(184,207,184,0.22), transparent 70%);\n top: -200px; right: -150px; pointer-events: none;\n}\n.namo-root .invitation-card::after {\n content: ''; position: absolute;\n width: 350px; height: 350px; border-radius: 50%;\n background: radial-gradient(circle, rgba(255,255,255,0.06), transparent 70%);\n bottom: -150px; left: -100px; pointer-events: none;\n}\n.namo-root .invitation .section-label {\n color: var(--green-light); position: relative;\n}\n.namo-root .invitation-title {\n font-family: 'Noto Serif TC'; font-weight: 700;\n font-size: 44px; line-height: 1.4;\n margin-bottom: 48px; color: white; position: relative;\n}\n.namo-root .invitation-buttons {\n display: flex; gap: 20px; justify-content: center;\n flex-wrap: wrap; margin-bottom: 48px; position: relative;\n}\n.namo-root .invitation-btn {\n display: flex; align-items: center; gap: 16px;\n padding: 20px 32px;\n background: rgba(253, 251, 244, 0.1);\n border: 1px solid rgba(253, 251, 244, 0.25);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n border-radius: var(--radius-md);\n text-decoration: none; color: white;\n transition: all .3s ease; min-width: 280px;\n}\n.namo-root .invitation-btn:hover {\n background: var(--bg-cream); color: var(--green-dark);\n transform: translateY(-3px);\n box-shadow: 0 12px 32px rgba(0,0,0,0.2);\n border-color: var(--bg-cream);\n}\n.namo-root .invitation-btn .btn-icon {\n font-size: 22px; width: 48px; height: 48px;\n border-radius: 50%;\n background: rgba(255,255,255,0.15);\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0; transition: all .3s ease;\n}\n.namo-root .invitation-btn:hover .btn-icon {\n background: var(--green-primary); color: white;\n}\n.namo-root .invitation-btn .btn-content {\n display: flex; flex-direction: column;\n align-items: flex-start; gap: 2px; text-align: left;\n}\n.namo-root .invitation-btn .btn-label {\n font-size: 11px; letter-spacing: 2px; opacity: 0.7;\n}\n.namo-root .invitation-btn .btn-value {\n font-family: 'Noto Serif TC'; font-size: 18px; font-weight: 700;\n}\n.namo-root .invitation-btn .btn-sub {\n font-size: 12px; opacity: 0.7; margin-top: 2px;\n}\n.namo-root .invitation-tagline {\n font-family: 'Noto Serif TC';\n font-size: 15px; letter-spacing: 4px;\n opacity: 0.78; position: relative;\n}\n.namo-root .invitation-tagline .dot {\n display: inline-block; margin: 0 8px;\n color: var(--green-light);\n}\n\n\/* ========== Reveal \u52d5\u756b ========== *\/\n.namo-root .reveal { opacity: 0; transform: translateY(24px); transition: opacity .8s ease, transform .8s ease; }\n.namo-root .reveal.is-visible { opacity: 1; transform: translateY(0); }\n\n\/* ========== \u97ff\u61c9\u5f0f ========== *\/\n@media (max-width: 900px) {\n .namo-root section { padding: 64px 0; }\n .namo-root .dot-nav { right: 12px; gap: 14px; }\n .namo-root .dot-nav a::after { display: none; }\n .namo-root .section-title { font-size: 30px; }\n .namo-root .feature-grid,\n .namo-root .team-grid { grid-template-columns: 1fr; gap: 40px; }\n .namo-root .products-grid { grid-template-columns: 1fr; }\n .namo-root .product-card:nth-child(5) { grid-column: auto; }\n .namo-root .services-grid,\n .namo-root .media-grid,\n .namo-root .clients-grid { grid-template-columns: 1fr; }\n .namo-root .clients-gallery {\n grid-template-columns: 1fr 1fr;\n grid-template-rows: repeat(3, 200px);\n height: auto;\n }\n .namo-root .gallery-item.large { grid-column: 1 \/ -1; grid-row: auto; height: 240px; }\n .namo-root .feature { margin: 0 12px; padding: 48px 24px; }\n .namo-root .hero-title { font-size: 38px; }\n\n \/* \u806f\u7d61\u9080\u8acb \u97ff\u61c9\u5f0f *\/\n .namo-root .invitation { padding: 64px 0 56px; }\n .namo-root .invitation-card { margin: 0 12px; padding: 56px 24px; }\n .namo-root .invitation-title { font-size: 30px; margin-bottom: 32px; }\n .namo-root .invitation-buttons { flex-direction: column; gap: 12px; margin-bottom: 36px; }\n .namo-root .invitation-btn { width: 100%; min-width: auto; }\n .namo-root .invitation-tagline { font-size: 13px; letter-spacing: 2px; line-height: 1.8; }\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"namo-root\">\n\n \n <aside class=\"dot-nav\" aria-label=\"\u9801\u9762\u5c0e\u89bd\">\n <a href=\"#about\" data-label=\"\u95dc\u65bc\u843d\u679c\"><\/a>\n <a href=\"#feature\" data-label=\"\u6587\u65e6\u518d\u751f\u7d19\"><\/a>\n <a href=\"#products\" data-label=\"\u7522\u54c1\u65b9\u6848\"><\/a>\n <a href=\"#team\" data-label=\"\u5718\u968a\u4ecb\u7d39\"><\/a>\n <a href=\"#clients\" data-label=\"\u5c65\u7d04\u7d93\u9a57\"><\/a>\n <a href=\"#media\" data-label=\"\u5a92\u9ad4\u5831\u5c0e\"><\/a>\n <a href=\"#contact\" data-label=\"\u806f\u7d61\u6211\u5011\"><\/a>\n <\/aside>\n\n \n <section class=\"hero\" id=\"about\">\n <div class=\"hero-orb\"><\/div>\n <div class=\"container\">\n <div class=\"hero-content reveal\">\n <span class=\"section-label\">PRODUCT INTRODUCTION<\/span>\n <h1 class=\"hero-title\">\u843d\u679c\uff0c<br>\u70ba\u4f55<em>\u73cd\u8cb4<\/em>\uff1f<\/h1>\n <p class=\"hero-slogan\">\u770b\u4f3c\u6beb\u7121\u50f9\u503c\uff0c\u63db\u500b\u89d2\u5ea6\u770b\uff0c<br>\u537b\u662f\u7121\u76e1\u751f\u6a5f\u3002<\/p>\n <p class=\"hero-desc\">\u6211\u5011\u5c07\u6587\u65e6\u843d\u679c\uff0c\u505a\u6210\u5404\u5f0f\u518d\u751f\u7269\uff0c\u7d14\u624b\u5de5\u958b\u767c\u3002\u5f9e\u4e00\u9846\u88ab\u98a8\u96e8\u6253\u843d\u7684\u679c\uff0c\u5230\u4e00\u4ef6\u80fd\u653e\u5728\u684c\u4e0a\u591a\u5e74\u7684\u5668\u7269\uff0c\u9019\u662f\u6211\u5011\u6240\u80fd\u60f3\u50cf\u3001\u6700\u6d6a\u6f2b\u7684\u5faa\u74b0\u518d\u751f\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"feature\" id=\"feature\">\n <div class=\"container\">\n <div class=\"feature-grid\">\n <div class=\"reveal\">\n <span class=\"section-label\">EXCLUSIVE \u2014 \u6587\u65e6\u518d\u751f\u7d19<\/span>\n <p class=\"feature-eyebrow\">\u6211\u5011\u60f3\u50b3\u905e\u4e00\u500b\u4fe1\u5ff5\u300c\u6211\u4e0d\u5ee2\u300d\uff0c\u5404\u7a2e\u4eba\u4e8b\u7269\uff0c\u90fd\u6709\u5176\u50f9\u503c\u3002<\/p>\n <h2 class=\"feature-title\">2025 \u5e74\uff0c\u6211\u5011\u4ee5<span class=\"year\">\u6587\u65e6\u843d\u679c<\/span>\uff0c<br>\u5c07\u300c\u6211\u4e0d\u5ee2\u300d\u5177\u9ad4\u5316\u70ba\u518d\u751f\u7d19\u3002<\/h2>\n <p class=\"feature-sub\">\u4ee5\u843d\u679c\u56de\u6536\u5faa\u74b0\u70ba\u6982\u5ff5\uff0c\u53d6\u51fa\u7e96\u7dad\u88fd\u7d19\u3001\u67da\u76ae\u9ede\u7db4\u3002<\/p>\n\n <a class=\"feature-news\" href=\"https:\/\/opinion.cw.com.tw\/blog\/profile\/580\/article\/16358\" target=\"_blank\" rel=\"noopener\">\n <div class=\"feature-news-img\">\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/05\/scimgYnr2I3.webp\" alt=\"\u5929\u4e0b\u96dc\u8a8c\u7368\u7acb\u8a55\u8ad6\u5831\u5c0e\u7e2e\u5716\">\n <\/div>\n <div>\n <div class=\"feature-news-meta\">\u7368\u7acb\u8a55\u8ad6 \uff5c \u5929\u4e0b\u96dc\u8a8c<\/div>\n <div class=\"feature-news-title\">\u5f9e\u98a8\u707d\u843d\u679c\u5230\u9175\u7d20\u3001\u624b\u5de5\u7d19\uff1a\u53f0\u5357\u67da\u5b50\u7684\u518d\u5275\u9020<\/div>\n <div class=\"feature-news-arrow\">\u95b1\u8b80\u5b8c\u6574\u5831\u5c0e \u2192<\/div>\n <\/div>\n <\/a>\n <\/div>\n\n <div class=\"feature-visual reveal\">\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/05\/scimgP79dXF.webp\" alt=\"\u6587\u65e6\u518d\u751f\u7d19\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"products\" id=\"products\">\n <div class=\"container\">\n <div class=\"products-intro reveal\">\n <span class=\"section-label\">PRICING \u2014 \u63a1\u8cfc\u65b9\u6848<\/span>\n <h2 class=\"section-title\">\u4e94\u4ef6\u53f0\u7063\u6c38\u7e8c\u54c1\uff0c<br>\u628a\u571f\u5730\u642c\u9032\u7a7a\u9593\u88e1<span class=\"section-deco\"><span>\u25cf<\/span><span>\u263d<\/span><span>\u2605<\/span><\/span><\/h2>\n <p>\u6bcf\u4e00\u4ef6\u7686\u7531\u53f0\u5357\u5de5\u4f5c\u5ba4\u7d14\u624b\u5de5\u88fd\u4f5c\uff0c\u9650\u91cf\u4f9b\u61c9\u4f01\u696d\u798f\u59d4\u63a1\u8cfc\u3002<\/p>\n <\/div>\n\n <div class=\"products-grid\">\n\n \n <div class=\"product-card reveal\">\n <div class=\"product-img\">\n <span class=\"product-badge\">\u6c38\u7e8c \u00d7 \u53f0\u7063<\/span>\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/05\/scimgAzOEbG.webp\" alt=\"\u53f0\u7063\u9020\u578b\u96f6\u9322\u76e4\">\n <\/div>\n <div class=\"product-body\">\n <div class=\"product-tags\">\n <span class=\"product-tag\">#\u9580\u5e02<\/span>\n <span class=\"product-tag\">#\u7d50\u5e33\u6aaf\u9762<\/span>\n <span class=\"product-tag\">#\u65e5\u5e38\u89f8\u9ede<\/span>\n <span class=\"product-tag\">#\u8010\u7528<\/span>\n <\/div>\n <h3 class=\"product-name\">\u53f0\u7063\u9020\u578b\u96f6\u9322\u76e4<\/h3>\n <p class=\"product-desc\">\u4ee5\u53f0\u7063\u5cf6\u5dbc\u70ba\u8f2a\u5ed3\u7684\u7d19\u6f3f\u6dfa\u76e4\uff0c\u7531\u6587\u65e6\u843d\u679c\u7e96\u7dad\u5851\u5f62\u800c\u6210\u3002\u9470\u5319\u3001\u96f6\u9322\u3001\u593e\u5b50\u3001\u5370\u7ae0\uff0c\u6bcf\u4e00\u6b21\u9806\u624b\u653e\u4e0b\u7684\u7269\u4ef6\uff0c\u90fd\u88ab\u9019\u7247\u571f\u5730\u63a5\u4f4f\u3002\u653e\u5728\u9580\u5e02\u7d50\u5e33\u8655\u3001\u8fa6\u516c\u684c\u4e00\u9685\uff0c\u662f\u4e00\u7a2e\u4e0d\u55a7\u5629\u7684\u65e5\u5e38\u966a\u4f34\u3002<\/p>\n <div class=\"product-price\">\n <div class=\"price-block\">\n <span class=\"price-label\">\u96f6\u552e\u50f9<\/span>\n <span class=\"price-retail\">NT$ 600<\/span>\n <\/div>\n <div class=\"price-block\" style=\"align-items:flex-end;\">\n <span class=\"price-label\">\u5408\u4f5c\u6279\u767c\u50f9<\/span>\n <span class=\"price-wholesale\">260<span class=\"unit\">\u5143 \/ \u4ef6<\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card reveal\">\n <div class=\"product-img\">\n <span class=\"product-badge\">\u6c38\u7e8c \u00d7 \u53f0\u7063<\/span>\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/05\/scimgvr1Rbb.webp\" alt=\"\u6536\u64da\u96c6\u76d2\">\n <\/div>\n <div class=\"product-body\">\n <div class=\"product-tags\">\n <span class=\"product-tag\">#\u9580\u5e02<\/span>\n <span class=\"product-tag\">#\u6536\u7d0d<\/span>\n <span class=\"product-tag\">#\u8edf\u88dd<\/span>\n <span class=\"product-tag\">#\u8010\u7528<\/span>\n <\/div>\n <h3 class=\"product-name\">\u6536\u64da\u96c6\u76d2<\/h3>\n <p class=\"product-desc\">\u56de\u6536\u9910\u98f2\u73fe\u5834\u7d2f\u7a4d\u7684\u5ee2\u68c4\u767c\u7968\u8207\u611f\u71b1\u7d19\uff0c\u8207\u6587\u65e6\u843d\u679c\u7e96\u7dad\u6df7\u6284\u6210\u578b\u3002\u4e00\u500b\u7528\u4f86\u6536\u7d0d\u6536\u64da\u3001\u767c\u7968\u3001\u5c0f\u7d19\u689d\u7684\u76d2\u5b50\uff0c\u672c\u8eab\u5c31\u662f\u5169\u7a2e\u5ee2\u68c4\u7269\u4e92\u76f8\u56de\u61c9\u7684\u7d19\u4e0a\u5c0d\u8a71\u2014\u2014\u4e00\u908a\u662f\u5de5\u696d\u7684\uff0c\u4e00\u908a\u662f\u8fb2\u696d\u7684\uff0c\u90fd\u662f\u53f0\u7063\u3002<\/p>\n <div class=\"product-price\">\n <div class=\"price-block\">\n <span class=\"price-label\">\u96f6\u552e\u50f9<\/span>\n <span class=\"price-retail\">NT$ 480<\/span>\n <\/div>\n <div class=\"price-block\" style=\"align-items:flex-end;\">\n <span class=\"price-label\">\u5408\u4f5c\u6279\u767c\u50f9<\/span>\n <span class=\"price-wholesale\">240<span class=\"unit\">\u5143 \/ \u4ef6<\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card reveal\">\n <div class=\"product-img\">\n <span class=\"product-badge\">\u6c38\u7e8c \u00d7 \u53f0\u7063<\/span>\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/05\/scimguXniZL.webp\" alt=\"\u67da\u76ae\u7e96\u571f\u74f6\u5668\">\n <\/div>\n <div class=\"product-body\">\n <div class=\"product-tags\">\n <span class=\"product-tag\">#\u5de5\u4f5c\u5ba4<\/span>\n <span class=\"product-tag\">#\u9580\u5e02<\/span>\n <span class=\"product-tag\">#\u82b1\u85dd<\/span>\n <span class=\"product-tag\">#\u8edf\u88dd<\/span>\n <\/div>\n <h3 class=\"product-name\">\u67da\u76ae\u7e96\u571f\u74f6\u5668<\/h3>\n <p class=\"product-desc\">\u56de\u6536\u7279\u5b9a\u898f\u683c\u7684\u74f6\u8eab\uff0c\u5916\u5c64\u88f9\u8986\u4ee5\u67da\u76ae\u8207\u7926\u571f\u8abf\u548c\u7684\u7d19\u6f3f\u3002\u7c97\u7377\u7684\u7e96\u7dad\u8207\u5805\u786c\u7684\u74f6\u5668\u5167\u88e1\uff0c\u662f\u518d\u751f\u5de5\u85dd\u6700\u76f4\u63a5\u7684\u5c0d\u8a71\u3002\u53ef\u4f5c\u70ba\u55ae\u652f\u82b1\u5668\u3001\u4e7e\u71e5\u82b1\u74f6\u3001\u5e97\u5167\u64fa\u4ef6\u2014\u2014\u6bcf\u4e00\u53ea\u7684\u7d0b\u7406\uff0c\u90fd\u662f\u624b\u4f5c\u7559\u4e0b\u7684\u3002<\/p>\n <div class=\"product-price\">\n <div class=\"price-block\">\n <span class=\"price-label\">\u96f6\u552e\u50f9<\/span>\n <span class=\"price-retail\">NT$ 580<\/span>\n <\/div>\n <div class=\"price-block\" style=\"align-items:flex-end;\">\n <span class=\"price-label\">\u5408\u4f5c\u6279\u767c\u50f9<\/span>\n <span class=\"price-wholesale\">180<span class=\"unit\">\u5143 \/ \u4ef6<\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card reveal\">\n <div class=\"product-img\">\n <span class=\"product-badge\">\u6c38\u7e8c \u00d7 \u53f0\u7063<\/span>\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/05\/scimgZPcALP.webp\" alt=\"\u518d\u751f\u98a8\u9234\">\n <\/div>\n <div class=\"product-body\">\n <div class=\"product-tags\">\n <span class=\"product-tag\">#\u5de5\u4f5c\u5ba4<\/span>\n <span class=\"product-tag\">#\u9580\u5e02<\/span>\n <span class=\"product-tag\">#\u8072\u97ff<\/span>\n <span class=\"product-tag\">#\u8edf\u88dd<\/span>\n <\/div>\n <h3 class=\"product-name\">\u518d\u751f\u98a8\u9234<\/h3>\n <p class=\"product-desc\">\u5168\u7d19\u6f3f\u624b\u5de5\u5851\u5f62\u7684\u5ba4\u5167\u98a8\u9234\uff0c\u8f15\u89f8\u767c\u51fa\u4f4e\u983b\u3001\u542b\u84c4\u7684\u9234\u97ff\u3002\u639b\u5728\u7a97\u908a\u3001\u51fa\u98a8\u53e3\u4e0b\u65b9\uff0c\u6216\u9580\u6963\u4e00\u5074\u2014\u2014\u8b93\u5ba4\u5167\u7684\u7a7a\u8abf\u6c23\u6d41\uff0c\u4e5f\u6709\u4e00\u500b\u81ea\u7136\u7684\u56de\u61c9\uff0c\u628a\u57ce\u5e02\u7684\u4eba\u9020\u7bc0\u594f\uff0c\u6162\u500b\u534a\u62cd\u3002<\/p>\n <div class=\"product-price\">\n <div class=\"price-block\">\n <span class=\"price-label\">\u96f6\u552e\u50f9<\/span>\n <span class=\"price-retail\">NT$ 580<\/span>\n <\/div>\n <div class=\"price-block\" style=\"align-items:flex-end;\">\n <span class=\"price-label\">\u5408\u4f5c\u6279\u767c\u50f9<\/span>\n <span class=\"price-wholesale\">180<span class=\"unit\">\u5143 \/ \u4ef6<\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card reveal\">\n <div class=\"product-img\">\n <span class=\"product-badge\">\u6c38\u7e8c \u00d7 \u53f0\u7063<\/span>\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/05\/scimgdptJSB.webp\" alt=\"\u67da\u79ae\u63d0\u888b\">\n <\/div>\n <div class=\"product-body\">\n <div class=\"product-tags\">\n <span class=\"product-tag\">#\u65e5\u5e38<\/span>\n <span class=\"product-tag\">#\u690d\u67d3<\/span>\n <span class=\"product-tag\">#\u4e2d\u79cb\u9650\u5b9a<\/span>\n <span class=\"product-tag\">#\u79ae\u7269<\/span>\n <\/div>\n <h3 class=\"product-name\">\u67da\u79ae\u676f\u888b<\/h3>\n <p class=\"product-desc\">\u63a1\u96c6\u67da\u82b1\u8207\u6587\u65e6\u8449\uff0c\u4ee5\u690d\u67d3\u70ba\u7d14\u68c9\u676f\u888b\u4e0a\u8272\u3002\u6bcf\u4e00\u53ea\u888b\u4e0a\u7684\u7d0b\u8def\u6df1\u6dfa\uff0c\u7686\u96a8\u63a1\u96c6\u5b63\u7bc0\u800c\u7570\u2014\u2014\u662f\u690d\u7269\u5beb\u4e0b\u7684\u9650\u5b9a\u7c3d\u540d\u3002\u4e2d\u79cb\u9001\u79ae\uff0c\u5f9e\u4e00\u500b\u676f\u888b\u958b\u59cb\u5c31\u6709\u6545\u4e8b\u53ef\u8aaa\u3002<\/p>\n <div class=\"product-price\">\n <div class=\"price-block\">\n <span class=\"price-label\">\u96f6\u552e\u50f9<\/span>\n <span class=\"price-retail\">NT$ 240<\/span>\n <\/div>\n <div class=\"price-block\" style=\"align-items:flex-end;\">\n <span class=\"price-label\">\u5408\u4f5c\u6279\u767c\u50f9<\/span>\n <span class=\"price-wholesale\">120<span class=\"unit\">\u5143 \/ \u4ef6<\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"team\" id=\"team\">\n <div class=\"container\">\n <div class=\"team-grid\">\n <div class=\"team-visual reveal\">\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/04\/scimguut4vY.webp\" alt=\"\u5357\u7121\u5357\u6f2b\u5718\u968a\u5408\u7167\">\n <\/div>\n <div class=\"reveal\">\n <span class=\"section-label\">ABOUT US \u2014 \u95dc\u65bc\u6211\u5011<\/span>\n <h2 class=\"section-title\">\u4e00\u7fa4\u9078\u64c7\u5171\u751f<br>\u628a\u751f\u6d3b\u5be6\u9a57\u4e00\u6b21\u7684\u4eba<span class=\"section-deco\"><span>\u25cf<\/span><span>\u263d<\/span><span>\u2605<\/span><\/span><\/h2>\n <p>\u5357\u7121\u5357\u6f2b home\uff0c\u4e00\u7fa4\u5e73\u5747\u4e09\u5341\u6b72\u7684\u597d\u53cb\u8207\u8001\u5e2b\uff0c\u96e2\u958b\u539f\u672c\u7684\u751f\u6d3b\u3001\u5de5\u4f5c\u982d\u929c\uff0c\u4ee5\u300c\u81ea\u9078\u5bb6\u4eba\u300d\u7684\u65b9\u5f0f\u805a\u5408\uff0c\u5171\u540c\u5b78\u7fd2\u751f\u547d\u3002\u5728\u53f0\u5357\u91cd\u65b0\u63a2\u7d22\u500b\u4eba\u5929\u8ce6\uff0c\u767c\u5c55\u6210\u7368\u6709\u7684\u7d93\u6fdf\u6d3b\u52d5\u8207\u793e\u6703\u884c\u52d5\u3002<\/p>\n <p>\u662f\u4e00\u500b\u5171\u751f\u5be6\u9a57\u793e\u7fa4\uff0c\u4e5f\u662f\u4e00\u9593\u5496\u5561\u5ef3\u3001\u4e00\u9593\u793e\u6703\u4f01\u696d\u3002\u6838\u5fc3\u7406\u5ff5\u70ba\u81ea\u8655\u3001\u81ea\u9078\u3001\u81ea\u7531\u3001\u81ea\u5728\u3002<\/p>\n\n <h3 class=\"awards-title\">\u7372\u734e\u8207\u80af\u5b9a<\/h3>\n <ul class=\"awards-list\">\n <li>\u8fb2\u696d\u90e8\u6c34\u4fdd\u7f72 \u2014 115\u5e74\u5ea6 \u9752\u5e74\u56de\u9109\u884c\u52d5\u734e\u52f5\u8a08\u756b<\/li>\n <li>\u6559\u80b2\u90e8\u9752\u767c\u7f72 \u2014 115\u5e74\u5ea6 \u9752\u5fd7\u734e\u4f73\u884c\u734e\uff08\u7372\u7e3d\u7d71\u63a5\u898b\uff09<\/li>\n <li>\u6210\u5927\u7522\u5275\u4e2d\u5fc3 \u2014 114\u5e74\u5ea6 \u6210\u5927\u5275\u65b0\u5713\u5922\u8a08\u756b<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"clients\" id=\"clients\">\n <div class=\"container\">\n <div class=\"clients-intro reveal\">\n <span class=\"section-label\">EXPERIENCE \u2014 \u5c65\u7d04\u7d93\u9a57<\/span>\n <h2 class=\"section-title\">\u6211\u5011\uff0c<br>\u8d70\u904e\u7684\u8db3\u8de1<span class=\"section-deco\"><span>\u25cf<\/span><span>\u263d<\/span><span>\u2605<\/span><\/span><\/h2>\n <\/div>\n\n <div class=\"clients-gallery reveal\">\n <div class=\"gallery-item large\">\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/05\/scimgeeS4jh.webp\" alt=\"\u904e\u5f80\u5408\u4f5c\u4e3b\u5716\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/05\/scimgAVgxMa.webp\" alt=\"\u73fe\u5834\u5074\u62cd 1\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/02\/scimgAaDdyP.webp\" alt=\"\u73fe\u5834\u5074\u62cd 2\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/01\/scimgym3OMd.webp\" alt=\"\u4f5c\u54c1\u6210\u679c 1\">\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/om-mine.com\/wp-content\/uploads\/2026\/05\/scimgbZSQKP.webp\" alt=\"\u4f5c\u54c1\u6210\u679c 2\">\n <\/div>\n <\/div>\n\n <div class=\"clients-grid reveal\">\n <div class=\"client-card\">\n <span class=\"client-name\">\u65e5\u672c\u6771\u4eac<\/span>\n <span class=\"client-project\">Design Festa \u8a2d\u8a08\u5c55<\/span>\n <\/div>\n <div class=\"client-card\">\n <span class=\"client-name\">\u62d3\u535a\u8eca\u696d<\/span>\n <span class=\"client-project\">Jimny \u00d7 \u751f\u6d3b\u8cea\u611f\u4ea4\u8eca\u79ae<\/span>\n <\/div>\n <div class=\"client-card\">\n <span class=\"client-name\">\u5357\u5c71\u4eba\u58fd<\/span>\n <span class=\"client-project\">\u4f01\u696d\u6c38\u7e8c\u5c08\u6848 \u00d7 \u9ad8\u9f61\u9632\u8a50<\/span>\n <\/div>\n <div class=\"client-card\">\n <span class=\"client-name\">\u53f0\u7063\u5927\u798f<\/span>\n <span class=\"client-project\">\u65e5\u5546 20 \u9031\u5e74\u6176\u5178\u6d3b\u52d5<\/span>\n <\/div>\n <div class=\"client-card\">\n <span class=\"client-name\">\u6ce1\u6ce1\u9f8d\u75c5\u53cb\u5354\u6703<\/span>\n <span class=\"client-project\">\u516c\u76ca\u6210\u679c\u767c\u8868\u6703\u66a8\u5712\u904a\u6703<\/span>\n <\/div>\n <div class=\"client-card\">\n <span class=\"client-name\">Teach For Taiwan<\/span>\n <span class=\"client-project\">\u5c4f\u5357\u6559\u5e2b\u958b\u5b78\u5b63\u800d\u5ee2\u5de5\u4f5c\u574a<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"services\" style=\"background: var(--bg-cream-soft);\">\n <div class=\"container\">\n <div class=\"reveal\" style=\"text-align:center;\">\n <span class=\"section-label\">MORE \u2014 \u5176\u4ed6\u884d\u4f38\u5408\u4f5c<\/span>\n <h2 class=\"section-title\">\u7522\u54c1\u4e4b\u5916\uff0c<br>\u6211\u5011\u9084\u505a\u9019\u4e9b\u4e8b<span class=\"section-deco\"><span>\u25cf<\/span><span>\u263d<\/span><span>\u2605<\/span><\/span><\/h2>\n <\/div>\n <div class=\"services-grid reveal\">\n <div class=\"service-card\">\n <div class=\"service-icon\">\u2726<\/div>\n <div class=\"service-name\">\u6d3b\u52d5\u4f01\u5283<\/div>\n <div class=\"service-desc\">\u4f01\u696d\u5bb6\u5ead\u65e5\u3001\u5275\u65b0\u6c38\u7e8c\u6d3b\u52d5\u7b56\u5283\u8207\u57f7\u884c<\/div>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\u25c6<\/div>\n <div class=\"service-name\">\u6f14\u8b1b\u9080\u7d04<\/div>\n <div class=\"service-desc\">\u6821\u5712\u6f14\u8b1b\u3001\u4f01\u696d ESG \u57f9\u8a13\u8ab2\u7a0b<\/div>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\u263d<\/div>\n <div class=\"service-name\">\u6f14\u51fa\u9080\u7d04<\/div>\n <div class=\"service-desc\">\u684c\u908a\u559c\u5287\u3001\u5be6\u9a57\u4eba\u751f\u5287\u5834<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"media\" id=\"media\">\n <div class=\"container\">\n <div class=\"reveal\" style=\"text-align:center;\">\n <span class=\"section-label\">PRESS \u2014 \u5a92\u9ad4\u5831\u5c0e<\/span>\n <h2 class=\"section-title\">\u5357\u7121\u5357\u6f2bhome<br>\u76f8\u95dc\u5831\u5c0e<span class=\"section-deco\"><span>\u25cf<\/span><span>\u263d<\/span><span>\u2605<\/span><\/span><\/h2>\n <\/div>\n <div class=\"media-grid reveal\">\n <a class=\"media-card\" href=\"https:\/\/opinion.cw.com.tw\/blog\/profile\/580\/article\/16358\" target=\"_blank\" rel=\"noopener\">\n <span class=\"media-source\">\u7368\u7acb\u8a55\u8ad6 @ \u5929\u4e0b\u96dc\u8a8c<\/span>\n <span class=\"media-title\">\u5f9e\u98a8\u707d\u843d\u679c\u5230\u9175\u7d20\u3001\u624b\u5de5\u7d19\uff1a\u53f0\u5357\u67da\u5b50\u7684\u518d\u5275\u9020<\/span>\n <span class=\"media-link\">\u95b1\u8b80\u5168\u6587<\/span>\n <\/a>\n <a class=\"media-card\" href=\"https:\/\/news.ltn.com.tw\/news\/Tainan\/breakingnews\/5222976\" target=\"_blank\" rel=\"noopener\">\n <span class=\"media-source\">\u81ea\u7531\u6642\u5831<\/span>\n <span class=\"media-title\">\u300c\u6ce1\u6ce1\u9f8d\u300d\u7537\u5b69\u7684\u8857\u982d\u5922\u3000\u5f35\u4e0d\u958b\u624b\u6307\u4e5f\u80fd\u6572\u51fa\u52c7\u6562\u9f13\u8072<\/span>\n <span class=\"media-link\">\u95b1\u8b80\u5168\u6587<\/span>\n <\/a>\n <a class=\"media-card\" href=\"https:\/\/www.agriharvest.tw\/archives\/128733\/\" target=\"_blank\" rel=\"noopener\">\n <span class=\"media-source\">\u8fb2\u50b3\u5a92<\/span>\n <span class=\"media-title\">\u4e0d\u61fc\u707d\u640d\u3000\u6587\u65e6\u843d\u679c\u4e5f\u80fd\u91cd\u751f\uff1a\u6e2f\u4eba\u8207\u5728\u5730\u9752\u5e74\u7684\u8b77\u8fb2\u518d\u751f\u8a08\u756b<\/span>\n <span class=\"media-link\">\u95b1\u8b80\u5168\u6587<\/span>\n <\/a>\n <a class=\"media-card\" href=\"https:\/\/opinion.cw.com.tw\/blog\/profile\/52\/article\/17095\" target=\"_blank\" rel=\"noopener\">\n <span class=\"media-source\">\u7368\u7acb\u8a55\u8ad6 @ \u5929\u4e0b\u96dc\u8a8c<\/span>\n <span class=\"media-title\">\u300c\u7919\u4f60\u300d\u8b8a\u300c\u611b\u4f60\u300d\uff1a7 \u4eba\u5171\u751f\u9032\u884c\u5f0f<\/span>\n <span class=\"media-link\">\u95b1\u8b80\u5168\u6587<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"invitation\" id=\"contact\">\n <div class=\"invitation-card reveal\">\n <span class=\"section-label\">CONTACT \u2014 \u806f\u7d61\u6211\u5011<\/span>\n <h2 class=\"invitation-title\">\u6c38\u7e8c\u4e4b\u4e8b\uff0c<br>\u8aa0\u646f\u9080\u8acb\u3002<\/h2>\n\n <div class=\"invitation-buttons\">\n <a href=\"tel:+88662516893\" class=\"invitation-btn\">\n <span class=\"btn-icon\">\u260f<\/span>\n <div class=\"btn-content\">\n <span class=\"btn-label\">PHONE<\/span>\n <span class=\"btn-value\">+886 6-2516893<\/span>\n <span class=\"btn-sub\">\u738b\u5148\u751f\uff08Larry\uff09<\/span>\n <\/div>\n <\/a>\n\n <a href=\"mailto:contact@om-mine.com\" class=\"invitation-btn\">\n <span class=\"btn-icon\">\u2709<\/span>\n <div class=\"btn-content\">\n <span class=\"btn-label\">EMAIL<\/span>\n <span class=\"btn-value\">contact@om-mine.com<\/span>\n <\/div>\n <\/a>\n <\/div>\n\n <p class=\"invitation-tagline\">\n \u5357\u7121\u5357\u6f2b home<span class=\"dot\">\uff5c<\/span>\u5171\u751f<span class=\"dot\">\u00b7<\/span>\u5171\u4f5c<span class=\"dot\">\u00b7<\/span>\u5171\u597d\u4e4b\u5730\n <\/p>\n <\/div>\n <\/section>\n\n<\/div>\n\n<script>\n\/* ========================================\n JS \u9694\u96e2\uff1a\u4f7f\u7528 IIFE \u5305\u8986\uff0c\u4e0d\u6c61\u67d3\u5168\u57df\u8b8a\u6578\n ======================================== *\/\n(function() {\n 'use strict';\n\n const root = document.querySelector('.namo-root');\n if (!root) return;\n\n \/\/ -------- 1. \u5e73\u6ed1\u6372\u52d5 --------\n root.querySelectorAll('a[href^=\"#\"]').forEach(link => {\n link.addEventListener('click', function(e) {\n const target = root.querySelector(this.getAttribute('href'));\n if (target) {\n e.preventDefault();\n const offset = 60;\n const targetY = target.getBoundingClientRect().top + window.pageYOffset - offset;\n window.scrollTo({ top: targetY, behavior: 'smooth' });\n }\n });\n });\n\n \/\/ -------- 2. Scroll Reveal \u52d5\u756b --------\n if ('IntersectionObserver' in window) {\n const revealObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n revealObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n\n root.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));\n } else {\n root.querySelectorAll('.reveal').forEach(el => el.classList.add('is-visible'));\n }\n\n \/\/ -------- 3. \u5074\u908a\u5713\u9ede\uff1a\u81ea\u52d5\u9ad8\u4eae --------\n const sections = root.querySelectorAll('section[id]');\n const dotLinks = root.querySelectorAll('.dot-nav a');\n\n if ('IntersectionObserver' in window && sections.length && dotLinks.length) {\n const activeObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const id = entry.target.getAttribute('id');\n dotLinks.forEach(link => {\n link.classList.toggle('is-active', link.getAttribute('href') === '#' + id);\n });\n }\n });\n }, { rootMargin: '-40% 0px -55% 0px', threshold: 0 });\n\n sections.forEach(sec => activeObserver.observe(sec));\n }\n\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5357\u7121\u5357\u6f2b NAMO COLLECTIVE\uff5c\u6c38\u7e8c\u624b\u4f5c\u7522\u54c1 \u4f01\u696d\u798f\u59d4\u63a1\u8cfc\u5c08\u9801 PRODUCT INTRODUCTI […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_gspb_post_css":"","footnotes":""},"class_list":["post-1208","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/om-mine.com\/en\/wp-json\/wp\/v2\/pages\/1208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/om-mine.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/om-mine.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/om-mine.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/om-mine.com\/en\/wp-json\/wp\/v2\/comments?post=1208"}],"version-history":[{"count":0,"href":"https:\/\/om-mine.com\/en\/wp-json\/wp\/v2\/pages\/1208\/revisions"}],"wp:attachment":[{"href":"https:\/\/om-mine.com\/en\/wp-json\/wp\/v2\/media?parent=1208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}