/* ============================================================
   EGI Design System · 深色版覆盖层 (egi-dark.css)
   —— 依据 IDING 工业设计官网官方规范（用户站酷基准 + 官方规范图）
   四色：ACCENT #C7FF43 · STAGE #101211 · PANEL #1E2123 · PAPER #F1EEE6
   字体：Plus Jakarta Sans（拉丁/数字/编号/眉标，大写宽字距）
         + Noto Sans SC / PingFang SC（中文标题 700/900、正文 300/400）
   全站统一：深色影像舞台 + 面板深炭 + 信号绿只做点睛；去除一切衬线。
   用法：作为覆盖层 <link> 追加在既有样式之后（或独立页 </head> 前追加）。
   注意：不动任何 bundle/JS 逻辑，仅视觉换肤。
   ============================================================ */
@import url('https://miaoda.feishu.cn/fonts/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap');

/* ===== 令牌：旧体系变量映射新官方值 ===== */
:root{
  /* 官方四色 */
  --stage:#101211;            /* 影像舞台（页面主底） */
  --panel:#1E2123;            /* 面板（内容版面/卡片底） */
  --panel2:#26292B;           /* 面板提亮 */
  --paper:#F1EEE6;            /* 编辑纸面（仅点名浅底区块） */
  --acid:#C7FF43;             /* 信号绿 · 只做点睛 */
  --acid-soft:rgba(199,255,67,.10);
  --acid-line:rgba(199,255,67,.45);
  /* 旧体系变量 → 新值（让既有 var(--x) 引用自动生效） */
  --bg:#101211;
  --panel:#1E2123;
  --gold:#C7FF43;             /* 旧金饰 → 信号绿点睛 */
  --gold-soft:rgba(199,255,67,.12);
  --ink:#f2f3f1;              /* 旧正文深字 → 深底亮字 */
  --ink-2:#c9cecc;            /* 次级文本 → 浅灰 */
  --muted:#9aa1a0;            /* 弱文本 */
  --muted-2:rgba(255,255,255,.55);
  --line:rgba(255,255,255,.10);
  --line-strong:rgba(255,255,255,.18);
  --line-dark:rgba(255,255,255,.10);
  --shadow:0 1px 2px rgba(0,0,0,.35),0 14px 38px rgba(0,0,0,.5);
  /* 字体（一套） */
  --display:"Plus Jakarta Sans","Noto Sans SC",sans-serif;
  --font-sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --font-serif:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif; /* 去衬线 */
  --radius:6px;
  --radius-lg:10px;
  color-scheme:dark;
}

/* ===== 全局 ===== */
html{background:var(--stage)}
body{background:var(--stage)!important;color:#f2f3f1!important;font-family:var(--font-sans)!important;-webkit-font-smoothing:antialiased}
::selection{background:var(--acid);color:#101211}
a{color:inherit}
a:hover{color:var(--acid)}
input,textarea,select,button{font-family:inherit}
*:focus-visible{outline:1.5px solid var(--acid);outline-offset:1px}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#33383a;border-radius:6px;border:2px solid var(--stage)}
::-webkit-scrollbar-track{background:transparent}

/* ===== 导航（React SPA 与独立页通用词表）===== */
.nav{background:rgba(16,18,17,.86)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)!important}
.nav-inner{height:68px!important}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
/* 图形 LOGO 注入：隐藏旧 mark 与文字，白色图形 LOGO 打底 */
.brand .brand-mark{display:none!important}
header.nav .brand,header .nav-inner .brand,.nav-inner .brand,header a[href="/"]{
  background:url("/assets/logo-white.png") no-repeat left center!important;
  background-size:auto 30px!important;
  color:transparent!important;
  min-width:114px;
}
.nav-links{gap:clamp(14px,2.6vw,30px)!important}
.nav-links a{color:rgba(255,255,255,.72)!important;font-family:var(--display)!important;font-size:13px!important;letter-spacing:.14em!important;text-transform:uppercase!important;transition:color .3s}
.nav-links a:hover{color:#fff!important}
.nav-links a.on,.nav-links a.active{color:var(--acid)!important}
.nav-links a[style*="gold"]{color:var(--acid)!important}
.nav-links .btn{letter-spacing:.12em}
/* 导航版本号去除（用户要求全站移除）：报价 V1.03→报价，合同 V1.05→合同 */
.nav-links a[href="/quote"],.nav-links a[href="/contracts"]{font-size:0!important;line-height:0!important}
.nav-links a[href="/quote"]::before,.nav-links a[href="/contracts"]::before{content:"报价"!important;display:inline-block;font-family:var(--display)!important;font-size:13px!important;letter-spacing:.14em!important;text-transform:uppercase!important;line-height:1.2!important}
.nav-links a[href="/contracts"]::before{content:"合同"!important}
/* 右下角浮动版本药丸（JS 注入、直接挂 body、z-index:100000）——用户要求全站去除 */
body > div[style*="z-index: 100000"]{display:none!important}
.hide-sm{display:none}

/* ===== 按钮体系 ===== */
.btn{font-family:var(--display)!important;letter-spacing:.12em;border-radius:3px!important;transition:all .3s!important}
.btn-primary{background:var(--acid)!important;color:#101211!important;border:1px solid var(--acid)!important;font-weight:600}
.btn-primary:hover{box-shadow:0 0 0 2px #101211,0 0 0 4px var(--acid)!important}
.btn-gold{background:var(--acid)!important;color:#101211!important;border:1px solid var(--acid)!important;font-weight:600}
.btn-gold:hover{box-shadow:0 0 0 2px #101211,0 0 0 4px var(--acid)!important;filter:none!important}
.btn-outline{border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;background:transparent!important}
.btn-outline:hover{border-color:var(--acid)!important;color:var(--acid)!important}
.btn-ghost{color:rgba(255,255,255,.75)!important}
.btn-ghost:hover{color:var(--acid)!important;opacity:1!important}
.btn[disabled]{opacity:.38;cursor:not-allowed}
.btn.solid{background:var(--acid)!important;color:#101211!important;border-color:var(--acid)!important}
.btn.solid:hover{box-shadow:0 0 0 2px #101211,0 0 0 4px var(--acid)}
.btn.gold{background:var(--acid)!important;color:#101211!important;border-color:var(--acid)!important}
.btn.gold:hover{box-shadow:0 0 0 2px #101211,0 0 0 4px var(--acid)}
/* 旧体系「金底白字」内联徽标（如定价页"推荐"）→ 信号绿底深字，保证可读 */
[style*="background: var(--gold)"]{color:#101211!important}

/* ===== 卡片 / 面板 ===== */
.card{background:var(--panel)!important;border:1px solid var(--line)!important;box-shadow:none!important;color:#f2f3f1}
.card-hover:hover{box-shadow:var(--shadow)!important;border-color:var(--acid-line)!important}
.fade-in{background:var(--panel)!important;border-color:var(--line)!important;color:#f2f3f1}

/* ===== 表单 ===== */
.field label{color:rgba(255,255,255,.72)!important}
.field input,.field select,.field textarea,input,textarea,select{
  background:#17191a!important;border:1px solid rgba(255,255,255,.16)!important;
  color:#f2f3f1!important;border-radius:5px!important;
}
.field input:focus,.field select:focus,.field textarea:focus,input:focus,textarea:focus,select:focus{
  border-color:var(--acid)!important;box-shadow:0 0 0 1px var(--acid-line)!important;outline:none
}
input::placeholder,textarea::placeholder{color:rgba(255,255,255,.45)}
input[type="date"]{color-scheme:dark}
select option{background:#1E2123;color:#f2f3f1}

/* ===== 通用表格 ===== */
table{color:#f2f3f1}
.qt-table,.ad-table{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:8px;overflow:hidden}
.qt-table thead th,.ad-table thead th,.qt-table th,.ad-table th{
  background:#232629!important;color:rgba(255,255,255,.62)!important;font-weight:600!important;
  border-bottom:1px solid var(--line)!important;text-transform:uppercase;font-size:12px!important;letter-spacing:.08em;font-family:var(--display)
}
.qt-table td,.ad-table td{border-bottom:1px solid rgba(255,255,255,.07)!important;color:#e8eae7!important}
.qt-table tbody tr:hover,.ad-table tbody tr:hover{background:var(--acid-soft)!important}
.qt-table tbody tr,.ad-table tbody tr{transition:background .2s}

/* ===== 版块标题 ===== */
.sec-head .no{color:var(--acid)!important;font-family:var(--display)!important}
.sec-head h2{color:#fff!important;font-weight:700!important;letter-spacing:.02em}
.sec-head .line{background:var(--line)!important}
.sec-head .sub{color:var(--muted-2)!important}
.ad-h2,.st-h1,.ex-h1{color:#fff!important}
.qt-sec-head h2{color:#fff;font-weight:700}
.ad-muted,.st-err,.ex-sub{color:var(--muted-2)!important}

/* ===== 管理后台 ===== */
.ad-wrap,.ad-body{background:var(--stage)!important}
.ad-side{background:#151718!important;border-right:1px solid var(--line)!important}
.ad-topbar{background:#17191a!important;border-bottom:1px solid var(--line)!important;color:#f2f3f1!important;font-family:var(--display);letter-spacing:.06em}
.ad-tabs,.ad-subtabs{border-color:var(--line)!important}
.ad-tab{color:var(--muted-2)!important}
.ad-tab:hover{background:var(--panel)!important}
.ad-tab.on,.ad-tab.active,.ad-subtab.on{color:var(--acid)!important;border-color:var(--acid)!important;background:var(--panel2)!important;font-weight:600}
.ad-card{background:var(--panel)!important;border:1px solid var(--line)!important}
.ad-card .ad-card-val{color:#fff!important;font-family:var(--display)}
.ad-card .ad-card-label{color:var(--muted-2)!important;letter-spacing:.1em;text-transform:uppercase;font-size:11px!important;font-family:var(--display)}
.ad-card-sub{color:var(--muted)!important}
.ad-search input{background:#17191a!important;border-color:rgba(255,255,255,.16)!important;color:#f2f3f1!important}
.ad-item,.ad-grid>div{background:var(--panel)!important;border:1px solid var(--line)!important}
.ad-item-title,.ad-card-sub{color:#fff!important}
.ad-item-sub,.ad-item-reason{color:var(--muted-2)!important}
.ad-btn-ok,.ad-btn-primary{background:var(--acid)!important;color:#101211!important;border:none!important}
.ad-btn-danger{border:1px solid rgba(255,90,90,.5)!important;color:#ff8a8a!important;background:transparent!important}
.ad-btn{background:#232629!important;color:#fff!important;border:1px solid var(--line)!important}
.ad-btn:hover{border-color:var(--acid);color:var(--acid)}
.ad-back{color:var(--muted-2)!important}
.ad-back:hover{color:var(--acid)!important}
.ad-cell-acts button{background:#232629!important;color:#fff!important;border:1px solid var(--line)!important}
.ad-cell-acts button:hover{border-color:var(--acid);color:var(--acid)}
.ad-brand{display:none!important}
.ad-settings input,.ad-settings select,.ad-settings textarea{background:#17191a!important;border-color:rgba(255,255,255,.16)!important;color:#f2f3f1!important}

/* ===== 设置页 st-* ===== */
.st-wrap{background:var(--stage)!important}
.st-sec{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:8px!important}
.st-sec-h{color:#fff!important;border-bottom:1px solid var(--line)!important}
.st-h1{font-family:var(--display);font-weight:700;letter-spacing:.02em}
.st-save{background:var(--acid)!important;color:#101211!important;border:none!important;font-weight:600}
.st-ok{color:var(--acid)!important}
.st-err{color:#ff8a8a!important}
.st-row{border-color:var(--line)!important}
.st-plan{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:8px!important;color:#f2f3f1!important}
.st-plan div[style*="font-weight"]{color:#fff!important}
.st-prev{background:var(--panel2)!important;border-color:var(--line-strong)!important}
.st-prev-cap,.st-prev-powered,.st-un-prefix{color:var(--muted-2)!important;letter-spacing:.14em;font-family:var(--display)}
.st-prev-name,.st-prev-brand{color:#fff!important}
.st-logo-empty{background:#17191a!important;border-color:var(--line)!important}
.st-switch input+span{background:#33383a!important}
.st-switch input:checked+span{background:var(--acid)!important}
.st-upload{border-color:var(--line)!important;background:#17191a!important}
.st-upload-clear{color:var(--muted-2)!important}

/* ===== 作品广场 ex-* ===== */
.ex-wrap{background:var(--stage)!important}
.ex-head h1{color:#fff!important;font-weight:800;letter-spacing:.02em}
.ex-sorts,.ex-types{border-color:var(--line)!important}
.ex-sort,.ex-type{color:var(--muted-2)!important}
.ex-sort.on,.ex-sort.active{background:var(--acid)!important;color:#101211!important;border-color:var(--acid)!important;font-weight:600}
.ex-type.on,.ex-type.active{color:var(--acid)!important;border-color:var(--acid)!important;background:var(--panel)!important}
.ex-card{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:8px!important;transition:border-color .3s,transform .3s}
.ex-card:hover{border-color:var(--acid-line)!important;transform:translateY(-2px)}
.ex-card-title{color:#fff!important}
.ex-card-sub,.ex-designer-name,.ex-card-meta,.ex-so-desc{color:var(--muted-2)!important}
.ex-like,.ex-share{color:var(--muted-2)!important;border-color:rgba(255,255,255,.16)!important;background:transparent!important}
.ex-like.liked,.ex-like.on{color:#ff8a8a!important;border-color:rgba(255,120,120,.45)!important;background:rgba(224,79,79,.10)!important}
.ex-like:hover{border-color:rgba(255,120,120,.6);color:#ff8a8a}
.ex-share-opt{border-color:var(--line)!important;color:var(--muted-2)!important}
.ex-share-opt:hover{border-color:var(--acid);color:var(--acid)}
.ex-modal{background:rgba(10,12,11,.72)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ex-modal-in{background:var(--panel)!important;border:1px solid var(--line-strong)!important;border-radius:10px!important;color:#f2f3f1!important;box-shadow:var(--shadow)!important}
.ex-modal-head{color:#fff!important;border-bottom:1px solid var(--line)!important;padding-bottom:14px!important}
.ex-more{color:var(--acid)!important}
.ex-empty{color:var(--muted)!important}
.ex-avatar-empty{background:#232629!important;color:var(--muted-2)!important}

/* ===== 用户主页 / 作品页 pf-* ===== */
.pf-wrap{background:var(--stage)!important}
.pf-hero{background:linear-gradient(180deg,#141716,#101211)!important;border-bottom:1px solid var(--line)!important}
.pf-name,.pf-title{color:#fff!important;font-weight:800}
.pf-bio,.pf-under,.pf-contact,.pf-card-sub{color:var(--muted-2)!important}
.pf-card{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:8px!important}
.pf-card:hover{border-color:var(--acid-line)}
.pf-card-name{color:#fff!important}
.pf-tabs{border-color:var(--line)!important}
.pf-tab{color:var(--muted-2)!important}
.pf-tab.on{color:var(--acid)!important;border-color:var(--acid)!important}
.pf-logo-empty{background:#232629!important;border-color:var(--line)!important}
.pf-404{color:var(--muted)!important}
.pf-foot{border-color:var(--line)!important}
.pf-contact a:hover{color:var(--acid)}

/* ===== 报价 qt-* ===== */
#qnav{border-color:var(--line)!important}
#qnav .qnav-b{color:var(--muted-2)!important;font-family:var(--display);letter-spacing:.06em}
#qnav .qnav-b.on{color:var(--acid)!important;border-bottom-color:var(--acid)!important}
.stat{background:var(--panel)!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:8px!important}
.stat:hover{border-color:var(--acid-line)!important;box-shadow:var(--shadow)!important;transform:translateY(-2px)}
.stat .k{color:var(--muted-2)!important;letter-spacing:.12em;font-family:var(--display)}
.stat .v{color:#fff!important;font-family:var(--display);font-weight:700}
.stat .d{color:var(--muted)!important}
.qt-sec{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:8px!important}
.qt-sec-head{border-color:var(--line)!important;color:#fff!important;font-family:var(--display)}
.qt-card{background:var(--panel2)!important;border:1px solid var(--line)!important;border-radius:6px!important}
.qt-card:hover{border-color:var(--acid-line)}
.qt-card-label{color:var(--muted-2)!important;letter-spacing:.1em;font-family:var(--display);text-transform:uppercase}
.qt-card-val{color:#fff!important;font-family:var(--display);font-weight:600}
.qt-card-sub,.qt-prod{color:var(--muted-2)!important}
.qt-num{color:var(--acid)!important;font-family:var(--display)}
.qt-pick{color:var(--acid)!important}
.qt-price-row{border-color:var(--line)!important}
.qt-scheme-row,.qt-f{border-color:var(--line)!important}
.qt-sec-head h2{color:#fff;font-weight:700}
.qt-2col>div{border-color:var(--line)!important}

/* ===== 钱包（wallet.html 页特有在页内覆盖，此处兜底）===== */
.bal-card{background:linear-gradient(135deg,#1E2123,#26292B)!important;border:1px solid var(--line-strong)!important;box-shadow:0 16px 44px rgba(0,0,0,.5)!important;border-radius:12px!important}
.bal-label{color:var(--acid)!important;letter-spacing:.14em;font-family:var(--display)}
.bal-num{color:var(--acid)!important;font-family:var(--display);font-weight:800}
.bal-sub{color:var(--muted-2)!important}

/* ===== 合同工作台（编辑器）：周围深色，纸面保持 PAPER 浅底 ===== */
.ct-topbar,.ct-print-bar,.ct-editbar{background:#17191a!important;border-color:var(--line)!important;color:#f2f3f1!important}
.ct-canvas,.ct-body,.ct-render,.ct-print-body{background:var(--stage)!important}
.ct-status{color:var(--muted-2)!important}
.ct-ghost-btn{border-color:var(--line)!important;color:var(--muted-2)!important}
.ct-ghost-btn:hover{border-color:var(--acid);color:var(--acid)}
/* 纸面：合同/报价文档正文保持浅底，供阅读与 PDF 导出 */
.ct-sheet,.ct1-sheet,.ct-paper,.ct-print-doc,.ct-doc{background:#fff!important;color:#1b1e24!important}
.ct-sheet *,.ct1-sheet *,.ct-paper *,.ct-print-doc *,.ct-doc *{color-scheme:light}

/* ===== 标签 ===== */
.tag{background:#232629!important;border:1px solid var(--line)!important;color:var(--muted-2)!important}
.tag-approved{background:var(--acid-soft)!important;border-color:var(--acid-line)!important;color:var(--acid)!important}
.tag-sent{background:rgba(199,255,67,.14)!important;border-color:var(--acid-line)!important;color:var(--acid)!important}
.tag-draft{background:#232629!important;border-color:var(--line)!important;color:var(--muted-2)!important}

/* ===== bundle 内联浅底残留深色化（按内联 style 序列化值精确命中）===== */
/* /app/project/* 汇报编辑画布外层近白 → PANEL 深色，文字继承白 */
[style*="background: rgb(250, 250, 249)"]{background:#1E2123!important;color:#f2f3f1!important}
/* /contract/:id 合同编辑外层浅灰 → STAGE */
[style*="background: rgb(238, 240, 242)"]{background:#101211!important}
/* 画布内白底/浅灰底语气按钮 → 深炭（限定在画布容器内，避免误伤） */
[style*="background: rgb(250, 250, 249)"] [style*="rgb(255, 255, 255)"]{background:#26292B!important;color:#f2f3f1!important}
[style*="background: rgb(250, 250, 249)"] [style*="rgb(242, 243, 241)"]{background:#26292B!important;color:#f2f3f1!important}
/* /contracts 合同列表表头米白 thead（外层 .card.fade-in） */
.card.fade-in thead tr,.card.fade-in thead th{background:#232629!important;color:rgba(255,255,255,.62)!important;font-weight:600!important}
/* /contract/new 模板图标白块（外层 .card.fade-in） */
.card.fade-in [style*="rgb(242, 243, 241)"]{background:#26292B!important;color:#f2f3f1!important}
/* "合"图标块：内联为 background:var(--ink)（变量值，非 rgb 字面量）→ 深炭（仅限模板卡内，避免误伤 var(--ink) 文字面） */
.card.fade-in [style*="background: var(--ink)"]{background:#26292B!important;color:#f2f3f1!important}
.card.fade-in [style*="var(--font-serif)"]{font-family:var(--font-sans)!important}
/* 品牌锚点黑色子元素（<b>Design</b> 等）→ 随透明 */
.brand b,.brand i,.brand em,.brand span:not(.brand-mark){color:transparent!important}

/* ===== 轻提示 toast 兜底（信号绿底黑字，点睛）===== */
.toast{background:var(--acid)!important;color:#101211!important;border:none!important;border-radius:3px!important;font-family:var(--display)!important;letter-spacing:.06em!important}

/* ===== 导航 .logo 结构兜底（wallet/cad/su3d/features 等独立页图形 LOGO 注入）===== */
header.nav .logo,.nav .logo,header .logo{background:url("/assets/logo-white.png") no-repeat left center!important;background-size:auto 28px!important;color:transparent!important;min-width:106px}
header.nav .logo .dot,.nav .logo .dot,.logo .dot{display:none!important}
header.nav .logo small,.nav .logo small,.logo small{display:none!important}

/* 注册/登录页错误提示（bundle 内联粉底红字 #fdecec/#b03030）→ 深色警示 */
.fade-in [style*="rgb(253, 236, 236)"]{background:rgba(224,79,79,.12)!important;color:#ff8a8a!important;border:1px solid rgba(255,120,120,.3)!important;border-radius:5px!important}

/* ===== 统一导航（独立页，egi-nav.js 注入登录区）===== */
.nav{background:#101211!important;border-bottom:1px solid rgba(255,255,255,.10)!important;position:sticky;top:0;z-index:60}
.nav .nav-in,.nav .container.nav-inner{max-width:1120px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.nav .nav-links{display:flex;align-items:center;gap:22px;font-size:13px;flex-wrap:wrap;row-gap:8px}
.nav .nav-links a{color:rgba(255,255,255,.72)!important;text-decoration:none;transition:color .2s;white-space:nowrap}
.nav .nav-links a:hover{color:#C7FF43!important}
.nav .nav-links .egi-auth{display:flex;align-items:center;gap:14px;margin-left:6px}
.nav .nav-links .egi-auth a,.nav .nav-links .egi-auth button{white-space:nowrap}
.nav .title{font-family:var(--display);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.nav .right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.nav .btn{font-family:var(--display);letter-spacing:.06em}
@media(max-width:640px){.nav .hide-sm{display:none!important}}

/* ===== 首页「简单四步」等米白区块 → 深色面板 ===== */
[style*="background: rgb(250, 249, 247)"]{background:#1E2123!important}
[style*="background: rgb(250, 249, 247)"] h2,
[style*="background: rgb(250, 249, 247)"] h3,
[style*="background: rgb(250, 249, 247)"] h4{color:#f2f3f1!important}

/* ===== 底部 ===== */
.footer{background:#101211!important;border-top:1px solid var(--line)!important;color:#f2f3f1!important}
.footer-grid{border-color:var(--line)!important}
.footer .brand{background:url("/assets/logo-white.png") no-repeat left center!important;background-size:auto 26px!important;color:transparent!important;min-width:100px}
.footer .brand-mark{display:none!important}
.footer-bottom{color:var(--muted-2)!important}

/* ===== 动效：滚动渐显 .rv ===== */
.rv{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.rv.on{opacity:1;transform:none}
.d1s{transition-delay:.08s}.d2s{transition-delay:.16s}.d3s{transition-delay:.24s}.d4s{transition-delay:.32s}
/* hover 信号绿下划线（卡片式链接区块） */
.rv-card{position:relative}
.rv-card::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--acid);transition:width .45s}
.rv-card:hover::after{width:100%}

/* ===== 营销舞台组件（首页/定价首屏可挂载，功能页不用）===== */
/* 舞台语义由 [data-stage] 显式开关：全屏舞台首屏才用 100vh，紧凑营销首屏不受影响 */
.hero{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(70px,9vw,130px) clamp(20px,6vw,64px);overflow:hidden;background:radial-gradient(60% 55% at 78% 30%,rgba(199,255,67,.07),transparent 70%),radial-gradient(45% 45% at 12% 78%,rgba(255,255,255,.04),transparent 70%),var(--stage)}
.hero[data-stage]{min-height:100vh}
.hero .grid-line{position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(70% 70% at 50% 50%,#000 20%,transparent 80%)}
.hero .dot{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--acid);opacity:0;filter:blur(1px)}
.hero .dot.d1{top:24%;left:16%;animation:egifloat 7s ease-in-out infinite}
.hero .dot.d2{top:66%;left:84%;animation:egifloat 9s ease-in-out .8s infinite}
.hero .dot.d3{top:80%;left:30%;animation:egifloat 8s ease-in-out 1.6s infinite}
.hero .dot.d4{top:14%;right:24%;animation:egifloat 10s ease-in-out 2.2s infinite}
@keyframes egifloat{0%,100%{opacity:0;transform:translateY(0)}30%{opacity:.9}60%{opacity:.3;transform:translateY(-26px)}}
.kicker{font-family:var(--display);font-size:12px;font-weight:600;letter-spacing:.42em;text-transform:uppercase;color:var(--acid)}
@keyframes egirise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.hero-rise{opacity:0;animation:egirise 1s ease forwards}
@media (prefers-reduced-motion:reduce){.hero-rise{opacity:1!important;animation:none!important}.rv{opacity:1!important;transform:none!important}}
/* 版本层级：报价/合同 大字信号绿 + 版本号 + 眉标 —— 用户要求全站去除 */
.ver,.ver .v,.ver .v b,.ver .v i,.ver .v em,.foot .ver,.foot .ver *{display:none!important}
.foot .brand{background:url("/assets/logo-white.png") no-repeat left center!important;background-size:auto 26px!important;color:transparent!important;min-width:100px}
.foot .brand-mark{display:none!important}

/* ===== 打印兜底 ===== */
@media print{
  body{background:#fff!important;color:#1b1e24!important}
  .nav,.ad-topbar,.ct-topbar,.ct-editbar,.ct-print-bar,.ct-ghost-btn{display:none!important}
  .ct-sheet,.ct1-sheet,.ct-paper{background:#fff!important;color:#1b1e24!important;box-shadow:none!important}
}

/* ===== 响应式 ===== */
@media (max-width:768px){
  .nav-inner{height:58px!important}
  .brand,.brand a{background-size:auto 26px!important}
  .nav-links a:not(.btn):not(.btn-free):not([href*="wallet"]){font-size:12px!important;letter-spacing:.1em!important}
  .hero{padding:110px 20px 70px}
  .ver{gap:22px}
}


/* ===== 登录/注册质感卡片（深炭渐变 + 荧光绿细边框 + 简洁标题）===== */
.egilogin-card,.egireg-card,.egiauth-card,.egilogin-card.fade-in,.egireg-card.fade-in{
  background:linear-gradient(180deg,#202326,#17191b)!important;
  border:1px solid rgba(199,255,67,.55)!important;
  border-radius:16px!important;
  box-shadow:0 26px 80px rgba(0,0,0,.6),0 0 0 1px rgba(199,255,67,.12),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.egilogin-card .egilogin-title,.egilogin-card h1,.egilogin-card h2,.egireg-card h1,.egireg-card h2{color:#fff!important;font-weight:800!important;letter-spacing:.02em!important}
.egilogin-card .egilogin-sub,.egilogin-card .egilogin-tip,.egireg-card .egireg-sub{color:rgba(255,255,255,.55)!important;font-size:13px!important}
.egilogin-card a,.egireg-card a{color:var(--acid)!important}
.egilogin-card .field label,.egireg-card .field label{color:rgba(255,255,255,.6)!important}


/* ===== 登录/注册卡片：居中 + 比例 ===== */
.egilogin{display:flex!important;justify-content:center!important;align-items:center!important;min-height:calc(100vh - 68px)!important;box-sizing:border-box;padding:24px 16px!important}
.egilogin-card,.egireg-card,.egiauth-card{width:clamp(340px,40vw,460px)!important;max-width:92vw!important;margin:0 auto!important;box-sizing:border-box}


/* ===== 登录/注册舞台布局 + 卡片精致化 ===== */
.egilogin{position:relative!important}
.egilogin-card,.egireg-card{position:relative!important;z-index:1;min-height:560px!important;box-sizing:border-box;
  padding:46px 42px!important;
  background:linear-gradient(180deg,#202326,#151719)!important;
  border:1px solid rgba(199,255,67,.5)!important;
  border-radius:18px!important;
  box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 0 1px rgba(199,255,67,.14),inset 0 1px 0 rgba(255,255,255,.06)!important}
.egilogin-card h1,.egilogin-card .egilogin-title,.egireg-card h1{font-size:26px!important;color:#fff!important;font-weight:800!important;letter-spacing:.01em!important;margin-bottom:8px!important}
.egilogin-card .egilogin-sub,.egireg-card .egireg-sub{color:rgba(255,255,255,.55)!important;font-size:14px!important;margin-bottom:30px!important}
.egilogin-card .field,.egireg-card .field{margin-bottom:18px!important}
.egilogin-card input,.egilogin-card .field input,.egireg-card input,.egireg-card .field input{
  height:48px!important;padding:0 15px!important;border-radius:8px!important;
  background:#17191a!important;border:1px solid rgba(255,255,255,.16)!important;font-size:15px!important}
.egilogin-card input:focus,.egireg-card input:focus{border-color:var(--acid)!important;box-shadow:0 0 0 1px var(--acid-line)!important;outline:none}
.egilogin-card [type="submit"],.egilogin-card button[type="submit"],.egireg-card [type="submit"],.egireg-card button[type="submit"],
.egilogin-card .egilogin-btn,.egireg-card .egireg-btn{height:50px!important;border-radius:9px!important;background:var(--acid)!important;color:#101211!important;border:none!important;font-weight:700!important;letter-spacing:.1em!important;font-size:15px!important;margin-top:8px!important}
.egilogin-card .egilogin-switch,.egireg-card .egireg-switch,.egilogin-card .egilogin-foot,.egireg-card .egireg-foot{color:rgba(255,255,255,.5)!important;font-size:13px!important;margin-top:20px!important}