/* ============================================================
   喜客喜装饰 · 中介工作台样式（高级版，与最终预览一致）
   涵盖：登录页 / 工作台各页 / 弹窗（手机 + 平板 + 桌面自适应）
   ============================================================ */
* { margin:0; padding:0; box-sizing:border-box; font-family:-apple-system,"PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif; }
html { -webkit-text-size-adjust:100%; }
body { background:#eef1f6; color:#24313f; line-height:1.5; }
a { color:inherit; text-decoration:none; }
input,textarea,select,button { font:inherit; }
img { max-width:100%; }

/* ============ 登录页 ============ */
.l-page { position:relative; min-height:100vh; overflow:hidden; display:flex; align-items:center; justify-content:center; padding:30px 20px;
  background:
    radial-gradient(1200px 600px at 85% -10%, rgba(255,139,61,.16), transparent 60%),
    radial-gradient(900px 500px at -10% 110%, rgba(56,150,214,.15), transparent 60%),
    linear-gradient(160deg,#0b1a2b 0%,#0f2740 60%,#0a1a2c 100%); }
.l-glow { position:absolute; border-radius:50%; filter:blur(70px); opacity:.5; pointer-events:none; }
.l-g1 { width:340px; height:340px; background:#ff8a3d; top:-120px; right:-60px; }
.l-g2 { width:300px; height:300px; background:#2f7fd0; bottom:-130px; left:-60px; }
.l-grid { position:absolute; inset:0; opacity:.05; background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px); background-size:56px 56px; pointer-events:none; }
.l-wrap { position:relative; z-index:2; width:100%; max-width:980px; margin:auto; display:grid; grid-template-columns:1.05fr 1fr; gap:52px; align-items:center; }
.l-brand { color:#fff; }
.l-logo { display:inline-flex; align-items:center; gap:10px; }
.l-logo .ic { width:46px; height:46px; border-radius:14px; background:linear-gradient(135deg,#ffb43a,#ff7a45); display:flex; align-items:center; justify-content:center; font-size:21px; font-weight:900; color:#fff; box-shadow:0 8px 24px rgba(255,130,60,.4); }
.l-logo b { font-size:19px; font-weight:900; letter-spacing:.5px; }
.l-logo small { display:block; font-size:10.5px; font-weight:600; color:rgba(255,255,255,.5); letter-spacing:2px; margin-top:2px; }
.l-hero { margin-top:36px; font-size:clamp(25px,2.8vw,36px); font-weight:900; line-height:1.42; letter-spacing:.5px; }
.l-hero em { font-style:normal; background:linear-gradient(90deg,#ffd166,#ff8a3d); -webkit-background-clip:text; background-clip:text; color:transparent; }
.l-sub { color:rgba(255,255,255,.55); font-size:14px; margin-top:14px; line-height:1.9; max-width:400px; }
.l-pts { margin-top:32px; display:flex; flex-direction:column; gap:16px; }
.l-pt { display:flex; align-items:center; gap:14px; }
.l-pt .pi { width:38px; height:38px; border-radius:11px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); display:flex; align-items:center; justify-content:center; font-size:17px; flex-shrink:0; }
.l-pt b { font-size:14px; display:block; }
.l-pt span { font-size:12px; color:rgba(255,255,255,.5); }
.l-card { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); border-radius:22px; padding:34px 30px; backdrop-filter:blur(18px); box-shadow:0 30px 80px rgba(0,0,0,.4); }
.l-card h2 { color:#fff; font-size:19px; font-weight:900; }
.l-card .cs { color:rgba(255,255,255,.5); font-size:12px; margin:6px 0 22px; }
.l-f { position:relative; margin-bottom:13px; }
.l-f .fi { position:absolute; left:13px; top:50%; transform:translateY(-50%); font-size:15px; opacity:.55; }
.l-f input { width:100%; padding:13px 14px 13px 42px; border-radius:11px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.09); color:#fff; font-size:14.5px; outline:none; transition:.15s; }
.l-f input::placeholder { color:rgba(255,255,255,.35); }
.l-f input:focus { border-color:#ffb43a; background:rgba(255,255,255,.14); box-shadow:0 0 0 3px rgba(255,180,58,.15); }
.l-row { display:flex; justify-content:space-between; align-items:center; font-size:12px; color:rgba(255,255,255,.5); margin:2px 0 15px; }
.l-row a { color:#ffd166; }
.l-btn { width:100%; padding:14px; border:none; border-radius:11px; background:linear-gradient(135deg,#ffb43a,#ff7a45); color:#fff; font-size:15.5px; font-weight:900; cursor:pointer; letter-spacing:4px; box-shadow:0 12px 30px rgba(255,122,69,.35); transition:.15s; }
.l-btn:hover { transform:translateY(-1px); box-shadow:0 16px 36px rgba(255,122,69,.45); }
.l-err { background:rgba(224,77,51,.16); border:1px solid rgba(224,77,51,.4); color:#ffb4a6; font-size:12.5px; border-radius:9px; padding:9px 12px; margin-bottom:13px; text-align:center; }
.l-note { font-size:11px; color:rgba(255,255,255,.4); text-align:center; margin-top:18px; line-height:1.9; }
.l-note b { color:#ffd166; }
@media (max-width:900px){ .l-wrap { grid-template-columns:1fr; max-width:440px; gap:0; } .l-brand .l-hero,.l-sub,.l-pts{ display:none; } .l-brand{ text-align:center; margin-bottom:22px; } .l-logo{ text-align:left; } }

/* ============ 工作台整体 ============ */
.topbar { background:linear-gradient(120deg,#0b1a2b,#123052); color:#fff; position:sticky; top:0; z-index:60; box-shadow:0 6px 24px rgba(10,20,32,.18); }
.topbar .in { max-width:1180px; margin:0 auto; padding:0 16px; height:60px; display:flex; align-items:center; gap:14px; }
.brand { display:flex; align-items:center; gap:10px; font-weight:900; font-size:16px; letter-spacing:.5px; white-space:nowrap; }
.brand .lg { width:34px; height:34px; border-radius:11px; background:linear-gradient(135deg,#ffb43a,#ff7a45); display:flex; align-items:center; justify-content:center; font-weight:900; color:#fff; box-shadow:0 4px 12px rgba(255,130,60,.4); }
.brand small { color:rgba(255,255,255,.55); font-weight:600; font-size:12px; margin-left:2px; }
.sp { flex:1; }
.ub { display:flex; align-items:center; gap:10px; }
.ub .av { width:34px; height:34px; border-radius:50%; background:linear-gradient(135deg,#ffb43a,#ff7a45); display:flex; align-items:center; justify-content:center; font-weight:900; font-size:14px; box-shadow:0 0 0 2px rgba(255,180,58,.3); }
.ub .who b { display:block; font-size:13px; line-height:1.2; }
.ub .who span { font-size:10px; color:rgba(255,255,255,.5); }
.ub .out { font-size:12px; color:rgba(255,255,255,.6); cursor:pointer; padding:6px 11px; border-radius:8px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); }

.navtabs { display:flex; gap:4px; background:#fff; padding:9px 16px; border-bottom:1px solid #e4e9f0; overflow-x:auto; position:sticky; top:60px; z-index:55; box-shadow:0 4px 14px rgba(10,20,32,.04); }
.navtabs a { display:flex; align-items:center; gap:6px; padding:9px 20px; border-radius:10px; font-size:14px; color:#5c6f80; white-space:nowrap; transition:.15s; }
.navtabs a:hover { background:#f3f6fa; }
.navtabs a.on { background:linear-gradient(135deg,#0f2740,#1a4a75); color:#ffd166; font-weight:800; box-shadow:0 6px 16px rgba(15,39,64,.28); }
.ndot { width:7px; height:7px; border-radius:50%; background:#e04d33; display:inline-block; }

.wrap { max-width:1180px; margin:0 auto; padding:0 16px; }
.main { padding:22px 0 64px; }
.hello { margin-bottom:18px; }
.hello h1 { font-size:22px; font-weight:900; color:#0b1a2b; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.hello p { font-size:13px; color:#7a8fa0; margin-top:5px; }
.hello p b { color:#e86a2e; }

/* 渠道负责人条 */
.contact-card { display:flex; align-items:center; gap:14px; flex-wrap:wrap; background:linear-gradient(135deg,#0f2740,#1a4a75); border-radius:14px; padding:13px 18px; color:#fff; margin-bottom:16px; position:relative; overflow:hidden; }
.contact-card::after { content:''; position:absolute; width:170px; height:170px; border-radius:50%; background:radial-gradient(circle,rgba(255,180,58,.2),transparent 70%); right:-40px; top:-60px; pointer-events:none; }
.contact-card .av { width:42px; height:42px; border-radius:50%; background:linear-gradient(135deg,#ffb43a,#ff7a45); display:flex; align-items:center; justify-content:center; font-weight:900; font-size:16px; box-shadow:0 0 0 3px rgba(255,180,58,.3); position:relative; z-index:1; }
.contact-card .cc { position:relative; z-index:1; }
.contact-card .cc b { font-size:14px; display:block; }
.contact-card .cc span { font-size:11.5px; color:rgba(255,255,255,.55); }
.contact-card .tel { margin-left:auto; text-align:right; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); border-radius:10px; padding:7px 15px; position:relative; z-index:1; }
.contact-card .tel b { font-size:15px; color:#ffd166; letter-spacing:.5px; display:block; }
.contact-card .tel span { font-size:10.5px; color:rgba(255,255,255,.55); }

/* 区块标题 */
.sec-h { font-size:15px; font-weight:900; color:#0b1a2b; margin:20px 0 12px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.sec-h .line { width:4px; height:15px; border-radius:3px; background:linear-gradient(180deg,#ffb43a,#ff7a45); }
.sec-h small { font-size:11px; color:#aab6c2; font-weight:600; }

/* 卡片 / 面板 */
.panel { background:#fff; border-radius:16px; padding:18px; border:1px solid #eef1f6; box-shadow:0 4px 18px rgba(10,20,32,.05); margin-bottom:16px; }
.panel h3 { font-size:15px; font-weight:900; color:#0b1a2b; margin-bottom:8px; }

.stat-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(165px,1fr)); gap:12px; margin-bottom:16px; }
.stat { background:#fff; border-radius:15px; padding:16px 18px; border:1px solid #eef1f6; box-shadow:0 4px 18px rgba(10,20,32,.05); transition:.18s; }
.stat:hover { transform:translateY(-3px); box-shadow:0 12px 26px rgba(10,20,32,.1); }
.stat .l { font-size:11.5px; color:#97a5b4; }
.stat .n { font-size:26px; font-weight:900; color:#0b1a2b; margin-top:3px; line-height:1.1; letter-spacing:-.5px; }
.stat .n.gold { color:#e86a2e; }
.stat.hl { background:linear-gradient(135deg,#fff6ec,#ffe9d2); border-color:#ffd9a0; }
.stat .f { font-size:11px; color:#aab6c2; margin-top:6px; }
.stat .f b { color:#2e9e4f; }

/* 激励任务 */
.inc-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:4px; }
.inc { background:#fff; border-radius:14px; padding:15px 16px; border:1px solid #eef1f6; box-shadow:0 4px 16px rgba(10,20,32,.05); }
.inc .t { display:flex; align-items:center; gap:8px; font-size:13.5px; font-weight:800; color:#0b1a2b; }
.inc .t .g { font-size:11.5px; margin-left:auto; color:#5c6f80; }
.inc .t .g em { font-style:normal; color:#e86a2e; font-size:14px; font-weight:900; }
.pb { display:flex; align-items:center; gap:9px; margin-top:10px; }
.pb .bar { flex:1; height:10px; border-radius:6px; background:#eef1f6; overflow:hidden; }
.pb .bar i { display:block; height:100%; border-radius:6px; background:linear-gradient(90deg,#ffb43a,#ff7a45); }
.pb.g .bar i { background:linear-gradient(90deg,#2fc57b,#1d9e54); }
.pb .num { font-size:12px; font-weight:700; color:#5c6f80; white-space:nowrap; }
.inc .ft { font-size:11px; color:#aab6c2; margin-top:8px; }
.inc .ft b { color:#e86a2e; }
.inc-more { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.incm { display:flex; align-items:center; gap:10px; background:#f7f9fc; border-radius:11px; padding:10px 14px; }
.incm .tt { font-size:11px; color:#7a8fa0; }
.incm b { font-size:13px; color:#0b1a2b; display:block; }
.incm .mt { margin-left:auto; font-size:11.5px; color:#e86a2e; font-weight:900; }

/* 报备列表 */
.list { padding:4px 0; }
.citem { display:flex; gap:13px; padding:13px 8px; border-bottom:1px solid #f2f5f9; align-items:center; cursor:pointer; border-radius:10px; transition:background .12s; }
.citem:hover { background:#f8fafd; }
.citem:last-child { border-bottom:none; }
.citem .ic { width:42px; height:42px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; }
.citem .inf { flex:1; min-width:0; }
.citem .r1 { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.citem .nm { font-size:14.5px; font-weight:800; color:#0b1a2b; }
.citem .cm { font-size:12px; color:#7a8fa0; margin-top:3px; }
.citem .pg { font-size:11px; color:#aab6c2; margin-top:4px; }
.citem .right { text-align:right; flex-shrink:0; }
.citem .amt { font-size:12.5px; font-weight:900; color:#b8860b; }
.tag { font-size:10.5px; padding:3px 10px; border-radius:20px; font-weight:800; white-space:nowrap; display:inline-block; letter-spacing:.3px; }
.t-wait { background:#fff3cd; color:#a67a10; }
.t-ok { background:#e6f9ee; color:#1d9e54; }
.t-visit { background:#e7f0ff; color:#2f6fd6; }
.t-sign { background:#ffe9e6; color:#e04d33; }
.t-promo { background:#f2e8fb; color:#8a4fc9; }
.t-no { background:#f0f2f5; color:#8b98a6; }

/* chips */
.chips { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:16px; }
.chip { font-size:12.5px; padding:7px 15px; border-radius:18px; background:#fff; border:1.5px solid #e2e7ee; color:#5c6f80; cursor:pointer; transition:.15s; }
.chip.on { background:#0f2740; color:#ffd166; border-color:#0f2740; font-weight:800; }

/* 提示条 */
.tip { background:linear-gradient(135deg,#fff8ec,#fff2dd); border:1px solid #ffe3ae; border-radius:12px; padding:11px 15px; font-size:12.5px; color:#8a6215; line-height:1.9; margin-bottom:14px; }
.tip.prom { background:linear-gradient(135deg,#f7edfc,#f0e0f9); border-color:#ddbdf0; color:#6d3f9e; }
.tip.blu { background:linear-gradient(135deg,#eef4ff,#e2ecff); border-color:#c5d8ff; color:#2f5cb0; }

/* 表单 */
.form { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.fg label { font-size:12px; color:#5c6f80; display:block; margin-bottom:5px; font-weight:600; }
.fg label b { color:#e85d3a; }
.fg input,.fg textarea,.fg select { width:100%; padding:11px 13px; border:1.5px solid #e2e7ee; border-radius:10px; font-size:14px; background:#fbfcfe; outline:none; transition:.15s; }
.fg input:focus,.fg textarea:focus { border-color:#ff9f43; background:#fff; box-shadow:0 0 0 3px rgba(255,159,67,.12); }
.fg.full { grid-column:1/-1; }

/* 按钮 */
.btn { display:inline-block; padding:12px 24px; border:none; border-radius:12px; font-size:14.5px; font-weight:800; cursor:pointer; text-align:center; transition:.15s; }
.btn.p { background:linear-gradient(135deg,#ffb43a,#ff7a45); color:#fff; box-shadow:0 8px 22px rgba(255,122,69,.32); }
.btn.p:hover { transform:translateY(-1px); box-shadow:0 12px 28px rgba(255,122,69,.42); }
.btn.g { background:#fff; color:#5c6f80; border:1px solid #e0e5ec; }
.btn.g:hover { border-color:#ffb43a; color:#c76b1e; }
.btn.block { display:block; width:100%; }
.btn.sm { padding:9px 18px; font-size:13px; }
.btn.plain { background:#f1f3f6; color:#5c6f80; box-shadow:none; }
.quick { display:flex; gap:10px; flex-wrap:wrap; margin:6px 0 4px; }
.quick .btn { flex:1; min-width:140px; }

/* 流水 */
.lrow { display:flex; align-items:center; gap:12px; padding:12px 4px; border-bottom:1px solid #f2f5f9; font-size:13px; }
.lrow:last-child { border-bottom:none; }
.lrow .ic { width:36px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0; }
.lrow b { display:block; font-size:13.5px; color:#1a2b3c; }
.lrow span { font-size:11px; color:#aab6c2; }
.lrow .amt { margin-left:auto; font-weight:900; white-space:nowrap; }
.plus { color:#2e9e4f; }
.minus { color:#b8860b; }
.muted { color:#aab6c2; font-size:11px; }

/* 账户 */
.acc-hero { background:linear-gradient(135deg,#0f2740,#1a4a75); border-radius:18px; padding:20px 26px; color:#fff; margin-bottom:16px; display:flex; align-items:center; gap:20px; flex-wrap:wrap; position:relative; overflow:hidden; }
.acc-hero::after { content:''; position:absolute; width:230px; height:230px; border-radius:50%; background:radial-gradient(circle,rgba(255,180,58,.22),transparent 70%); right:-60px; top:-90px; pointer-events:none; }
.acc-hero .l1 { font-size:12px; color:rgba(255,255,255,.6); }
.acc-hero .n1 { font-size:38px; font-weight:900; color:#ffd166; line-height:1.15; letter-spacing:-.5px; position:relative; z-index:1; }
.acc-hero .n1 small { font-size:12px; color:rgba(255,255,255,.55); font-weight:600; }
.acc-hero .s1 { font-size:11px; color:rgba(255,255,255,.55); margin-top:6px; }
.acc-hero .acts { margin-left:auto; display:flex; gap:10px; flex-wrap:wrap; position:relative; z-index:1; }
.paycard { display:flex; align-items:center; gap:13px; background:#f7f9fc; border:1px solid #eef1f6; border-radius:13px; padding:12px 16px; }
.paycard .ic { width:40px; height:40px; border-radius:11px; display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; }
.paycard b { display:block; font-size:13.5px; color:#0b1a2b; }
.paycard span { font-size:11px; color:#97a5b4; }
.paycard .ed { margin-left:auto; color:#3b7cff; font-size:12.5px; font-weight:700; cursor:pointer; flex-shrink:0; }

/* 公告 */
.ann { display:flex; gap:13px; padding:14px 6px; border-bottom:1px solid #f2f5f9; cursor:pointer; border-radius:10px; }
.ann:last-child { border-bottom:none; }
.ann.unread { background:linear-gradient(90deg,#fff8f0,transparent 60%); }
.ann .ic { width:40px; height:40px; border-radius:11px; background:#e7f0ff; display:flex; align-items:center; justify-content:center; font-size:17px; flex-shrink:0; }
.ann b { font-size:14px; color:#0b1a2b; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ann p { font-size:12px; color:#7a8fa0; margin-top:5px; line-height:1.7; }
.ann .tm { font-size:10.5px; color:#aab6c2; margin-top:6px; }
.badge { font-size:9.5px; background:#e04d33; color:#fff; border-radius:10px; padding:2px 7px; font-weight:800; }

/* 时间线 */
.tl { display:flex; gap:12px; position:relative; padding-bottom:18px; }
.tl::before { content:''; position:absolute; left:11px; top:26px; bottom:0; width:2px; background:#e8edf3; }
.tl:last-child::before { display:none; }
.tl .dot { width:22px; height:22px; border-radius:50%; background:#e8edf3; flex-shrink:0; z-index:1; display:flex; align-items:center; justify-content:center; font-size:10px; color:#fff; box-shadow:0 0 0 4px #fff; }
.tl.done .dot { background:linear-gradient(135deg,#2fc57b,#1d9e54); }
.tl.now .dot { background:linear-gradient(135deg,#ffb43a,#ff7a45); animation:pulse 1.6s infinite; }
@keyframes pulse { 0%,100%{ box-shadow:0 0 0 4px #fff, 0 0 0 8px rgba(255,150,60,.25);} 50%{ box-shadow:0 0 0 4px #fff, 0 0 0 12px rgba(255,150,60,.12);} }
.tl .tx b { font-size:13.5px; color:#1a2b3c; display:block; }
.tl .tx span { font-size:11px; color:#aab6c2; }
.tl .tx .fb { background:#f6f8fb; border:1px solid #f0f3f7; border-radius:8px; padding:6px 12px; font-size:12px; color:#5c6f80; margin-top:6px; line-height:1.7; }

/* 详情 */
.dhead { display:flex; align-items:center; gap:8px; font-size:17px; font-weight:900; color:#0b1a2b; flex-wrap:wrap; }
.dsub { font-size:12.5px; color:#7a8fa0; margin-top:6px; line-height:1.8; }
.dmoney { background:#fff8ec; border:1px dashed #ffd9a0; border-radius:10px; padding:10px 14px; margin-top:14px; }
.dmoney .l1 { font-size:11px; color:#a67a10; }
.dmoney .n1 { font-size:19px; font-weight:900; color:#b8860b; margin-top:2px; }
.back { display:inline-block; font-size:13px; color:#3b7cff; font-weight:700; margin-bottom:12px; cursor:pointer; background:#fff; padding:7px 14px; border-radius:10px; box-shadow:0 2px 8px rgba(10,20,32,.05); }
.back:hover { background:#f3f7ff; }

/* 弹窗 */
.mask { position:fixed; inset:0; background:rgba(8,16,26,.55); backdrop-filter:blur(4px); display:none; align-items:center; justify-content:center; z-index:200; padding:16px; }
.mask.on { display:flex; }
.modal { width:100%; max-width:430px; background:#fff; border-radius:22px; padding:24px 22px 18px; max-height:88vh; overflow-y:auto; box-shadow:0 40px 90px rgba(0,0,0,.35); animation:pop .2s ease; }
@keyframes pop { from{ transform:scale(.92) translateY(8px); opacity:0; } to{ transform:none; opacity:1; } }
.modal .mi { width:60px; height:60px; border-radius:18px; margin:0 auto; display:flex; align-items:center; justify-content:center; font-size:28px; }
.modal h4 { text-align:center; font-size:17px; color:#0b1a2b; margin:12px 0 4px; font-weight:900; }
.modal .msub { text-align:center; font-size:11.5px; color:#e85d3a; font-weight:800; margin-bottom:8px; }
.modal .mb { font-size:13px; color:#5c6f80; line-height:2; }
.modal .mb .hit { background:#fff8ec; border:1px dashed #ffd9a0; border-radius:9px; padding:9px 12px; font-size:12px; color:#8a6215; margin-top:9px; line-height:1.8; }
.modal .acts { display:flex; gap:10px; margin-top:16px; }
.modal .acts .btn { flex:1; font-size:13.5px; padding:12px; }
.x { float:right; cursor:pointer; color:#aab6c2; font-size:17px; }
.payopts { display:grid; grid-template-columns:1fr 1fr 1fr; gap:9px; margin-bottom:14px; }
.payopt { border:1.5px solid #e2e7ee; border-radius:12px; padding:12px 6px; text-align:center; cursor:pointer; font-size:11.5px; color:#5c6f80; transition:.15s; }
.payopt.on { border-color:#ff9f43; background:#fff6ec; color:#c76b1e; font-weight:800; box-shadow:0 0 0 3px rgba(255,159,67,.12); }
.payopt b { display:block; font-size:13px; color:#0b1a2b; margin-top:4px; }

.mt10 { margin-top:10px; }
.mt14 { margin-top:14px; }

/* ============ 自适应 ============ */
@media (max-width:900px){ .topbar .in,.wrap { padding-left:14px; padding-right:14px; } .main { padding-top:16px; } }
@media (max-width:760px){ .inc-grid { grid-template-columns:1fr; } .inc-more { grid-template-columns:1fr; } }
@media (max-width:560px){
  .brand small { display:none; }
  .ub .who { display:none; }
  .stat-grid { grid-template-columns:1fr 1fr; }
  .hello h1 { font-size:19px; }
  .navtabs a { font-size:13px; padding:8px 12px; }
  .contact-card .tel { margin-left:0; width:100%; text-align:left; }
  .form { grid-template-columns:1fr; }
  .acc-hero { padding:18px 18px; }
  .acc-hero .n1 { font-size:30px; }
  .acc-hero .acts { margin-left:0; width:100%; }
  .payopts { grid-template-columns:1fr; }
  .quick .btn { min-width:100%; }
}

/* ============================================================
   大气版增强（v5）
   ============================================================ */
body { background:linear-gradient(180deg,#f2f5f9,#e9edf3 40%,#eef1f6); }

/* 页面主标题区 */
.vh { margin-bottom:18px; }
.vh h1 { font-size:24px; font-weight:900; color:#0b1a2b; display:flex; align-items:center; gap:10px; letter-spacing:.3px; }
.vh p { font-size:13px; color:#7a8fa0; margin-top:6px; }

/* ===== 概览 Hero 横幅 ===== */
.hero { position:relative; overflow:hidden; border-radius:22px; padding:26px 28px 20px; margin-bottom:18px; color:#fff;
  background:
    radial-gradient(700px 260px at 88% -30%, rgba(255,180,58,.30), transparent 62%),
    radial-gradient(600px 260px at -10% 120%, rgba(56,150,214,.30), transparent 60%),
    linear-gradient(120deg,#0b1a2b 0%,#123052 60%,#16406b 100%);
  box-shadow:0 18px 44px rgba(10,28,52,.30); }
.hero::after { content:''; position:absolute; width:280px; height:280px; border-radius:50%; background:radial-gradient(circle,rgba(255,180,58,.16),transparent 70%); right:-80px; bottom:-120px; }
.hero-flex { display:flex; align-items:center; gap:24px; flex-wrap:wrap; position:relative; z-index:1; }
.hero-hi { font-size:26px; font-weight:900; letter-spacing:.5px; }
.hero-hi .w { display:inline-block; }
.hero-date { margin-top:8px; color:rgba(255,255,255,.55); font-size:13px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.hero-date .dot2 { width:5px; height:5px; border-radius:50%; background:#37e2a0; box-shadow:0 0 8px #37e2a0; display:inline-block; margin-right:5px; }
.hero-tips { margin-top:12px; display:flex; flex-direction:column; gap:7px; font-size:12.5px; color:rgba(255,255,255,.78); }
.hero-tips b { color:#ffd166; }
.hero-right { margin-left:auto; text-align:right; min-width:230px; }
.hero-bal { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); border-radius:16px; padding:14px 18px; backdrop-filter:blur(6px); }
.hero-bal .l { font-size:11.5px; color:rgba(255,255,255,.55); }
.hero-bal b { font-size:32px; font-weight:900; color:#ffd166; letter-spacing:-.5px; display:block; line-height:1.2; margin-top:2px; }
.hero-bal span { font-size:10.5px; color:rgba(255,255,255,.55); }
.hero-actions { display:flex; gap:10px; margin-top:14px; justify-content:flex-end; flex-wrap:wrap; }
.btn.w { background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.25); color:#fff; box-shadow:none; }
.btn.w:hover { background:rgba(255,255,255,.2); transform:translateY(-1px); }
.hero-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:12px; margin-top:22px; position:relative; z-index:1; }
.hst { background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:12px 15px; }
.hst .l { font-size:11px; color:rgba(255,255,255,.5); }
.hst .n { font-size:22px; font-weight:900; color:#fff; margin-top:2px; }
.hst .n.g { color:#ffd166; }
.hero-contact { margin-top:16px; position:relative; z-index:1; font-size:12px; color:rgba(255,255,255,.6); border-top:1px dashed rgba(255,255,255,.15); padding-top:13px; display:flex; gap:6px; flex-wrap:wrap; }
.hero-contact b { color:#ffd166; }
@media (max-width:760px){ .hero { padding:20px 18px 16px; } .hero-hi{font-size:22px;} .hero-right{margin-left:0;width:100%;text-align:left;} .hero-actions{justify-content:flex-start;} .hero-bal b{font-size:28px;} .hst .n{font-size:19px;} }

/* ===== 双栏布局 ===== */
.cols { display:grid; grid-template-columns:1.75fr 1fr; gap:16px; align-items:start; }
@media (max-width:900px){ .cols { grid-template-columns:1fr; } }

/* 栏目头（带小图标块） */
.cap { display:flex; align-items:center; gap:10px; margin-bottom:6px; }
.cap .icb { width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:16px; }
.cap b { font-size:15.5px; font-weight:900; color:#0b1a2b; }
.cap .more { margin-left:auto; font-size:12px; color:#3b7cff; font-weight:700; cursor:pointer; }
.cap-sub { font-size:11.5px; color:#aab6c2; margin:-2px 0 10px 44px; }

/* 数据小组 */
.krows { display:flex; flex-direction:column; gap:10px; }
.krow { display:flex; align-items:center; gap:12px; background:#f7f9fc; border:1px solid #eef1f6; border-radius:12px; padding:11px 14px; }
.krow .ki { width:38px; height:38px; border-radius:11px; display:flex; align-items:center; justify-content:center; font-size:17px; flex-shrink:0; }
.krow .kt { font-size:12px; color:#7a8fa0; }
.krow b { font-size:15px; color:#0b1a2b; display:block; }
.krow .kt .v { color:#e86a2e; font-weight:900; }
.krow .kmore { margin-left:auto; font-size:11.5px; color:#3b7cff; font-weight:700; white-space:nowrap; }

/* 右侧速览小卡 */
.mini-ann { background:#fff; border-radius:14px; padding:13px 15px; border:1px solid #eef1f6; display:flex; gap:12px; align-items:center; margin-top:12px; cursor:pointer; box-shadow:0 3px 12px rgba(10,20,32,.05); }
.mini-ann .ic { width:36px; height:36px; border-radius:10px; background:#eef4ff; display:flex; align-items:center; justify-content:center; font-size:15px; flex-shrink:0; }
.mini-ann b { font-size:13px; color:#0b1a2b; display:block; line-height:1.4; }
.mini-ann span { font-size:10.5px; color:#aab6c2; }
.quick-enter { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:12px; }
.qe { background:linear-gradient(135deg,#fff,#f8fafd); border:1px solid #eef1f6; border-radius:13px; padding:14px; text-align:center; cursor:pointer; transition:.15s; box-shadow:0 3px 12px rgba(10,20,32,.05); }
.qe:hover { transform:translateY(-2px); border-color:#ffd9a0; }
.qe .ic { font-size:22px; }
.qe b { display:block; font-size:13px; color:#0b1a2b; margin-top:6px; }
.qe span { font-size:10.5px; color:#aab6c2; }

/* 空状态 */
.empty { text-align:center; padding:44px 10px; color:#aab6c2; }
.empty .eic { font-size:38px; opacity:.5; }
.empty p { font-size:13px; margin-top:10px; }
.empty .btn { margin-top:16px; display:inline-block; }

/* 改密码卡片 */
.pwd-wrap { max-width:520px; }
.secret-card { background:linear-gradient(160deg,#fff,#fbfcfe); border:1px solid #eef1f6; border-radius:18px; padding:24px 26px; box-shadow:0 8px 26px rgba(10,20,32,.07); }
.secret-card h3 { font-size:16px; font-weight:900; color:#0b1a2b; display:flex; align-items:center; gap:8px; margin-bottom:4px; }
.secret-card .ss { font-size:12px; color:#aab6c2; margin-bottom:18px; }
.secret-card .fg { margin-bottom:14px; }
.okbar { background:#e8f9ef; border:1px solid #bfe8cf; color:#1d8a4e; border-radius:10px; padding:10px 14px; font-size:13px; font-weight:700; margin-bottom:14px; }
.errbar { background:#fdeeee; border:1px solid #f5c6c0; color:#d63031; border-radius:10px; padding:10px 14px; font-size:13px; font-weight:700; margin-bottom:14px; }

/* 列表行微调 */
.panel .list { margin:0 -2px; }
.panel-title { display:flex; align-items:center; gap:10px; padding:2px 2px 12px; }
.panel-title .icb { width:32px; height:32px; border-radius:9px; display:flex; align-items:center; justify-content:center; font-size:15px; }
.panel-title b { font-size:15px; font-weight:900; color:#0b1a2b; }
.panel-title .more { margin-left:auto; font-size:12px; color:#3b7cff; font-weight:700; cursor:pointer; }

/* 顶栏改密入口 */
.pw { font-size:12px; color:#ffd166; cursor:pointer; padding:6px 10px; border-radius:8px; background:rgba(255,209,102,.12); border:1px solid rgba(255,209,102,.3); white-space:nowrap; }
.pw:hover { background:rgba(255,209,102,.22); }