:root{color-scheme:light;--paper:#f5f1e7;--ink:#263f43;--orange:#cb643d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}main{max-width:1440px;margin:auto;padding:0 64px}header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d6d9cd}.wordmark{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:12px;font-weight:750;letter-spacing:1.6px}.mark{font:italic bold 32px Georgia;letter-spacing:-3px;margin-right:6px}.edition{font-size:12px}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:48px 0 32px}.eyebrow{font-size:10px;letter-spacing:2px;margin:0 0 20px}h1{font-size:clamp(36px,4.5vw,62px);line-height:1.17;letter-spacing:-2px;font-weight:650;margin:0}h1 span{font-family:serif;font-weight:600;color:#a34d2f}.description{font-size:14px;line-height:1.9;margin:0 16px 6px 24px}.scene{position:relative;overflow:hidden;border:1px solid #cbd6cc;border-radius:4px}.scene svg{display:block;width:100%;height:auto}.scene-label,.scene-index{position:absolute;top:25px;font-size:10px;letter-spacing:1px}.scene-label{left:28px;display:flex;align-items:center;gap:8px}.scene-index{right:28px}.dot{display:inline-block;width:6px;height:6px;background:#537e66;border-radius:50%}.postcard{position:absolute;right:28px;bottom:24px;font-size:11px;text-align:right}.postcard span{display:block;font:italic 15px Georgia;margin-top:5px}.controls{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid #d6d9cd}.play-group{display:flex;gap:10px}button{font:inherit;font-size:12px;min-height:46px;cursor:pointer;border:1px solid #c9cfc2;border-radius:4px;padding:0 20px;background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:10px}button:hover{background:#e8e7da}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #aa5331;outline-offset:4px}.primary{background:var(--ink);color:#fffdf3;border-color:var(--ink);min-width:132px}.primary:hover{background:#38575b}.bell{min-width:114px}.speed{display:flex;align-items:center;gap:16px;font-size:12px}.speed input{width:150px;accent-color:#ab5433;cursor:pointer;height:24px}.speed output{font-size:18px;min-width:76px;font-variant-numeric:tabular-nums}.speed small{font-size:10px}.ride-status{font-size:11px;display:flex;align-items:center;gap:8px;min-width:120px}footer{display:flex;justify-content:space-between;padding:24px 0 30px;font-size:10px;color:#687773}footer span:last-child{font-size:9px;letter-spacing:1px}@media(min-width:1500px){main{max-width:1400px}.intro{padding-top:40px}}@media(max-width:900px){main{padding:0 28px}.ride-status{display:none}.intro{padding-top:36px}.controls{gap:16px}.speed{gap:8px}.speed input{width:115px}.description{font-size:12px}.scene svg{min-height:360px;object-fit:cover}.scene-index{display:none}}@media(max-width:600px){main{padding:0 20px}header{height:72px}.wordmark{font-size:10px;letter-spacing:.8px}.edition{display:none}.intro{padding:30px 0 25px;align-items:flex-start}.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:16px}h1{font-size:38px;letter-spacing:-1px}.description{font-size:11px;margin:39px 0 0 12px;max-width:124px}.scene{margin:0 -8px}.scene svg{width:190%;max-width:none;min-height:0;margin-left:-45%}.scene-label{top:16px;left:16px;font-size:9px}.postcard{font-size:9px;right:16px;bottom:14px}.postcard span{font-size:12px}.controls{flex-wrap:wrap;justify-content:center;padding:20px 0;gap:16px}.play-group{width:100%}.play-group button{flex:1}.speed{width:100%;justify-content:space-between}.speed input{width:42%}footer{font-size:9px;gap:16px}footer span:last-child{max-width:136px;text-align:right;line-height:1.6}}
@media(max-width:600px){.intro{display:block}h1{font-size:38px}.description{margin:16px 0 0;max-width:280px;font-size:11px;line-height:1.8}.description br{display:none}}