:root{--primary:#1e88e5;--bg:#f7f9fc;--surface:#fff;--text:#1f2937;--muted:#607d8b;--border:#e5eaf0;--radius:8px}*{box-sizing:border-box}#app,body,html{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text)}.app-header{justify-content:space-between;padding:16px 24px;background:var(--primary);color:#fff}.app-header,.brand{display:flex;align-items:center}.brand{gap:10px}.brand-name{font-size:18px;font-weight:600}.logo{height:28px;display:block}.nav{display:flex;gap:12px}.nav-link{color:#fff;text-decoration:none;padding:8px 12px;border-radius:6px;background:hsla(0,0%,100%,.16)}.nav-link.router-link-exact-active{background:hsla(0,0%,100%,.28)}.container{max-width:960px;margin:24px auto;padding:0 16px;display:grid;gap:16px}.status{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:grid;gap:12px}.card-narrow{max-width:640px}.card-wide{max-width:720px}label{display:grid;gap:6px}input,select,textarea{padding:10px 12px;font-size:14px;border:1px solid var(--border);border-radius:6px;outline:none;background:#fff}input:focus,select:focus,textarea:focus{border-color:var(--primary)}button{padding:10px 14px;font-size:14px;border:none;border-radius:6px;background:var(--primary);color:#fff;cursor:pointer}button[disabled]{opacity:.6;cursor:not-allowed}progress{width:100%;height:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none}progress::-webkit-progress-bar{background:#e9eef5;border-radius:6px}progress::-webkit-progress-value{background:var(--primary);border-radius:6px}img,video{border-radius:6px}.input-with-icon{position:relative}.input-with-icon input{padding-right:36px}.icon-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:4px;cursor:pointer}.icon-btn svg{fill:var(--muted)}.announce{flex:1;overflow:hidden;margin-left:16px}.announce-track{display:inline-block;white-space:nowrap;animation:marquee 16s linear infinite}@keyframes marquee{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}