/* 浅底来自用户参考图1；玻璃的透色只来自其下的实际影像。 */
:root{--ink:#282835;--muted:#60616e;--accent:#5a50ac;--hair:rgba(57,53,76,.12)}
body{background:#f0f0f4}
.phone{background:#faf9fc;box-shadow:0 10px 30px #29213909,0 1px 2px #2921390d}
.phone:before,.phone:after,.phone:has(.device-stage):before,.phone:has(.device-stage):after,.phone:has(.scene):before,.phone:has(.scene):after{background:none;opacity:0;filter:none}
.island{background:#1e1e25}.status{color:#35343f}.home{background:#35343f}
.nav{background:linear-gradient(#faf9fcf0,#faf9fc);border-top-color:#eeedf3}.nav button{color:#666571}.nav button.active{color:var(--accent)}
.glass{background:linear-gradient(135deg,#ffffffe0,#ffffff9c 54%,#ffffffe8);border:1px solid #fff;box-shadow:inset 0 1px 0 #fff,0 6px 18px #332a4908;backdrop-filter:blur(25px) saturate(105%)}
.glass:before{opacity:.08}.round-glass{background:#fff9;border-color:#eeecf5}.detail-sheet{background:linear-gradient(135deg,#ffffffe0,#ffffffb8)}
.titleblock h2,.play-title h2{font-size:24px}.titleblock p,.play-title p{color:var(--muted)}
.detail-meta,.source-note,.small,.tiny,.helper,.timing,.ruler,.controller-note{color:var(--muted)}
.primary{background:var(--accent)}.outline{background:#fff8;border-color:#e3dfef}.actiondock{background:#ffffffe3}
.scene-caption{background:#30303be0}.state-text{color:#52695b}
.search{background:#f0eef5;border-color:#e9e6ef}.search input::placeholder,.field::placeholder{color:#72717c}.search svg{color:#696575}
.field,.title-input{background:#f4f2f7;border-color:#e9e6ef}.mode-buttons button{background:#f5f3f8;border-color:#e8e4ef}.mode-buttons button.selected{background:#eeeaf8;border-color:#a59bc6}
.quiet-secondary{border-color:#ded8e9;background:#f8f6fc}.check-row input,.time-select input{accent-color:var(--accent)}
.line-map{height:254px;background:#faf9fc;border:1px solid #e5e2ec;margin-top:2px}
.map-drawing{width:100%;height:230px;object-fit:cover;object-position:center top}.line-map .map-note{background:#faf9fce6;color:#6a6475;left:13px;top:10px;font-size:10px}
.line-map .map-pin{left:35.2%;top:48%;width:34px;height:34px;background:#fff;border:1px solid #dad4e9;box-shadow:0 3px 9px #4937660d;color:var(--accent)}
.line-map .map-place{left:12px;right:12px;bottom:12px;padding:10px 13px;background:#ffffffd9;backdrop-filter:blur(12px)}
.map-place p{font-size:10px;margin-top:3px}.map-place svg{color:#777080}
.step-list span{background:#e2deeb}.step-list span.done{background:#8c7eb6}.task-state{color:#66528d}.task-actions{display:flex;align-items:center;gap:13px;margin-top:12px}
.demo-step{margin-top:17px;padding-top:12px;border-top:1px dashed #ddd7e8;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.demo-step>span{width:100%;font-size:10px;color:#77717e}.demo-step .quiet-secondary{font-size:11px;min-height:36px;padding:0 10px}.demo-step .text-link{font-size:10px}
.empty h3{font-size:17px;font-weight:500;color:var(--ink);margin-bottom:10px}.empty p{font-size:13px;line-height:1.9}.empty{padding:28px 0}
.trim-wave{background:#f3eff8}.trim-wave i{background:#a496c3}
.output-select{width:100%;height:38px;background:#fff8;border:1px solid #dfdaea;border-radius:7px;font-size:12px;padding:0 9px;margin-bottom:18px}.controller .field-label{margin:2px 0 8px;font-size:11px;font-weight:400}.controller .tiny{margin:12px 0 15px}.controller{background:linear-gradient(135deg,#ffffffd9,#ffffffb5);border-color:#fff}.transport .play-main{background:#fff;border-color:#e2dcec}
.slider-row svg{color:#6c6578}.slider-row output{color:#6b6476}.slider-row input,.seek{accent-color:var(--accent)}.toast{background:#38313feF}
.memory-record{margin:24px 0 28px;padding-bottom:20px;border-bottom:1px solid var(--hair)}.memory-record h3{font-size:17px}.library-cover{height:170px}.library-result .trim-wave{margin:14px 0}
.demo-controls{max-width:1288px;margin:0 auto 20px;padding:12px 18px;border:1px solid #e1dce9;border-radius:8px;background:#faf9fc;font-size:12px;color:#655d70}.demo-controls summary{cursor:pointer}.demo-controls p{margin:12px 0;line-height:1.8}.demo-controls label{display:inline-flex;align-items:center;gap:6px;margin-right:20px;min-height:35px}.demo-controls input{accent-color:var(--accent)}.demo-controls button{border:1px solid #dbd4e5;border-radius:5px;padding:7px 10px;font-size:11px}.review p,.review-footer,.page-index{color:#696373}.page-index a{border-color:#cec7d9}.review-options button{border-color:#dbd4e3}.review-options .chosen{border-color:#a89bbf}.photo-option input{accent-color:var(--accent)}
@media(max-width:700px){.demo-controls{margin-left:18px;margin-right:18px}}