:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#202d29;background:#f5f7f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:auto;--canvas:#f5f7f3;--surface:#fff;--surface-alt:#eef2ed;--text:#202d29;--muted:#58655d;--line:#dfe5de;--accent:#215c48;--accent-soft:#e5eee6;--danger:#b74e3f;--shadow:0 18px 60px #1b38280a;color-scheme:light}:root[data-theme=dark]{--canvas:#101814;--surface:#18221c;--surface-alt:#202c24;--text:#edf1e9;--muted:#9ca99e;--line:#2e3a31;--accent:#a5d4b5;--accent-soft:#243d2f;--danger:#f2a392;--shadow:0 18px 60px #0002;color-scheme:dark;color:var(--text);background:var(--canvas)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{border:0}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin-top:0}p{line-height:1.8}img{max-width:100%}#main-content{min-height:62vh;outline:none}::selection{background:#c8ddc7;color:#183428}.container{width:min(1168px,calc(100% - 80px));margin-inline:auto}.muted{color:var(--muted)}.eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:.15em;color:var(--accent-text);line-height:1.6}.page-title{font-size:clamp(30px,4vw,44px);line-height:1.25;letter-spacing:-.045em;margin:12px 0 18px;font-weight:600}.panel{background:var(--surface);border:1px solid var(--line);border-radius:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:11px 18px;border:1px solid var(--line);border-radius:9px;background:transparent;font-size:14px;font-weight:500;line-height:1.4;transition:background .18s ease,transform .18s ease,border-color .18s ease}.button:hover{background:var(--surface-alt);border-color:var(--muted)}.button:active{transform:translateY(1px)}.button.primary,.primary.button{background:var(--accent);color:var(--surface);border-color:var(--accent)}.button.primary:hover{filter:brightness(.93)}.button.secondary{background:var(--surface)}.button.secondary:hover{background:var(--surface-alt)}.full-width{width:100%}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--accent-text);font-size:13px;background:none;padding:0}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.icon-button{display:inline-grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:1px solid transparent;border-radius:9px;background:transparent}.icon-button:hover{background:var(--accent-soft)}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:20px;font-size:13px}.field label{font-weight:500}.input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:9px;background:var(--canvas);color:var(--text);font-size:14px;line-height:1.5;transition:border-color .2s}.input:hover{border-color:var(--muted)}.input::placeholder{color:var(--muted);opacity:1}.input[aria-invalid=true]{border-color:var(--danger)}textarea.input{resize:vertical;min-height:110px}.field-error{font-size:12px;color:var(--danger)}.skip-link{position:fixed;top:-60px;left:20px;z-index:100;background:var(--accent);color:var(--canvas);padding:12px 18px;border-radius:8px}.skip-link:focus{top:10px}.site-header{height:80px;border-bottom:1px solid var(--line);background:var(--canvas);position:relative;z-index:20}.header-inner{max-width:1392px;width:calc(100% - 80px);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.6px;font-size:22px;white-space:nowrap}.brand-symbol{color:var(--accent-text);display:grid;place-items:center}.brand-cn{font-size:12px;letter-spacing:1px;margin-left:9px;font-weight:500;color:var(--muted)}.desktop-nav{display:flex;align-self:stretch;gap:34px;margin-left:70px}.desktop-nav a{display:flex;align-items:center;position:relative;font-size:14px;color:var(--muted);white-space:nowrap}.desktop-nav a:hover,.desktop-nav a.active{color:var(--text)}.desktop-nav a.active:after{position:absolute;content:"";height:2px;bottom:0;left:0;right:0;background:var(--accent)}.header-actions{display:flex;align-items:center;gap:9px}.partner-link{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);white-space:nowrap}.partner-link:hover{color:var(--accent-text)}.header-divider{height:17px;width:1px;background:var(--line);margin:0 6px}.language-button{font-size:12px;font-weight:500}.support-button{font-size:12px;min-height:38px;padding:9px 12px;white-space:nowrap}.mobile-menu-button{display:none}.mobile-nav{position:absolute;top:79px;left:0;right:0;display:flex;flex-direction:column;background:var(--surface);border-bottom:1px solid var(--line);padding:20px 30px;box-shadow:var(--shadow)}.mobile-nav a,.mobile-nav button{font-size:14px;padding:14px 0;text-align:left;border-bottom:1px solid var(--line);background:none}.site-footer{padding-top:24px;padding-bottom:24px;border-top:1px solid var(--line);margin-top:40px}.footer-bottom{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:0;gap:20px}.toast-message{position:fixed;z-index:150;bottom:32px;left:50%;transform:translate(-50%);max-width:calc(100% - 36px);display:flex;align-items:center;gap:10px;line-height:1.6;background:var(--text);color:var(--canvas);border-radius:12px;padding:14px 22px;box-shadow:0 8px 30px #0002;font-size:13px}.toast-enter-active,.toast-leave-active{transition:opacity .2s,translate .2s}.toast-enter-from,.toast-leave-to{opacity:0;translate:0 8px}.modal-overlay{position:fixed;inset:0;z-index:100;background:#0d1d155c;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.support-dialog{position:relative;max-width:460px;width:100%;padding:38px;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 80px #10231820;outline:none}.modal-close{position:absolute;top:16px;right:16px}.support-illustration{width:68px;height:68px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text);margin-bottom:28px}.support-dialog h2{font-size:24px;letter-spacing:-.7px;line-height:1.4;margin:8px 0 14px}.support-dialog>p{font-size:13px}.support-channel{display:flex;gap:14px;border:1px solid var(--line);border-radius:12px;padding:19px 16px;margin:24px 0}.channel-icon{color:var(--accent-text)}.support-channel strong{font-size:13px;font-weight:600}.support-channel p{color:var(--muted);font-size:12px;margin:8px 0 0}.support-order{display:flex;flex-direction:column;gap:9px;padding:15px;background:var(--canvas);border-radius:9px;font-size:12px}.support-order span{color:var(--muted)}.support-dialog .full-width+.full-width{margin-top:10px}.dialog-enter-active,.dialog-leave-active{transition:opacity .18s}.dialog-enter-active .support-dialog,.dialog-leave-active .support-dialog{transition:transform .2s}.dialog-enter-from,.dialog-leave-to{opacity:0}.dialog-enter-from .support-dialog,.dialog-leave-to .support-dialog{transform:translateY(10px)}@media(min-width:1600px){.header-inner{max-width:1320px}}@media(max-width:1180px){.desktop-nav{margin-left:0;gap:25px}.header-inner{gap:20px}.brand-cn,.partner-link{display:none}}@media(max-width:760px){.container{width:calc(100% - 40px)}.header-inner{width:calc(100% - 40px);gap:12px}.site-header{height:68px}.brand{font-size:20px;gap:7px}.desktop-nav{gap:20px}.desktop-nav a{font-size:12px}.support-button,.header-divider{display:none}.header-actions{gap:1px}.icon-button{width:33px;height:35px}.mobile-nav{top:67px}.site-footer{margin-top:45px;padding-top:28px}.footer-bottom{font-size:12px;flex-wrap:wrap;gap:16px}.support-dialog{padding:29px}.support-dialog h2{font-size:22px}}@media(max-width:540px){.desktop-nav{display:none}.mobile-menu-button{display:inline-grid}.header-inner{width:calc(100% - 32px)}.header-actions{gap:7px}.brand-cn{display:inline}.container{width:calc(100% - 32px)}.header-actions .icon-button{width:31px}.footer-bottom{font-size:12px}.modal-overlay{padding:16px}.toast-message{bottom:18px;font-size:12px;width:max-content;max-width:calc(100% - 32px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.storefront-state{padding-block:70px;text-align:center}.storefront-state h1{font-size:27px}.storefront-state p{font-size:14px}.shop-announcement{margin-top:22px;padding:14px 20px;background:var(--accent-soft);border-radius:10px;color:var(--accent-text);font-size:13px;line-height:1.8;white-space:pre-wrap}.support-channel strong{overflow-wrap:anywhere}.brand>span:last-child{max-width:230px;overflow:hidden;text-overflow:ellipsis}@media(max-width:540px){.brand>span:last-child{max-width:170px}}.shop-logo{width:30px;height:30px;object-fit:contain;border-radius:6px}.header-inner>.brand{min-width:0;overflow:hidden}.brand-symbol{flex-shrink:0}.header-inner>.brand>span:last-child{min-width:0;white-space:nowrap}.header-actions{flex-shrink:0}@media(max-width:760px){.input{font-size:16px}}#main-content{flex:1;min-height:0;padding-bottom:40px}.site-footer{flex-shrink:0;margin-top:auto}.footer-bottom{justify-content:center;text-align:center}@media(max-width:540px){.icon-button,.header-actions .icon-button{width:44px;height:44px;min-width:44px}.header-actions{gap:2px}.header-inner>.brand{flex:1}.header-inner{gap:8px}.text-link,.button{min-height:44px}.support-channel>div{min-width:0}.support-channel{overflow-wrap:anywhere}}:root{--brand:#14b8a6;--brand-ink:#101820;--accent:#215c48;--accent-ink:#ffffff;--canvas:color-mix(in srgb,var(--accent) 7%,#ffffff);--surface:#fff;--surface-alt:color-mix(in srgb,var(--accent) 5%,#ffffff);--text:#202d29;--muted:#58655d;--line:#dfe5de;--accent-soft:color-mix(in srgb,var(--accent) 14%,var(--surface));--danger:#b74e3f;--shadow:0 18px 60px #1b38280a;color:var(--text);background:var(--canvas);color-scheme:light}:root[data-mode=dark],:root[data-theme=dark]{--canvas:color-mix(in srgb,var(--accent) 9%,#101814);--surface:#18221c;--surface-alt:color-mix(in srgb,var(--accent) 7%,#18221c);--text:#edf1e9;--muted:#9ca99e;--line:#2e3a31;--accent-soft:color-mix(in srgb,var(--accent) 18%,var(--surface));--danger:#f2a392;--shadow:0 18px 60px #0002;color-scheme:dark;color:var(--text);background:var(--canvas)}body{color:var(--text);background:var(--canvas)}.button.primary,.primary.button,button.primary,.category-menu button.active{color:var(--accent-ink)}::selection{background:color-mix(in srgb,var(--accent) 22%,var(--surface));color:var(--text)}#app{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}.site-header{flex-shrink:0}#main-content{flex:1;min-height:0}.site-footer{flex-shrink:0}:root{--accent-text:color-mix(in srgb,var(--accent) 78%,#202d29)}:root[data-mode=dark],:root[data-theme=dark]{--accent-text:color-mix(in srgb,var(--accent) 42%,#edf1e9)}