:root{--ink:#293c3a;--muted:#66756e;--paper:#f4f1e9;--line:#d8ddd3;--accent:#36594d;--light:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:24px 5vw;border-bottom:1px solid var(--line)}a{color:inherit}.brand{text-decoration:none;font-size:25px;font-weight:650;letter-spacing:4px}.brand span{font-size:10px;letter-spacing:2px;margin-left:18px;font-weight:500}nav{display:flex;gap:26px;font-size:13px}nav a{text-decoration:none}main{max-width:1370px;margin:auto;padding:0 5vw}section{scroll-margin-top:30px}.intro{padding:80px 0 64px;max-width:850px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;color:var(--muted)}h1{font-family:Georgia,"Songti SC",serif;font-size:clamp(48px,6vw,78px);line-height:1.2;letter-spacing:1px;font-weight:500;margin:25px 0}h2{font-size:29px;font-weight:550;letter-spacing:.5px;margin:12px 0 16px}h3{font-size:20px;font-weight:600;margin:14px 0}.lead{font-size:18px;line-height:1.9;max-width:580px;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.tags span,.pill{font-size:11px;padding:9px 13px;border:1px solid var(--line);border-radius:30px;white-space:nowrap}.section{padding:48px 0;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-copy{font-size:14px;color:var(--muted);max-width:840px;line-height:1.9}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:32px 0;border:1px solid var(--line);border-radius:15px;overflow:hidden}.steps article{padding:28px 22px;border-right:1px solid var(--line)}.steps article:last-child{border:0}.steps b{font-family:Georgia,serif;font-size:32px;color:#a2ad97;font-weight:400}.steps p,.concept p{font-size:14px;line-height:1.8;color:var(--muted)}small{font-size:11px;color:var(--muted)}.flow-bottom{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:25px;font-size:13px;line-height:1.9}.flow-bottom strong{font-weight:550}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.concept{background:#faf9f5;border:1px solid var(--line);border-radius:12px;overflow:hidden}.concept img{width:100%;display:block;aspect-ratio:3/2;object-fit:contain;background:#eae8e4}.concept>div{padding:25px 20px}.concept h3{font-size:23px}dl{font-size:12px;line-height:1.7}dt{font-weight:650;margin-top:12px}dd{margin:2px 0;color:var(--muted)}.concept label{display:block;border-top:1px solid var(--line);padding-top:17px;margin-top:20px;font-size:12px}.note{font-size:12px;color:var(--muted);line-height:1.8}.experience-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:35px;margin-top:30px}.visual-stage{min-height:570px;border-radius:18px;background:radial-gradient(ellipse at 50% 48%,#344942,#172724 75%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.halo{position:absolute;width:300px;height:230px;border-radius:50%;background:#ebae58;filter:blur(65px);opacity:calc(var(--light)*.43);transition:opacity .25s}.lamp{position:relative;width:250px;height:260px;background:linear-gradient(120deg,#ddd9c9,#acae9f);border-radius:95px 95px 45px 45px;box-shadow:0 32px 30px #0b171777;transform:perspective(900px) rotateY(-9deg);padding:34px 26px 60px}.recess{background:#484d40;box-shadow:inset 0 10px 20px #18231b88;height:100%;border-radius:65px 65px 20px 20px;overflow:hidden;padding:16px 18px}.light-core{height:100%;border-radius:50px 50px 14px 14px;background:#cbc7b2;position:relative}.light-core:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(#ffe6a5,#e9ae62);box-shadow:0 0 35px #ffc577;opacity:var(--light);transition:opacity .25s}.dial{width:25px;height:25px;border-radius:50%;background:repeating-linear-gradient(90deg,#939787 0 2px,#babba8 2px 4px);position:absolute;bottom:20px;right:28px;box-shadow:2px 2px 4px #6669}.stage-caption{position:absolute;bottom:32px;text-align:center;color:#dee3d4;display:grid;gap:10px}.stage-caption strong{font-size:28px;font-weight:400;font-variant-numeric:tabular-nums}.stage-caption span{font-size:14px}.stage-caption small{color:#b2c2b6}.controls{padding:4px 0}button,select,input,textarea{font:inherit}button,select{cursor:pointer}button{border:1px solid var(--line);border-radius:9px;padding:11px 17px;color:var(--ink);background:#faf9f5;transition:background .15s}button:hover{background:#e9eade}button:disabled,select:disabled{opacity:.55;cursor:default}.primary{background:var(--accent);color:#fff;width:100%;font-size:17px;padding:17px;margin-top:16px;border-color:var(--accent)}.primary:hover{background:#274438}.subtle{font-size:12px}.mode-select{display:grid;gap:10px;font-size:13px}select,textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#faf9f5}label{font-size:13px}input[type=range]{width:100%;accent-color:var(--accent);margin:15px 0 20px;height:22px}input[type=radio]{accent-color:var(--accent)}.control-heading{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.toggle{font-size:11px;padding:7px 13px}button[aria-pressed=true]{background:#e1e9df;border-color:#869c88}output{font-size:11px;color:var(--muted);margin-left:8px}.sound-options{display:flex;gap:8px}.sound-options button{flex:1;font-size:12px;padding:11px 5px}details{border-top:1px solid var(--line);padding-top:18px;margin-top:15px}summary{font-size:13px;cursor:pointer}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.settings-grid select{margin-top:9px;font-size:12px}.error{font-size:13px;color:#a5392e}.feedback{display:grid;grid-template-columns:1fr 1fr;gap:50px}.feedback p{font-size:13px;color:var(--muted);line-height:1.8}.feedback label{display:block;margin:0 0 10px}.feedback select{margin-bottom:22px}.feedback textarea{resize:vertical;min-height:110px;margin-bottom:12px}footer{padding:25px 5vw;border-top:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #c39759;outline-offset:4px}@media(max-width:800px){.brand span{display:none}nav{gap:12px;font-size:11px}header{padding:20px 5vw}.intro{padding:48px 0}.steps{grid-template-columns:1fr 1fr}.steps article:nth-child(2){border-right:0}.steps article:nth-child(-n+2){border-bottom:1px solid var(--line)}.flow-bottom{grid-template-columns:1fr}.concept-grid{grid-template-columns:1fr}.experience-grid,.feedback{grid-template-columns:1fr}.visual-stage{min-height:420px}.lamp{transform:scale(.85)}h2{font-size:25px}.section-heading{align-items:flex-start;flex-wrap:wrap}footer{flex-direction:column}.sound-options button{min-height:44px}.concept img{aspect-ratio:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{header,.intro,#concepts,#experience,.feedback,footer,#print-flow{display:none!important}body{background:#fff}main{padding:0;max-width:none}#journey{border:0;padding:15mm 5mm}.steps{grid-template-columns:repeat(4,1fr)}.steps article{padding:15px 10px}.flow-bottom{grid-template-columns:1fr 1fr 1.6fr}h2{font-size:25px}.section-copy{font-size:12px}}
:root{color-scheme:light}
.favorite-none{border:1px solid var(--line);border-radius:9px;padding:15px;margin:0 0 25px}.favorite-none legend{font-size:13px}.consent{line-height:1.8}.consent input{accent-color:var(--accent);margin-right:6px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:800px){.visual-stage .lamp{transform:translateY(-28px) scale(.85)}}