:root{--project-ink: #120f0d;--project-ink-soft: #201a16;--project-paper: #eee4d0;--project-paper-soft: #d0c2a9;--project-muted: #918674;--project-line: rgba(238, 228, 208, .17);--project-red: #bb3a2b;--project-red-bright: #e15a42;--project-gold: #d5ad5f;--project-shadow: 14px 14px 0 rgba(187, 58, 43, .3);--project-mono: "DM Mono", "SF Mono", monospace;--project-serif: "Noto Serif SC", "Songti SC", serif;--project-sans: "Manrope", "PingFang SC", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--project-paper);background:var(--project-ink);font:15px/1.7 var(--project-sans);-webkit-font-smoothing:antialiased}body::selection{color:var(--project-ink);background:var(--project-gold)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}:focus-visible{outline:2px solid var(--project-gold);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.project-page{position:relative;min-height:100vh;overflow-x:clip}.project-page:before{content:"";position:fixed;inset:0;z-index:5;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.42'/%3E%3C/svg%3E")}.project-shell{width:min(1180px,calc(100% - 64px));margin:0 auto}.project-topbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;border-bottom:1px solid var(--project-line)}.project-brand{display:inline-flex;align-items:center;gap:12px;font:10px/1.1 var(--project-mono);letter-spacing:.08em}.project-brand-mark{display:grid;place-items:center;width:34px;height:34px;color:var(--project-gold);border:1px solid var(--project-gold);font-size:11px}.project-brand-copy{color:var(--project-muted)}.project-back{color:var(--project-muted);font:10px var(--project-mono);letter-spacing:.05em;transition:color .2s ease}.project-back:hover{color:var(--project-gold)}.project-kicker,.project-section-index,.project-meta,.project-status,.stage-label,.form-label,.tiny-copy{font:10px var(--project-mono);letter-spacing:.1em}.project-kicker,.project-section-index{color:var(--project-gold);text-transform:uppercase}.project-hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:64px;align-items:center;min-height:690px;padding:84px 0 108px}.project-hero-copy{max-width:720px}.project-hero h1{margin:24px 0 27px;max-width:740px;color:var(--project-paper);font:700 clamp(54px,7vw,104px)/.98 var(--project-serif);letter-spacing:-.11em}.project-hero h1 em{color:var(--project-red-bright);font-style:normal}.project-hero-lede{max-width:600px;margin:0;color:var(--project-paper-soft);font-size:17px;line-height:1.9}.project-hero-note{padding:24px;border:1px solid var(--project-line);background:linear-gradient(145deg,#39261deb,#120f0dc2);box-shadow:var(--project-shadow)}.project-hero-note strong{display:block;margin:34px 0 10px;color:var(--project-gold);font:700 46px/.98 var(--project-serif);letter-spacing:-.08em}.project-hero-note p{margin:0;color:var(--project-muted);font-size:13px}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(213,173,95,.35);color:var(--project-gold);font:10px var(--project-mono);letter-spacing:.06em}.status-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--project-red-bright);box-shadow:0 0 14px var(--project-red-bright)}.status-pill.is-online:before{background:#9fcb70;box-shadow:0 0 14px #9fcb70}.project-section{position:relative;z-index:1;padding:104px 0 0;border-top:1px solid var(--project-line)}.project-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.project-section-head h2{margin:12px 0 0;color:var(--project-paper);font:600 clamp(34px,5vw,64px)/1.02 var(--project-serif);letter-spacing:-.09em}.project-section-note{max-width:360px;margin:0;color:var(--project-muted);font-size:13px;text-align:right}.ritual-note{padding:26px;border-left:3px solid var(--project-red);background:#3b251a75;color:var(--project-paper-soft)}.ritual-note strong{color:var(--project-gold);font-family:var(--project-serif)}.form-card{padding:clamp(24px,4vw,44px);border:1px solid var(--project-line);background:#201a16bd;box-shadow:10px 10px #d5ad5f14}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.form-field{display:grid;gap:8px}.form-field.is-wide{grid-column:1 / -1}.form-label{color:var(--project-gold)}.form-help{margin:0;color:var(--project-muted);font-size:12px;line-height:1.5}.form-control{width:100%;border:1px solid rgba(238,228,208,.24);border-radius:0;background:#120f0db8;color:var(--project-paper);padding:12px 13px}.form-control::placeholder{color:#6d6254}.form-control:hover{border-color:#d5ad5fa6}textarea.form-control{min-height:150px;resize:vertical}.field-counter{justify-self:end;color:var(--project-muted);font:10px var(--project-mono)}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:28px}.project-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 18px;border:1px solid var(--project-gold);background:var(--project-gold);color:var(--project-ink);font:11px var(--project-mono);letter-spacing:.03em;transition:background .2s ease,transform .2s ease}.project-button:hover{background:#ead092;transform:translateY(-2px)}.project-button.secondary{border-color:#eee4d059;background:transparent;color:var(--project-paper)}.project-button.secondary:hover{border-color:var(--project-gold);background:#d5ad5f1a}.form-status{min-height:24px;margin:16px 0 0;color:var(--project-gold);font-size:13px}.form-error{min-height:24px;margin:8px 0 0;color:#f18b6e;font-size:13px}.results-panel{margin-top:42px}.results-heading{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:18px}.results-heading h3{margin:0;color:var(--project-paper);font:600 30px var(--project-serif);letter-spacing:-.07em}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.result-option{position:relative;min-height:280px;padding:24px;border:1px solid var(--project-line);background:#2a2019c2;transition:border-color .2s ease,background .2s ease,transform .2s ease}.result-option:hover,.result-option:has(input:checked){border-color:var(--project-gold);background:#4b3020db;transform:translateY(-3px)}.result-option input{position:absolute;opacity:0}.result-option label{display:flex;flex-direction:column;height:100%;cursor:pointer}.result-option-label{color:var(--project-red-bright);font:10px var(--project-mono);letter-spacing:.08em}.result-option h4{margin:28px 0 12px;color:var(--project-paper);font:600 23px/1.2 var(--project-serif)}.result-option p{margin:0;color:var(--project-paper-soft);font-size:13px;line-height:1.8}.copy-result{align-self:start;margin-top:auto;padding-top:24px;color:var(--project-gold);font:10px var(--project-mono)}.copy-result:after{content:"  ↗"}.disclaimer{max-width:800px;margin:52px auto 0;padding:16px 18px;border:1px solid rgba(213,173,95,.25);color:var(--project-muted);font-size:12px}.project-footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:18px;padding:86px 0 26px;color:var(--project-muted);font:10px var(--project-mono);letter-spacing:.04em}.project-footer a:hover{color:var(--project-gold)}.fortune-page .project-hero{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);min-height:auto;padding:48px 0 60px}.fortune-page .project-hero h1{font-size:clamp(48px,6vw,84px);margin:18px 0 20px}.stage-shell{position:relative;min-height:490px;border:1px solid rgba(213,173,95,.28);background:radial-gradient(circle at 50% 45%,rgba(115,72,34,.36),transparent 52%),#17120f;box-shadow:var(--project-shadow);overflow:hidden}.stage-shell:before,.stage-shell:after{content:"";position:absolute;z-index:1;pointer-events:none;border:1px solid rgba(213,173,95,.23)}.stage-shell:before{inset:22px}.stage-shell:after{inset:32px;border-color:#bb3a2b47}.stage-canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%}.stage-three-canvas{position:absolute;inset:0;z-index:0;display:none;width:100%;height:100%}.stage-shell[data-renderer=three-ritual] .stage-three-canvas{display:block}.stage-shell[data-renderer=three-ritual] .stage-canvas{display:none}.stage-fallback{position:absolute;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none;color:#eee4d038;font:11px var(--project-mono);letter-spacing:.08em}.stage-shell[data-renderer=canvas-static-motion] .stage-fallback,.stage-shell[data-renderer=three-ritual] .stage-fallback{display:none}.stage-topline,.stage-bottomline{position:absolute;z-index:3;left:42px;right:42px;display:flex;justify-content:space-between;color:var(--project-muted);font:9px var(--project-mono);letter-spacing:.08em}.stage-topline{top:38px}.stage-bottomline{bottom:37px}.stage-bottomline span:last-child{color:var(--project-gold)}.stage-phases{position:absolute;z-index:3;bottom:70px;left:42px;right:42px;display:flex;justify-content:space-between;gap:8px}.stage-phase{color:#eee4d04d;font:9px var(--project-mono);transition:color .2s ease}.stage-phase.is-active{color:var(--project-gold)}.fortune-form-card{margin-top:32px}.fortune-form-card .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fortune-form-card .form-field.is-wide{grid-column:1 / -1}.fortune-result{margin-top:42px}.signature-card{position:relative;padding:clamp(27px,5vw,56px);border:1px solid rgba(213,173,95,.4);background:linear-gradient(130deg,#492b1bd1,#221813f2);box-shadow:var(--project-shadow)}.signature-card:before{content:"签";position:absolute;top:20px;right:28px;color:#bb3a2bb8;font:600 75px var(--project-serif)}.signature-label{color:var(--project-red-bright);font:10px var(--project-mono);letter-spacing:.12em}.signature-card blockquote{max-width:760px;margin:28px 0 0;color:var(--project-paper);font:600 clamp(30px,4.6vw,62px)/1.2 var(--project-serif);letter-spacing:-.08em}.reading-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:2px;margin-top:2px}.reading-card{padding:28px;border:1px solid var(--project-line);background:#201a16c7}.reading-card h4{margin:0 0 19px;color:var(--project-gold);font:600 23px var(--project-serif)}.reading-card p{margin:0;color:var(--project-paper-soft);font-size:13px;line-height:1.9}.reading-card ul{display:grid;gap:14px;margin:0;padding:0;list-style:none}.reading-card li{padding-top:12px;border-top:1px solid var(--project-line);color:var(--project-paper-soft);font-size:13px}.reading-card li strong{display:block;margin-bottom:3px;color:var(--project-gold);font:10px var(--project-mono);letter-spacing:.08em}.gentle-reminder{margin-top:2px;padding:20px 24px;border-left:3px solid var(--project-red);color:var(--project-paper-soft);background:#5e2f2252;font-size:13px}@media(max-width:900px){.project-shell{width:min(100% - 40px,680px)}.project-hero,.fortune-page .project-hero{grid-template-columns:1fr;gap:42px;min-height:auto;padding:70px 0 86px}.project-hero-note{max-width:520px}.results-grid{grid-template-columns:1fr}.result-option{min-height:220px}.fortune-form-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.project-shell{width:min(100% - 28px,560px)}.project-topbar{min-height:74px}.project-brand-copy{display:none}.project-back{font-size:9px}.project-hero{padding:56px 0 70px}.project-hero h1,.fortune-page .project-hero h1{font-size:52px}.project-hero-lede{font-size:15px}.project-section{padding-top:76px}.project-section-head{display:block}.project-section-note{margin-top:17px;text-align:left}.form-grid,.fortune-form-card .form-grid{grid-template-columns:1fr}.form-field.is-wide{grid-column:auto}.stage-shell{min-height:390px}.stage-topline,.stage-bottomline,.stage-phases{left:24px;right:24px}.stage-phases{bottom:57px}.stage-phase{font-size:8px}.stage-shell:before{inset:15px}.stage-shell:after{inset:23px}.signature-card blockquote{font-size:34px}.reading-grid{grid-template-columns:1fr}.project-footer{display:grid;gap:10px;padding-top:68px}.project-footer span:nth-child(2){order:3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-page *,.project-page *:before,.project-page *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
