:root{--night:#151b3d;--night-deep:#0e1230;--night-raised:#1d2552;--ink:#efe7d6;--ink-soft:#b9b9d2;--ink-faint:#7f82a8;--glow:#e8f38c;--lamp:#f2b85c;--lamp-deep:#d9983a;--paper:#f5eedf;--paper-ink:#2a2338;--paper-soft:#6a6178;--rule:#efe7d61f;--radius:14px;--measure:36rem;--serif:"Fraunces", "Iowan Old Style", Georgia, serif;--zh:"LXGW WenKai", "Kaiti SC", "STKaiti", serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}body{overflow-x:clip}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--night-deep);background-image:radial-gradient(1px 1px at 12% 18%, #fffff08c 50%, transparent 51%), radial-gradient(1px 1px at 68% 9%, #fffff073 50%, transparent 51%), radial-gradient(1.5px 1.5px at 84% 31%, #fffadc80 50%, transparent 51%), radial-gradient(1px 1px at 33% 42%, #fffff059 50%, transparent 51%), radial-gradient(1px 1px at 52% 64%, #fffff04d 50%, transparent 51%), linear-gradient(180deg, var(--night) 0%, var(--night-deep) 900px);color:var(--ink);font-family:var(--serif);font-variation-settings:"SOFT" 50;text-rendering:optimizelegibility;background-repeat:repeat-y,repeat-y,repeat-y,repeat-y,repeat-y,no-repeat;background-size:100% 1400px,100% 1400px,100% 1400px,100% 1400px,100% 1400px,100% 100%;margin:0;font-size:1.125rem;line-height:1.6}:lang(zh-CN) body,body:lang(zh-CN){font-family:var(--zh), var(--serif);letter-spacing:.01em;line-height:1.8}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{color:var(--glow)}:focus-visible{outline:2px solid var(--glow);outline-offset:3px;border-radius:4px}::selection{background:var(--glow);color:var(--night-deep)}.wrap{width:min(1160px,100% - 40px);margin-inline:auto}.skip{background:var(--lamp);color:var(--paper-ink);z-index:10;border-radius:8px;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:12px}h1,h2,h3{letter-spacing:-.015em;text-wrap:balance;font-variation-settings:"SOFT" 100, "opsz" 144;margin:0;font-weight:600;line-height:1.08}h1{font-size:clamp(2.5rem,4.6vw + .8rem,4.5rem)}h2{font-size:clamp(1.9rem,2.4vw + .9rem,2.9rem)}h3{font-variation-settings:"SOFT" 100, "opsz" 36;font-size:1.35rem;line-height:1.25}:lang(zh-CN) h1,:lang(zh-CN) h2,:lang(zh-CN) h3{letter-spacing:.01em;font-weight:700;line-height:1.25}p{max-width:var(--measure);text-wrap:pretty;margin:0}.lead{color:var(--ink-soft);font-size:clamp(1.15rem,.6vw + 1rem,1.35rem)}.small{color:var(--ink-faint);font-size:.95rem}.top{z-index:3;position:relative}.top .wrap{justify-content:space-between;align-items:center;gap:20px;padding-block:22px;display:flex}.brand{letter-spacing:-.02em;font-variation-settings:"SOFT" 100, "opsz" 72;align-items:baseline;font-size:1.55rem;font-weight:600;text-decoration:none;display:inline-flex}.brand:hover{color:var(--ink)}.brand .fly{display:inline-block;position:relative}.brand .fly:after{content:"";background:var(--glow);border-radius:50%;width:.28em;height:.28em;position:absolute;top:-.12em;right:-.18em;box-shadow:0 0 .5em .18em #e8f38c8c}.nav{align-items:center;gap:clamp(14px,2.4vw,30px);font-size:1rem;display:flex}.nav a{color:var(--ink-soft);text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.nav .lang{border:1px solid var(--rule);border-radius:999px;padding:5px 12px}@media (width<=720px){.nav .hide-s{display:none}}.btn{cursor:pointer;font:inherit;color:var(--paper-ink);background:var(--lamp);border:0;border-radius:12px;align-items:center;gap:10px;padding:17px 26px;font-size:1.08rem;font-weight:600;line-height:1;text-decoration:none;transition:transform .15s,background .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff73,0 10px 30px -10px #f2b85c8c}.btn:hover{color:var(--paper-ink);background:#f6c577}.btn:active{transform:translateY(1px)}.btn svg{width:1.1em;height:1.1em}.btn-quiet{color:var(--ink);box-shadow:inset 0 0 0 1px var(--rule);background:0 0}.btn-quiet:hover{color:var(--ink);background:#efe7d60f}.hero .wrap{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(28px,4vw,64px);padding-block:clamp(18px,4vw,56px) clamp(56px,8vw,110px);display:grid}.hero h1{max-width:12ch}:lang(zh-CN) .hero h1{white-space:pre-line;max-width:none;font-size:clamp(2.2rem,3.3vw + .6rem,3.7rem)}.hero .lead{margin-top:24px}.hero .act{flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:34px;display:flex}.stage{position:relative}.stage:before{content:"";z-index:-1;filter:blur(10px);background:radial-gradient(closest-side,#f2b85c38,#f2b85c0f 60%,#0000);position:absolute;inset:-12% -8% -18%}.stage video,.stage img{aspect-ratio:1120/700;object-fit:cover;background:#1a1220;border-radius:20px;width:100%;box-shadow:0 40px 80px -40px #000c}.stage .play{width:40px;height:40px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e123099;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:14px;right:14px}@media (width<=880px){.hero .wrap{grid-template-columns:1fr}.hero .stage{order:-1}.hero h1{max-width:16ch}}.section{padding-block:clamp(64px,9vw,120px)}.section+.section{border-top:1px solid var(--rule)}.section h2{max-width:20ch}.section>.wrap>p{margin-top:18px}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:clamp(22px,3vw,40px);margin:44px 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step}.steps img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);width:100%;margin-bottom:20px}.steps h3:before{content:counter(step);width:1.7em;height:1.7em;color:var(--night-deep);background:var(--glow);vertical-align:.1em;border-radius:50%;place-items:center;margin-right:10px;font-size:.8em;display:inline-grid;box-shadow:0 0 18px #e8f38c73}.steps p{color:var(--ink-soft);margin-top:10px}@media (width<=860px){.steps{grid-template-columns:1fr}.steps img{aspect-ratio:16/9}}.two .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,80px);display:grid}.dial{--g:.15;justify-items:center;gap:26px;padding:clamp(28px,4vw,48px);display:grid}.dial .word{font-variation-settings:"SOFT" 100, "opsz" 144;color:color-mix(in srgb, var(--glow) calc(var(--g) * 100%), #4a4f7a);text-shadow:0 0 calc(var(--g) * 44px) rgb(232 243 140/calc(var(--g) * 70%));font-size:clamp(4rem,9vw,7.5rem);font-weight:600;line-height:1;transition:color .12s linear}.dial .fly{background:color-mix(in srgb, var(--glow) calc(var(--g) * 100%), #5b5f45);width:22px;height:22px;box-shadow:0 0 calc(var(--g) * 50px) calc(var(--g) * 20px) rgb(232 243 140/calc(var(--g) * 60%));border-radius:50%}.dial label{width:min(320px,100%);color:var(--ink-faint);text-align:center;gap:10px;font-size:.95rem;display:grid}.dial input{width:100%;accent-color:var(--glow);height:28px}@media (width<=860px){.two .wrap{grid-template-columns:1fr}}.never{max-width:46rem;margin:36px 0 0;padding:0;list-style:none}.never li{border-bottom:1px solid var(--rule);padding:18px 0 18px 34px;position:relative}.never li:before{content:"";background:var(--lamp);border-radius:2px;width:12px;height:2px;position:absolute;top:1.45em;left:4px}.never+p{margin-top:26px}.shelf-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,56px);margin:40px 0 0;padding:0;list-style:none;display:grid}.shelf-list img{aspect-ratio:16/10;object-fit:cover;border-radius:18px;width:100%;box-shadow:0 30px 70px -40px #000000d9}.shelf-list h3{font-variation-settings:"SOFT" 100, "opsz" 96;flex-wrap:wrap;align-items:baseline;gap:12px;margin-top:22px;font-size:1.75rem;display:flex}.shelf-list .tag{color:var(--night-deep);background:var(--glow);border-radius:999px;padding:5px 9px;font-size:.8rem;font-weight:600;line-height:1;transform:translateY(-3px)}.shelf-list .meta{color:var(--glow);margin-top:10px;font-size:1rem}.shelf-list .blurb{color:var(--ink-soft);margin-top:12px}.shelf-list .act{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}@media (width<=860px){.shelf-list{grid-template-columns:1fr}}.join{max-width:34rem;margin-top:28px}.join .row{flex-wrap:wrap;gap:10px;display:flex}.join input[type=email]{min-width:0;font:inherit;color:var(--ink);background:#efe7d60f;border:1px solid #efe7d638;border-radius:12px;flex:240px;padding:15px 16px;font-size:1.05rem}.join input[type=email]::placeholder{color:var(--ink-faint)}.join input[type=email]:focus{border-color:var(--glow);outline:none;box-shadow:0 0 0 3px #e8f38c2e}.join .check{color:var(--ink-soft);align-items:center;gap:10px;margin-top:14px;font-size:.98rem;display:flex}.join .check input{width:18px;height:18px;accent-color:var(--lamp)}.join .msg{min-height:1.6em;margin-top:14px;font-size:1rem}.join .msg[data-kind=ok]{color:var(--glow)}.join .msg[data-kind=err]{color:#ffb4a8}.hp{position:absolute;left:-9999px}.page-head{padding-block:clamp(20px,4vw,48px) clamp(34px,5vw,60px)}.page-head p{margin-top:18px}.sheet{background:var(--paper);color:var(--paper-ink);border-radius:22px;margin-bottom:clamp(56px,8vw,100px);padding:clamp(28px,6vw,80px) clamp(22px,7vw,96px)}.sheet a{color:#6b3f9e}.sheet a:hover{color:#3b2466}.prose>*+*{margin-top:1.1em}.prose h2{margin-top:2em;font-size:clamp(1.5rem,1.4vw + 1rem,2rem)}.prose h3{margin-top:1.6em}.prose p,.prose li{max-width:40rem}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.5em}.prose .note{color:var(--paper-soft);font-size:1rem}.prose blockquote{border-left:3px solid var(--lamp);color:var(--paper-soft);margin:1.4em 0;padding:.2em 0 .2em 1.1em}.prose table{border-collapse:collapse;width:100%;max-width:44rem;font-size:1rem}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid #2a233824;padding:10px 12px 10px 0}.prose th{font-weight:600}.book-hero .wrap{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(28px,5vw,72px);padding-block:clamp(18px,3vw,40px) clamp(48px,7vw,90px);display:grid}.book-hero img{aspect-ratio:4/3;object-fit:cover;border-radius:20px;width:100%}.book-hero dl{grid-template-columns:auto 1fr;gap:8px 18px;margin:26px 0 0;font-size:1rem;display:grid}.book-hero dt{color:var(--ink-faint)}.book-hero dd{margin:0}.book-hero .act{margin-top:30px}.gallery{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;display:grid}.gallery img{border-radius:var(--radius);aspect-ratio:4/3;object-fit:cover;width:100%}@media (width<=860px){.book-hero .wrap{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}}.prompts{counter-reset:p;padding:0;list-style:none}.prompts li{counter-increment:p;border-bottom:1px solid #2a23381f;grid-template-columns:2.4rem 1fr;gap:6px;padding:12px 0;display:grid}.prompts li:before{content:counter(p);color:var(--paper-soft);font-variant-numeric:tabular-nums}.words{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:44rem;display:grid}.words div{background:#2a23380d;border-radius:14px;padding:18px 20px}.words b{font-size:1.8rem;line-height:1.1;display:block}.guide-list{margin:0;padding:0;list-style:none}.guide-list li{border-bottom:1px solid #2a23381f;padding:26px 0}.guide-list a{color:var(--paper-ink);font-variation-settings:"SOFT" 100, "opsz" 48;font-size:1.45rem;font-weight:600;text-decoration:none}.guide-list a:hover{color:#6b3f9e}.guide-list p{color:var(--paper-soft);margin-top:8px}.foot{border-top:1px solid var(--rule);color:var(--ink-faint);padding-block:44px 60px;font-size:.98rem}.foot .wrap{flex-wrap:wrap;justify-content:space-between;gap:22px;display:flex}.foot nav{flex-wrap:wrap;gap:20px;display:flex}.foot a{color:var(--ink-soft);text-decoration:none}
