:root{--ink:#193c54;--blue:#18587b;--teal:#0a8793;--paper:#f4f7fa;--line:#d9e3ea;--muted:#647c8d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Microsoft YaHei','PingFang SC',sans-serif}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--ink);padding:11px 18px;border-radius:9px}button:hover{border-color:var(--teal)}button:disabled{opacity:.45;cursor:default}button.active,.primary{background:var(--ink);color:white;border-color:var(--ink)}button:focus-visible,input:focus-visible{outline:3px solid #30bcc5;outline-offset:3px}#top{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;border-bottom:1px solid var(--line);background:white;gap:20px}#top img{width:222px}nav{display:flex;gap:7px}nav button{font-size:14px;border:0;background:transparent}#foot{display:flex;justify-content:space-between;padding:14px 3vw;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}#main{min-height:calc(100vh - 131px)}.presentation{padding:28px 4vw 20px}.head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.head h1{margin:0;font-size:clamp(25px,2.6vw,40px);font-weight:650;letter-spacing:-1px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--teal);margin:0 0 12px}.pager{display:flex;align-items:center;gap:13px;white-space:nowrap}.pager span{font-variant-numeric:tabular-nums;color:var(--muted)}.content{display:grid;grid-template-columns:minmax(350px,.9fr) minmax(0,1.1fr);gap:32px;align-items:start;animation:reveal .45s ease both}.content.no-text{display:block}.copy{background:white;padding:25px 28px;border-radius:4px;border-left:3px solid var(--teal)}.copy p{font-size:clamp(16px,1.28vw,21px);line-height:1.85;margin:0 0 13px;white-space:pre-wrap;overflow-wrap:anywhere}.copy p:last-child{margin-bottom:0}.copy p:first-child{color:var(--blue)}.copy .block+.block{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.gallery{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:12px}.gallery button{padding:7px;border:0;background:white;border-radius:4px;min-width:0}.gallery img{display:block;width:100%;height:var(--ih,230px);object-fit:contain}.gallery.single{--cols:1;--ih:min(64vh,650px)}.gallery.many{--cols:3;--ih:220px}.no-text .gallery{--ih:min(57vh,560px)}.no-text .gallery.many{--ih:240px}.page-13 .content{display:block}.page-13 .copy{columns:2;column-gap:35px}.page-13 .block{break-inside:avoid;margin:0!important;padding:0 0 18px!important;border:0!important}.page-13 .copy p{font-size:17px;line-height:1.7}.thumbs{display:flex;gap:7px;margin-top:22px;overflow:auto;padding-bottom:5px}.thumbs button{min-width:42px;padding:9px 11px}.source-toggle{display:flex;gap:8px;justify-content:flex-end;margin-bottom:16px}.source-image{width:100%;max-height:70vh;object-fit:contain;background:white}dialog{border:0;padding:35px;background:#112536;max-width:98vw;max-height:98vh;color:white}dialog::backdrop{background:#071626dd}dialog img{display:block;width:88vw;height:80vh;object-fit:contain}dialog button{position:absolute;right:12px;top:8px}.stage{padding:32px 5vw;animation:reveal .4s ease}.stage h1{font-size:clamp(30px,3.7vw,58px);margin:12px 0}.sub{color:var(--muted);font-size:18px;line-height:1.7;max-width:820px}.demo-layout{display:grid;grid-template-columns:310px 1fr;gap:30px;margin-top:25px}.brief{padding:25px;background:white;border-top:3px solid var(--teal);line-height:1.8}.brief h2{margin-top:0;font-size:21px}.brief p{font-size:16px}.game{position:relative;background:#132b3e;border-radius:16px;overflow:hidden;min-height:450px;touch-action:none}.game canvas{display:block;width:100%;height:450px}.game-hud{position:absolute;left:20px;right:20px;top:17px;display:flex;justify-content:space-between;color:white;pointer-events:none}.game-overlay{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#102536bb;color:white;gap:12px}.game-overlay h2{font-size:36px;margin:0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.live-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:25px}.live-board{background:#132b3e;color:white;border-radius:14px;overflow:hidden;min-height:520px;position:relative;padding:20px}.wall{height:180px;position:relative;overflow:hidden;border-bottom:1px solid #ffffff22}.danmaku{position:absolute;left:100%;white-space:nowrap;animation:fly 10s linear forwards;padding:9px 15px;border-radius:99px;background:#ffffff15;font-size:22px}.danmaku b{color:#75e5dd;margin-right:12px}.room-panel{background:white;border-radius:12px;padding:23px;text-align:center;align-self:start}.room-panel img{width:196px;height:196px}.room-panel h2{font-size:25px;letter-spacing:3px}.room-panel p{font-size:14px;line-height:1.7;color:var(--muted)}.room-panel a{color:var(--teal);word-break:break-all;font-size:13px}.lane{display:grid;grid-template-columns:135px 1fr 50px;gap:14px;align-items:center;padding:19px 0;border-bottom:1px solid #ffffff18}.who{display:flex;align-items:center;gap:8px;font-size:15px}.emoji{font-size:29px}.track{height:35px;position:relative;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 2px),#75e5dd44 calc(10% - 2px),#75e5dd44 10%);border-bottom:2px solid #75e5dd33}.runner{position:absolute;bottom:1px;font-size:28px;transition:left .35s ease}.empty{color:#b5c8d7;text-align:center;padding:48px 12px}.state-badge{color:var(--teal);font-size:16px}.notice{padding:16px;background:#fff4df;color:#725112;font-size:15px;line-height:1.7;border-radius:9px}.phone{max-width:470px;margin:0 auto;padding:32px 20px}.phone h1{font-size:32px}.phone input{width:100%;border:1px solid var(--line);border-radius:9px;padding:15px;background:white}.phone label{display:block;margin-bottom:8px}.phone form{display:grid;gap:14px}.avatars{display:flex;gap:7px;margin:22px 0}.avatars button{font-size:26px;padding:8px}.word{font-size:46px;color:var(--teal);margin:20px 0;text-align:center}.phone .primary{padding:15px}.feedback{min-height:25px;color:var(--teal)}.phone-info{display:flex;justify-content:space-between;align-items:center;background:white;padding:14px;border-radius:9px}.small{font-size:13px;color:var(--muted)}@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fly{to{transform:translateX(calc(-100vw - 100%))}}@media(max-width:850px){#top{height:auto;min-height:76px;flex-wrap:wrap;padding:14px}#top img{width:165px}nav{order:3;width:100%;justify-content:center}nav button{padding:8px 10px;font-size:13px}.content,.demo-layout,.live-layout{grid-template-columns:1fr}.head{align-items:flex-start;gap:12px}.head h1{font-size:23px}.pager{gap:6px}.pager button{padding:8px}.copy{padding:20px}.page-13 .copy{columns:1}.gallery.many{--cols:2}.gallery img,.no-text .gallery img{height:200px}#foot{display:block;line-height:1.7}.room-panel{max-width:350px}.lane{grid-template-columns:90px 1fr 35px;gap:5px}.game canvas{height:400px}.stage{padding:25px 20px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}.danmaku{left:15px;animation:none!important}}