:root{--paper:#f3f0e6;--ink:#243d35;--muted:#69736b;--orange:#e86e3a;--line:#cccfc1}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 "Microsoft YaHei",system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.site-header{max-width:1160px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.site-home{font-weight:800;font-size:19px}.site-home span{color:var(--orange)}.site-nav{display:flex;gap:24px;font-size:14px}.site-nav a:hover,.site-nav a[aria-current]{color:var(--orange)}.site-main{max-width:1096px;margin:auto;padding:55px 32px 80px}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--muted)}h1{font-size:clamp(36px,6vw,64px);line-height:1.3;letter-spacing:-2px;margin:20px 0}p{color:var(--muted)}.gate{min-height:100vh;display:grid;place-items:center;padding:24px}.gate-card{width:100%;max-width:620px;padding:48px;border:1px solid var(--line);background:#fffdf6;box-shadow:12px 12px 0 #243d3509}.gate h1{font-size:clamp(30px,5vw,43px)}label{display:block;margin:28px 0 8px;font-size:14px}.answer-row{display:flex;gap:10px}input{width:100%;min-width:0;padding:13px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}button,.play{background:var(--ink);color:white;border:0;padding:13px 22px;cursor:pointer;white-space:nowrap}.error{min-height:28px;color:#b53d20;font-size:14px;margin-bottom:0}.feature{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin-top:40px;background:#fffdf6}.poster{padding:45px;background:var(--ink);color:var(--paper);display:grid;align-content:center;min-height:290px}.poster strong{font-size:42px;line-height:1.4}.poster small{color:#becabf;margin-top:20px}.description{padding:35px}.description h2{font-size:28px;margin:14px 0}.tag{font-size:12px;color:var(--muted)}.play{display:inline-block;margin-top:15px}.empty{padding:45px 0;border-top:1px solid var(--line);margin-top:35px}footer{max-width:1096px;margin:auto;padding:24px 32px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}@media(max-width:640px){.site-header{padding:20px;align-items:flex-start}.site-nav{gap:14px;font-size:13px}.site-home{font-size:16px}.site-main{padding:35px 20px}.gate-card{padding:28px}.feature{grid-template-columns:1fr}.poster{min-height:220px;padding:30px}.description{padding:25px}.answer-row{flex-wrap:wrap}.answer-row button{width:100%}}

@media(max-width:640px){.site-header{flex-wrap:wrap}.site-nav{flex-wrap:wrap}}