.prototype-demo .bainian-wendao{color:#edf3e8;background:#101c18;width:min(100%,560px);min-height:100vh;margin:0 auto;font-family:PingFang SC,Microsoft YaHei,sans-serif}.prototype-demo .bainian-wendao *{box-sizing:border-box}.prototype-demo .bainian-wendao nav{border-bottom:1px solid #e8daac2e;justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:10px 14px;display:flex}.prototype-demo .bainian-wendao nav a{color:#e8daac;text-decoration:none}.prototype-demo .bainian-wendao nav span{color:#8da597;text-align:right;font-size:12px}.prototype-demo .bainian-intro{background:radial-gradient(circle at 50% 20%,#b79d5b33,#0000 42%);align-content:center;gap:17px;min-height:calc(100vh - 50px);padding:42px 24px;display:grid}.prototype-demo .bainian-intro .eyebrow{color:#d9c98e;letter-spacing:.16em;margin:0;font-size:12px}.prototype-demo .bainian-intro h1{letter-spacing:.1em;margin:0;font-family:Georgia,STSong,serif;font-size:clamp(54px,17vw,88px);line-height:1}.prototype-demo .bainian-intro>p:not(.eyebrow){color:#b9c8be;max-width:36em;margin:0;line-height:1.8}.prototype-demo .bainian-intro button,.prototype-demo .bainian-play header button{color:#16231d;cursor:pointer;font:inherit;background:#d1b96b;border:1px solid #d1b96b;border-radius:999px;width:max-content;padding:12px 18px;font-weight:800}.prototype-demo .bainian-play{grid-template-rows:auto 1fr;min-height:calc(100vh - 50px);display:grid}.prototype-demo .bainian-play header{justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:8px 12px;display:flex}.prototype-demo .bainian-play header strong{color:#d9c98e}.prototype-demo .bainian-play header button{color:#d9c98e;background:0 0;padding:7px 12px}.prototype-demo .bainian-play iframe{background:#101c18;border:0;width:100%;height:calc(100vh - 100px);min-height:680px;display:block}@media (width<=560px){.prototype-demo .bainian-play iframe{min-height:calc(100vh - 100px)}}