:root{--ink:#171816;--charcoal:#252823;--paper:#e8e2d6;--cream:#f3efe7;--gold:#b79862;--gold-light:#d7bd86;--line:#17181633;--serif:"Noto Serif SC",serif;--sans:"Manrope","Noto Sans SC",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{overflow-x:clip}.site-shell{max-width:none;margin:0;padding:0}.site-header{z-index:100;background:var(--charcoal);height:84px;min-height:84px;color:var(--cream);border:0;border-bottom:1px solid #f3efe724;justify-content:space-between;align-items:center;gap:28px;padding:0 5vw;display:flex;position:relative}.site-header .brand{color:inherit;font:500 12px/1 var(--mono);letter-spacing:.16em;white-space:nowrap;flex:none;align-items:center;gap:12px;margin:0;text-decoration:none;display:flex}.site-header .brand-mark{width:32px;height:32px;font:500 17px/1 var(--serif);border:1px solid;border-radius:50%;flex:none;place-items:center;margin:0;display:grid}.site-header .brand-logo{object-fit:contain;flex:none;width:36px;height:36px;display:block}.site-nav{flex:1;justify-content:center;align-items:center;gap:38px;min-width:0;margin-left:4%;padding:0;display:flex}.site-nav>a,.site-nav>.nav-group>button{color:inherit;font:400 12px/1.3 var(--sans);white-space:nowrap;cursor:pointer;opacity:.8;background:0 0;border:0;margin:0;padding:12px 0;text-decoration:none;transition:color .2s,opacity .2s;display:block}.site-nav>a:hover,.site-nav>.nav-group>button:hover,.site-nav>a:focus-visible,.site-nav>.nav-group>button:focus-visible{color:inherit;opacity:1}.nav-group{position:relative}.nav-group-menu{z-index:130;background:var(--cream);min-width:210px;max-height:70vh;color:var(--ink);padding:8px;display:none;position:absolute;top:calc(100% + 10px);left:-16px;overflow:auto;box-shadow:0 16px 42px #00000047}.nav-group.open>.nav-group-menu,.nav-group:hover>.nav-group-menu,.nav-group:focus-within>.nav-group-menu{display:grid}.nav-group-menu-right{left:auto;right:0}.nav-group-menu a,.nav-group-menu button{width:100%;color:var(--ink);font:13px/1.35 var(--serif);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;margin:0;padding:11px 12px;text-decoration:none;display:block}.nav-group-menu a:hover,.nav-group-menu button:hover,.nav-group-menu a:focus-visible,.nav-group-menu button:focus-visible{color:var(--ink);background:#e8e2d6}.site-tools{flex:none;align-items:center;gap:18px;display:flex}.site-tools>.nav-group>button,.site-header-search{color:inherit;font:400 12px/1 var(--sans);white-space:nowrap;cursor:pointer;opacity:.8;background:0 0;border:0;padding:8px 0}.site-tools>.nav-group>button:hover,.site-header-search:hover{color:inherit;opacity:1}.site-region-switcher>button,.site-language-switcher>button{align-items:center;gap:6px;display:flex}.site-region-icon,.site-language-icon{flex:none;place-items:center;width:15px;height:15px;display:inline-grid}.site-region-icon svg,.site-language-icon svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block}.site-header-search{font-size:24px;font-weight:300}.site-header-cart{color:inherit;font:500 11px/1 var(--sans);white-space:nowrap;border:1px solid #f3efe773;border-radius:30px;align-items:center;padding:9px 14px;text-decoration:none;display:inline-flex}.site-header-cart:hover{border-color:var(--gold-light);color:inherit}.site-header-cart span{background:var(--gold);width:18px;height:18px;color:var(--ink);border-radius:50%;place-items:center;margin-left:7px;font-size:10px;display:inline-grid}.mobile-menu-toggle,.mobile-nav-close{display:none}.site-search-panel{font-family:var(--sans)}@media (width<=1180px){.site-header{gap:16px;padding-left:28px;padding-right:28px}.site-nav{gap:18px;margin-left:0}.site-tools{gap:10px}.site-nav>a,.site-nav>.nav-group>button,.site-tools>.nav-group>button{font-size:11px}}@media (width<=860px){.site-header{gap:8px;height:68px;min-height:68px;padding:0 16px}.site-header .brand-logo{width:34px;height:34px}.site-header .brand{flex:none;min-width:0;margin-right:auto;font-size:11px}.site-header .brand>span:last-child{text-overflow:ellipsis;max-width:126px;overflow:hidden}.site-nav{z-index:150;background:var(--cream);width:min(88vw,390px);height:100svh;max-height:none;color:var(--ink);clip-path:inset(0 0 0 100%);visibility:hidden;pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;margin:0;padding:84px 28px 40px;transition:clip-path .28s,visibility .28s;display:flex;position:fixed;inset:0 auto auto calc(100vw - min(88vw,390px));overflow-y:auto;box-shadow:-22px 0 60px #00000052}.site-nav.open{clip-path:inset(0);visibility:visible;pointer-events:auto}.site-nav>a,.site-nav>.nav-group>button{width:100%;color:var(--ink);font:500 17px/1.35 var(--serif);text-align:left;opacity:1;border-bottom:1px solid #17181624;padding:16px 2px;display:block}.site-nav>.nav-group{width:100%}.site-nav .nav-group-menu{max-height:none;box-shadow:none;background:0 0;padding:6px 0 12px;display:none;position:static}.site-nav .nav-group.open>.nav-group-menu{display:grid}.site-nav .nav-group-menu a{padding:10px 14px;font-size:13px}.mobile-nav-close{color:var(--ink);font:300 31px/1 var(--sans);cursor:pointer;background:0 0;border:0;display:block;position:absolute;top:20px;right:22px}.site-tools{flex:none;gap:8px;height:68px;display:flex}.site-tools>.nav-group{display:none}.site-tools>.site-region-switcher,.site-tools>.site-language-switcher{display:block}.site-region-switcher>button,.site-language-switcher>button{opacity:.82;border-radius:8px;grid-template-columns:auto auto;place-items:center;gap:4px;width:auto;min-width:34px;height:38px;border:0!important;padding:0 5px!important;font-size:0!important;display:grid!important}.site-region-switcher>button:hover,.site-region-switcher>button:focus-visible,.site-language-switcher>button:hover,.site-language-switcher>button:focus-visible{opacity:1;background:#f3efe71a}.site-region-switcher .site-region-icon,.site-language-switcher .site-language-icon{width:16px;height:16px}.site-region-switcher .site-region-label{font:9px/1 var(--mono);white-space:nowrap;display:block!important}.site-language-switcher .site-language-label,.site-region-switcher .site-switcher-caret,.site-language-switcher .site-switcher-caret{display:none}.site-region-switcher .nav-group-menu,.site-language-switcher .nav-group-menu{max-width:calc(100vw - 24px);top:46px;left:auto;right:0}.site-header-search{width:30px}.mobile-menu-toggle{width:30px;color:inherit;font:20px/1 var(--sans);cursor:pointer;background:0 0;border:0;padding:6px 2px;display:block}.site-header-cart{padding:7px 8px;font-size:10px}.site-header-cart span{width:17px;height:17px;margin-left:4px}.site-navigation-open:before{content:"";z-index:60;background:#12141199;width:100vw;height:100svh;position:fixed;top:0;left:0}.site-search-panel{width:100vw;max-width:100vw;height:100svh;inset:0 auto auto 0;overflow-x:hidden}.xiangdao-config-notice{width:calc(100vw - 28px);max-width:420px;inset:calc(100svh - 92px) auto auto 50vw;transform:translate(-50%,12px)}.xiangdao-config-notice.visible{transform:translate(-50%)}}@media (width<=420px){.site-header{padding-left:10px;padding-right:10px}.site-header .brand{gap:8px}.site-header .brand>span:last-child{max-width:72px}.site-tools{gap:2px}.site-region-switcher>button,.site-language-switcher>button{min-width:27px;height:34px;padding:0 3px!important}.site-region-switcher .site-region-icon{width:14px;height:14px}.site-header-cart{padding:7px;font-size:0}.site-header-cart:before{content:"袋";font:500 12px/1 var(--serif)}.site-header-cart span{display:none}}