/* ============================================================================
   燃闪付代理端 surface 层（agent/styles.css）
   ----------------------------------------------------------------------------
   加载顺序：business.css（工艺令牌 + 基础组件）→ theme-ranshan.css（黄品牌
   light/dark）→ 本文件。本层只写 agent 独有结构样式：一律引用令牌，
   不出现 hex / rgba / 原子字号字面量；断点沿用工艺层速记 640 / 768。
   ========================================================================== */

/* -- 应用壳底座 ---------------------------------------------------------------- */
.agent-portal{min-width:320px;font-size:var(--fs-md)}
.agent-portal button{transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}
.agent-portal button:active:not(:disabled){transform:translateY(1px)}

/* -- 图标：统一来自已入库的 Bootstrap Icons，mask + currentColor 上色 ------------ */
.brand-icon,.nav-icon{display:block;flex:none;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain}
.brand-icon{width:21px;height:21px}
.nav-icon{width:20px;height:20px}
.icon-sun{mask-image:url("/vendor/bootstrap-icons-1.13.1/sun.svg")}
.icon-moon{mask-image:url("/vendor/bootstrap-icons-1.13.1/moon-stars.svg")}
.icon-bell{mask-image:url("/vendor/bootstrap-icons-1.13.1/bell.svg")}
.icon-person{mask-image:url("/vendor/bootstrap-icons-1.13.1/person.svg")}
.icon-headset{mask-image:url("/vendor/bootstrap-icons-1.13.1/headset.svg")}
.icon-chevron{mask-image:url("/vendor/bootstrap-icons-1.13.1/chevron-right.svg")}
.icon-eye{mask-image:url("/vendor/bootstrap-icons-1.13.1/eye.svg")}
.icon-gear{mask-image:url("/vendor/bootstrap-icons-1.13.1/gear.svg")}
.icon-shield{mask-image:url("/vendor/bootstrap-icons-1.13.1/shield-lock.svg")}
.icon-graph{mask-image:url("/vendor/bootstrap-icons-1.13.1/graph-up-arrow.svg")}
.icon-grid{mask-image:url("/vendor/bootstrap-icons-1.13.1/grid.svg")}
.icon-wallet{mask-image:url("/vendor/bootstrap-icons-1.13.1/wallet2.svg")}
.icon-send{mask-image:url("/vendor/material-design-icons/outbox-rounded-24.svg")}
.icon-qr{mask-image:url("/vendor/bootstrap-icons-1.13.1/qr-code.svg")}
.icon-receipt{mask-image:url("/vendor/bootstrap-icons-1.13.1/receipt.svg")}
.icon-alipay{mask-image:url("/vendor/bootstrap-icons-1.13.1/alipay.svg")}
.icon-wechat{mask-image:url("/vendor/bootstrap-icons-1.13.1/wechat.svg")}
.icon-bank{mask-image:url("/vendor/bootstrap-icons-1.13.1/bank.svg")}
.icon-yuan{mask-image:url("/vendor/bootstrap-icons-1.13.1/currency-yen.svg")}
.icon-music{mask-image:url("/vendor/bootstrap-icons-1.13.1/music-note-beamed.svg")}
.icon-card{mask-image:url("/vendor/bootstrap-icons-1.13.1/credit-card-2-front.svg")}
nav button[data-view="dashboard"] .nav-icon{mask-image:url("/vendor/bootstrap-icons-1.13.1/house.svg")}
nav button[data-view="team"] .nav-icon{mask-image:url("/vendor/bootstrap-icons-1.13.1/people.svg")}
nav button[data-view="services"] .nav-icon{mask-image:url("/vendor/bootstrap-icons-1.13.1/grid.svg")}
nav button[data-view="profile"] .nav-icon{mask-image:url("/vendor/bootstrap-icons-1.13.1/person.svg")}

/* -- 主题切换（太阳 / 月亮） ------------------------------------------------------ */
.agent-theme-toggle{display:grid;place-items:center;width:var(--tap-min);height:var(--tap-min);padding:0;border:var(--bw-1) solid var(--line);border-radius:var(--r-agent-panel);color:var(--ink);background:var(--surface-muted)}
.agent-theme-toggle:hover{border-color:var(--line-strong);background:var(--surface-sunken)}
.agent-login-theme{position:absolute;top:0;right:0;color:var(--muted);background:transparent;border-color:transparent}
.agent-theme-sun{display:none}
.agent-theme-moon{display:block}
html[data-theme="dark"] .agent-theme-sun{display:block}
html[data-theme="dark"] .agent-theme-moon{display:none}

/* -- 登录页：单列居中卡片（结构由基础层 .login-shell/.login-card 提供） ------------ */
.agent-portal .login-shell{padding:var(--s-6);background:var(--bg)}
.agent-portal .login-card{position:relative;width:min(100%,420px);min-height:0;padding:var(--s-6) var(--s-8);background:transparent;border:0;border-radius:0;box-shadow:none;text-align:center}
.agent-portal .login-card .login-logo{width:80px;height:80px;margin:0 auto var(--s-3);border:0;border-radius:0;background:transparent}
.agent-portal .login-card h1{margin:0 0 var(--s-6);font-size:var(--fs-xl);line-height:var(--lh-tight)}
.agent-portal .login-card form{display:grid;gap:var(--s-3)}
.agent-portal .login-card label{gap:var(--s-2);color:var(--muted);font-size:var(--fs-base);font-weight:var(--fw-medium);text-align:left}
.agent-portal .login-card input{min-height:50px}
.agent-portal .login-note{font-size:var(--fs-base)}

/* -- 顶栏与主导航：白底单行导航，移动端导航固定在底部 ---------------------------- */
.agent-portal .app{display:flex;width:100%;min-height:100vh;flex-direction:column;background:var(--bg)}
.agent-topbar{position:sticky;z-index:50;top:0;display:flex;align-items:center;width:100%;min-height:64px;padding:var(--s-2) max(var(--s-5),calc((100vw - 1016px)/2));color:var(--ink);background:var(--surface);border:0;border-bottom:var(--bw-1) solid var(--line)}
.agent-portal .brand{display:flex;align-items:center;gap:var(--s-2);padding:0;text-align:left;border:0}
.agent-portal .brand>div{display:grid;justify-items:start}
.agent-portal .brand img{width:40px;height:40px;border-radius:50%;background:var(--n-0)}
.agent-portal .brand strong{color:var(--ink);font-size:var(--fs-lg);line-height:var(--lh-tight)}
.agent-portal .brand small{display:none;margin-top:var(--s-1);color:var(--hero-muted);font-size:var(--fs-base)}
.agent-topbar-actions{position:static;display:flex;width:auto;margin-left:auto;padding:0;gap:var(--s-1)}
.agent-header-icon{position:relative;display:grid;place-items:center;width:var(--tap-min);height:var(--tap-min);padding:0;border:var(--bw-1) solid transparent;border-radius:var(--r-agent-panel);color:var(--muted);background:transparent}
.agent-header-icon:hover{color:var(--hero-ink);background:color-mix(in srgb,var(--n-0) 10%,transparent);border-color:color-mix(in srgb,var(--n-0) 15%,transparent)}
.agent-header-avatar,.agent-header-avatar:hover{color:var(--brand-ink);background:var(--brand);border-color:var(--brand)}
.agent-header-dot{position:absolute;top:var(--s-2);right:var(--s-2);width:var(--s-2);height:var(--s-2);border:var(--bw-2) solid var(--surface-inverse);border-radius:50%;background:var(--danger)}
.agent-portal .agent-nav-shell{position:static;z-index:45;flex:1;width:auto;height:auto;min-height:0;margin:0 var(--s-6);padding:0;background:transparent;border:0}
.agent-portal nav{display:flex;width:min(980px,100%);margin:auto;gap:0;padding:0}
.agent-portal nav button{position:relative;display:flex;flex:1;min-height:52px;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);border:0;border-radius:0;color:var(--muted);background:transparent;text-align:center;font-size:var(--fs-md);font-weight:var(--fw-semibold)}
.agent-portal nav button::after{content:"";position:absolute;right:25%;bottom:0;left:25%;height:3px;border-radius:3px 3px 0 0;background:transparent}
.agent-portal nav button:hover{color:var(--ink);background:var(--surface-muted)}
.agent-portal nav button.active{color:var(--ink);background:transparent}
.agent-portal nav button.active::after{background:var(--brand)}

/* -- 工作区与页眉 ---------------------------------------------------------------- */
.agent-portal .workspace{width:min(1000px,100%);min-width:0;margin:0 auto;padding:var(--s-6) var(--s-4) var(--s-12);background:transparent}
.agent-page-heading{margin:0 0 var(--s-3);padding:0;background:transparent;border:0;box-shadow:none}
.agent-page-heading h1{font-size:var(--fs-lg);letter-spacing:0}
.agent-page-heading p{margin:var(--s-1) 0 0;color:var(--muted);font-size:var(--fs-base)}
#appView[data-current-view="dashboard"] .agent-page-heading{display:none}
.agent-portal .notice{margin:0 0 var(--s-3)}
/* toast 宿主自带 gap，此处归零端内 notice 边距，避免 toast 间距叠加为 gap+margin 双份 */
.agent-portal .toast-host .notice{margin:0}

/* -- 首页：公告 → 余额（hero）→ 接单 → 快捷入口 → 三个分区，单列纵向流 ------------- */
.agent-dashboard,.agent-home-stack{display:flex;height:auto;min-height:0;flex-direction:column;gap:var(--s-3);padding:0;background:transparent;border:0;border-radius:0;overflow:visible}
.agent-home-announcement{display:flex;align-items:center;gap:var(--s-2);min-height:36px;padding:var(--s-2) var(--s-3);color:var(--warning);background:var(--warning-soft);border:var(--bw-1) solid var(--warning-line);border-radius:var(--r-agent-panel);font-size:var(--fs-base);text-align:left}
button.agent-home-announcement{width:100%}
.agent-home-announcement .brand-icon{width:var(--s-4);height:var(--s-4);color:var(--warning)}

/* -- 余额卡：浅色表面、深色金额与独立浅金纹理 -------------------------------- */
.agent-balance{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.78fr);grid-template-rows:auto auto;min-height:0;padding:var(--s-6);color:var(--hero-ink);background:var(--surface) var(--balance-art) right top / auto 100% no-repeat;border:0;border-radius:var(--r-agent-panel);box-shadow:var(--elev-1)}
.agent-balance-head{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:space-between;padding:0;color:var(--hero-muted);font-size:var(--fs-base)}
.agent-balance-head>span:first-child{display:flex;align-items:center;gap:var(--s-2)}
.agent-balance-toggle{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;color:var(--hero-muted);background:transparent}
.agent-balance-toggle:hover{color:var(--hero-ink)}
.agent-balance-toggle.is-hidden{opacity:.58}
.agent-balance-head .icon-eye{width:18px;height:18px}
.agent-balance>strong{grid-column:1;grid-row:2;display:block;padding:0;color:var(--hero-accent);font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--fs-3xl);font-weight:var(--fw-medium);line-height:var(--lh-tight);letter-spacing:-.025em}
.agent-balance-facts{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:1fr 1fr;border:0;border-left:var(--bw-1) solid var(--line)}
.agent-balance-facts>div{align-content:center;min-width:0;padding:var(--s-1) var(--s-4);border:0}
.agent-balance-facts span{display:block;color:var(--hero-muted);font-size:var(--fs-base)}
.agent-balance-facts b{display:block;margin-top:var(--s-1);color:var(--hero-accent);font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--fs-md);font-weight:var(--fw-semibold);line-height:var(--lh-tight)}
.agent-balance-spark{display:none}

/* -- 接单工作台：单行状态条 + 右对齐主 CTA，设置行吸附卡底 --------------------------- */
.agent-workbench{display:block;min-height:0;padding:0;background:var(--surface);border:0;border-radius:var(--r-agent-panel);box-shadow:none;overflow:hidden}
.agent-work-head{display:flex;align-items:center;gap:var(--s-3);min-height:64px;padding:var(--s-2) var(--s-3)}
.agent-work-copy{min-width:0;flex:1}
.agent-work-copy h2{margin:0;color:var(--ink);font-size:var(--fs-md);font-weight:var(--fw-semibold)}
.agent-work-copy p{margin:var(--s-1) 0 0;color:var(--muted);font-size:var(--fs-base)}
.agent-work-actions{display:flex;width:auto;align-items:center;gap:var(--s-2)}
.agent-work-primary{min-height:var(--tap-min);padding:var(--s-2) var(--s-4);border:var(--bw-1) solid var(--brand-line);border-radius:var(--r-agent-panel);color:var(--brand-ink);background:var(--brand);font-size:var(--fs-md);font-weight:var(--fw-semibold)}
.agent-work-primary:hover{background:var(--brand-hover)}
.agent-work-primary.danger{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-line)}
.agent-work-settings{display:grid;grid-template-columns:22px minmax(0,1fr) 18px;align-items:center;gap:var(--s-2);width:100%;min-height:54px;padding:var(--s-2) var(--s-3);color:var(--ink);background:var(--surface);border:0;border-top:var(--bw-1) solid var(--line);border-radius:0;text-align:left}
.agent-work-settings .icon-chevron{color:var(--muted)}
.agent-work-settings-copy{display:grid;min-width:0}
.agent-work-settings-copy strong{font-size:var(--fs-base);font-weight:var(--fw-semibold)}
.agent-work-settings-copy small{margin-top:var(--s-1);color:var(--muted);font-size:var(--fs-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* -- 快捷入口：4 宫格卡片 ---------------------------------------------------------- */
.agent-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-2);padding:var(--s-2);background:var(--surface);border-radius:var(--r-agent-panel);box-shadow:var(--elev-1)}
.agent-quick-action{display:flex;flex-direction:column;min-height:80px;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-2);color:var(--ink);background:transparent;border:0;border-radius:var(--r-md);font-size:var(--fs-base);font-weight:var(--fw-medium)}
.agent-quick-action .brand-icon{width:var(--s-8);height:var(--s-8);color:var(--info)}
.agent-quick-action:nth-child(2) .brand-icon{color:var(--success)}
.agent-quick-action:nth-child(3) .brand-icon{color:var(--warning)}
.agent-quick-action:nth-child(4) .brand-icon{color:var(--muted)}
.agent-quick-action:hover{background:var(--surface-muted);border-color:var(--line-strong)}

/* -- 首页分区与页签 --------------------------------------------------------------- */
.agent-home-section{min-width:0;padding:0;background:var(--surface);border:0;border-radius:var(--r-agent-panel);box-shadow:none;overflow:hidden}
.agent-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);min-height:var(--tap-min);padding:var(--s-2) var(--s-3)}
.agent-section-head h2{margin:0;font-size:var(--fs-md);font-weight:var(--fw-semibold)}
.agent-text-action{display:flex;align-items:center;gap:var(--s-1);min-height:var(--tap-min);padding:var(--s-1) 0;border:0;color:var(--muted);background:transparent;font-size:var(--fs-base);font-weight:var(--fw-medium)}
.agent-text-action:hover{color:var(--ink)}
.agent-text-action .icon-chevron{width:var(--s-4);height:var(--s-4)}
.agent-home-tabs{display:flex;border-top:var(--bw-1) solid var(--line);border-bottom:var(--bw-1) solid var(--line);overflow-x:auto}
.agent-home-tab{position:relative;flex:0 0 auto;min-height:var(--tap-min);padding:var(--s-2) var(--s-3);border:0;border-radius:0;color:var(--muted);background:transparent;font-size:var(--fs-base)}
.agent-home-tab::after{content:"";position:absolute;right:var(--s-3);bottom:0;left:var(--s-3);height:var(--bw-2);background:transparent}
.agent-home-tab.is-active{color:var(--brand-ink);font-weight:var(--fw-semibold)}
.agent-home-tab.is-active::after{background:var(--brand)}
.agent-home-empty{margin:0;padding:var(--s-6) var(--s-3);color:var(--muted);font-size:var(--fs-base);text-align:center}

/* -- 渠道 / 订单 / 记录列表 --------------------------------------------------------- */
.agent-offer-list,.agent-current-list,.agent-record-list{display:grid;margin:0}
.agent-offer-list{border-top:var(--bw-1) solid var(--line)}
.agent-offer-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto 18px;align-items:center;gap:var(--s-2);min-height:66px;padding:var(--s-2) var(--s-3);color:var(--ink);background:transparent;border:0;border-bottom:var(--bw-1) solid var(--line);border-radius:0;text-align:left}
.agent-offer-row:last-child{border-bottom:0}
.agent-offer-row:hover{background:var(--surface-muted)}
.agent-offer-copy{display:grid;min-width:0}
.agent-offer-copy strong{font-size:var(--fs-md);font-weight:var(--fw-semibold)}
.agent-offer-range{margin-top:var(--s-1);color:var(--muted);font-size:var(--fs-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agent-offer-rate{display:grid;text-align:right}
.agent-offer-rate strong{color:var(--warning);font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--fs-md);font-weight:var(--fw-bold);line-height:var(--lh-tight)}
.agent-offer-rate small{margin-top:var(--s-1);color:var(--muted);font-size:var(--fs-base)}
.agent-offer-availability{display:flex;align-items:center;gap:var(--s-2);color:var(--muted);font-size:var(--fs-base);white-space:nowrap}
.agent-offer-footer{width:100%;min-height:var(--tap-min);border:0;border-top:var(--bw-1) solid var(--line);border-radius:0;color:var(--muted);background:transparent;font-size:var(--fs-base)}
.agent-offer-footer:hover{color:var(--ink)}
.agent-channel-mark{display:grid;place-items:center;width:var(--s-10);height:var(--s-10);border-radius:var(--r-agent-panel);color:var(--info);background:var(--info-soft)}
.agent-channel-mark .brand-icon{width:var(--s-5);height:var(--s-5)}
.agent-channel-mark.is-wechat,.agent-channel-mark.is-wechat_fixed{color:var(--success);background:var(--success-soft)}
.agent-channel-mark.is-bank_card,.agent-channel-mark.is-bank_card_large{color:var(--warning);background:var(--warning-soft)}
.agent-channel-mark.is-aggregate_qr,.agent-channel-mark.is-union_qr_scan{color:var(--ink);background:var(--brand-soft)}
.agent-channel-mark.is-ecny{color:var(--danger);background:var(--danger-soft)}
.agent-channel-mark.is-douyin{color:var(--n-0);background:var(--surface-inverse)}
.agent-channel-mark.is-unionpay{color:var(--info);background:var(--info-soft)}
.agent-current-row,.agent-record-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto 18px;align-items:center;gap:var(--s-2);min-height:58px;padding:var(--s-2) var(--s-3);color:var(--ink);background:transparent;border:0;border-bottom:var(--bw-1) solid var(--line);border-radius:0;text-align:left}
.agent-current-row:last-child,.agent-record-row:last-child{border-bottom:0}
.agent-current-row:hover,.agent-record-row:hover{background:var(--surface-muted)}
.agent-current-copy,.agent-record-copy{display:grid;min-width:0}
.agent-current-copy strong,.agent-record-copy strong{font-size:var(--fs-base);font-weight:var(--fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agent-current-copy small,.agent-record-copy small{margin-top:var(--s-1);color:var(--muted);font-size:var(--fs-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agent-record-row{grid-template-columns:minmax(0,1fr) auto 18px}
.agent-record-row>b{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--fs-md);font-weight:var(--fw-semibold);line-height:var(--lh-tight)}
.agent-record-row.is-positive>b{color:var(--success)}
.agent-record-row.is-negative>b{color:var(--danger)}

/* -- 子页面布局：非首页视图的单列 / 双列栅格 ---------------------------------------- */
#appView:not([data-current-view="dashboard"]) #content{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-3);align-content:start}
#appView[data-current-view="orders"] #content{grid-template-columns:minmax(0,1fr)}
#appView[data-current-view="team"] #content{grid-template-columns:minmax(260px,.34fr) minmax(0,1fr)}
#appView[data-current-view="team"] .agent-page-metrics{grid-column:1/-1}
#appView[data-current-view="profile"] #content{grid-template-columns:minmax(290px,.38fr) minmax(0,1fr)}
#appView[data-current-view="profile"] .agent-profile-logout{grid-column:1/-1}
#appView[data-current-view="usdt"] #content{grid-template-columns:minmax(0,1fr)}
/* 充值面板独占整行：≤768 档双列半列仅约 178px，216px 二维码被压到约 146px（扫码临界）
   且应付金额（monospace 约 168px）溢出被 .panel 裁切；占满后移动端单列 369px 可原尺寸容纳 */
#appView[data-current-view="usdt"] #content>.recharge-panel{grid-column:1/-1}
#appView[data-current-view="buyUsdtHelp"] #content>.panel{max-width:none}

/* -- 面板与指标带 ------------------------------------------------------------------ */
.agent-portal .panel{margin-bottom:var(--s-3)}
.agent-portal .panel,.agent-team-overview{background:var(--surface);border:0;border-radius:var(--r-agent-panel);box-shadow:none}
.agent-portal .panel-head{min-height:58px;padding:var(--s-3) var(--s-4);background:var(--surface-muted)}
.agent-portal .panel-head h2{display:flex;align-items:center;gap:var(--s-2)}
#appView[data-current-view="orders"] .panel-head h2::before{mask-image:url("/vendor/bootstrap-icons-1.13.1/receipt.svg")}
#appView[data-current-view="team"] .panel-head h2::before{mask-image:url("/vendor/bootstrap-icons-1.13.1/people.svg")}
#appView[data-current-view="collections"] .panel-head h2::before{mask-image:url("/vendor/bootstrap-icons-1.13.1/qr-code.svg")}
#appView[data-current-view="commissions"] .panel-head h2::before,#appView[data-current-view="ledger"] .panel-head h2::before{mask-image:url("/vendor/bootstrap-icons-1.13.1/graph-up-arrow.svg")}
#appView[data-current-view="payouts"] .panel-head h2::before{mask-image:url("/vendor/bootstrap-icons-1.13.1/cash-stack.svg")}
#appView[data-current-view="usdt"] .panel-head h2::before{mask-image:url("/vendor/bootstrap-icons-1.13.1/wallet2.svg")}
#appView[data-current-view="support"] .panel-head h2::before{mask-image:url("/vendor/bootstrap-icons-1.13.1/chat-dots.svg")}
#appView[data-current-view="events"] .panel-head h2::before{mask-image:url("/vendor/bootstrap-icons-1.13.1/bell.svg")}
#appView[data-current-view="security"] .panel-head h2::before{mask-image:url("/vendor/bootstrap-icons-1.13.1/shield-lock.svg")}
.agent-portal .empty,.agent-portal .loading{padding:var(--s-10) var(--s-4);color:var(--muted);background:var(--surface)}
.agent-portal .empty{display:grid;place-items:center;gap:var(--s-3);min-height:154px}
.agent-portal .empty::before{content:"";display:block;width:34px;height:34px;color:var(--line-strong);background:currentColor;mask:url("/vendor/bootstrap-icons-1.13.1/receipt.svg") center/contain no-repeat}
.agent-portal label{color:var(--ink)}
.agent-portal input,.agent-portal select,.agent-portal textarea{background:var(--surface-muted)}
.agent-portal select option{color:var(--ink);background:var(--surface)}
.agent-page-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2);background:transparent}
.agent-page-metrics>.agent-page-metric:only-child{grid-column:1/-1}
.agent-page-metric{position:relative;min-height:84px;padding:var(--s-4);background:var(--surface);border:0;border-radius:var(--r-agent-panel)}
.agent-page-metric::after{content:"";position:absolute;right:var(--s-3);bottom:var(--s-3);width:var(--s-6);height:3px;background:var(--line-strong)}
.agent-page-metric small,.agent-page-metric strong{display:block}
.agent-page-metric small{color:var(--muted);font-size:var(--fs-base)}
.agent-page-metric strong{margin-top:var(--s-2);color:var(--ink);font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--fs-xl);font-weight:var(--fw-bold);line-height:var(--lh-tight)}
.agent-page-metric.is-cyan strong{color:var(--info)}.agent-page-metric.is-cyan::after{background:var(--info)}
.agent-page-metric.is-warning strong{color:var(--warning)}.agent-page-metric.is-warning::after{background:var(--warning)}
.agent-page-metric.is-success strong{color:var(--success)}.agent-page-metric.is-success::after{background:var(--success)}
.agent-page-metric.is-danger strong{color:var(--danger)}.agent-page-metric.is-danger::after{background:var(--danger)}

/* -- 代理页 / 我的页 ---------------------------------------------------------------- */
.agent-team-overview{display:grid;align-content:center;min-height:194px;margin:0;padding:var(--s-5) var(--s-4)}
.agent-team-overview span,.agent-team-overview strong,.agent-team-overview small{display:block}
.agent-team-overview span,.agent-team-overview small{color:var(--muted)}
.agent-team-overview strong{margin:var(--s-1) 0;color:var(--info);font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--fs-2xl);font-weight:var(--fw-bold);line-height:var(--lh-tight)}
.agent-profile-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;align-content:center;gap:var(--s-4);min-height:164px;margin:0;padding:var(--s-4);color:var(--hero-ink);background:var(--hero-gradient);border:0;border-radius:var(--r-agent-panel)}
.agent-profile-avatar{display:block;width:54px;height:54px;border:var(--bw-1) solid color-mix(in srgb,var(--n-0) 28%,transparent);border-radius:50%;background:color-mix(in srgb,var(--n-0) 24%,transparent)}
.agent-profile-identity strong,.agent-profile-identity span{display:block}
.agent-profile-identity strong{font-size:var(--fs-lg)}
.agent-profile-identity span{margin-top:var(--s-1);color:var(--hero-muted);font-size:var(--fs-base)}
.agent-profile-money{text-align:right}
.agent-profile-money span,.agent-profile-money b{display:block}
.agent-profile-money span{color:var(--hero-muted);font-size:var(--fs-base)}
.agent-profile-money b{margin-top:var(--s-1);color:var(--hero-accent);font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--fs-lg);font-weight:var(--fw-bold);line-height:var(--lh-tight)}
.agent-profile-logout{display:flex;justify-content:flex-end;padding:var(--s-2) var(--s-4) var(--s-6)}
.agent-profile-logout .table-action{min-width:160px;min-height:46px}

/* -- 服务中心功能列表 --------------------------------------------------------------- */
.agent-feature-panel{background:transparent}
.agent-feature-panel>.panel-head{display:none}
.agent-feature-list{display:grid;grid-template-columns:1fr;gap:var(--s-2)}
.agent-feature-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--s-3);min-height:68px;padding:var(--s-2) var(--s-4);color:var(--ink);background:var(--surface);border:0;border-radius:var(--r-agent-panel);text-align:left}
.agent-feature-row:hover{background:var(--surface-muted)}
.agent-feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--r-agent-panel);color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,var(--surface))}
.agent-feature-icon .brand-icon{width:var(--s-5);height:var(--s-5)}
.agent-feature-copy strong,.agent-feature-copy small{display:block}
.agent-feature-copy strong{font-size:var(--fs-md);font-weight:var(--fw-semibold)}
.agent-feature-copy small{font-size:var(--fs-base)}
.agent-feature-chevron{width:var(--s-4);height:var(--s-4);flex:none;background:currentColor;mask:url("/vendor/bootstrap-icons-1.13.1/chevron-right.svg") center/contain no-repeat}
/* 服务采用分组列表；“我的”继续沿用账户卡片，不共用服务页布局覆盖。 */
#appView[data-current-view="services"] #content{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5)}
#appView[data-current-view="services"] .agent-feature-panel>.panel-head{display:flex;padding:0 var(--s-2) var(--s-2);border:0}
#appView[data-current-view="services"] .panel-head h2{font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--muted)}
#appView[data-current-view="services"] .panel-head h2::before{display:none}
#appView[data-current-view="services"] .agent-feature-list{gap:0;background:var(--surface);border-radius:var(--r-agent-panel);overflow:hidden}
#appView[data-current-view="services"] .agent-feature-row{min-height:60px;border-radius:0}
#appView[data-current-view="services"] .agent-feature-row+.agent-feature-row{border-top:1px solid var(--line)}
#appView[data-current-view="services"] .agent-feature-icon{width:32px;height:32px;background:none;color:var(--info)}
#appView[data-current-view="services"] .agent-feature-copy strong{font-weight:var(--fw-regular)}
.agent-fund-tabs{display:flex;padding:var(--s-1);gap:var(--s-1);max-width:400px;width:100%;background:var(--surface);border-radius:var(--r-agent-panel)}
.agent-fund-tabs button{flex:1;min-height:44px;border:0;border-radius:var(--r-md);color:var(--ink);background:transparent}
.agent-fund-tabs button[aria-pressed="true"]{color:var(--ink);background:var(--brand-soft)}
.agent-fund-page{min-width:0}
@media(max-width:768px){#appView[data-current-view="services"] #content{grid-template-columns:minmax(0,1fr)}}

/* -- 设置列表与开关 ------------------------------------------------------------------ */
.agent-settings-list{overflow:hidden;background:var(--surface);border:var(--bw-1) solid var(--line);border-radius:var(--r-agent-panel)}
.agent-settings-intro{margin:0;padding:var(--s-3) var(--s-4);color:var(--muted);border-bottom:var(--bw-1) solid var(--line)}
.agent-switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin:0;padding:var(--s-4);border-bottom:var(--bw-1) solid var(--line);font-weight:var(--fw-regular)}
.agent-switch-copy strong,.agent-switch-copy small{display:block}
.agent-switch-copy small{margin-top:var(--s-1);color:var(--muted);font-size:var(--fs-base)}
.agent-switch-row input{appearance:none;position:relative;flex:none;width:48px;min-height:28px;margin:0;border:0;border-radius:var(--r-full);background:var(--n-400);box-shadow:none}
.agent-switch-row input::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--n-0);transition:transform var(--dur-fast) var(--ease-standard)}
.agent-switch-row input:checked{background:var(--success)}
.agent-switch-row input:checked::after{transform:translateX(20px)}
.agent-settings-actions{display:flex;justify-content:flex-end;padding:var(--s-4)}

/* -- 买 U 教程：步骤视觉图标尺寸（底色由基础层 .buy-usdt-step-visual 提供） ------------ */
.buy-usdt-step-visual .brand-icon{width:28px;height:28px}

/* -- 移动档（≤768）：底部页签条 + 触控尺寸 -------------------------------------------- */
@media (max-width:768px){
  /* 手机按任务阅读顺序纵向排布，桌面双列不能挤压账户入口。 */
  #appView[data-current-view="team"] #content,
  #appView[data-current-view="profile"] #content{grid-template-columns:minmax(0,1fr)}
  .agent-team-overview{min-height:0;padding:var(--s-4)}
  .agent-profile-hero{min-height:0;padding:var(--s-4)}
  .agent-profile-identity{min-width:0;overflow-wrap:anywhere}
  .agent-portal .login-shell{padding:var(--s-5)}
  .agent-portal .login-card{padding:var(--s-6) var(--s-3)}
  .agent-topbar{min-height:64px;padding:var(--s-2) var(--s-3)}
  .agent-portal .brand img{width:var(--s-10);height:var(--s-10)}
  .agent-portal .agent-nav-shell{position:fixed;z-index:60;top:auto;right:0;bottom:0;left:0;padding:var(--s-1) var(--s-2) calc(var(--s-1) + env(safe-area-inset-bottom));border-top:var(--bw-1) solid var(--line);border-bottom:0}
  .agent-portal nav{width:100%}
  .agent-portal nav button{display:grid;justify-items:center;gap:var(--s-1);min-height:58px;padding:var(--s-1);font-size:var(--fs-base)}
  .agent-portal nav button::after{display:none}
  .agent-portal nav button.active{color:var(--warning);background:transparent}
  .agent-portal .workspace{width:100%;padding:var(--s-3) var(--s-3) calc(var(--s-10) + var(--s-8) + env(safe-area-inset-bottom))}
  .agent-portal .notice{margin-inline:var(--s-3)}
  .agent-page-heading{margin:0 0 var(--s-3)}
  .agent-dashboard,.agent-home-stack{gap:var(--s-3)}
  .agent-balance{grid-template-columns:1fr 1fr}
  .agent-balance-facts>div{padding:var(--s-1) var(--s-3)}
  .agent-work-primary{flex:1}
  .agent-work-settings{padding-inline:var(--s-3)}
  .agent-quick-action{min-height:70px;flex-direction:column;gap:var(--s-1);padding:var(--s-2) var(--s-1)}
  .agent-home-tab{padding-inline:var(--s-2)}
  .agent-offer-row{grid-template-columns:32px minmax(0,1fr) auto 18px}
  .agent-offer-availability{display:none}
  .agent-page-metric strong{font-size:var(--fs-lg)}
  .agent-portal dialog{width:100%;max-width:none;max-height:88svh;margin:auto 0 0;border-radius:var(--r-agent-panel) var(--r-md) 0 0}
  .agent-portal .table-wrap{overflow:visible}
  .agent-portal table,.agent-portal tbody,.agent-portal tr,.agent-portal td{display:block;width:100%;white-space:normal}
  .agent-portal thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}
  .agent-portal tbody tr{padding:var(--s-2) var(--s-4);border-bottom:var(--bw-1) solid var(--line)}
  .agent-portal td{display:grid;grid-template-columns:minmax(78px,32%) minmax(0,1fr);gap:var(--s-2);padding:var(--s-1) 0;border:0;text-align:right;overflow-wrap:anywhere}
  .agent-portal td::before{content:attr(data-label);color:var(--muted);font-size:var(--fs-base);text-align:left}
  .agent-portal td .actions{justify-content:flex-end}
  .agent-profile-hero{grid-template-columns:auto 1fr}
  .agent-profile-money{grid-column:1/-1;padding-top:var(--s-3);border-top:var(--bw-1) solid var(--line);text-align:left}
  .agent-profile-logout{padding:var(--s-1) var(--s-4) var(--s-6)}
  .agent-profile-logout .table-action{width:100%}
}

/* -- 窄屏档（≤640）：单列余额、纵向操作区 ---------------------------------------------- */
@media (max-width:640px){
  .agent-topbar-actions{gap:0}
  .agent-topbar-actions .agent-header-icon{width:40px;height:40px}
  .agent-header-avatar{display:none}
  .agent-balance{grid-template-columns:1fr}
  .agent-balance-head,.agent-balance>strong,.agent-balance-facts{grid-column:1;grid-row:auto}
  .agent-balance-facts{margin-top:var(--s-3);padding-top:var(--s-3);border-top:var(--bw-1) solid var(--line);border-left:0}
  .agent-balance-facts>div:first-child{padding-left:0}
  .agent-balance-facts>div+div{border-left:var(--bw-1) solid var(--line)}
  .agent-work-head{align-items:stretch!important;flex-direction:column!important}
  .agent-work-actions{width:100%!important;align-items:stretch;flex-direction:column}
  .agent-work-primary{width:100%}
  .agent-work-settings-copy small{max-width:260px}
  .agent-offer-rate small{display:block}
}

/* -- 减少动画偏好：agent 层兜底（全局开关由工艺层提供） ---------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .agent-portal *,.agent-portal *::before,.agent-portal *::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}


/* 已确认的浅色视觉：共用表单、列表和详情在代理作用域内统一，不影响商户端。 */
.agent-portal :is(button,input,select,textarea){font-family:var(--font-sans)}
.agent-portal :is(.table-action,.secondary,button.primary,.agent-work-primary,input,select,textarea){border-radius:var(--r-md);font-weight:var(--fw-medium)}
.agent-portal .table-action:not(:is(
  .agent-quick-action,.agent-home-tab,.agent-offer-row,.agent-current-row,.agent-record-row,
  .agent-feature-row,.agent-text-action,.agent-offer-footer,.agent-work-settings,.agent-work-primary
)){
  color:var(--ink-secondary);background:var(--surface);border:var(--bw-1) solid var(--line);
  font-size:var(--fs-base);padding:var(--s-2) var(--s-3)
}
.agent-portal .table-action:hover{color:var(--ink);background:var(--surface-muted);border-color:var(--line-strong)}
.agent-portal :is(.table-action.primary,.agent-work-primary){color:var(--brand-ink);background:var(--brand);border-color:var(--brand-line)}
.agent-portal .table-action.danger{color:var(--danger);background:var(--surface);border-color:var(--danger-line)}
.agent-portal :is(.btn-ghost,.eyebrow,.buy-usdt-jump,.buy-usdt-steps small,.official-guide-link,.buy-usdt-step-visual,.agent-feature-icon){color:var(--ink-secondary)}
.agent-portal .official-guide-link{border-radius:var(--r-md);font-weight:var(--fw-medium)}
.agent-portal .agent-switch-row input{min-height:28px;border-radius:var(--r-full)}
.agent-portal :is(.panel,.card,.agent-home-section,.agent-workbench){border-radius:var(--r-agent-panel);box-shadow:var(--elev-1)}
.agent-portal :is(th,td,label,.muted,.panel-head .table-action){font-size:var(--fs-base)}
.agent-portal :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){font-size:var(--fs-md);min-height:48px}
.agent-portal :is(button,a,input,select,textarea):focus-visible{outline:var(--focus-ring-width) solid var(--info);outline-offset:3px}
.agent-portal dialog{border-radius:var(--r-agent-panel)}
.agent-work-head{min-height:88px;padding:var(--s-4) var(--s-5)}
.agent-work-head::before{content:"";flex:none;width:48px;height:48px;border-radius:50%;background:var(--brand-soft) url("/agent/ranshanfu-logo.png") center / 32px no-repeat}
.agent-work-primary{min-width:200px;min-height:48px}
.agent-work-settings{display:flex;justify-content:center;min-height:44px;color:var(--muted);background:transparent}
.agent-work-settings-copy small{display:none}
.agent-work-settings>.icon-chevron{display:none}
.agent-balance-facts{border-left:0}
.agent-balance-facts b{color:var(--ink)}
.agent-order-number{display:inline-flex;align-items:center;gap:var(--s-2);overflow-wrap:anywhere}
.agent-copy{display:grid;place-items:center;min-width:var(--tap-min);min-height:var(--tap-min);padding:0;border:0;background:transparent;color:var(--muted)}
.icon-copy{mask-image:url("/vendor/bootstrap-icons-1.13.1/copy.svg")}
.agent-order-page{display:grid;gap:var(--s-5)}
.agent-current-row.is-risk { border-inline-start: 4px solid var(--danger); background: var(--danger-soft); }
.agent-detail-back{justify-self:start;padding:var(--s-2) 0;border:0;background:transparent;color:var(--ink);font-size:var(--fs-lg);font-weight:var(--fw-semibold)}
#appView[data-current-view="orderDetail"] .agent-page-heading{display:none}
.agent-order-detail{display:grid;gap:var(--s-5);padding:var(--s-6);background:var(--surface);border-radius:var(--r-agent-panel);box-shadow:var(--elev-1)}
.agent-order-detail-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}
.agent-order-total{display:grid;justify-items:center;gap:var(--s-3);padding-top:var(--s-4)}
.agent-order-total>span,.agent-order-check{color:var(--muted);font-size:var(--fs-base);text-align:center}
.agent-order-total strong{font-family:var(--font-num);font-size:var(--fs-3xl);font-weight:var(--fw-medium)}
.agent-order-facts{display:grid;gap:0;margin:0;padding:0;border-top:var(--bw-1) solid var(--line)}
.agent-order-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4);padding:var(--s-3) 0;border-bottom:var(--bw-1) solid var(--line)}
.agent-order-facts dt{font-size:var(--fs-base);color:var(--muted)}
.agent-order-facts dd{margin:0;font-size:var(--fs-base);text-align:right}
.agent-order-page>.actions{display:flex;justify-content:space-between;gap:var(--s-6)}
.agent-order-page>.actions .primary{order:2;min-width:220px;min-height:48px}
.agent-order-page .order-question{order:1;align-self:center}
.agent-order-deadline{padding:var(--s-3) var(--s-4);background:var(--warning-soft);color:var(--warning);border-radius:var(--r-md);font-size:var(--fs-base)}
.agent-recharge-start{position:relative;min-height:264px;padding-right:36%}
.agent-recharge-art{position:absolute;right:0;top:0;width:32%;height:100%;object-fit:contain;pointer-events:none}
.agent-recharge-form{display:grid;gap:var(--s-3);max-width:440px}
.agent-recharge-input{display:flex;align-items:center;padding-right:var(--s-4);border:var(--bw-1) solid var(--line-strong);border-radius:var(--r-md);background:var(--surface)}

/* 资金操作和客服共用明确的内容层级，不套通用记录表外壳。 */
.agent-withdrawal-form,.agent-support{padding:var(--s-6);margin-bottom:var(--s-4);background:var(--surface);border-radius:var(--r-agent-panel)}
.agent-fund-intro{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}
.agent-fund-intro strong{display:block;margin-top:var(--s-2);font-size:var(--fs-3xl);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums}
.agent-fund-intro small,.agent-fund-intro p{color:var(--muted)}
.agent-fund-intro img{object-fit:contain;width:128px;height:128px}
.agent-withdrawal-form form{display:grid;gap:var(--s-4);max-width:640px}
.agent-live-dot{display:inline-block;flex:none;width:var(--s-2);height:var(--s-2);border-radius:50%;background:var(--success);align-self:center}
.agent-withdrawal-form label{display:grid;gap:var(--s-2);margin:0;color:var(--ink-secondary)}
.agent-withdrawal-form .service-hours{margin:var(--s-2) 0 var(--s-4);padding:var(--s-2) 0}
.agent-withdrawal-form .error{margin:0}
.agent-withdrawal-form .error:empty{display:none}
.agent-portal #appView[data-current-view="support"] .agent-page-heading{display:none}
.agent-support>.service-hours{margin:0;padding:0 0 var(--s-3)}
.agent-support .support-connection:empty{display:none}
.agent-portal .agent-fund-tabs .table-action{border:0;background:transparent;color:var(--muted)}
.agent-portal .agent-fund-tabs .table-action[aria-pressed="true"]{background:var(--brand-soft);color:var(--ink);border-bottom:2px solid var(--brand)}
.agent-withdrawal-form input{width:100%;margin:0}
.withdrawal-amount-control{display:flex;align-items:center;gap:var(--s-2)}
.withdrawal-amount-control input{min-width:0;flex:1}
.withdrawal-amount-control button{flex:none;min-width:64px;min-height:48px;white-space:nowrap}
.agent-withdrawal-form button.primary{min-height:48px}
.collection-qr-picker{display:grid;gap:var(--s-2);min-width:0;padding-block:var(--s-2)}
.collection-qr-picker label{margin:0}
.collection-qr-picker input[type="file"]{width:100%;min-width:0;font-size:var(--fs-sm)}
.collection-qr-picker small,.collection-qr-status{color:var(--ink-secondary);font-size:var(--fs-sm);line-height:var(--lh-normal)}
.collection-qr-status{margin:0;overflow-wrap:anywhere}
.collection-qr-preview{width:180px;max-width:100%;max-height:220px;object-fit:contain;justify-self:center;border:var(--bw-1) solid var(--line);border-radius:var(--r-agent-panel)}
.withdrawal-quote{display:grid;gap:var(--s-3)}
.withdrawal-quote:empty{display:none}
.withdrawal-quote>div{display:flex;justify-content:space-between;gap:var(--s-4)}
.withdrawal-quote strong{font-weight:var(--fw-medium);text-align:right;overflow-wrap:anywhere}
.agent-help>details{padding:var(--s-4);border-bottom:var(--bw-1) solid var(--line)}
.agent-help summary{cursor:pointer;color:var(--ink);font-weight:var(--fw-medium);line-height:var(--lh-normal)}
.agent-help details p{color:var(--ink-secondary);line-height:var(--lh-normal)}
.agent-help>.table-action{margin:var(--s-4)}
@media(max-width:640px){
  .agent-withdrawal-form,.agent-support{padding:var(--s-4)}
  .agent-fund-intro img{width:96px;height:96px}
  .agent-support .support-conversation{min-height:160px;max-height:calc(100dvh - 380px)}
  .agent-support .support-composer{grid-template-columns:minmax(0,1fr) auto}
  .agent-support .support-composer textarea{min-height:80px}
  .agent-support .support-composer button{min-width:72px;width:auto}
}
.agent-recharge-input input{min-width:0;width:100%;border:0;background:transparent}
.agent-recharge-input:focus-within{outline:var(--focus-ring-width) solid var(--info);outline-offset:2px}
.agent-recharge-input input:focus{outline:none}
.agent-portal .recharge-actions{justify-content:flex-start;gap:var(--s-3)}
.agent-portal .recharge-actions .table-action{flex:0 1 auto}
.agent-recharge-form .primary{min-height:48px}
html[data-theme="dark"] .agent-recharge-art{display:none}
@media(max-width:768px){
 .agent-portal .agent-nav-shell{position:fixed;flex:none;width:100%;margin:0;background:var(--surface)}
 .agent-topbar{padding:var(--s-2) var(--s-4)}
 .agent-portal .workspace{padding:var(--s-3) var(--s-3) calc(var(--s-12) + 44px)}
 .agent-order-facts{grid-template-columns:1fr}
 .agent-recharge-start{padding-right:0;min-height:0}
 .agent-recharge-art{display:none}
 .agent-work-head{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--s-3)}
 .agent-work-actions{grid-column:1/-1}
 .agent-work-primary{min-width:0}
 .agent-order-detail{padding:var(--s-4)}
 .agent-order-page>.actions{flex-direction:column}
 .agent-order-page>.actions .primary{order:0;width:100%;min-width:0}
 .agent-order-page .order-question{order:1;align-self:flex-start}
}