:root{color-scheme:dark;--color-void: #120608;--color-night: #1b090d;--color-rose-deep: #351019;--color-rose: #7b2736;--color-rose-soft: #b75c69;--color-paper: #f6dfc6;--color-paper-deep: #d6aa7c;--color-amber: #f2b35c;--color-candle: #ffd18a;--color-ink: #fff7ec;--color-muted: #d9b9a6;--color-dim: #9c716d;--color-line: rgba(255, 209, 138, .22);--color-shadow: rgba(31, 6, 10, .72);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .5rem;--radius-md: .875rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--shadow-soft: 0 1.5rem 5rem var(--color-shadow);--shadow-candle: 0 0 4rem rgba(242, 179, 92, .2);--font-display: "Iowan Old Style", "Songti SC", "STSong", serif;--font-body: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;--font-ui: "Avenir Next", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--color-void);scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;color:var(--color-ink);background:radial-gradient(circle at 16% 12%,rgba(183,92,105,.34),transparent 24rem),radial-gradient(circle at 82% 4%,rgba(242,179,92,.24),transparent 28rem),linear-gradient(135deg,var(--color-void),var(--color-night) 44%,#090305);font-family:var(--font-body)}body:before{position:fixed;inset:0;z-index:0;pointer-events:none;content:"";opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.62'/%3E%3C/svg%3E")}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--color-candle);outline-offset:4px}.site-shell{position:relative;z-index:1;min-height:100dvh}.gate-screen{display:grid;min-height:100dvh;padding:clamp(var(--space-5),4vw,var(--space-12));place-items:center}.gate-card{display:grid;width:min(67rem,100%);grid-template-columns:minmax(17rem,.9fr) minmax(18rem,1fr);gap:clamp(var(--space-8),6vw,var(--space-16));align-items:center;padding:clamp(var(--space-6),5vw,var(--space-12));border:1px solid var(--color-line);border-radius:var(--radius-xl);background:linear-gradient(135deg,#351019e6,#1b090dc7),radial-gradient(circle at 76% 18%,rgba(255,209,138,.14),transparent 20rem);box-shadow:var(--shadow-soft),var(--shadow-candle)}.envelope{position:relative;--envelope-glow: 0rem;width:min(23rem,78vw);aspect-ratio:1.34;margin-inline:auto;filter:drop-shadow(0 2rem 2rem rgba(7,2,3,.38)) drop-shadow(0 0 var(--envelope-glow) rgba(255,209,138,.28));perspective:900px;will-change:filter}.envelope-back,.envelope-paper,.envelope-front,.envelope-flap{position:absolute;inset:0;border-radius:var(--radius-lg)}.envelope-back{background:linear-gradient(145deg,#e1b484,var(--color-paper))}.envelope-paper{inset:8% 8% 26%;background:linear-gradient(rgba(123,39,54,.12) 1px,transparent 1px) 0 1.8rem / 100% 1.8rem,linear-gradient(145deg,#fff0da,#f0c99f);box-shadow:inset 0 0 0 1px #7b27361f}.envelope-front{clip-path:polygon(0 36%,50% 78%,100% 36%,100% 100%,0 100%);background:linear-gradient(160deg,#c98473,#f0c99f 44%,#d7976f);box-shadow:inset 0 0 0 1px #4a121b3d}.envelope-flap{clip-path:polygon(0 0,100% 0,50% 58%);background:linear-gradient(180deg,#f6d7af,#c97c6e);transform-origin:50% 0;will-change:transform}.seal-button{position:absolute;top:54%;left:50%;display:grid;width:5.5rem;height:5.5rem;border:0;border-radius:999px;color:var(--color-ink);background:radial-gradient(circle at 35% 28%,rgba(255,209,138,.6),transparent 34%),linear-gradient(145deg,#9b213b,#4a101c);box-shadow:0 0 0 .45rem #7b273638,0 1rem 2rem #1f060a75;transform:translate(-50%,-50%);place-items:center;transition:transform .18s ease,box-shadow .18s ease}.seal-button:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 0 .55rem #f2b35c33,0 1rem 2.4rem #1f060a85}.seal-button span{font-family:var(--font-ui);font-size:.95rem;font-weight:700;letter-spacing:.18em}.gate-copy{max-width:33rem}.kicker,.section-meta{margin:0 0 var(--space-3);color:var(--color-amber);font-family:var(--font-ui);font-size:.78rem;font-weight:700;letter-spacing:.08em}.gate-copy h1,.letter-hero h1,.secret-form h2,.letter-section h2{margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;text-wrap:balance}.gate-copy h1{max-width:11ch;font-size:clamp(2.6rem,7vw,5.7rem);line-height:.98}.gate-copy p:last-child{max-width:34rem;margin:var(--space-6) 0 0;color:var(--color-muted);font-size:clamp(1rem,2vw,1.18rem);line-height:1.9}.secret-dialog{width:min(31rem,calc(100vw - 2rem));padding:0;border:1px solid var(--color-line);border-radius:var(--radius-lg);color:var(--color-ink);background:radial-gradient(circle at 85% 10%,rgba(242,179,92,.14),transparent 16rem),linear-gradient(145deg,#351019fa,#120608fa);box-shadow:var(--shadow-soft)}.secret-dialog::backdrop{background:#090305b8;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}.secret-form{position:relative;display:grid;gap:var(--space-4);padding:var(--space-8)}.dialog-close{position:absolute;top:var(--space-4);right:var(--space-4);width:2.75rem;height:2.75rem;border:1px solid var(--color-line);border-radius:999px;color:var(--color-muted);background:#fff7ec0d}.secret-form h2{padding-right:var(--space-10);font-size:clamp(2rem,5vw,3.3rem)}.secret-form label{color:var(--color-muted);font-family:var(--font-ui);font-size:.95rem}.secret-form input{min-height:3.4rem;border:1px solid var(--color-line);border-radius:var(--radius-md);padding:0 var(--space-4);color:var(--color-ink);background:#fff7ec14;font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.16em;text-transform:uppercase}.secret-form input[aria-invalid=true]{border-color:var(--color-rose-soft)}.secret-feedback{min-height:1.5rem;margin:0;color:var(--color-candle);font-family:var(--font-ui)}.primary-action{min-height:3.35rem;border:0;border-radius:999px;color:#2d0d13;background:linear-gradient(135deg,var(--color-candle),var(--color-amber));font-family:var(--font-ui);font-weight:800;box-shadow:0 .9rem 1.8rem #f2b35c38}.letter{width:min(74rem,calc(100% - clamp(2rem,8vw,8rem)));margin-inline:auto;padding:clamp(var(--space-10),9vw,var(--space-20)) 0}.letter-hero{max-width:56rem;margin:0 auto clamp(var(--space-10),9vw,var(--space-20));text-align:center}.letter-hero h1{font-size:clamp(3rem,9vw,6rem);line-height:.96}.letter-hero p:last-child{max-width:45rem;margin:var(--space-6) auto 0;color:var(--color-muted);font-size:clamp(1.05rem,2vw,1.24rem);line-height:1.9}.letter-paper{border:1px solid rgba(255,209,138,.24);border-radius:var(--radius-xl);background:linear-gradient(90deg,rgba(123,39,54,.08) 1px,transparent 1px) 0 0 / 2.75rem 2.75rem,linear-gradient(180deg,#f6dfc6f7,#ebc499f2);color:#351019;box-shadow:var(--shadow-soft);overflow:hidden}.letter-section{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6);padding:clamp(var(--space-8),8vw,var(--space-16));border-bottom:1px solid rgba(53,16,25,.16)}.letter-section:last-child{border-bottom:0}.section-meta{color:var(--color-rose)}.letter-section h2{max-width:18ch;color:#26090f;font-size:clamp(2rem,5vw,4.2rem);line-height:1.05}.section-body{display:grid;gap:var(--space-5);max-width:50rem}.section-body p{margin:0;color:#442027;font-size:clamp(1.04rem,2vw,1.18rem);line-height:2.05;text-wrap:pretty}.art-slot{display:grid;grid-template-columns:minmax(13rem,.8fr) minmax(14rem,1fr);gap:var(--space-6);align-items:end;margin:var(--space-4) 0 0;padding:var(--space-4);border:1px solid rgba(53,16,25,.16);border-radius:var(--radius-lg);background:#3510190d}.art-slot picture{position:relative;display:block;min-height:14rem;overflow:hidden;border-radius:var(--radius-md);background:radial-gradient(circle at 28% 22%,rgba(183,92,105,.22),transparent 8rem),linear-gradient(135deg,#35101933,#f2b35c2e)}.art-slot img{display:block;width:100%;height:100%;min-height:14rem;object-fit:cover}.art-slot.is-placeholder img{display:none}.art-slot.is-placeholder picture:after{position:absolute;inset:50% auto auto 50%;width:min(18rem,calc(100% - 2rem));color:#351019ad;content:"图片稍后放进 public/art/ 后会自动显示";font-family:var(--font-ui);font-weight:700;line-height:1.7;text-align:center;transform:translate(-50%,-50%)}.art-slot figcaption{display:grid;gap:var(--space-2);margin:0}.art-slot strong{color:#26090f;font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.5rem)}.art-slot span{color:#5c3036;line-height:1.85}@media(max-width:780px){.gate-card,.art-slot{grid-template-columns:1fr}.gate-copy{text-align:center}.gate-copy h1,.letter-section h2{max-width:none}.letter{width:min(100% - 1.25rem,74rem)}.letter-section{padding:var(--space-8) var(--space-5)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms;animation-iteration-count:1;scroll-behavior:auto;transition-duration:.01ms}.envelope,.envelope-flap,.letter-section,.art-slot{transform:none}}