.noc-root{--noc-ink-0:#07060a;--noc-ink-1:#0d0a14;--noc-ink-2:#14101c;--noc-ink-3:#1d1828;--noc-ink-4:#2a2336;--noc-line:#c9a96e2e;--noc-line-soft:#ffffff0f;--noc-gold:#c9a96e;--noc-gold-bright:#e6cc8a;--noc-gold-deep:#8a7548;--noc-blood:#a83a3a;--noc-absinthe:#6b8e6f;--noc-paper:#f4ede0;--noc-paper-dim:#f4ede09e;--noc-paper-faint:#f4ede061;--noc-paper-ghost:#f4ede02e;background:var(--noc-ink-0);color:var(--noc-paper);-webkit-font-smoothing:antialiased;letter-spacing:.005em;min-height:100%;font-family:Inter,-apple-system,Noto Sans TC,system-ui,sans-serif}.noc-root[data-noc-mode=light]{--noc-ink-0:#f3ede0;--noc-ink-1:#ebe2cf;--noc-ink-2:#e3d7be;--noc-ink-3:#d6c7a8;--noc-ink-4:#c4b288;--noc-line:#3c28142e;--noc-line-soft:#3c281414;--noc-paper:#1a1208;--noc-paper-dim:#1a1208b3;--noc-paper-faint:#1a120873;--noc-paper-ghost:#1a120833;--noc-gold:#7a5e2c;--noc-gold-bright:#5a4220}.noc-root .noc-serif{letter-spacing:.005em;font-family:Cormorant Garamond,Noto Serif TC,Songti TC,Georgia,serif;font-weight:400}.noc-root .noc-sans{letter-spacing:.005em;font-family:Inter,-apple-system,Noto Sans TC,system-ui,sans-serif}.noc-root .noc-mono{letter-spacing:.04em;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace}.noc-root .noc-eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--noc-paper-faint);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.noc-root .noc-noise{position:relative}.noc-root .noc-noise:before{content:"";pointer-events:none;opacity:.5;mix-blend-mode:overlay;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.6  0 0 0 0 0.55  0 0 0 0 0.4  0 0 0 0.18 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.noc-root .noc-noise:before{opacity:.25;mix-blend-mode:normal}}.noc-root .noc-gold-rule{background:linear-gradient(90deg, transparent 0%, var(--noc-gold) 30%, var(--noc-gold) 70%, transparent 100%);opacity:.6;height:1px}.noc-root .noc-glass-tile{background:radial-gradient(120% 80% at 50% -10%, #c9a96e1f 0%, transparent 60%), linear-gradient(180deg, var(--noc-ink-2) 0%, var(--noc-ink-1) 100%);border:1px solid var(--noc-line);position:relative;overflow:hidden}.noc-root .noc-no-scrollbar::-webkit-scrollbar{display:none}.noc-root .noc-no-scrollbar{scrollbar-width:none}@keyframes noc-fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes noc-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes noc-shimmer{0%,to{opacity:.35}50%{opacity:.8}}@keyframes noc-pour{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes noc-swirl{0%{transform:rotate(0)translate(2px)rotate(0)}to{transform:rotate(360deg)translate(2px)rotate(-360deg)}}@keyframes noc-bubble{0%{opacity:0;transform:translateY(0)scale(.8)}20%{opacity:.7}to{opacity:0;transform:translateY(-40px)scale(1.2)}}@keyframes noc-glow{0%,to{filter:drop-shadow(0 0 6px #c9a96e66)}50%{filter:drop-shadow(0 0 14px #c9a96ecc)}}@keyframes noc-drift{0%,to{transform:translate(0)}33%{transform:translate(20px,-10px)}66%{transform:translate(-15px,8px)}}@keyframes noc-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes noc-pulse-glow{0%,to{box-shadow:0 0 #c9a96e66}50%{box-shadow:0 0 0 12px #c9a96e00}}.noc-root .noc-fade-up{animation:.6s ease-out both noc-fadeUp}.noc-root .noc-fade-in{animation:.5s ease-out both noc-fadeIn}.noc-root .noc-anim-glow{animation:3s ease-in-out infinite noc-glow}.noc-root .noc-anim-drift{animation:8s ease-in-out infinite noc-drift}.noc-root .noc-anim-shimmer{animation:1.5s ease-in-out infinite noc-shimmer}.noc-root .noc-anim-pulse-glow{animation:2s infinite noc-pulse-glow}.noc-root .noc-anim-swirl{transform-origin:50%;animation:.8s ease-in-out infinite noc-swirl}.noc-root .noc-anim-pour{animation:.8s linear infinite noc-pour}@media (prefers-reduced-motion:reduce){.noc-root .noc-fade-up,.noc-root .noc-fade-in,.noc-root .noc-anim-glow,.noc-root .noc-anim-drift,.noc-root .noc-anim-shimmer,.noc-root .noc-anim-pulse-glow,.noc-root .noc-anim-swirl,.noc-root .noc-anim-pour{animation:none!important}}.noc-root .noc-btn-line{border:1px solid var(--noc-gold);color:var(--noc-gold);letter-spacing:.24em;text-transform:uppercase;cursor:pointer;background:0 0;padding:14px 22px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;transition:background .3s,color .3s}.noc-root .noc-btn-line:hover,.noc-root .noc-btn-line:active{background:var(--noc-gold);color:var(--noc-ink-0)}.noc-root .noc-btn-solid{background:var(--noc-gold);color:var(--noc-ink-0);letter-spacing:.24em;text-transform:uppercase;cursor:pointer;border:none;padding:16px 22px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;transition:background .3s}.noc-root .noc-btn-solid:disabled{background:var(--noc-gold-deep);cursor:wait}.noc-root input[type=range].noc-taste{appearance:none;background:var(--noc-line);outline:none;width:100%;height:1px}.noc-root input[type=range].noc-taste::-webkit-slider-thumb{appearance:none;background:var(--noc-gold);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 0 12px #c9a96e99}.noc-root input[type=range].noc-taste::-moz-range-thumb{background:var(--noc-gold);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.noc-root .noc-stage{background-image:radial-gradient(at top,#3c281466 0%,#0000 50%),radial-gradient(at bottom,#28141e4d 0%,#0000 50%),linear-gradient(#0a0509 0%,#050308 100%);justify-content:center;align-items:stretch;min-height:100vh;display:flex;position:relative;overflow:hidden}.noc-root .noc-side{display:none}.noc-root .noc-side-left{justify-content:flex-end;padding-right:64px}.noc-root .noc-side-right{text-align:right;justify-content:flex-start;padding-left:64px}.noc-root .noc-main{z-index:3;background:var(--noc-ink-0);width:100%;max-width:428px;position:relative}@media (min-width:1024px){.noc-root .noc-main{max-width:1280px;box-shadow:none;background:0 0;padding:0 64px}}.noc-root .noc-mobile-only{display:block}.noc-root .noc-desktop-only{display:none}@media (min-width:1024px){.noc-root .noc-mobile-only{display:none!important}.noc-root .noc-desktop-only{display:block!important}}.noc-root .noc-grid-2{grid-template-columns:320px 1fr;align-items:start;gap:48px;display:grid}.noc-root .noc-grid-cart{grid-template-columns:1fr 380px;align-items:start;gap:48px;display:grid}.noc-root .noc-grid-detail{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.noc-root .noc-grid-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.noc-root .noc-sticky{position:sticky;top:40px}.noc-root .noc-card-hover{transition:transform .3s,box-shadow .3s}.noc-root .noc-card-hover:hover{transform:translateY(-4px);box-shadow:0 8px 24px #c9a96e14}@media (max-width:1023px){.noc-root .noc-grid-2,.noc-root .noc-grid-cart,.noc-root .noc-grid-detail{grid-template-columns:1fr;gap:32px}.noc-root .noc-sticky{position:static}}@media (min-width:1024px){.noc-root .noc-h-welcome{font-size:56px!important}.noc-root .noc-h-chapter{font-size:40px!important}.noc-root .noc-chapter-row{padding:36px 0!important}.noc-root .noc-h-stage{font-size:72px!important}.noc-root .noc-stage-desc{max-width:480px!important;margin-top:18px!important;font-size:18px!important}.noc-root .noc-entry-logo svg{width:90px!important;height:90px!important}.noc-root .noc-h-brand{font-size:72px!important}}.noc-root .noc-navbar-mobile{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--noc-line);height:56px;padding-bottom:env(safe-area-inset-bottom);z-index:50;background:#07060aeb;display:flex;position:fixed;bottom:0;left:0;right:0}.noc-root .noc-navbar-desktop{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--noc-line);z-index:50;background:#07060ad9;align-items:center;height:72px;padding:0 64px;display:none;position:fixed;top:0;left:0;right:0}@media (min-width:1024px){.noc-root .noc-navbar-mobile{display:none}.noc-root .noc-navbar-desktop{display:flex}}.noc-root .noc-nav-link{color:var(--noc-paper-dim);letter-spacing:.24em;text-transform:uppercase;padding:8px 0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;text-decoration:none;transition:color .3s;position:relative}.noc-root .noc-nav-link:hover{color:var(--noc-paper)}.noc-root .noc-nav-link.is-active{color:var(--noc-gold)}.noc-root .noc-nav-link.is-active:after{content:"";background:var(--noc-gold);height:1px;position:absolute;bottom:-4px;left:0;right:0}.noc-root .noc-mnav-item{color:var(--noc-paper-faint);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;transition:color .3s;display:flex;position:relative}.noc-root .noc-mnav-item.is-active{color:var(--noc-gold)}.noc-root .noc-mnav-item.is-active:before{content:"";background:var(--noc-gold);width:32px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.noc-root .noc-mnav-label{letter-spacing:.18em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px}.noc-root .noc-cart-badge{background:var(--noc-gold);min-width:16px;height:16px;color:var(--noc-ink-0);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;font-weight:600;display:flex;position:absolute;top:-4px;right:-10px}.noc-root .noc-footer{border-top:1px solid var(--noc-line);color:var(--noc-paper-faint);margin-top:80px;padding:64px 24px;display:none}@media (min-width:1024px){.noc-root .noc-footer{display:block}}.noc-root .noc-content-with-navbar{padding-bottom:calc(56px + env(safe-area-inset-bottom))}@media (min-width:1024px){.noc-root .noc-content-with-navbar{padding-top:72px;padding-bottom:0}}@keyframes noc-count-up{0%{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.noc-root .noc-anim-count-up{animation:.8s ease-out both noc-count-up}@keyframes noc-spotlight{0%{opacity:0;transform:translateY(-100%)}20%{opacity:.7}to{opacity:0;transform:translateY(100%)}}.noc-root .noc-anim-spotlight{pointer-events:none;z-index:200;background:linear-gradient(#0000 0%,#c9a96e66 40%,#c9a96e33 60%,#0000 100%);animation:1.2s ease-out forwards noc-spotlight;position:fixed;inset:0}@keyframes noc-ken-burns{0%,to{transform:scale(1)translate(0)}50%{transform:scale(1.05)translate(-1%,-1%)}}.noc-root .noc-anim-ken-burns{animation:14s ease-in-out infinite noc-ken-burns}@keyframes noc-tick{0%,to{opacity:1}50%{opacity:.55}}.noc-root .noc-anim-tick{animation:1s steps(2,end) infinite noc-tick}.noc-root .noc-ink-bleed>span{opacity:0;animation:.4s ease-out forwards noc-fadeIn;display:inline-block}@media (prefers-reduced-motion:reduce){.noc-root .noc-anim-count-up,.noc-root .noc-anim-spotlight,.noc-root .noc-anim-ken-burns,.noc-root .noc-anim-tick,.noc-root .noc-ink-bleed>span{animation:none!important}}