.platform-usage-body { color:#d7dee8; }
.pu-toolbar,.pu-grid section,.pu-notice-editor { background:#0f1a2e; border:1px solid #1f3a5f; border-radius:10px; }
.pu-toolbar { display:flex; align-items:center; justify-content:space-between; padding:16px 18px; margin-bottom:12px; }
.pu-toolbar h3 { margin:4px 0 0; color:#f4f7fb; font-size:21px; }
.pu-eyebrow { color:#7dd3fc; font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.pu-toolbar button,.pu-form button { border:0; border-radius:6px; background:#2563eb; color:#fff; padding:8px 16px; cursor:pointer; font-weight:600; }
.pu-kpis { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:12px; }
.pu-kpis div { padding:14px; background:#111d33; border-left:3px solid #00d4aa; }
.pu-kpis b { display:block; color:#fff; font-size:25px; }
.pu-kpis span,.pu-grid header span,.pu-notice-editor header span { color:#8b949e; font-size:12px; }
.pu-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.pu-grid section,.pu-notice-editor { overflow:hidden; }
.pu-grid header,.pu-notice-editor header { display:flex; align-items:center; justify-content:space-between; padding:13px 16px; border-bottom:1px solid #1f3a5f; }
.pu-grid h4,.pu-notice-editor h4 { margin:0; color:#f4f7fb; font-size:14px; }
.pu-grid select { background:#0d1117; color:#c9d1d9; border:1px solid #1f3a5f; padding:5px 8px; border-radius:5px; }
.pu-grid table { width:100%; border-collapse:collapse; font-size:12px; }
.pu-grid th,.pu-grid td { text-align:left; padding:9px 12px; border-bottom:1px solid rgba(255,255,255,.06); }
.pu-grid th { color:#8b949e; font-weight:500; }
.pu-online-dot { display:inline-block; width:7px; height:7px; background:#3fb950; border-radius:50%; margin-right:5px; }
.pu-empty,.pu-error { padding:20px; text-align:center; color:#8b949e; }
.pu-loading { min-height:220px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; color:#8b949e; }
.pu-loading span { width:26px; height:26px; border:3px solid rgba(125,211,252,.2); border-top-color:#7dd3fc; border-radius:50%; animation:pu-spin .8s linear infinite; }
.pu-loading strong { color:#e6edf3; font-size:14px; }
.pu-loading small { font-size:12px; }
.pu-error button { display:block; margin:10px auto 0; border:1px solid #1f6feb; border-radius:5px; background:transparent; color:#58a6ff; padding:6px 12px; cursor:pointer; }
@keyframes pu-spin { to { transform:rotate(360deg); } }
.pu-notice-editor { margin-top:12px; }
.pu-form { display:grid; grid-template-columns:minmax(220px,1fr) 100px 190px 190px; gap:10px; padding:14px; }
.pu-form label { display:grid; gap:4px; color:#8b949e; font-size:11px; }
.pu-form input,.pu-form select,.pu-form textarea { box-sizing:border-box; width:100%; background:#0d1117; color:#e6edf3; border:1px solid #1f3a5f; border-radius:6px; padding:9px 10px; font:inherit; }
.pu-form textarea { grid-column:1 / -1; min-height:74px; resize:vertical; }
.pu-form button { justify-self:start; }
#puFeedback { padding:0 14px 14px; color:#7dd3fc; font-size:12px; }
.pu-receipts { overflow:auto; border-top:1px solid #1f3a5f; }
.pu-receipts table { width:100%; border-collapse:collapse; font-size:12px; }
.pu-receipts th,.pu-receipts td { padding:9px 14px; text-align:left; border-bottom:1px solid rgba(255,255,255,.06); }
.pu-receipts th { color:#8b949e; font-weight:500; }
#platformNoticeBar { position:fixed; z-index:10020; right:18px; bottom:18px; width:min(480px,calc(100vw - 36px)); display:flex; align-items:center; justify-content:space-between; gap:14px; padding:13px 16px; background:#18253b; border:1px solid #f0883e; border-radius:8px; box-shadow:0 12px 32px rgba(0,0,0,.35); color:#e6edf3; }
#platformNoticeBar strong { display:block; color:#fff; margin-bottom:4px; }
#platformNoticeBar span { display:block; font-size:12px; color:#c9d1d9; }
#platformNoticeBar em { display:block; color:#f0883e; font-size:12px; font-style:normal; margin-top:4px; }
#platformNoticeBar button { flex:none; border:1px solid #f0883e; border-radius:5px; background:transparent; color:#f6ad55; padding:7px 10px; cursor:pointer; }

/* 维护通知位于页签栏与内容区之间，作为正常布局的一行而非固定浮层。 */
#platformNoticeBar { position:relative; z-index:70; top:auto; right:auto; bottom:auto; left:auto; width:100vw; min-height:48px; margin:0 calc(50% - 50vw) 12px; padding:7px 22px; border-radius:0; display:flex; gap:16px; box-shadow:0 5px 18px rgba(0,0,0,.28); }
#platformNoticeBar > div { min-width:0; flex:1; display:flex; align-items:center; gap:10px; white-space:nowrap; overflow:hidden; }
#platformNoticeBar strong { flex:none; margin:0; color:#fff; font-size:14px; }
#platformNoticeBar span { min-width:0; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
#platformNoticeBar em { flex:none; display:block; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
#platformNoticeBar button { min-height:32px; padding:5px 13px; }
@media (max-width:800px) { #platformNoticeBar { padding:6px 12px; gap:9px; } #platformNoticeBar em { display:none; } #platformNoticeBar strong { font-size:13px; } #platformNoticeBar span { font-size:12px; } }
@media (max-width:800px) { .pu-kpis { grid-template-columns:repeat(2,1fr); } .pu-grid { grid-template-columns:1fr; } .pu-form { grid-template-columns:1fr; } .pu-form textarea { grid-column:auto; } }