.site-context{border-bottom:1px solid #dce5ef;background:#f5f8fd;font:600 12px/1.5 system-ui,sans-serif;color:#314761}
.site-context-inner{max-width:1360px;margin:auto;padding:0 48px;display:flex;gap:24px;align-items:center}
.site-context a{min-height:44px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;border-bottom:3px solid transparent;padding:7px 2px 4px;color:inherit;white-space:nowrap}
.site-context a[aria-current=true]{font-weight:750}.site-context-business[aria-current=true]{color:#2052bb;border-color:#2864d8}.site-context-blog[aria-current=true]{color:#915108;border-color:#bb7a18}
.site-context[data-site-mode=blog]{background:#fff8e9;border-color:#e7d7b3}.site-context a:focus-visible{outline:3px solid #5986cb;outline-offset:2px;border-radius:4px}
html[theme=dark] .site-context{background:#142239;border-color:#31435b;color:#d2deef}html[theme=dark] .site-context-business[aria-current=true]{color:#a8caff}html[theme=dark] .site-context[data-site-mode=blog]{background:#26231e;border-color:#5a452b}html[theme=dark] .site-context-blog[aria-current=true]{color:#f3c87d}
.growth-nav{gap:22px}.growth-nav a[data-service]{display:inline-flex;align-items:center;gap:7px}.growth-nav a[data-service]::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--service-color)}
[data-service=website],[data-product-service=website],[data-service-page=website]{--service-color:#245bd6;--service-soft:#edf3ff;--service-edge:#c9d9ff}
[data-service=pos],[data-product-service=pos],[data-service-page=pos]{--service-color:#087c70;--service-soft:#e9f7f3;--service-edge:#b2ddd4}
[data-service=tools],[data-product-service=tools],[data-service-page=tools]{--service-color:#6845bb;--service-soft:#f3effc;--service-edge:#dbccf3}
.growth-nav a[aria-current=page]{color:var(--service-color,#245bd6);font-weight:750}.growth-member-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;border:1px solid #d8cffa;border-radius:9px;background:#f3efff;color:#5841a7!important;font-size:12px;white-space:nowrap;text-decoration:none}
.growth-mobile-menu .menu-group-label{display:block;padding:10px 12px 4px;font:700 10px/1.5 system-ui,sans-serif;letter-spacing:.04em;color:var(--growth-muted)}
.growth-mobile-menu a[data-service]{border-left:3px solid var(--service-color);background:var(--service-soft);color:var(--service-color);margin:6px 0;border-radius:5px}
.business-hero-services a[data-service]{border-color:var(--service-edge);background:var(--service-soft);color:var(--service-color);font-weight:650}
.business-product-card{border-top:4px solid var(--service-color)!important}.business-product-label{color:var(--service-color)!important}.business-product-label>span:first-child{background:var(--service-soft);border:1px solid var(--service-edge);color:var(--service-color);padding:4px 7px;border-radius:6px}
.business-product-actions>a:first-child{color:var(--service-color)!important;border-color:var(--service-edge)!important;background:var(--service-soft)!important}
[data-service-page] .growth-kicker,[data-service-page] .growth-breadcrumb>span:last-child{color:var(--service-color)}[data-service-page] .growth-dot{background:var(--service-color)}
.business-member-entry{margin-block:38px 54px;background:#f4f1fc;border-color:#dcd2f1;border-left:4px solid #7961bd;box-shadow:none}.business-member-caption>span{background:#e8e1f6;color:#6248a1}.business-member-caption strong{color:#51388b}.business-member-actions>a.business-member-create{background:#6349ad;border-color:#6349ad}.business-member-auth{color:#5a438e}
.growth-hub .growth-section+.growth-section{border-top:1px solid var(--growth-border);padding-top:48px}.growth-body .growth-hero{padding-top:44px}.growth-hub .growth-hero.is-cover{margin-bottom:64px}
html[theme=dark] .business-member-entry{background:#26223d;border-color:#554575}html[theme=dark] .business-member-caption strong,html[theme=dark] .business-member-auth{color:#d2c0ff}html[theme=dark] .growth-member-link{background:#2c2546;color:#d8caff!important;border-color:#5c4b83}
html[theme=dark] [data-service=website],html[theme=dark] [data-product-service=website],html[theme=dark] [data-service-page=website]{--service-color:#9dc2ff;--service-soft:#1b3154;--service-edge:#355685}
html[theme=dark] [data-service=pos],html[theme=dark] [data-product-service=pos],html[theme=dark] [data-service-page=pos]{--service-color:#80d5c1;--service-soft:#163a36;--service-edge:#32665c}
html[theme=dark] [data-service=tools],html[theme=dark] [data-product-service=tools],html[theme=dark] [data-service-page=tools]{--service-color:#c5afff;--service-soft:#31264b;--service-edge:#665184}
body:not(.growth-body) #title-nav>a>div:last-child{display:flex;flex-direction:column;gap:1px;font-weight:700}body:not(.growth-body) .blog-brand-note{font:700 9px/1.3 system-ui,sans-serif;letter-spacing:.08em;color:#b77b29}
body:not(.growth-body) .nav-commerce-link{border:1px solid #b7ccef;border-radius:7px;padding:7px 10px!important;color:#3b6db4!important}.blog-site-context{margin-bottom:10px;border-radius:12px;overflow:hidden}.blog-site-context .site-context-inner{padding-inline:18px;gap:22px}
.landing-page .hero-title>span{color:#d9a65d!important;background:none!important;-webkit-text-fill-color:currentColor}.landing-page .hero-purpose{color:#c39b65}.landing-page .lab-orbit{opacity:.3}.landing-page .hero-actions .lab-button:first-child{border-color:#bd8e47;background:#a66b23;color:#fff}.landing-page .portfolio-preview{border-left:3px solid #b78c4a;padding-left:24px}
.footer-links[aria-label="商業服務"]{border-left:3px solid #4b7bd5;padding-left:16px}.footer-links[aria-label="探索網站"]{border-left:3px solid #b78c4a;padding-left:16px}
@media(max-width:1100px){.growth-member-link{display:none}.growth-nav{gap:16px}}
@media(max-width:760px){.site-context-inner{padding-inline:20px;gap:24px}.site-context{font-size:11px}.site-context a{min-height:44px}.growth-body .growth-hero{padding-top:30px}.growth-hub .growth-hero.is-cover{margin-bottom:36px}.business-member-entry{margin-block:30px 40px}.growth-hub .growth-section+.growth-section{padding-top:30px}.blog-site-context{margin-bottom:8px}.blog-site-context .site-context-inner{padding-inline:12px;gap:22px}.landing-page .portfolio-preview{padding-left:16px}.landing-page .hero-title>span{line-height:1.5}.site-context a>span:first-child{font-size:14px}}
@media(prefers-reduced-motion:reduce){.site-context a{transition:none}}
#nav-menu-search{width:100%;text-align:left;border:0;font:inherit;color:inherit;background:transparent;cursor:pointer;min-height:44px}
@media(max-width:480px){body:not(.growth-body) #navbar{gap:7px;padding-inline:10px}body:not(.growth-body) #title-nav{min-width:0;flex-shrink:1}body:not(.growth-body) #title-nav a{gap:6px;min-width:0}body:not(.growth-body) #title-nav>a>div:last-child{font-size:16px}body:not(.growth-body) #title-nav img.site-mark{width:26px;height:26px}body:not(.growth-body) #nav-search-btn{display:none}body:not(.growth-body) #sub-nav{gap:2px;flex-shrink:0}body:not(.growth-body) #sub-nav .nav-icon{width:44px;height:44px;min-width:44px}body:not(.growth-body) #sub-nav .site-language-control{width:74px;min-width:0;padding:5px 4px;gap:0}body:not(.growth-body) #sub-nav .site-language-glyph,body:not(.growth-body) #sub-nav .site-language-chevron{display:none}body:not(.growth-body) #sub-nav .site-language-select{width:64px;min-width:0;max-width:64px;font-size:10px}}
@media(max-width:360px){body:not(.growth-body) #vivia-logo{display:none}}
@media(max-width:480px){body:not(.growth-body) #sub-nav .site-language-select{padding:6px 2px!important;height:40px;text-align:center}}