*{box-sizing:border-box}body{margin:0;font:15px/1.5 Arial,'Microsoft YaHei',sans-serif;background:#f3f6fb;color:#15223a}header{min-height:70px;display:flex;gap:14px;align-items:center;padding:12px 24px;background:#14233f;color:white}header strong{font-size:20px;margin-right:20px}nav{display:flex;gap:8px;flex:1}button{font:inherit;cursor:pointer;border:1px solid #56657d;border-radius:8px;background:transparent;color:inherit;padding:9px 14px}button[aria-pressed=true]{background:#3166ea;border-color:#3166ea}button:focus-visible{outline:3px solid #8fb5ff;outline-offset:2px}.meta{display:flex;justify-content:space-between;gap:16px;padding:8px 24px;color:#53627a;font-size:14px}iframe{border:0;width:100%;height:calc(100dvh - 107px);display:block;background:white}@media(max-width:650px){header{flex-wrap:wrap;padding:12px;gap:8px}header strong{width:100%;font-size:18px}nav{flex:1}button{padding:7px 9px}.meta{padding:8px 12px}.meta>span:last-child{display:none}iframe{height:calc(100dvh - 150px)}}