*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei",sans-serif;background:#0a0e0f;color:#c8d6c0;height:100vh;display:flex;flex-direction:column;overflow:hidden}

/* ===== 顶部栏 ===== */
#topbar{display:flex;align-items:center;justify-content:space-between;background:#111a14;border-bottom:2px solid #2a4a2a;padding:6px 20px;min-height:48px;gap:16px}
#topbar h1{font-size:18px;color:#4ade80;letter-spacing:2px;white-space:nowrap}
#topbar h1 span{font-size:11px;color:#6b8a6b;margin-left:6px}
#topbar .live-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}

/* ===== Tab导航 ===== */
#tab-nav{display:flex;gap:2px}
#tab-nav button{background:none;border:none;color:#6b8a6b;font-size:13px;padding:8px 16px;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;font-family:inherit}
#tab-nav button:hover{color:#a0c8a0}
#tab-nav button.active{color:#4ade80;border-bottom-color:#4ade80}
#tab-nav button .badge{background:#4ade80;color:#0a0e0f;font-size:10px;padding:1px 6px;border-radius:8px;margin-left:4px}

/* ===== 品牌输入栏 ===== */
#brand-input{display:flex;align-items:center;gap:10px;padding:8px 20px;background:#0d1710;border-bottom:1px solid #1a2f1a}
#brand-input label{font-size:12px;color:#6b8a6b;white-space:nowrap}
#brand-input input{flex:1;max-width:300px;background:#0a0e0f;border:1px solid #2a4a2a;color:#c8d6c0;padding:6px 12px;border-radius:4px;font-size:13px;font-family:inherit}
#brand-input input:focus{outline:none;border-color:#4ade80}
#brand-input button{background:#14532d;color:#4ade80;border:1px solid #2a4a2a;padding:6px 14px;border-radius:4px;cursor:pointer;font-size:12px;font-family:inherit;transition:all .2s}
#brand-input button:hover{background:#1a3d24}
#brand-input .status-text{font-size:11px;color:#6b8a6b}

/* ===== 面板容器 ===== */
.tab-content{display:none;flex:1;overflow:hidden;flex-direction:column}
.tab-content.active{display:flex}

/* ===== 指挥中心主布局(保留原版) ===== */
#main{display:flex;flex:1;overflow:hidden}
#agents-panel{width:220px;background:#111a14;border-right:2px solid #2a4a2a;overflow-y:auto;padding:10px}
#agents-panel h3{font-size:13px;color:#4ade80;margin-bottom:10px;border-bottom:1px solid #2a4a2a;padding-bottom:6px}
.agent-card{background:#0d1710;border:1px solid #1a2f1a;border-radius:6px;padding:10px;margin-bottom:8px;cursor:pointer;transition:all .2s}
.agent-card:hover{border-color:#4ade80;transform:translateX(2px)}
.agent-card.active{border-color:#4ade80;box-shadow:0 0 10px rgba(74,222,128,.15)}
.agent-card .name-row{display:flex;align-items:center;gap:8px}
.agent-card .avatar{font-size:22px}
.agent-card .name{font-size:14px;font-weight:bold;color:#d0e0c8}
.agent-card .dept{font-size:10px;color:#6b8a6b;margin-top:3px}
.agent-card .tools{font-size:9px;color:#4a6a4a;margin-top:2px}
.status-dot{width:8px;height:8px;border-radius:50%;margin-left:auto}
.status-dot.online{background:#4ade80;box-shadow:0 0 6px #4ade80}
.status-dot.standby{background:#6b8a6b}
.status-dot.working{background:#facc15;box-shadow:0 0 6px #facc15;animation:pulse .8s infinite}

#center{flex:1;display:flex;flex-direction:column;overflow:hidden}
#timeline{flex:1;overflow-y:auto;padding:15px 20px}
.msg{display:flex;gap:10px;margin-bottom:10px;animation:slideIn .3s}
@keyframes slideIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.msg .avatar{font-size:20px;min-width:30px}
.msg .body{flex:1}
.msg .header{font-size:11px;color:#6b8a6b;margin-bottom:3px}
.msg .header .from{color:#4ade80;font-weight:bold}
.msg .text{font-size:13px;background:#111a14;padding:8px 12px;border-radius:6px;border-left:3px solid #2a4a2a;white-space:pre-wrap}
.msg.broadcast .text{border-left-color:#4ade80;background:#0d2314}
.msg.assign .text{border-left-color:#facc15}
.msg.reply .text{border-left-color:#60a5fa}
.msg.complete .text{border-left-color:#4ade80;background:#0d2314}
.msg .layer-tag{display:inline-block;font-size:9px;padding:1px 5px;border-radius:2px;margin-right:4px;background:#1a2f1a;color:#6b8a6b}
.msg .layer-tag.S{background:#14532d;color:#4ade80}
.msg .layer-tag.A{background:#1e3a5f;color:#93c5fd}
.msg .layer-tag.B{background:#422006;color:#fcd34d}
.msg .layer-tag.C{background:#4a1d6a;color:#c084fc}
.msg .layer-tag.D{background:#1a2f2a;color:#4ecdc4}
.msg .layer-tag.E{background:#3b1a1a;color:#ff6b6b}

#input-bar{display:flex;gap:8px;padding:10px 20px;background:#0d1710;border-top:1px solid #1a2f1a}
#input-bar select{background:#0a0e0f;border:1px solid #2a4a2a;color:#c8d6c0;padding:6px 10px;border-radius:4px;font-size:12px;font-family:inherit}
#input-bar input{flex:1;background:#0a0e0f;border:1px solid #2a4a2a;color:#c8d6c0;padding:6px 12px;border-radius:4px;font-size:13px;font-family:inherit}
#input-bar input:focus{outline:none;border-color:#4ade80}
#input-bar button{background:#14532d;color:#4ade80;border:1px solid #2a4a2a;padding:6px 16px;border-radius:4px;cursor:pointer;font-size:12px;font-family:inherit}

#right-panel{width:300px;background:#111a14;border-left:2px solid #2a4a2a;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:12px}
#bashi-panel{background:#0d1710;border:1px solid #1a2f1a;border-radius:8px;padding:12px}
#bashi-panel h3{font-size:13px;color:#4ade80;margin-bottom:8px;border-bottom:1px solid #2a4a2a;padding-bottom:4px}
.bashi-layers{display:flex;flex-direction:column;gap:6px}
.bashi-row{display:flex;align-items:center;gap:8px;font-size:11px}
.bashi-row .label{width:100px;color:#c8d6c0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bashi-row .bar-bg{flex:1;height:10px;background:#1a2f1a;border-radius:5px;overflow:hidden}
.bashi-row .bar-fill{height:100%;border-radius:5px;transition:width .5s ease}
.bashi-row .score{width:30px;text-align:right;font-weight:bold;font-size:12px}
.bashi-row.S .bar-fill{background:linear-gradient(90deg,#14532d,#4ade80)}
.bashi-row.A .bar-fill{background:linear-gradient(90deg,#1e3a5f,#60a5fa)}
.bashi-row.B .bar-fill{background:linear-gradient(90deg,#422006,#fcd34d)}
.bashi-row.C .bar-fill{background:linear-gradient(90deg,#4a1d6a,#c084fc)}
.bashi-row.D .bar-fill{background:linear-gradient(90deg,#1a2f2a,#4ecdc4)}
.bashi-row.E .bar-fill{background:linear-gradient(90deg,#3b1a1a,#ff6b6b)}
.bashi-total{text-align:center;margin-top:8px;padding-top:6px;border-top:1px solid #2a4a2a}
.bashi-total .big-score{font-size:36px;font-weight:bold;color:#4ade80}
.bashi-total .big-score.low{color:#ff6b6b}
.bashi-total .big-score.mid{color:#facc15}
.bashi-total .label{font-size:11px;color:#6b8a6b;margin-top:2px}
#task-panel{background:#0d1710;border:1px solid #1a2f1a;border-radius:8px;padding:12px;flex:1}
#task-panel h3{font-size:13px;color:#4ade80;margin-bottom:8px;border-bottom:1px solid #2a4a2a;padding-bottom:4px}
.task-item{font-size:11px;padding:6px 8px;margin-bottom:4px;background:#111a14;border-radius:4px;border-left:3px solid #2a4a2a}
.task-item .tname{color:#d0e0c8}
.task-item .tstatus{font-size:10px;color:#6b8a6b}
.task-item.done{border-left-color:#4ade80}
.task-item.done .tstatus{color:#4ade80}
.task-item.active{border-left-color:#facc15}
.task-item.active .tstatus{color:#facc15}
.student-item{padding:6px 8px;cursor:pointer;border-radius:4px;font-size:12px;margin-bottom:2px;color:#a0c8a0}
.student-item:hover{background:#1a2f1a}
.student-item.active{background:#14532d;color:#4ade80}
.student-item .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4ade80;margin-right:6px}

/* ===== 内容中心 ===== */
#content-layout{display:flex;flex:1;overflow:hidden}
#content-sidebar{width:260px;background:#111a14;border-right:2px solid #2a4a2a;display:flex;flex-direction:column;overflow:hidden}
#content-sidebar .sidebar-header{padding:12px;border-bottom:1px solid #2a4a2a}
#content-sidebar .sidebar-header input{width:100%;background:#0a0e0f;border:1px solid #2a4a2a;color:#c8d6c0;padding:6px 10px;border-radius:4px;font-size:12px;font-family:inherit}
#content-sidebar .sidebar-header input:focus{outline:none;border-color:#4ade80}
#content-sidebar .sidebar-filters{display:flex;gap:4px;padding:6px 12px;flex-wrap:wrap}
#content-sidebar .sidebar-filters button{background:#0d1710;border:1px solid #1a2f1a;color:#6b8a6b;font-size:10px;padding:3px 8px;border-radius:3px;cursor:pointer;font-family:inherit;transition:all .2s}
#content-sidebar .sidebar-filters button:hover{color:#a0c8a0;border-color:#2a4a2a}
#content-sidebar .sidebar-filters button.active{background:#14532d;color:#4ade80;border-color:#4ade80}
#article-list{flex:1;overflow-y:auto;padding:6px}
.article-card{background:#0d1710;border:1px solid #1a2f1a;border-radius:6px;padding:10px;margin-bottom:6px;cursor:pointer;transition:all .2s}
.article-card:hover{border-color:#4ade80}
.article-card.active{border-color:#4ade80;box-shadow:0 0 8px rgba(74,222,128,.1)}
.article-card .art-title{font-size:13px;color:#d0e0c8;font-weight:bold;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-card .art-meta{font-size:10px;color:#6b8a6b;display:flex;gap:8px}
.article-card .art-meta .tag{background:#1a2f1a;padding:1px 5px;border-radius:2px}
.article-card .art-meta .tag.published{background:#14532d;color:#4ade80}
.article-card .art-meta .tag.draft{background:#422006;color:#fcd34d}
#content-main{flex:1;display:flex;flex-direction:column;overflow:hidden}
#content-editor{flex:1;display:flex;flex-direction:column;padding:16px 20px;overflow-y:auto}
#content-editor .editor-header{margin-bottom:12px}
#content-editor .editor-header input{width:100%;background:#0a0e0f;border:1px solid #2a4a2a;color:#d0e0c8;padding:8px 12px;border-radius:4px;font-size:15px;font-weight:bold;font-family:inherit;margin-bottom:8px}
#content-editor .editor-header input:focus{outline:none;border-color:#4ade80}
#content-editor .editor-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}
#content-editor .editor-meta select,#content-editor .editor-meta input{background:#0a0e0f;border:1px solid #2a4a2a;color:#c8d6c0;padding:5px 10px;border-radius:4px;font-size:12px;font-family:inherit}
#content-editor .editor-meta select:focus,#content-editor .editor-meta input:focus{outline:none;border-color:#4ade80}
#content-editor .editor-body{flex:1}
#content-editor .editor-body textarea{width:100%;height:100%;min-height:300px;background:#0a0e0f;border:1px solid #2a4a2a;color:#c8d6c0;padding:12px;border-radius:4px;font-size:13px;font-family:"Microsoft YaHei",sans-serif;resize:vertical;line-height:1.8}
#content-editor .editor-body textarea:focus{outline:none;border-color:#4ade80}
.editor-actions{display:flex;gap:8px;padding:12px 20px;background:#0d1710;border-top:1px solid #1a2f1a;flex-wrap:wrap}
.editor-actions button{background:#14532d;color:#4ade80;border:1px solid #2a4a2a;padding:7px 16px;border-radius:4px;cursor:pointer;font-size:12px;font-family:inherit;transition:all .2s}
.editor-actions button:hover{background:#1a3d24}
.editor-actions button.secondary{background:#0d1710;color:#a0c8a0}
.editor-actions button.secondary:hover{background:#1a2f1a}
.editor-actions button.warn{background:#422006;color:#fcd34d;border-color:#5a2a0a}
.editor-actions button.warn:hover{background:#5a2a0a}
#content-right{width:240px;background:#111a14;border-left:2px solid #2a4a2a;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px}
#content-right h3{font-size:12px;color:#4ade80;margin-bottom:6px;border-bottom:1px solid #2a4a2a;padding-bottom:4px}
#keyword-check{background:#0d1710;border:1px solid #1a2f1a;border-radius:6px;padding:10px}
#keyword-check .kw-tag{display:inline-block;background:#1a2f1a;color:#6b8a6b;font-size:10px;padding:2px 6px;border-radius:3px;margin:2px}
#keyword-check .kw-tag.found{background:#14532d;color:#4ade80}
#keyword-check .kw-tag.missing{background:#3b1a1a;color:#ff6b6b}
.kw-score{font-size:24px;font-weight:bold;color:#4ade80;text-align:center;margin:8px 0}
.kw-score.low{color:#ff6b6b}
.platform-info{background:#0d1710;border:1px solid #1a2f1a;border-radius:6px;padding:10px;font-size:11px}
.platform-info .pi-row{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px solid #111a14}
.platform-info .pi-label{color:#6b8a6b}
.platform-info .pi-value{color:#c8d6c0}
#empty-editor{display:flex;align-items:center;justify-content:center;height:100%;color:#4a6a4a;font-size:14px;flex-direction:column;gap:8px}
#empty-editor .big-icon{font-size:48px;opacity:.5}

/* ===== 投稿导航 ===== */
#publish-layout{flex:1;overflow-y:auto;padding:16px 20px}
#publish-layout .section-title{font-size:14px;color:#4ade80;margin:16px 0 10px;padding-bottom:6px;border-bottom:1px solid #2a4a2a}
#publish-layout .section-title:first-child{margin-top:0}
.publish-filter{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}
.publish-filter button{background:#0d1710;border:1px solid #1a2f1a;color:#6b8a6b;font-size:11px;padding:4px 10px;border-radius:4px;cursor:pointer;font-family:inherit;transition:all .2s}
.publish-filter button:hover{color:#a0c8a0}
.publish-filter button.active{background:#14532d;color:#4ade80;border-color:#4ade80}
.publish-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.publish-card{background:#0d1710;border:1px solid #1a2f1a;border-radius:8px;padding:14px;transition:all .2s;display:flex;flex-direction:column}
.publish-card:hover{border-color:#4ade80;transform:translateY(-1px)}
.publish-card .pc-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.publish-card .pc-icon{font-size:24px}
.publish-card .pc-name{font-size:15px;font-weight:bold;color:#d0e0c8}
.publish-card .pc-tier{font-size:10px;padding:2px 6px;border-radius:3px;margin-left:auto}
.publish-card .pc-tier.S{background:#0d3b1e;color:#4ade80;font-weight:bold}
.publish-card .pc-tier.A{background:#1e3a5f;color:#93c5fd}
.publish-card .pc-tier.B{background:#422006;color:#fcd34d}
.publish-card .pc-tier.C{background:#1a2f2a;color:#4ecdc4}
.publish-card .pc-tier.D{background:#4a1d6a;color:#c084fc}
.publish-card .pc-tier.E{background:#3b1a1a;color:#ff6b6b}
.publish-card .pc-tier.paid_service{background:#3b1a1a;color:#ff6b6b;border:1px solid #5c1515}

.publish-card .pc-desc{font-size:11px;color:#6b8a6b;margin-bottom:8px;flex:1}
.publish-card .pc-channel{font-size:10px;color:#4a6a4a;margin-bottom:8px}
.publish-card .pc-actions{display:flex;gap:6px}
.publish-card .pc-actions button{flex:1;background:#14532d;color:#4ade80;border:1px solid #2a4a2a;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:11px;font-family:inherit;transition:all .2s;white-space:nowrap}
.publish-card .pc-actions button:hover{background:#1a3d24}
.publish-card .pc-actions button.secondary{background:#0d1710;color:#a0c8a0}
.publish-card .pc-actions button.secondary:hover{background:#1a2f1a}
.publish-card .pc-actions button.email{background:#1e3a5f;color:#93c5fd;border-color:#2a4a7a}
.publish-card .pc-actions button.email:hover{background:#2a4a7a}

/* ===== 从诊断生成文章按钮 ===== */
.gen-from-diag{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#0d2314;border:1px dashed #4ade80;border-radius:6px;cursor:pointer;font-size:12px;color:#4ade80;transition:all .2s}
.gen-from-diag:hover{background:#14532d}

/* ===== 模态框 ===== */
.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:100;align-items:center;justify-content:center}
.modal-overlay.show{display:flex}
.modal{background:#111a14;border:2px solid #2a4a2a;border-radius:10px;padding:20px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}
.modal h3{color:#4ade80;margin-bottom:12px;font-size:15px}
.modal label{display:block;font-size:11px;color:#6b8a6b;margin-bottom:4px;margin-top:10px}
.modal input,.modal select,.modal textarea{width:100%;background:#0a0e0f;border:1px solid #2a4a2a;color:#c8d6c0;padding:8px 10px;border-radius:4px;font-size:13px;font-family:inherit;margin-bottom:6px}
.modal textarea{min-height:80px;resize:vertical}
.modal input:focus,.modal select:focus,.modal textarea:focus{outline:none;border-color:#4ade80}
.modal .modal-actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}
.modal .modal-actions button{padding:7px 16px;border-radius:4px;cursor:pointer;font-size:12px;font-family:inherit;border:1px solid #2a4a2a}
.modal .modal-actions .btn-primary{background:#14532d;color:#4ade80}
.modal .modal-actions .btn-primary:hover{background:#1a3d24}
.modal .modal-actions .btn-cancel{background:#0d1710;color:#a0c8a0}
.modal .modal-actions .btn-cancel:hover{background:#1a2f1a}

/* ===== Toast提示 ===== */
.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#14532d;color:#4ade80;padding:10px 24px;border-radius:6px;font-size:13px;z-index:200;animation:toastIn .3s,toastOut .3s 1.7s forwards;border:1px solid #2a4a2a}
@keyframes toastIn{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@keyframes toastOut{from{opacity:1}to{opacity:0}}

/* ===== 豆包深度采集面板 ===== */
#doubao-panel{background:#0d1710;border:1px solid #2a4a2a;border-radius:8px;padding:12px}
#doubao-panel h3{font-size:13px;color:#4ade80;margin-bottom:8px;border-bottom:1px solid #2a4a2a;padding-bottom:4px}
#doubao-panel .doubao-status{font-size:10px;color:#6b8a6b;margin-bottom:8px;min-height:16px}
#doubao-panel .doubao-status.ready{color:#facc15}
#doubao-panel .doubao-status.collected{color:#4ade80}
#doubao-panel .doubao-brand-row{display:flex;gap:6px;margin-bottom:8px}
#doubao-panel .doubao-brand-row input{flex:1;background:#0a0e0f;border:1px solid #2a4a2a;color:#c8d6c0;padding:5px 8px;border-radius:4px;font-size:11px;font-family:inherit}
#doubao-panel .doubao-brand-row input:focus{outline:none;border-color:#4ade80}
#doubao-panel .doubao-btn{width:100%;background:#1e3a5f;color:#93c5fd;border:1px solid #2a4a7a;padding:8px;border-radius:4px;cursor:pointer;font-size:12px;font-family:inherit;transition:all .2s;margin-bottom:8px}
#doubao-panel .doubao-btn:hover{background:#2a4a7a}
#doubao-panel .doubao-btn.running{background:#422006;color:#fcd34d;border-color:#5a2a0a;animation:pulse 1.5s infinite}
#doubao-panel .doubao-prompt-preview{background:#0a0e0f;border:1px solid #1a2f1a;border-radius:4px;padding:8px;font-size:10px;color:#4a6a4a;max-height:80px;overflow-y:auto;margin-bottom:8px;display:none;line-height:1.5}
#doubao-panel .doubao-prompt-preview.show{display:block}
#doubao-panel .doubao-paste-label{font-size:10px;color:#6b8a6b;margin-bottom:4px}
#doubao-panel textarea.doubao-paste{width:100%;height:60px;background:#0a0e0f;border:1px solid #2a4a2a;color:#c8d6c0;padding:6px 8px;border-radius:4px;font-size:10px;font-family:inherit;resize:vertical;margin-bottom:8px}
#doubao-panel textarea.doubao-paste:focus{outline:none;border-color:#93c5fd}
#doubao-panel textarea.doubao-paste.has-content{border-color:#4ade80}
#doubao-panel .doubao-parse-btn{width:100%;background:#14532d;color:#4ade80;border:1px solid #2a4a2a;padding:6px;border-radius:4px;cursor:pointer;font-size:11px;font-family:inherit;transition:all .2s}
#doubao-panel .doubao-parse-btn:hover{background:#1a3d24}
#doubao-panel .doubao-parse-btn:disabled{opacity:.4;cursor:not-allowed}
#doubao-panel .doubao-result{font-size:10px;margin-top:6px;padding:6px;background:#0d2314;border-radius:4px;display:none}
#doubao-panel .doubao-result.show{display:block}
#doubao-panel .doubao-result .dr-line{color:#a0c8a0;padding:2px 0}
#doubao-panel .doubao-hint{font-size:9px;color:#4a6a4a;margin-top:4px;line-height:1.4}


/* 顶部提示条 */
#onboarding-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 20px;background:linear-gradient(90deg,#0d2314,#111a14);border-bottom:1px solid #2a4a2a;font-size:12px;color:#a0c8a0;transition:all .3s}
#onboarding-bar.hidden{display:none}
#onboarding-bar button{background:#1e3a5f;color:#93c5fd;border:1px solid #2a4a7a;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:11px;font-family:inherit;white-space:nowrap}
#onboarding-bar button:hover{background:#2a4a7a}
#onboarding-bar .close-tip{background:none;border:none;color:#4a6a4a;cursor:pointer;font-size:14px;padding:2px 6px}
#onboarding-bar .close-tip:hover{color:#a0c8a0}

/* 豆包面板折叠状态 */
#doubao-panel.collapsed .doubao-body{display:none}
#doubao-panel.collapsed .doubao-collapsed-hint{display:flex}
#doubao-panel .doubao-collapsed-hint{display:none;align-items:center;justify-content:space-between;cursor:pointer;font-size:11px;color:#6b8a6b}
#doubao-panel .doubao-collapsed-hint:hover{color:#a0c8a0}
#doubao-panel .doubao-body{}
#doubao-panel .doubao-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;border-bottom:1px solid #2a4a2a;padding-bottom:4px}
#doubao-panel .doubao-header-row h3{margin-bottom:0;border-bottom:none;padding-bottom:0;font-size:13px}
#doubao-panel .doubao-status-dot{width:7px;height:7px;border-radius:50%}
#doubao-panel .doubao-status-dot.ready{background:#4ade80;box-shadow:0 0 6px #4ade80}
#doubao-panel .doubao-status-dot.idle{background:#6b8a6b}
#doubao-panel .doubao-status-dot.active{background:#facc15;box-shadow:0 0 6px #facc15;animation:pulse .8s infinite}
#doubao-panel .collapse-toggle{background:none;border:none;color:#4a6a4a;cursor:pointer;font-size:12px;padding:2px 6px;font-family:inherit}
#doubao-panel .collapse-toggle:hover{color:#a0c8a0}


/* 自动采集开关 */
.doubao-auto-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:11px;color:#93c5fd}
.doubao-auto-row .toggle-switch{position:relative;width:36px;height:20px;flex-shrink:0}
.doubao-auto-row .toggle-switch input{opacity:0;width:0;height:0}
.doubao-auto-row .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#1a2f1a;border-radius:20px;transition:.3s;border:1px solid #2a4a2a}
.doubao-auto-row .toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:2px;background:#6b8a6b;border-radius:50%;transition:.3s}
.doubao-auto-row input:checked+.toggle-slider{background:#14532d;border-color:#4ade80}
.doubao-auto-row input:checked+.toggle-slider:before{transform:translateX(14px);background:#4ade80}
#doubao-progress{font-size:10px;color:#6b8a6b;margin-top:4px;min-height:14px}
#doubao-progress .progress-step{display:inline-block;margin-right:4px}
#doubao-progress .progress-step.done{color:#4ade80}
#doubao-progress .progress-step.active{color:#facc15;animation:pulse 1s infinite}
#bridge-indicator{font-size:9px;padding:2px 6px;border-radius:3px;margin-left:6px}
#bridge-indicator.online{background:#14532d;color:#4ade80}
#bridge-indicator.offline{background:#3b1a1a;color:#ff6b6b}

.pc-price-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;margin:-14px -14px 10px -14px;border-radius:8px 8px 0 0;font-size:14px;font-weight:bold;min-height:42px}
.pc-price-bar .pc-price-icon{font-size:18px;flex-shrink:0}
.pc-price-bar .pc-price-text{white-space:nowrap;flex-shrink:0}
.pc-price-bar .pc-price-detail{font-size:11px;opacity:0.9;margin-left:auto;text-align:right;line-height:1.3;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}
.publish-card .pc-price-bar.free{background:linear-gradient(90deg,#14532d,#0d2314);color:#4ade80}
.publish-card .pc-price-bar.free .pc-price-detail{color:#86efac}
.publish-card .pc-price-bar.mixed{background:linear-gradient(90deg,#5a3a0a,#422006);color:#fcd34d}
.publish-card .pc-price-bar.mixed .pc-price-detail{color:#fde68a}
.publish-card .pc-price-bar.paid{background:linear-gradient(90deg,#5c1515,#3b1a1a);color:#ff6b6b}
.publish-card .pc-price-bar.paid .pc-price-detail{color:#fca5a5}
.filter-count{background:rgba(255,255,255,0.1);font-size:9px;padding:1px 5px;border-radius:6px;margin-left:2px}

/* GEO v5: Hero Dashboard + Brand Health + Agent Dots */
#hero-dash{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid #1a2f1a;background:#0d1710;flex-shrink:0}
#hero-dash .hero-left{text-align:center;min-width:110px}
#hero-dash .hero-num{font-size:52px;font-weight:100;color:#4ade80;line-height:1;letter-spacing:-2px}
#hero-dash .hero-num.warn{color:#f0c040}#hero-dash .hero-num.low{color:#e06050}
#hero-dash .hero-lv{font-size:9px;border:1px solid #2a4a2a;padding:1px 8px;border-radius:8px;display:inline-block;margin-top:2px}
#hero-dash .hero-lv.gold{color:#f0c040;border-color:#4a3a2a}
#hero-dash .hero-msg{font-size:9px;color:#5a7a5a;margin-top:2px}
.hero-trend{font-size:10px;margin-top:-4px}
.hero-trend.up{color:#4ade80}.hero-trend.down{color:#e06050}.hero-trend.flat{color:#5a7a5a}
#hero-dash .hero-right{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:4px}
.stat-chip{background:#0a1510;border:1px solid #1a2f1a;border-radius:6px;padding:7px 6px;text-align:left}
.stat-chip .sv{font-size:18px;font-weight:bold;display:inline}
.stat-chip .sl{font-size:8px;color:#5a7a5a;display:block}
.stat-chip .st{font-size:8px;margin-top:2px}
.stat-chip .st.good{color:#4ade80}.stat-chip .st.warn{color:#f0c040}.stat-chip .st.bad{color:#e06050}
.weakness-bar{background:#1a0a0a;border:1px solid #3a1a1a;border-radius:6px;padding:8px;margin-top:8px;font-size:9px}
.weakness-bar .wtitle{color:#e06050;font-weight:bold;margin-bottom:3px}
.weakness-bar .wbody{color:#c0a0a0}.weakness-bar .waction{color:#f0c040;margin-top:4px;cursor:pointer}
.agent-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-right:5px}
.agent-dot.online{background:#4ade80;box-shadow:0 0 5px #4ade80}
.agent-dot.working{background:#f0c040;box-shadow:0 0 7px #f0c040;animation:pulse-dot .8s infinite}
.agent-dot.idle{background:#3a4a3a}
@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.4}}
#brand-health{margin-bottom:8px;background:#0d1710;border:1px solid #1a2f1a;border-radius:6px;padding:8px}
#brand-health h3{font-size:11px;color:#4ade80;margin-bottom:4px}
.health-row{display:flex;justify-content:space-between;padding:3px 0;font-size:9px;border-bottom:1px solid #0d1710}
.health-row .hk{color:#6a8a6a}.health-row .hv{font-weight:bold;color:#c0d0c0}
.health-row .hv.g{color:#4ade80}.health-row .hv.y{color:#f0c040}.health-row .hv.r{color:#e06050}
.brand-top{display:flex;align-items:center;gap:6px;margin:0 8px}
.brand-top select{background:#081008;border:1px solid #1a2f1a;color:#90a890;padding:2px 6px;border-radius:3px;font-size:10px;max-width:120px}
.brand-top .bs{font-size:15px;font-weight:bold;color:#4ade80}
#doubao-panel .doubao-body{display:none}
#doubao-panel .doubao-header-row{cursor:pointer}
#doubao-panel.open .doubao-body{display:block}

/* Topbar addiction bar */
.top-lv-badge{font-size:10px;padding:2px 10px;border-radius:10px;white-space:nowrap}
.top-lv-badge.beginner{color:#4ade80;border:1px solid #1a3a2a;background:rgba(26,58,42,.3)}
.top-lv-badge.bronze{color:#d09050;border:1px solid #4a3a2a;background:rgba(74,58,42,.3)}
.top-lv-badge.silver{color:#90a0b0;border:1px solid #3a3a4a;background:rgba(58,58,74,.3)}
.top-lv-badge.gold{color:#f0c040;border:1px solid #4a3a1a;background:rgba(74,58,26,.3)}
.top-lv-badge.diamond{color:#60d0e0;border:1px solid #2a4a5a;background:rgba(42,74,90,.3)}
/* Brand row in hero */
.brand-hero-row{display:flex;align-items:center;justify-content:center;margin:4px 0}
.brand-hero-row select{cursor:pointer}
.brand-hero-row select:focus{outline:none;border-color:#4ade80}


/* ===== GEO Game HUD v1: clean, addictive, data-first ===== */
:root{--bg:#070b0c;--panel:#0d1511;--panel2:#101d15;--line:#1d3b28;--green:#4ade80;--gold:#facc15;--blue:#60a5fa;--red:#f87171;--muted:#66836b;--text:#d8ead4}
body{background:radial-gradient(circle at 50% -20%,rgba(74,222,128,.12),transparent 30%),linear-gradient(180deg,#07100b,#090d0e);color:var(--text)}
#topbar{min-height:56px;background:rgba(10,18,13,.96);border-bottom:1px solid rgba(74,222,128,.28);box-shadow:0 12px 40px rgba(0,0,0,.32);padding:8px 18px}
#topbar h1{color:#dfffe7;text-shadow:0 0 18px rgba(74,222,128,.28);letter-spacing:1px}
#topbar h1 span{color:#7fa889}
#game-hud{display:flex;align-items:center;gap:8px;min-width:430px;max-width:560px;flex:1}
.hud-level{border:1px solid rgba(74,222,128,.36);background:linear-gradient(135deg,rgba(20,83,45,.55),rgba(13,23,16,.8));border-radius:14px;padding:6px 10px;min-width:116px;box-shadow:inset 0 0 18px rgba(74,222,128,.06)}
.hud-level .name{font-size:12px;color:#eaffef;font-weight:bold}.hud-level .sub{font-size:9px;color:#7fa889;margin-top:1px}
.hud-xp{flex:1;min-width:180px}.hud-xp-top{display:flex;justify-content:space-between;font-size:9px;color:#7fa889;margin-bottom:3px}.hud-xp-bar{height:8px;background:#102015;border:1px solid #1e3b29;border-radius:99px;overflow:hidden}.hud-xp-fill{height:100%;width:8%;background:linear-gradient(90deg,#22c55e,#facc15);box-shadow:0 0 14px rgba(74,222,128,.5);transition:width .8s ease}
.hud-pill{border:1px solid #1e3b29;background:#0b1410;border-radius:12px;padding:5px 8px;font-size:10px;color:#78957e;white-space:nowrap}.hud-pill b{font-size:13px;color:#eaffef;margin-left:3px}.hud-pill.hot b{color:#facc15}.hud-pill.good b{color:#4ade80}
#main{background:linear-gradient(90deg,rgba(74,222,128,.03),transparent 22%,transparent 78%,rgba(96,165,250,.03))}
#agents-panel{width:260px;background:rgba(10,17,13,.94);border-right:1px solid rgba(74,222,128,.25);padding:12px;gap:10px}
#agents-panel h3,#right-panel h3{letter-spacing:.5px}
.growth-card{background:linear-gradient(180deg,rgba(16,29,21,.96),rgba(8,13,12,.96));border:1px solid rgba(74,222,128,.24);border-radius:14px;padding:12px;margin-bottom:10px;box-shadow:0 18px 36px rgba(0,0,0,.24)}
.growth-title{font-size:12px;color:#9ce8ae;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.growth-title span{font-size:9px;color:#6f8b72}
.growth-score{display:flex;align-items:flex-end;gap:8px}.growth-score .num{font-size:42px;line-height:.9;font-weight:800;color:#facc15;text-shadow:0 0 20px rgba(250,204,21,.22)}.growth-score .label{font-size:10px;color:#78957e;margin-bottom:4px}
.growth-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.growth-mini{background:#09120d;border:1px solid #193321;border-radius:9px;padding:7px}.growth-mini .v{font-size:17px;color:#eaffef;font-weight:bold}.growth-mini .k{font-size:9px;color:#6f8b72;margin-top:1px}
.quest-list{display:flex;flex-direction:column;gap:6px}.quest{display:flex;align-items:center;gap:7px;background:#09120d;border:1px solid #193321;border-radius:9px;padding:7px;font-size:10px;color:#b9d6bb}.quest .qxp{margin-left:auto;color:#facc15;font-size:9px}.quest.done{border-color:#2a7a45;background:#0d2214}.quest.done .qtext{text-decoration:line-through;color:#6f8b72}
.agent-card{border-radius:12px;background:linear-gradient(180deg,#101b14,#0a100d);border-color:#1b3423;padding:9px}.agent-card:hover{transform:translateX(3px);box-shadow:0 0 18px rgba(74,222,128,.12)}
#center{background:rgba(5,9,8,.3)}
#hero-dash{display:grid;grid-template-columns:150px minmax(130px,180px) 1fr;align-items:stretch;gap:10px;padding:12px;background:linear-gradient(180deg,rgba(13,23,16,.96),rgba(8,13,12,.92));border-bottom:1px solid rgba(74,222,128,.18)}
#hero-dash .hero-left{background:radial-gradient(circle at 50% 15%,rgba(74,222,128,.18),transparent 60%),#08120d;border:1px solid #1d3b28;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:8px}
#hero-dash .hero-num{font-size:58px;color:#4ade80;text-shadow:0 0 24px rgba(74,222,128,.28)}
#hero-dash .hero-trend{font-size:11px;margin-top:3px}
.brand-hero-row{background:#08120d;border:1px solid #1d3b28;border-radius:16px;flex-direction:column;align-items:stretch;justify-content:center;padding:10px;margin:0;gap:6px}.brand-hero-row:before{content:'Brand';font-size:9px;color:#6f8b72}.brand-hero-row select{max-width:none!important;width:100%;background:#0c1710!important}.brand-hero-row #brand-top-score{font-size:24px!important;margin-left:0!important;text-align:center}
#hero-dash .hero-right{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.stat-chip{position:relative;overflow:hidden;border-radius:12px;background:linear-gradient(180deg,#0d1a12,#09110d);border-color:#1d3b28;padding:9px}.stat-chip:after{content:'';position:absolute;right:-18px;top:-18px;width:42px;height:42px;background:rgba(74,222,128,.06);border-radius:50%}.stat-chip .sv{font-size:21px;color:#eaffef}.stat-chip .sl{font-size:9px;color:#78957e;margin-top:2px}.stat-chip .st{font-size:9px}
#timeline{padding:16px 18px;background:radial-gradient(circle at 50% 0,rgba(96,165,250,.05),transparent 28%)}
.msg .text{border-radius:12px;background:#0f1b14;border-left-width:2px}.msg.broadcast .text{background:#0d2314}.msg.assign .text{background:#1c1709}.msg.reply .text{background:#0c1825}
#right-panel{width:330px;background:rgba(10,17,13,.94);border-left:1px solid rgba(74,222,128,.25);padding:12px;gap:10px}
#brand-health,#bashi-panel,#task-panel,#doubao-panel,.insight-card{background:linear-gradient(180deg,rgba(16,29,21,.96),rgba(8,13,12,.96));border:1px solid rgba(74,222,128,.22);border-radius:14px;padding:12px;box-shadow:0 14px 32px rgba(0,0,0,.18)}
#bashi-panel>h3:first-child{display:none}.bashi-row{font-size:10px}.bashi-row .bar-bg{height:8px}.bashi-total .big-score{font-size:30px}
.insight-list{display:flex;flex-direction:column;gap:7px}.insight{border:1px solid #193321;background:#09120d;border-radius:10px;padding:8px}.insight .it{font-size:11px;color:#d8ead4}.insight .id{font-size:9px;color:#6f8b72;margin-top:3px}.insight.good{border-color:#245c38}.insight.warn{border-color:#5a4618}.insight.bad{border-color:#5a2424}.insight .gain{float:right;color:#facc15;font-size:9px}
#task-panel{flex:0}.task-item{border-radius:9px;background:#09120d;border-left-width:2px;margin-bottom:6px}
#brand-input{background:rgba(8,13,12,.96);border-bottom:1px solid rgba(74,222,128,.18);padding:9px 18px}#brand-input input{max-width:420px;border-radius:10px;background:#07100b}#brand-input button{border-radius:10px;background:linear-gradient(90deg,#14532d,#166534);color:#dcffe5;font-weight:bold}
#brand-input.radar-entry{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.15fr) auto;gap:12px;align-items:center;padding:12px 18px;background:linear-gradient(90deg,rgba(20,83,45,.28),rgba(8,13,12,.96) 44%,rgba(250,204,21,.08));border-bottom:1px solid rgba(74,222,128,.28);box-shadow:0 10px 28px rgba(0,0,0,.2)}.radar-title{display:flex;flex-direction:column;gap:4px}.radar-title b{font-size:15px;color:#eaffef}.radar-title span{font-size:10px;color:#7fa889}.radar-title .radar-reward{color:#facc15}.radar-control{display:flex;gap:8px;align-items:center}.radar-control input{width:100%;max-width:none!important;height:34px;border:1px solid #1d3b28!important;color:#dfffe7!important}.radar-main-btn{height:36px;min-width:142px;border:0!important;background:linear-gradient(90deg,#16a34a,#ca8a04)!important;color:#07100b!important;font-weight:800!important;box-shadow:0 0 18px rgba(250,204,21,.18)}.radar-side{display:flex;flex-direction:column;gap:4px;min-width:230px}.radar-badges{display:flex;gap:5px;flex-wrap:wrap}.radar-badge{font-size:9px;color:#a7f3d0;border:1px solid rgba(74,222,128,.28);background:#08120d;border-radius:999px;padding:3px 7px}.radar-badge.gold{color:#facc15;border-color:rgba(250,204,21,.38)}.radar-status{font-size:10px;color:#9fb7a1;min-height:14px}.write-hook{border:1px solid rgba(250,204,21,.32);background:linear-gradient(135deg,rgba(250,204,21,.13),rgba(22,163,74,.08));border-radius:12px;padding:8px 9px;cursor:pointer;transition:all .2s}.write-hook:hover{transform:translateY(-1px);border-color:rgba(250,204,21,.62);box-shadow:0 0 18px rgba(250,204,21,.14)}.write-hook b{display:block;font-size:12px;color:#fff7cc}.write-hook span{display:block;font-size:9px;color:#9fb7a1;margin-top:3px;line-height:1.35}.write-hook em{font-style:normal;color:#facc15;font-weight:800}@media(max-width:1200px){#brand-input.radar-entry{grid-template-columns:1fr}.radar-side{min-width:0}}
.pulse-gain{animation:none}
@media(max-width:1200px){#agents-panel{width:230px}#right-panel{width:300px}#hero-dash{grid-template-columns:130px 140px 1fr}.hud-pill{display:none}}
#brand-input.radar-entry{grid-template-columns:1fr minmax(300px,520px) 1fr;gap:16px;padding:10px 18px;background:linear-gradient(90deg,rgba(8,13,12,.96),rgba(20,83,45,.22),rgba(8,13,12,.96))}.radar-title{text-align:right}.radar-title b{font-size:14px}.radar-title span{font-size:9px}.radar-control{justify-content:center}.radar-control input{max-width:230px!important;height:34px}.radar-main-btn{min-width:180px;height:38px;font-size:13px}.radar-side{min-width:0}.radar-side.compact{font-size:10px;color:#9fb7a1}.radar-side.compact b{color:#facc15}.radar-status{display:block;margin-top:4px}.content-rules{background:#0d1710;border:1px solid #1a2f1a;border-radius:6px;padding:10px;margin-bottom:10px}.content-rules h3{margin:0 0 8px 0;font-size:13px;color:#9ce8ae}.rule-block{border-top:1px solid #132518;padding-top:7px;margin-top:7px}.rule-block:first-of-type{border-top:0;padding-top:0;margin-top:0}.rule-block b{display:block;font-size:11px;color:#eaffef;margin-bottom:4px}.rule-block ul{margin:0;padding-left:15px;color:#8fae92;font-size:10px;line-height:1.55}.article-score-card{background:#0d1710;border:1px solid #1a2f1a;border-radius:6px;padding:10px;margin-bottom:10px}.article-score-card h3{margin:0 0 7px 0;font-size:13px;color:#facc15}.score-line{display:flex;justify-content:space-between;font-size:10px;padding:3px 0;border-bottom:1px solid #111a14}.score-line span:first-child{color:#7fa889}.score-line span:last-child{color:#eaffef}.score-note{font-size:9px;color:#7fa889;line-height:1.45;margin-top:6px}.reward-stack{display:grid;grid-template-columns:1fr 1fr;gap:7px}.reward-card{border:1px solid rgba(74,222,128,.25);background:linear-gradient(135deg,rgba(13,23,16,.98),rgba(8,13,12,.96));border-radius:12px;padding:8px 9px;cursor:pointer;transition:.18s}.reward-card:hover{transform:translateY(-1px);box-shadow:0 0 18px rgba(74,222,128,.13);border-color:rgba(74,222,128,.48)}.reward-card.gold{border-color:rgba(250,204,21,.38);background:linear-gradient(135deg,rgba(250,204,21,.13),rgba(13,23,16,.98))}.reward-card.blue{border-color:rgba(96,165,250,.36);background:linear-gradient(135deg,rgba(30,58,95,.45),rgba(13,23,16,.98))}.reward-card b{display:block;font-size:11px;color:#eaffef}.reward-card.gold b{color:#fff7cc}.reward-card.blue b{color:#bfdbfe}.doubao-pro-card{position:relative;overflow:hidden}.doubao-pro-card:after{content:"数据更全";position:absolute;right:7px;top:6px;font-size:8px;color:#93c5fd;border:1px solid rgba(147,197,253,.35);border-radius:999px;padding:1px 5px;background:rgba(30,58,95,.38)}.reward-card span{display:block;font-size:9px;color:#8fae92;margin-top:3px;line-height:1.35}.reward-card em{font-style:normal;color:#facc15;font-weight:800}.reward-card.blue em{color:#93c5fd}@media(max-width:1200px){.reward-stack{grid-template-columns:1fr}}



.feedback-card,.feedback-inbox{background:linear-gradient(180deg,rgba(16,29,21,.96),rgba(8,13,12,.96));border:1px solid rgba(74,222,128,.24);border-radius:14px;padding:12px;margin-bottom:10px;box-shadow:0 14px 32px rgba(0,0,0,.18)}
.feedback-card .ft,.feedback-inbox .ft{font-size:12px;color:#eaffef;font-weight:bold;margin-bottom:5px}.feedback-card .fd,.feedback-inbox .fd{font-size:9px;color:#7fa889;line-height:1.45;margin-bottom:8px}.feedback-card button{width:100%;border:1px solid rgba(250,204,21,.42);background:linear-gradient(90deg,#14532d,#854d0e);color:#fff7cc;border-radius:10px;padding:7px 10px;font-size:11px;font-weight:800;cursor:pointer}.feedback-card button:hover{filter:brightness(1.12)}
.feedback-inbox{display:none}.feedback-list{display:flex;flex-direction:column;gap:7px;max-height:180px;overflow-y:auto}.feedback-item{border:1px solid #193321;background:#09120d;border-radius:10px;padding:8px}.feedback-item .meta{font-size:9px;color:#7fa889;margin-bottom:3px}.feedback-item .body{font-size:11px;color:#d8ead4;line-height:1.45}.feedback-empty{font-size:10px;color:#6f8b72;text-align:center;padding:12px 4px;border:1px dashed #1a3322;border-radius:10px;background:#09120d}
.modal-hint{font-size:10px;color:#7fa889;line-height:1.45;margin-bottom:8px}.feedback-modal-select{margin-bottom:8px!important}

/* ===== Growth rights exchange v1 ===== */
.growth-dual{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.growth-meter{background:#09120d;border:1px solid #193321;border-radius:10px;padding:8px}.growth-meter .mv{font-size:18px;font-weight:800;color:#eaffef}.growth-meter .mk{font-size:9px;color:#7fa889;margin-top:2px}.growth-meter.contribution .mv{color:#60a5fa}.level-rights{display:flex;flex-direction:column;gap:6px;margin-top:8px}.level-right{border:1px solid #193321;background:#09120d;border-radius:10px;padding:7px}.level-right.active{border-color:#facc15;background:linear-gradient(135deg,rgba(250,204,21,.11),rgba(9,18,13,.96))}.level-right .lr-top{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#eaffef}.level-right .lr-body{font-size:9px;color:#7fa889;line-height:1.45;margin-top:3px}.exchange-card{background:linear-gradient(180deg,rgba(16,29,21,.96),rgba(8,13,12,.96));border:1px solid rgba(250,204,21,.32);border-radius:14px;padding:12px;margin-bottom:10px;box-shadow:0 14px 32px rgba(0,0,0,.18)}.exchange-card .ex-title{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#fff7cc;font-weight:800;margin-bottom:7px}.exchange-card .ex-title span{font-size:9px;color:#9fb7a1;font-weight:400}.exchange-list{display:flex;flex-direction:column;gap:7px}.exchange-item{border:1px solid #193321;background:#09120d;border-radius:10px;padding:8px}.exchange-item.available{border-color:#4ade80;background:linear-gradient(135deg,rgba(74,222,128,.12),#09120d)}.exchange-item .ei-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.exchange-item .ei-name{font-size:11px;color:#eaffef;font-weight:800}.exchange-item .ei-cost{font-size:9px;color:#facc15;white-space:nowrap}.exchange-item .ei-desc{font-size:9px;color:#7fa889;line-height:1.45;margin:4px 0 7px}.exchange-item button{width:100%;border:1px solid #2a4a2a;background:#0d1710;color:#7fa889;border-radius:8px;padding:6px 8px;font-size:10px;cursor:pointer}.exchange-item.available button{background:linear-gradient(90deg,#14532d,#166534);color:#dcffe5;font-weight:800}.exchange-item button:disabled{opacity:.55;cursor:not-allowed}.quest-section-label{font-size:9px;color:#60a5fa;margin:4px 0 -2px}.quest .qxp small{display:block;color:#60a5fa;font-size:8px;margin-top:1px}.teacher-badge{display:inline-block;border:1px solid rgba(250,204,21,.45);border-radius:999px;padding:2px 6px;color:#facc15;font-size:9px;margin-left:5px}.redemption-records{margin-top:8px;border-top:1px solid #193321;padding-top:8px}.redemption-records .rr-title{font-size:10px;color:#60a5fa;margin-bottom:6px}.redemption-row{border:1px solid #193321;background:#07100b;border-radius:8px;padding:7px;margin-top:5px;font-size:9px;color:#9fb7a1;line-height:1.45}.redemption-row b{color:#eaffef}.redemption-row .status{float:right;color:#facc15}.redemption-row.approved .status{color:#4ade80}.redemption-row.rejected .status{color:#f87171}


/* 成长等级徽章 */
.top-lv-badge.beginner{background:linear-gradient(135deg,#1a3a2a,#0d2818);color:#4ade80;border:1px solid #2a5a3a}
.top-lv-badge.diagnostician{background:linear-gradient(135deg,#1a2a3a,#0d1a28);color:#60a5fa;border:1px solid #2a3a5a}
.top-lv-badge.creator{background:linear-gradient(135deg,#3a1a2a,#280d1a);color:#f472b6;border:1px solid #5a2a3a}
.top-lv-badge.architect{background:linear-gradient(135deg,#3a2a0a,#281a0d);color:#facc15;border:1px solid #5a4a2a;box-shadow:0 0 12px rgba(250,204,21,.3)}

@media(max-width:768px){
  body{overflow-y:auto;overflow-x:hidden}
  #topbar{flex-wrap:wrap;padding:6px 10px;min-height:40px;gap:6px}
  #topbar h1{font-size:14px}
  #topbar .hud-pill{font-size:9px;padding:2px 6px}
  #tab-nav{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#0d1710;border-top:2px solid #2a4a2a;display:flex;justify-content:space-around;padding:6px 0}
  #tab-nav button{font-size:11px;padding:8px 10px;flex:1;text-align:center;min-height:44px}
  body{padding-bottom:56px}
  #hero-dash .hero-right{display:none}
  .stat-chip{display:none}
  .radar-entry{flex-direction:column!important;gap:8px!important;padding:10px!important}
  .radar-control{flex-direction:column;gap:6px}
  .radar-control input{max-width:100%!important;height:44px!important;font-size:16px!important}
  .radar-main-btn{width:100%!important;height:48px!important;font-size:15px!important}
  .radar-side.compact{display:none}
  .radar-title-block{display:none}
  .reward-stack{grid-template-columns:1fr!important}
  #main{flex-direction:column!important}
  #agents-panel{width:100%!important;border-right:none!important;border-bottom:2px solid #2a4a2a;max-height:200px;overflow-y:auto;padding:8px}
  #agents-panel h3{font-size:12px}
  .agent-card{padding:6px 8px;margin-bottom:4px}
  #right-panel{display:none!important}
  #doubao-bar{display:none!important}
  #timeline{padding:10px}
  .msg .text{font-size:12px;padding:6px 10px}
  #msg-input{height:44px;font-size:16px}
  #send-btn{height:44px;min-width:50px}
  #hero-dash{padding:8px 10px;flex-wrap:wrap;gap:6px}
  #hero-dash .hero-num{font-size:36px}
  .brand-hero-row{flex-wrap:wrap;gap:4px}
  .brand-hero-row select{max-width:120px!important;font-size:10px}
  .brand-hero-row span{font-size:9px!important}
  .growth-grid{grid-template-columns:1fr 1fr!important;gap:6px}
  .growth-mini .v{font-size:16px}
  .growth-score .num{font-size:28px}
  .quest{min-height:40px;padding:6px 8px}
  #brand-health{padding:8px}
  .health-row{font-size:10px;padding:3px 0}
  button,.agent-card,.reward-card,.quest{min-height:44px}
  #student-feedback-card{display:none}
  #game-hud .hud-xp{display:none}
}
@media(max-width:400px){
  #topbar h1{font-size:12px}
  #tab-nav button{font-size:10px;padding:4px 6px}
  #hero-dash .hero-num{font-size:28px}
}
/* License badge */
.hud-pill.lic{background:linear-gradient(135deg,#065f46,#047857);border:1px solid #10b981;color:#d1fae5}
.hud-pill.lic.warn{background:linear-gradient(135deg,#78350f,#b45309);border:1px solid #f59e0b;color:#fef3c7}
.hud-pill.lic.crit{background:linear-gradient(135deg,#7f1d1d,#b91c1c);border:1px solid #ef4444;color:#fee2e2}