*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:system-ui,Microsoft YaHei,sans-serif;background:#eef2ee;color:#20342a;overflow:hidden}header{min-height:64px;padding:8px 18px;background:#173d2d;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px}header>div{display:flex;flex-direction:column;gap:4px}header strong{font-size:17px}#status{font-size:13px;color:#d8e7dc}nav{display:flex;gap:8px;flex-wrap:wrap}button{border:1px solid #b9cfbf;background:#f7fbf8;color:#173d2d;border-radius:8px;padding:7px 11px;font:inherit;font-size:13px;cursor:pointer}button:hover{background:#dfece3}button:disabled{opacity:.55;cursor:wait}.notice{min-height:46px;padding:10px 18px;background:#fff4cf;color:#765b17;font-size:13px;line-height:1.45;border-bottom:1px solid #e7d18d}iframe{display:block;width:100%;height:calc(100% - 110px);border:0;background:#fff}@media(max-width:680px){header{min-height:112px;align-items:flex-start;justify-content:center;flex-direction:column;padding:10px 14px}.notice{min-height:72px;padding:10px 14px}iframe{height:calc(100% - 184px)}button{padding:7px 10px}}