:root{color-scheme:light;--muted:#5e685d;--accent:#5d7358;--border:#d9ddd3;--paper:#f1eee5;--ink:#354238}
body{color:var(--ink);background:radial-gradient(ellipse at 0 5%,#e5ece033,transparent 38%),#faf9f5;font-family:"Microsoft YaHei","PingFang SC",sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.17;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23a2aa87' opacity='.25' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
header{max-width:1440px;margin:auto;height:90px;border-bottom:1px solid #ccd2bb88;padding:0 5%}header a{font-family:"STSong","SimSun",serif;color:#3d5334;font-size:30px;letter-spacing:7px}header small{color:#78826b;font-size:9px;letter-spacing:2.4px}header>span{font-size:10px;letter-spacing:1px;color:#737d69}header b{color:#8d9f70}
main{max-width:1360px;padding:48px 48px 0}.intro{margin-bottom:32px}.intro .eyebrow{font-size:9px;letter-spacing:3px;color:#7d8a69;margin-bottom:19px}h1{font-family:"STSong","SimSun",serif;font-weight:400;font-size:clamp(28px,3vw,38px);letter-spacing:4px;color:#3e5337;margin-bottom:16px}.intro .muted{font-size:12px;letter-spacing:1px;color:#78816d}
button{border-color:#c7cfb8;color:#657454;background:#fbfbf344;border-radius:3px;font-size:11px;padding:11px 17px;transition:background .2s,border-color .2s}button:hover{color:#415c36;background:#ecf0df;border-color:#97a77e}.intro>button{border:0;border-bottom:1px solid #b5bfa4;border-radius:0;background:transparent;padding:9px 0;letter-spacing:1px}.workspace{grid-template-columns:minmax(0,1fr) 265px;gap:34px}
.stage{border:7px solid #fffef8;outline:1px solid #dfe3d1;border-radius:2px;box-shadow:0 16px 35px -25px #4c654270;background:#d8dfc8}#placeholder{background:#e7ead6 url('afternoon.svg') center/cover}#placeholder:after{inset:12px;border-color:#fffff252}.frame-label,.frame-bottom{color:#5f704e;letter-spacing:2px;font-size:7px}.frame-label{top:21px;left:23px}.frame-bottom{bottom:20px;left:23px}.scene{padding:45px 27px}.scene .eyebrow{font-size:9px;letter-spacing:3px;color:#6c7c55}.scene h2{font-family:"STSong","SimSun",serif;color:#3b5032;font-size:clamp(24px,3vw,37px);letter-spacing:7px;text-shadow:0 1px 12px #fffdeabf;margin:19px 0}.scene p{font-size:11px;line-height:2;color:#5e6c50;max-width:330px;margin:0 0 23px}.primary{background:#607751;color:#fffdf2;border:1px solid #607751;box-shadow:0 5px 12px #667d4720;font-size:11px;padding:11px 23px;letter-spacing:1px}.primary:hover{background:#4f6842;color:#fffdf2;border-color:#4f6842}.scene small{color:#6e7d5e;font-size:9px;margin-top:13px}.player-footer{background:transparent;border:0;border-bottom:1px solid #d7ddc6;border-radius:0;padding:15px 2px;font-size:10px;min-height:47px;color:#78826c}.player-footer>span:before{color:#91a579;font-size:6px}#replay{font-size:10px;color:#70835d}
aside{padding:22px 23px 20px;border:1px solid #dce0cc;position:relative;align-self:start;background:linear-gradient(100deg,#f9f9f1dd,#f1f3e7cc);box-shadow:4px 5px 0 #edf0e2;border-radius:2px}aside:before{content:"";position:absolute;width:55px;height:15px;background:#d8dfbd88;top:-8px;left:calc(50% - 27px);transform:rotate(-4deg);border-left:1px solid #c7d1ac44;border-right:1px solid #c7d1ac44}aside>.eyebrow,.clue-book .eyebrow{font-size:8px;letter-spacing:1.7px;color:#6c7b58}aside h2{font-family:"STSong","SimSun",serif;font-size:20px;letter-spacing:1px;color:#465b3c;margin:18px 0 10px}aside p{font-size:10px;line-height:1.95;color:#78816b}.clue-book{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #d8dec7}.clue-book .eyebrow span{border-color:#ccd5b8;background:#e9eddd;color:#657b50;font-size:10px;height:22px;min-width:22px}#clueList button{font-size:11px;color:#536b42;background:#eaf0dd99;border-color:#d2ddbf;padding:10px 11px}#clueList button:hover{background:#e0e8d0}#history{margin:23px 0 26px}#history li{border-left-color:#cdd6bb;padding-left:21px;padding-bottom:21px}#history li:before{background:#b0bd98;border-color:#f8f8ed}#history li.current:before{background:#7d9761;box-shadow:0 0 0 4px #dce5ca}#history strong{color:#778269;font-size:11px}#history .current strong{color:#50663e}#history small{color:#879078;font-size:9px}.note{border-color:#d8dec7;padding-top:18px}.note>small{color:#748260;font-size:9px}.note p{font-size:9px}details{border-color:#d8dec7;padding-top:15px;margin-top:19px}summary{color:#6c7e56;font-size:10px}.file-button{border-color:#c5d0b1;color:#5f744b;background:#f8faef;border-radius:2px;font-size:10px}
#decision{padding-top:27px}#decision .eyebrow{color:#85916e;font-size:8px;letter-spacing:2.5px}#decision h2{font:22px "STSong","SimSun",serif;color:#475e3b;letter-spacing:2px;margin-bottom:20px}.choice{background:linear-gradient(120deg,#fffff6aa,#eef2e4aa);border:1px solid #cfd9bf;border-radius:3px;padding:21px 18px;color:#4d633f;box-shadow:0 3px 0 #e8eddd66}.choice:hover{background:#eaf0df;border-color:#8da376;color:#38582e}.number{font:italic 20px Georgia;color:#8a9d71}.choice strong{font-size:12px;letter-spacing:1px;font-weight:400}.choice small{font-size:10px;color:#7e8972}.arrow{font-size:17px;color:#8e9f78}
.marker{border-color:#fcfceb;background:#79925de6;color:#fffde9;box-shadow:0 0 0 5px #faffd83d,0 0 15px #f7f0ac88;font-size:19px}.hotspot:hover{background:transparent}.hotspot:hover .marker{box-shadow:0 0 0 8px #faffd85d,0 0 23px #f7f0acaa}.demo-clues .prop{color:#647650;filter:drop-shadow(1px 3px 2px #66764d33);font-size:33px}.demo-clues .prop-label{color:#52653e;font-size:9px;text-shadow:0 1px 5px #ffffde}.demo-clues .marker{font-size:15px}
dialog{color:#435936;background:linear-gradient(130deg,#fffef3,#edf1df);border:1px solid #c5d0b1;border-radius:4px;padding:37px;box-shadow:0 24px 100px #3c503b40}dialog::backdrop{background:#41543d55;backdrop-filter:blur(4px)}dialog .eyebrow{font-size:9px;color:#87966d}dialog h2{color:#465d37;font-family:"STSong","SimSun",serif;font-size:27px}dialog>p:not(.eyebrow){color:#737e64;font-size:13px;line-height:2.1}dialog .primary{margin-top:7px}
#choices.continuation{display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.continue-button{min-width:180px;min-height:46px;font-size:14px;letter-spacing:3px}
.primary.continue-button:disabled,.primary.continue-button:disabled:hover{background:#e3e8da;color:#53634b;border-color:#c5cfb9;box-shadow:none;cursor:not-allowed}
.continuation-note{margin:0;color:#606b5f;font-size:11px;letter-spacing:1px}
#decision.in-video{position:absolute;z-index:4;left:50%;top:66%;transform:translateX(-50%);padding:0;width:max-content;max-width:90%;animation:entryFade .4s ease}
@keyframes entryFade{from{opacity:0}to{opacity:1}}
#decision.in-video>#decisionLabel,#decision.in-video>#question,#decision.in-video>#ending{display:none}
#decision.in-video #choices.continuation{align-items:center;gap:10px}
#decision.in-video .continuation-note{color:#e4e9dc;text-shadow:0 1px 5px #000;font-size:10px}
#decision.in-video:focus{outline:none}
#decision.in-video .primary.continue-button{background:transparent;border:1px solid #f5efd1b3;color:#f8f1db;box-shadow:0 3px 16px #0002;text-shadow:0 1px 5px #0007;font-family:"STSong","SimSun",serif;transition:background .25s,border-color .25s,box-shadow .25s}
#decision.in-video .primary.continue-button:not(:disabled):hover{background:#fff9e914;border-color:#fff7df;box-shadow:0 0 18px #fff5d414}
#decision.in-video .primary.continue-button:disabled,#decision.in-video .primary.continue-button:disabled:hover{background:transparent;color:#f8f1dbd9;border-color:#f5efd18c;box-shadow:none;cursor:not-allowed}
@media(max-width:700px){#decision.in-video .continue-button{min-width:150px;min-height:40px;padding:9px 20px;font-size:12px}#decision.in-video #choices.continuation{gap:7px}#decision.in-video .continuation-note{font-size:9px}}
/* 配色微调：暖白底、米白纸张、灰绿正文，绿色集中于交互和状态。 */
header{border-bottom-color:#d9ddd3}
header a,h1,aside h2,#decision h2,dialog h2{color:#3d5141}
header small,header>span,.intro .eyebrow,.intro .muted,aside p,aside>.eyebrow,.clue-book .eyebrow,.note>small,#history small,#decision .eyebrow,dialog .eyebrow,.player-footer{color:#606b5f}
button{color:#53674f;border-color:#cbd3c4;background:#fffdf766}
button:hover{color:#3f573a;background:#eef2e8;border-color:#94a48a}
.intro>button{background:transparent;border-bottom-color:#bac5b3}
.stage{border-color:#fffefa;outline-color:#d9ddd3;box-shadow:0 16px 35px -25px #3542384d}
.player-footer,.clue-book,.note,details{border-color:#d5dacd}
aside{background:linear-gradient(115deg,#f6f4ed,#f0eee5);border-color:#d8d9ce;box-shadow:4px 5px 0 #e9e8df}
aside:before{background:#d8dfc170;border-left-color:#c7d1b644;border-right-color:#c7d1b644}
.clue-book .eyebrow span{color:#53694b;background:#e7eddf;border-color:#c8d3bd}
#history strong{color:#606b5f}
#history .current strong{color:#465f3e}
#history li:before{border-color:#f3f1e9}
#clueList button{color:#465f3e;background:#e8eddf;border-color:#cad5bd}
#clueList button:hover{background:#dfe7d4}
summary,#replay{color:#52694a}
.file-button{background:#fffdf7;color:#52694a;border-color:#c4ceba}
.primary{background:#5d7358;border-color:#5d7358;color:#fffdf7;box-shadow:0 5px 12px #50644618}
.primary:hover{background:#4b6347;border-color:#4b6347;color:#fffdf7}
.choice{background:#fffdf7;border-color:#cdd6c5;color:#41583c;box-shadow:0 3px 0 #e8ebdf66}
.choice:hover{background:#eef2e8;border-color:#94a48a;color:#354e30}
.choice small{color:#606b5f}
.number,.arrow{color:#627657}
dialog{color:#354238;background:linear-gradient(130deg,#fffdf7,#f3f0e6);border-color:#cbd3c0;box-shadow:0 24px 100px #35423840}
dialog>p:not(.eyebrow){color:#5e685d}
footer{border-color:#d9ddd3;margin-top:42px;padding:24px 0 30px;color:#606b5f;font-family:"STSong","SimSun",serif;letter-spacing:2px}footer span{font-size:9px;color:#687161;letter-spacing:1px}footer small{font-size:7px;color:#687161;letter-spacing:2px}
@media(min-width:1500px){main{padding-top:58px}.workspace{gap:40px}}@media(max-width:1000px){main{padding:35px 28px 0}.workspace{grid-template-columns:minmax(0,1fr) 220px;gap:25px}aside{padding:22px 18px}.scene p{font-size:10px;max-width:270px;margin-bottom:15px}.scene h2{margin:12px 0}.scene small{margin-top:10px}.primary{padding:9px 17px}}@media(max-width:700px){header{height:73px;padding:0 22px}header a{font-size:26px;gap:13px}header small{font-size:7px;letter-spacing:1.5px}header>span{font-size:9px;letter-spacing:0}header b{margin-left:6px}main{padding:30px 20px 0}.intro{margin-bottom:27px;gap:12px}.intro .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:14px}h1{font-size:25px;letter-spacing:2px;line-height:1.5}.intro .muted{font-size:11px;letter-spacing:.5px;max-width:310px}.intro>button{font-size:10px;padding:6px 0;margin-top:4px}.workspace{grid-template-columns:1fr;gap:29px}.stage{border-width:5px}.scene{padding:24px 18px}.scene h2{font-size:25px;letter-spacing:4px;margin:11px 0}.scene p{font-size:11px;max-width:255px;line-height:1.8;margin-bottom:12px}.scene .eyebrow{font-size:8px}.scene small{font-size:9px;margin-top:8px}.primary{font-size:11px;padding:9px 15px}.frame-label{font-size:6px;left:17px;top:14px}.frame-bottom{font-size:6px;left:17px;bottom:12px}aside{padding:25px;border:1px solid #dce0cc}.demo-clues .prop{font-size:26px}.demo-clues .prop-label{font-size:9px}.player-footer{font-size:10px}#decision h2{font-size:21px}.choice{padding:17px}#choices{gap:11px}#history{display:block}#history li{padding-bottom:21px}footer{margin-top:34px}dialog{padding:28px}}@media(max-width:420px){.stage:has(#video[hidden]){aspect-ratio:4/3}.intro{flex-wrap:wrap}.intro>button{margin:0 0 0 auto}.scene p{max-width:210px}.demo-clues .hotspot{width:55px}.demo-clues .prop-label{font-size:8px}.scene h2{font-size:23px}.scene small{font-size:8px}}