/* ===== Optio AI 图文生产平台 · v4.0 商务设计系统 ===== */
:root{
  --bg:#F3F5FA; --surface:#FFFFFF; --surface2:#F7F9FD;
  --ink:#1A2438; --ink2:#52617C; --ink3:#8A96AD;
  --line:#E3E8F1; --line2:#CBD4E3;
  --navy:#12203A; --navy2:#0C1628; --navy3:#1B2D4F;
  --acc:#1E4E9C; --acc-strong:#163E7C; --acc-soft:rgba(30,78,156,.08);
  --gold:#C8A24B; --gold-soft:rgba(200,162,75,.14);
  --ok:#1E8E5A; --warn:#B7791F; --danger:#C0392B;
  --shadow:0 1px 2px rgba(15,25,45,.04),0 8px 24px rgba(15,25,45,.05);
  --shadow-lg:0 18px 50px rgba(15,25,45,.12);
  --r:12px; --r-sm:8px;
  --font:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei",sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased;font-size:14.5px}
a{color:var(--acc);text-decoration:none}
img{max-width:100%;display:block}
button{font-family:inherit}
.flex{display:flex;align-items:center}
.flex-between{display:flex;align-items:center;justify-content:space-between}
.grid{display:grid;gap:16px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-6{grid-template-columns:repeat(6,1fr)}
.muted{color:var(--ink3);font-size:12.5px}
.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}
.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.my-16{margin:16px 0}
.mono{font-family:var(--mono)}

/* ===== 布局 ===== */
.layout{display:flex;min-height:100vh}
.sidebar{width:232px;flex-shrink:0;background:linear-gradient(180deg,var(--navy) 0%,var(--navy2) 100%);color:#D8E1F0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}
.sidebar::-webkit-scrollbar{width:6px}
.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:3px}
.sidebar-header{display:flex;align-items:center;gap:11px;padding:18px 18px 14px;border-bottom:1px solid rgba(255,255,255,.07)}
.brand-logo{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),#A9833A);box-shadow:0 4px 14px rgba(200,162,75,.35);color:#fff}
.brand-name{font-weight:800;font-size:16px;letter-spacing:.2px;color:#fff}
.brand-sub{font-size:11px;color:#93A3C2;margin-top:1px}
.sidebar-nav{flex:1;padding:12px 10px}
.nav-group{margin-bottom:14px}
.nav-label{display:block;font-size:10.5px;letter-spacing:1.4px;color:#6F82A6;padding:6px 10px 5px;font-weight:700}
.nav-item{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:8px;color:#B7C4DE;font-size:13.5px;cursor:pointer;transition:background .15s,color .15s;margin-bottom:2px}
.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}
.nav-item.active{background:linear-gradient(90deg,rgba(200,162,75,.22),rgba(200,162,75,.06));color:#FFE3A3;box-shadow:inset 2px 0 0 var(--gold)}
.nav-ico{display:grid;place-items:center;opacity:.9}
.sidebar-footer{padding:12px 14px;border-top:1px solid rgba(255,255,255,.07)}
.sidebar-user{display:flex;align-items:center;gap:9px}
.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#A9833A);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;flex-shrink:0}
.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(10,18,32,.45);z-index:90}

/* ===== 主区 ===== */
.main{flex:1;min-width:0;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 26px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.page-title{font-size:17px;font-weight:800;letter-spacing:-.2px}
.page-sub{font-size:12px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56vw}
#viewContainer{padding:22px 26px 60px;max-width:1440px;width:100%;margin:0 auto}
.menu-toggle{display:none;width:36px;height:36px;border-radius:8px;border:1px solid var(--line2);background:var(--surface);color:var(--ink);cursor:pointer;place-items:center}
.icon-btn{position:relative;width:36px;height:36px;border-radius:8px;border:1px solid var(--line2);background:var(--surface);color:var(--ink2);cursor:pointer;display:grid;place-items:center;transition:border-color .15s,color .15s}
.icon-btn:hover{color:var(--acc);border-color:var(--acc)}
.bell-dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:#E0483E;border:1.5px solid var(--surface)}

/* ===== 通知面板 ===== */
.notify-panel{display:none;position:fixed;top:58px;right:22px;width:340px;max-height:70vh;overflow-y:auto;background:var(--surface);border:1px solid var(--line2);border-radius:12px;box-shadow:var(--shadow-lg);z-index:120}
.notify-panel.open{display:block}
.notify-item{padding:12px 14px;border-bottom:1px solid var(--line);cursor:pointer}
.notify-item:last-child{border-bottom:none}
.notify-item:hover{background:var(--surface2)}
.notify-item .n-title{font-weight:600;font-size:13px}
.notify-item .n-body{font-size:12px;color:var(--ink2);margin-top:2px}
.notify-item.unread{background:var(--acc-soft)}
.notify-head{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:13px}

/* ===== 按钮 ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:var(--r-sm);font-weight:600;font-size:13.5px;padding:9px 16px;border:1px solid transparent;cursor:pointer;transition:all .15s;white-space:nowrap}
.btn:disabled{opacity:.55;cursor:not-allowed}
.btn-primary{background:linear-gradient(135deg,var(--acc),var(--acc-strong));color:#fff;box-shadow:0 4px 12px rgba(30,78,156,.25)}
.btn-primary:hover{filter:brightness(1.07)}
.btn-secondary{background:var(--surface);border-color:var(--line2);color:var(--ink)}
.btn-secondary:hover{border-color:var(--acc);color:var(--acc)}
.btn-ghost{background:transparent;border-color:var(--line2);color:var(--ink2)}
.btn-ghost:hover{border-color:var(--acc);color:var(--acc)}
.btn-success{background:var(--ok);color:#fff}
.btn-danger{background:var(--danger);color:#fff}
.btn-block{width:100%}
.btn-sm{padding:6px 11px;font-size:12.5px;border-radius:7px}

/* ===== 徽章 ===== */
.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:11.5px;font-weight:600}
.badge-gray{background:#E9EDF5;color:#5A6B85}
.badge-info{background:var(--acc-soft);color:var(--acc)}
.badge-success{background:rgba(30,142,90,.12);color:var(--ok)}
.badge-warning{background:var(--gold-soft);color:#9A7420}
.badge-danger{background:rgba(192,57,43,.12);color:var(--danger)}
.badge-primary{background:var(--acc);color:#fff}

/* ===== 卡片 ===== */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}
.card-title{font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px}
.card-ico{color:var(--acc)}
.card-body{padding:16px 18px}

/* ===== KPI ===== */
.kpi-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;box-shadow:var(--shadow);display:flex;align-items:center;gap:14px}
.kpi-top{display:flex;align-items:center;gap:12px}
.kpi-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-size:19px;flex-shrink:0}
.kpi-value{font-size:23px;font-weight:800;letter-spacing:-.5px;font-variant-numeric:tabular-nums;line-height:1.15}
.kpi-label{font-size:12px;color:var(--ink2);margin-top:2px}
.kpi-trend{font-size:11.5px;color:var(--ok);font-weight:600;margin-top:4px}

/* ===== 表单 ===== */
.form-group{margin-bottom:14px}
.form-label{display:block;font-size:12.5px;font-weight:600;color:var(--ink2);margin-bottom:6px}
.form-input,.form-select,.form-textarea{width:100%;padding:9px 12px;border:1px solid var(--line2);border-radius:var(--r-sm);font-size:13.5px;font-family:inherit;background:var(--surface);color:var(--ink);transition:border-color .15s,box-shadow .15s}
.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}
.form-textarea{min-height:96px;resize:vertical}
select.form-select{cursor:pointer}

/* ===== 表格 ===== */
.table-wrap{overflow-x:auto}
table.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{text-align:left;padding:9px 12px;font-size:11.5px;color:var(--ink3);font-weight:700;letter-spacing:.4px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--surface2)}
.tbl td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl tr:hover td{background:var(--surface2)}

/* ===== 列表 ===== */
.list-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:8px;font-size:13px}
.list-item:hover{background:var(--surface2)}
.list-item-title{font-weight:600}
.list-item-meta{font-size:11.5px;color:var(--ink3);margin-top:1px}
.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:11px;background:var(--acc-soft);color:var(--acc);margin-right:4px;font-weight:600}

/* ===== 空状态 ===== */
.empty{text-align:center;padding:42px 20px;color:var(--ink3)}
.empty .empty-ico{font-size:38px;margin-bottom:10px;opacity:.6}

/* ===== 芯片 / Tab ===== */
.chip{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:18px;border:1px solid var(--line2);background:var(--surface);color:var(--ink2);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s;margin-right:6px;margin-bottom:6px}
.chip:hover{border-color:var(--acc);color:var(--acc)}
.chip-active{background:var(--acc);border-color:var(--acc);color:#fff}
.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}
.tab{padding:9px 16px;font-size:13.5px;font-weight:600;color:var(--ink2);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}
.tab:hover{color:var(--ink)}
.tab.active{color:var(--acc);border-bottom-color:var(--acc)}

/* ===== 弹窗 ===== */
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(12,20,36,.5);z-index:900;align-items:flex-start;justify-content:center;padding:6vh 16px;overflow-y:auto}
.modal-overlay.open{display:flex}
.modal-overlay.show{display:flex}
.modal{background:var(--surface);border-radius:14px;box-shadow:var(--shadow-lg);width:100%;max-width:680px;animation:modalIn .18s ease}
.modal.modal-xl{max-width:1140px}
.modal.modal-md{max-width:600px}
@keyframes modalIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.modal-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--line);font-weight:700;font-size:15px}
.modal-close{background:none;border:none;font-size:20px;color:var(--ink3);cursor:pointer;line-height:1}
.modal-body{padding:20px}
.modal-footer{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}

/* ===== 进度条 ===== */
.progress{height:7px;background:#E7EBF3;border-radius:5px;overflow:hidden}
.progress-fill{height:100%;background:linear-gradient(90deg,var(--acc),var(--gold));border-radius:5px;transition:width .3s}

/* ===== 评分 ===== */
.score-circle{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:18px;color:#fff;flex-shrink:0}
.score-s{background:linear-gradient(135deg,#C0392B,#E67E22)}
.score-a{background:linear-gradient(135deg,#B7791F,#D69E2E)}
.score-b{background:linear-gradient(135deg,#1E8E5A,#48BB78)}
.score-c{background:linear-gradient(135deg,#5A6B85,#8A96AD)}

/* ===== 编辑器 ===== */
.editor-toolbar{display:flex;gap:4px;padding:8px;border:1px solid var(--line2);border-bottom:none;border-radius:10px 10px 0 0;background:var(--surface2);flex-wrap:wrap}
.editor-toolbar button{width:30px;height:30px;border-radius:6px;border:none;background:transparent;color:var(--ink2);cursor:pointer;font-size:13px}
.editor-toolbar button:hover{background:var(--line);color:var(--ink)}
.editor-box{width:100%;min-height:280px;border:1px solid var(--line2);border-radius:0 0 10px 10px;padding:14px;font-size:14px;font-family:inherit;line-height:1.7;background:var(--surface);color:var(--ink)}
.editor-box:focus{outline:none;border-color:var(--acc)}

/* ===== 修订面板 ===== */
.revise-card{border:1px solid var(--gold);background:var(--gold-soft);border-radius:var(--r)}
.revise-head{padding:12px 16px;font-weight:700;font-size:13px;color:#9A7420}
.revise-pane{padding:14px 16px}
.revise-pane-title{font-size:12px;font-weight:700;color:var(--ink3);margin-bottom:8px}
.revise-split{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.revise-pane-body{font-size:13px;white-space:pre-wrap;max-height:360px;overflow-y:auto}
.revise-arrow{color:var(--gold);font-size:18px;align-self:center}
.diff-add{background:rgba(30,142,90,.14);color:var(--ok)}
.diff-del{background:rgba(192,57,43,.12);color:var(--danger);text-decoration:line-through}

/* ===== SEO ===== */
.seo-result-card{border:1px solid var(--line2);border-radius:var(--r);overflow:hidden;margin-top:14px}
.seo-head{padding:14px 18px;background:var(--surface2);display:flex;align-items:center;justify-content:space-between}
.seo-items{padding:10px 18px}
.seo-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:13px}
.seo-item:last-child{border-bottom:none}
.seo-item-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.seo-item-bad{background:#E0483E}
.seo-suggestions{padding:12px 18px;background:var(--surface2);border-top:1px solid var(--line)}
.seo-suggestions-title{font-weight:700;font-size:13px;margin-bottom:8px}
.seo-sug-list{display:flex;flex-direction:column;gap:6px}
.seo-sug-item{display:flex;gap:8px;align-items:flex-start;font-size:12.5px}
.seo-sug-check{color:var(--ok);flex-shrink:0}
.seo-adjust-check{color:var(--gold);flex-shrink:0}

/* ===== Toast ===== */
.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#141E32;color:#fff;padding:11px 20px;border-radius:10px;font-size:13px;box-shadow:var(--shadow-lg);z-index:950;animation:toastIn .2s ease;max-width:80vw}
@keyframes toastIn{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
.content-preview{font-size:13.5px;line-height:1.75;color:var(--ink)}
.content-preview img{border-radius:8px;margin:8px 0}
.diff-removed-block{opacity:.45;text-decoration:line-through}
.diff-added-block{border-left:3px solid var(--ok);padding-left:10px;margin:6px 0}

/* ===== iframe 预览 ===== */
.iframe-preview{width:100%;min-height:420px;border:1px solid var(--line2);border-radius:var(--r);background:#fff}

/* ===== 品牌大脑（科技感） ===== */
.brain-hero{position:relative;overflow:hidden;border-radius:16px;padding:30px 32px;color:#EAF1FF;background:
  radial-gradient(900px 320px at 18% -10%, rgba(200,162,75,.28), transparent 60%),
  radial-gradient(700px 380px at 88% 120%, rgba(46,104,209,.45), transparent 60%),
  linear-gradient(135deg,#0B1526 0%,#12264A 55%,#0D1A30 100%);
  border:1px solid rgba(120,150,220,.25);box-shadow:var(--shadow-lg)}
.brain-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(120,160,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(120,160,255,.06) 1px,transparent 1px);background-size:34px 34px;pointer-events:none}
.brain-title{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;letter-spacing:.3px}
.brain-title .brain-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;background:rgba(200,162,75,.18);color:#FFD98A;border:1px solid rgba(200,162,75,.4)}
.brain-sub{font-size:13px;color:#9FB4DC;margin-top:6px;max-width:620px}
.brain-core-wrap{display:flex;align-items:center;gap:34px;margin-top:26px;flex-wrap:wrap}
.brain-core{position:relative;width:118px;height:118px;flex-shrink:0}
.brain-core .core{position:absolute;inset:0;margin:auto;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#FFE9B8,#C8A24B 60%,#8A6A22);box-shadow:0 0 22px rgba(200,162,75,.75),0 0 60px rgba(200,162,75,.35);animation:corePulse 2.6s ease-in-out infinite}
@keyframes corePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.brain-orbit{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(140,175,255,.28)}
.brain-orbit.o1{animation:spin 9s linear infinite}
.brain-orbit.o2{inset:12px;border-color:rgba(200,162,75,.3);animation:spinRev 7s linear infinite}
.brain-orbit.o3{inset:24px;border-color:rgba(140,175,255,.22);animation:spin 5s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spinRev{to{transform:rotate(-360deg)}}
.brain-orbit .dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#7FA8FF;box-shadow:0 0 8px #7FA8FF}
.brain-orbit.o1 .dot{top:-3.5px;left:50%;background:#FFD98A;box-shadow:0 0 8px #FFD98A}
.brain-orbit.o2 .dot{top:50%;right:-3.5px}
.brain-orbit.o3 .dot{bottom:-3.5px;left:50%;background:#FFD98A;box-shadow:0 0 8px #FFD98A}
.brain-stats{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:12px;flex:1;min-width:280px}
.brain-stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;backdrop-filter:blur(6px)}
.brain-stat .v{font-size:21px;font-weight:800;font-variant-numeric:tabular-nums;color:#fff}
.brain-stat .k{font-size:11.5px;color:#93A8D0;margin-top:2px}
.brain-stat.gold .v{color:#FFD98A}
.brain-hero .brain-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.brain-action{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#EAF1FF;transition:all .15s}
.brain-action:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.32)}
.brain-action.primary{background:linear-gradient(135deg,var(--gold),#A9833A);border-color:transparent;color:#1A1406;box-shadow:0 6px 18px rgba(200,162,75,.35)}
.brain-action.primary:hover{filter:brightness(1.08)}
.brain-feed{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:20px}
.brain-feed .card{border-color:rgba(30,78,156,.18)}
.direction-card{border-left:3px solid var(--gold)}
.direction-actions{display:flex;gap:8px;margin-top:10px}

/* ===== 行业 Tab（餐饮/零售） ===== */
.industry-tabs{display:inline-flex;background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:3px;margin-bottom:16px}
.industry-tabs .itab{padding:7px 18px;border-radius:8px;font-size:13px;font-weight:600;color:var(--ink2);cursor:pointer}
.industry-tabs .itab.active{background:var(--surface);color:var(--acc);box-shadow:var(--shadow)}

/* ===== 迷你统计 ===== */
.mini-stat{display:flex;align-items:baseline;gap:6px}
.mini-stat .num{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}
.mini-stat .lbl{font-size:11.5px;color:var(--ink3)}

/* ===== 事件流 ===== */
.event-item{padding:10px 14px;border-bottom:1px solid var(--line);font-size:12.5px}
.event-item:last-child{border-bottom:none}
.event-item .ev-type{font-weight:700;color:var(--acc);font-family:var(--mono);font-size:11.5px}
.event-item .ev-meta{color:var(--ink3);font-size:11px;margin-top:2px}

/* ===== 移动端 ===== */
@media (max-width:960px){
  .grid-4,.grid-6{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  #viewContainer{padding:16px 14px 60px}
  .topbar{padding:12px 14px}
  .sidebar{position:fixed;left:0;top:0;bottom:0;z-index:100;transform:translateX(-100%);transition:transform .22s ease;box-shadow:none}
  .sidebar.open{transform:none;box-shadow:var(--shadow-lg)}
  .sidebar-backdrop.show{display:block}
  .menu-toggle{display:grid}
  .notify-panel{left:14px;right:14px;width:auto}
}
@media (max-width:560px){
  .grid-2,.grid-3,.grid-4,.grid-6{grid-template-columns:1fr}
  .brain-stats{grid-template-columns:repeat(2,1fr)}
  .brain-core-wrap{gap:18px}
}

/* ===== v4.1 智能体交流圈 ===== */
.agent-circle{position:relative}
.agent-flow-list{max-height:240px;overflow-y:auto;border-top:1px solid rgba(127,168,255,.15);background:rgba(11,21,38,.35);padding:6px 0}
.agent-flow-list .event-item{border-bottom:1px solid rgba(127,168,255,.08)}
.ml-8{margin-left:8px}

/* ===== v4.1 品牌中心 ===== */
.brain-hero .brain-action{min-height:38px}
.platform-rule-card{border-color:rgba(200,162,75,.4)}

/* ===== v3.5 登录页样式（还原） ===== */
:root{
  --gray-900:#111827; --gray-700:#374151; --gray-500:#6B7280; --gray-600:#4B5563; --gray-200:#E5E7EB;
  --border:#E5E7EB; --radius-lg:18px; --radius-sm:8px; --brand:#4F46E5; --brand-600:#4F46E5; --brand-700:#4338CA; --brand-soft:rgba(79,70,229,.08);
  --danger-bg:#FEF2F2; --danger-600:#DC2626; --shadow-xs:0 1px 2px rgba(15,23,42,.05);
}
.auth-wrap { min-height: 100vh; display: grid; grid-template-columns: 1fr 1fr; }
.auth-brand {
  position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between;
  padding: 56px 52px; color: #fff; background:
    radial-gradient(1200px 600px at -10% -10%, rgba(139,92,246,.55), transparent 55%),
    radial-gradient(900px 500px at 110% 110%, rgba(236,72,153,.4), transparent 50%),
    linear-gradient(160deg, #0F172A 0%, #1E1B4B 100%);
}
.auth-brand::before {
  content: ""; position: absolute; inset: 0; opacity: .25;
  background-image: radial-gradient(rgba(255,255,255,.35) 1px, transparent 1px);
  background-size: 26px 26px; pointer-events: none;
}
.auth-brand-head { display: flex; align-items: center; gap: 14px; position: relative; z-index: 1; }
.auth-brand-title { font-size: 30px; font-weight: 800; letter-spacing: -.01em; }
.auth-brand-sub { opacity: .7; font-size: 14px; margin-top: 6px; }
.auth-brand-points { position: relative; z-index: 1; display: grid; gap: 18px; margin: 40px 0; }
.auth-point { display: flex; gap: 14px; align-items: flex-start; }
.auth-point .point-ico { width: 42px; height: 42px; border-radius: 13px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; backdrop-filter: blur(4px); }
.auth-point b { font-size: 15px; display: block; margin-bottom: 2px; }
.auth-point span { font-size: 13px; opacity: .7; }
.auth-brand-foot { position: relative; z-index: 1; font-size: 12px; opacity: .5; }
.auth-side { display: flex; align-items: center; justify-content: center; padding: 40px 24px; background: var(--bg); }
.auth-card { width: 100%; max-width: 400px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); padding: 34px 34px 28px; }
.auth-headline { font-size: 20px; font-weight: 800; color: var(--gray-900); margin-bottom: 4px; letter-spacing: -.01em; }
.auth-sub { color: var(--gray-500); font-size: 13px; margin-bottom: 22px; }
.auth-alert { background: var(--danger-bg); color: var(--danger-600); border-radius: var(--radius-sm); padding: 10px 12px; font-size: 13px; margin-bottom: 16px; display: none; }
.auth-tip { margin-top: 18px; text-align: center; font-size: 13px; color: var(--gray-500); }
.auth-tip a { color: var(--brand-600); font-weight: 600; }
.auth-brand .brand-logo{background:linear-gradient(135deg,#4F46E5,#7C3AED);box-shadow:0 4px 14px rgba(79,70,229,.35)}
@media (max-width: 900px){
  .auth-wrap { grid-template-columns: 1fr; }
  .auth-brand { display: none; }
  .auth-side { padding: 28px 18px; }
}

/* ===== 套餐提醒条与用量芯片（v4.4.60）===== */
.plan-banner{display:flex;gap:10px;align-items:flex-start;padding:11px 26px;font-size:13.5px;line-height:1.65;border-bottom:1px solid var(--line)}
.plan-banner[hidden]{display:none}
.plan-banner.warn{background:#FFF8E6;color:#6B5312;border-bottom-color:#F0DCA8}
.plan-banner.danger{background:#FEF2F2;color:#8A1C1C;border-bottom-color:#F5C2C2}
.plan-banner i{margin-top:3px;flex-shrink:0}
.plan-banner b{font-weight:700}
.plan-chip{margin:0 0 10px;padding:10px 12px;border-radius:10px;background:rgba(127,168,255,.10);border:1px solid rgba(127,168,255,.22);font-size:12px}
.plan-chip[hidden]{display:none}
.plan-chip .pc-title{display:flex;align-items:center;gap:6px;font-weight:700;font-size:12.5px;margin-bottom:6px}
.plan-chip .pc-title i{color:var(--gold)}
.plan-chip .pc-row{display:flex;justify-content:space-between;gap:8px;padding:1px 0}
.plan-chip .pc-row span{opacity:.72}
.plan-chip .pc-when{margin-top:6px;padding-top:6px;border-top:1px dashed rgba(255,255,255,.16);font-size:11px;opacity:.75;line-height:1.5}