/* 王龙工作室 V11.7.20 - 接码平台客户前台浅色视觉升级
   仅影响 /sms/ 登录、注册、客户服务中心、充值中心；不影响管理后台。 */
:root{
  --wl-sms-bg:#f2f6fb;
  --wl-sms-bg2:#edf3f9;
  --wl-sms-card:rgba(255,255,255,.94);
  --wl-sms-card-soft:#f8fbff;
  --wl-sms-card-blue:#eef5ff;
  --wl-sms-ink:#17243b;
  --wl-sms-ink2:#30425f;
  --wl-sms-muted:#66768d;
  --wl-sms-line:rgba(58,82,118,.13);
  --wl-sms-blue:#3269e8;
  --wl-sms-blue2:#5b67df;
  --wl-sms-green:#20966f;
  --wl-sms-red:#c55462;
  --wl-sms-shadow:0 16px 42px rgba(34,55,88,.09);
  --wl-sms-shadow-soft:0 8px 24px rgba(34,55,88,.065);
}
html{background:var(--wl-sms-bg)!important}
body{
  color:var(--wl-sms-ink)!important;
  background:
    radial-gradient(760px 480px at -8% -2%,rgba(69,119,230,.10),transparent 66%),
    radial-gradient(680px 430px at 105% 0,rgba(122,101,216,.075),transparent 68%),
    linear-gradient(180deg,#f5f8fc 0%,#eef4fa 52%,#f4f7fb 100%)!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
}
body:before{opacity:.32!important}

/* ---------- 登录 / 注册 ---------- */
.sms-gateway-bg:before{
  background-image:linear-gradient(rgba(57,83,119,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(57,83,119,.025) 1px,transparent 1px)!important;
}
.sms-gateway-bg span:nth-child(1){background:radial-gradient(circle,rgba(67,116,226,.10),transparent 70%)!important}
.sms-gateway-bg span:nth-child(2){background:radial-gradient(circle,rgba(118,92,209,.075),transparent 70%)!important}
.sms-gateway-bg span:nth-child(3){background:radial-gradient(circle,rgba(224,180,119,.05),transparent 72%)!important}
.sms-top{border-bottom-color:rgba(61,83,116,.08)!important}
.sms-brand b{color:var(--wl-sms-ink)!important}.sms-brand small{color:#78879c!important}
.sms-brand-wide{filter:none!important}
.sms-brand>i.has-image{background:transparent!important;box-shadow:none!important;border-radius:0!important}
.sms-brand>i.has-image:after{display:none!important}.sms-brand>i.has-image img{object-fit:contain!important}
.sms-top-links a{
  background:rgba(255,255,255,.78)!important;
  border-color:var(--wl-sms-line)!important;
  color:#40516a!important;
  box-shadow:0 4px 14px rgba(38,57,84,.04)!important;
}
.sms-top-links a:hover{background:#fff!important;box-shadow:var(--wl-sms-shadow-soft)!important}
.sms-top-links .sms-recharge-top{color:#fff!important;background:linear-gradient(135deg,var(--wl-sms-blue),var(--wl-sms-blue2))!important;border-color:transparent!important}
.sms-login-copy{
  border-color:var(--wl-sms-line)!important;
  background:
    radial-gradient(520px 360px at 82% 18%,rgba(105,91,208,.08),transparent 68%),
    radial-gradient(520px 360px at 18% 10%,rgba(55,110,226,.09),transparent 70%),
    linear-gradient(145deg,#f8fbff 0%,#eef5fc 56%,#f6f4fb 100%)!important;
  box-shadow:var(--wl-sms-shadow),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.sms-kicker{color:#597096!important}.sms-login-copy h1{color:var(--wl-sms-ink)!important}.sms-login-copy>p{color:#566983!important}
.sms-capability>div,.visual-rows span,.register-note{
  background:rgba(255,255,255,.72)!important;border-color:var(--wl-sms-line)!important;color:var(--wl-sms-ink2)!important
}
.sms-capability span,.register-note b{color:var(--wl-sms-ink2)!important}
.sms-visual-card,.sms-auth-card{
  background:rgba(255,255,255,.92)!important;
  border-color:var(--wl-sms-line)!important;
  box-shadow:var(--wl-sms-shadow),inset 0 1px 0 #fff!important;
}
.visual-head span,.visual-balance small,.auth-mini-links,.sms-footer,.register-note span{color:#74839a!important}
.visual-balance{background:linear-gradient(135deg,#eef5ff,#f4f1ff)!important;border-color:rgba(57,100,205,.10)!important}
.visual-balance strong,.sms-auth-card h2{color:var(--wl-sms-ink)!important}
.sms-auth-card>p,.auth-bottom{color:#718098!important}
.sms-form label{color:#3e506b!important}
.sms-form input{
  background:#fbfdff!important;color:#17243b!important;border-color:rgba(63,86,120,.16)!important;
  box-shadow:inset 0 1px 0 #fff!important
}
.sms-form input::placeholder{color:#9aa7b7!important}
.sms-form input:focus{background:#fff!important;border-color:rgba(50,105,232,.46)!important;box-shadow:0 0 0 4px rgba(50,105,232,.075)!important}
.auth-recharge{background:#f5f8fc!important;border-color:var(--wl-sms-line)!important}.auth-recharge b{color:#31425b!important}.auth-recharge span{color:#75849a!important}
.auth-recharge a{background:#eaf1fb!important;color:#2f5fc8!important;border:1px solid rgba(50,105,232,.11)!important}

/* ---------- 客户服务中心 ---------- */
.portal-tech-bg:before{
  background:radial-gradient(620px 420px at 20% 8%,rgba(56,111,230,.08),transparent 70%),radial-gradient(560px 400px at 84% 8%,rgba(112,87,210,.065),transparent 72%)!important
}
.portal-layout{width:min(1680px,calc(100% - 32px))!important}
.portal-sidebar,.portal-topbar,.dashboard-hero,.portal-panel,.portal-auth-card{
  border-color:var(--wl-sms-line)!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:var(--wl-sms-shadow-soft),inset 0 1px 0 #fff!important;
  backdrop-filter:blur(16px)!important;
}
.portal-sidebar{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,254,.94))!important}
.portal-brand{filter:none!important}.portal-brand b,.portal-topbar h1,.portal-panel h2,.service-card h3,.active-order h3{color:var(--wl-sms-ink)!important}
.portal-brand small,.portal-user-card>span,.portal-recharge-card span,.top-kicker,.hero-kicker,.portal-panel-head>div>span{color:#6e7f98!important}
.portal-logo.has-image,.portal-logo.small.has-image{background:transparent!important;box-shadow:none!important;border-radius:0!important}
.portal-logo.has-image img{object-fit:contain!important}
.portal-user-card{border-color:rgba(58,88,135,.11)!important;background:linear-gradient(135deg,#f1f6fd,#f5f2fb)!important}
.portal-user-card>b{color:#263955!important}.portal-user-card>small{color:#5e8175!important}
.portal-recharge-card{border-color:rgba(54,103,221,.13)!important;background:#eef5ff!important;box-shadow:none!important}
.portal-recharge-card:hover{border-color:rgba(54,103,221,.23)!important;box-shadow:0 10px 24px rgba(41,83,165,.08)!important}
.portal-recharge-card b{color:#2d4569!important}.portal-recharge-card small{color:#6f8098!important}
.portal-sidebar nav a{color:#586a83!important;border-color:transparent!important}
.portal-sidebar nav a.active{color:#2457ca!important;background:#eaf2ff!important;border-color:rgba(50,105,232,.10)!important;box-shadow:inset 3px 0 #3970e8!important}
.portal-sidebar nav a:hover{color:#2457ca!important;background:#f1f6fd!important;transform:translateX(2px)!important}
.sidebar-status{border-color:rgba(42,139,102,.11)!important;background:#f2faf7!important}.sidebar-status b{color:#326656!important}.sidebar-status span{color:#769188!important}
.portal-topbar p,.balance-copy>small,.portal-panel-head p,.activation-tip,.active-order>small,.history-item time,.portal-footer{color:var(--wl-sms-muted)!important}
.top-live,.ghost-link,.panel-recharge{
  border-color:var(--wl-sms-line)!important;background:#f8fbff!important;color:#53657e!important;box-shadow:none!important
}
.ghost-link:hover,.panel-recharge:hover{background:#fff!important;border-color:rgba(50,105,232,.18)!important;box-shadow:0 8px 20px rgba(41,66,105,.06)!important}
.ghost-link.recharge{color:#2e62d4!important;background:#edf4ff!important;border-color:rgba(50,105,232,.13)!important}.ghost-link.danger{color:#b94f5d!important;background:#fff7f8!important}
.dashboard-hero{
  background:
    radial-gradient(480px 300px at 84% 20%,rgba(105,82,210,.07),transparent 70%),
    radial-gradient(460px 300px at 10% 12%,rgba(50,105,232,.09),transparent 70%),
    linear-gradient(145deg,#f9fbff,#f0f6fd)!important;
}
.dashboard-hero:after{opacity:.28!important}.balance-value strong{color:#17243b!important;text-shadow:none!important}.balance-value em{color:#6d7d94!important}
.hero-status-row span{border-color:var(--wl-sms-line)!important;background:rgba(255,255,255,.70)!important;color:#63748b!important}.hero-status-row b{color:#31445f!important}
.hero-quick a{border-color:var(--wl-sms-line)!important;background:#fff!important;color:#43556f!important}.hero-quick a:hover{background:#f6f9fd!important;border-color:rgba(50,105,232,.18)!important}
.hero-console{border-color:rgba(60,87,127,.11)!important;background:linear-gradient(155deg,#fbfdff,#edf4fb)!important;box-shadow:inset 0 1px 0 #fff!important}
.hero-core{border-color:rgba(50,105,232,.13)!important;background:#fff!important;box-shadow:0 10px 26px rgba(38,66,108,.08)!important}.hero-core b{color:#687891!important}
.hero-node{border-color:rgba(60,87,127,.11)!important;background:rgba(255,255,255,.90)!important;box-shadow:0 8px 18px rgba(34,55,88,.055)!important}.hero-node b{color:#52647d!important}.hero-node span{color:#3569d9!important}
.portal-panel{background:#fff!important}.panel-live{color:#25845f!important;background:#eff9f5!important;border-color:rgba(32,150,111,.13)!important}
.activation-country select,.activation-search input,.portal-search,.keyword-entry input{
  border-color:rgba(63,86,120,.15)!important;background:#f9fbfe!important;color:#1e2e47!important;box-shadow:inset 0 1px 0 #fff!important
}
.activation-country select:focus,.activation-search input:focus,.portal-search:focus-within,.keyword-entry input:focus{border-color:rgba(50,105,232,.46)!important;box-shadow:0 0 0 4px rgba(50,105,232,.075)!important}
.activation-search input::placeholder,.portal-search input::placeholder,.keyword-entry input::placeholder{color:#94a2b5!important}.activation-country select option{background:#fff!important;color:#1e2e47!important}
.refresh-projects{background:#f1f5fa!important;color:#536781!important;border-color:var(--wl-sms-line)!important}
.refresh-projects:hover{background:#fff!important;border-color:rgba(50,105,232,.18)!important}
.activation-tip{border-color:rgba(60,87,127,.10)!important;background:#f6f9fd!important}.activation-result-head{color:#74849c!important;border-color:rgba(60,87,127,.09)!important}
.activation-row{border-color:rgba(60,87,127,.09)!important}.activation-row:hover{background:#f7faff!important}.activation-row strong{color:#273a56!important}.activation-row span{color:#6f8097!important}.activation-row b{color:#2d405d!important}.activation-empty{color:#8190a3!important}
.service-card{border-color:rgba(60,87,127,.11)!important;background:linear-gradient(145deg,#ffffff,#f7faff)!important;box-shadow:0 8px 22px rgba(34,55,88,.055)!important}
.service-card:hover{border-color:rgba(50,105,232,.20)!important;box-shadow:0 13px 28px rgba(34,55,88,.075)!important}
.service-title-line i{color:#248b67!important;background:#eff9f5!important;border-color:rgba(32,150,111,.10)!important}.service-meta{color:#75859b!important}.service-price{color:#1d2e48!important}
.keyword-entry{border-color:rgba(60,87,127,.10)!important;background:#f8fbff!important}.keyword-label{color:#354965!important}.keyword-entry small{color:#77879c!important}.keyword-policy span{border-color:rgba(60,87,127,.10)!important;background:#f3f7fb!important;color:#74869e!important}.keyword-policy b{color:#40536f!important}
.service-action-button:disabled{background:#edf1f6!important;color:#8b98aa!important;border-color:rgba(60,87,127,.08)!important}
.order-panel{background:#fff!important}.active-order.empty{color:#7b8ca3!important}.active-order .status{background:#edf4ff!important;color:#3569d9!important}.active-order .status.success{background:#eef9f5!important;color:#27835f!important}.active-order .status.failed,.active-order .status.expired{background:#fff1f3!important;color:#c55462!important}
.order-number{color:#17243b!important;text-shadow:none!important}.order-keyword{background:#f5f8fc!important;color:#73849b!important}.order-keyword b{color:#334964!important}.copy-btn,.release-btn{border-color:var(--wl-sms-line)!important;background:#f8fbff!important;color:#536881!important}.copy-btn:hover{background:#fff!important}.release-btn{color:#bf5260!important}
.sms-code{background:linear-gradient(135deg,#eef4ff,#f3efff)!important;color:#315fd0!important;text-shadow:none!important}.sms-box{border-color:rgba(60,87,127,.10)!important;background:#f8fbff!important;color:#677a93!important}
.history-item{border-color:rgba(60,87,127,.09)!important}.history-item strong{color:#2b3e5a!important}.history-item .status{background:#edf4ff!important;color:#3569d9!important}.portal-footer{border-top-color:rgba(60,87,127,.08)!important}.toast{background:#fff!important;border-color:rgba(60,87,127,.12)!important;color:#253a56!important;box-shadow:0 16px 36px rgba(34,55,88,.16)!important}.skeleton{background:linear-gradient(90deg,#eef3f8 25%,#f7f9fc 42%,#eef3f8 63%)!important;background-size:400% 100%!important}

/* ---------- 充值中心 ---------- */
body.recharge-page{
  --recharge-bg:#f2f6fb!important;
  --recharge-panel:#ffffff!important;
  --recharge-panel-2:#f7faff!important;
  --recharge-line:rgba(60,87,127,.13)!important;
  --recharge-line-strong:rgba(50,105,232,.25)!important;
  --recharge-text:#17243b!important;
  --recharge-muted:#687a92!important;
  --recharge-soft:#475c78!important;
  color:var(--recharge-text)!important;
  background:
    radial-gradient(760px 480px at -6% -2%,rgba(59,111,230,.09),transparent 66%),
    radial-gradient(700px 460px at 103% 0,rgba(111,86,210,.065),transparent 68%),
    linear-gradient(180deg,#f5f8fc 0%,#eef4fa 52%,#f5f8fc 100%)!important;
}
body.recharge-page .recharge-bg:before{background-image:linear-gradient(rgba(57,83,119,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(57,83,119,.025) 1px,transparent 1px)!important}
body.recharge-page .recharge-top{
  border-color:var(--recharge-line)!important;background:rgba(255,255,255,.93)!important;
  box-shadow:var(--wl-sms-shadow-soft),inset 0 1px 0 #fff!important
}
body.recharge-page .recharge-top nav a{border-color:var(--recharge-line)!important;background:#f8fbff!important;color:#4d6079!important;box-shadow:none!important}
body.recharge-page .recharge-top nav a:hover{color:#2d5fca!important;background:#fff!important;border-color:rgba(50,105,232,.18)!important;box-shadow:0 8px 18px rgba(34,55,88,.06)!important}
body.recharge-page .overview-copy,
body.recharge-page .balance-panel,
body.recharge-page .recharge-card,
body.recharge-page .recharge-offline{
  border-color:var(--recharge-line)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:var(--wl-sms-shadow-soft),inset 0 1px 0 #fff!important;
}
body.recharge-page .overview-copy{
  background:
    radial-gradient(480px 280px at 88% 10%,rgba(102,82,210,.06),transparent 70%),
    radial-gradient(420px 260px at 3% 0%,rgba(50,105,232,.08),transparent 70%),
    linear-gradient(145deg,#fbfdff,#f0f6fd)!important;
}
body.recharge-page .overview-copy:after{border-color:rgba(50,105,232,.08)!important;box-shadow:0 0 0 38px rgba(50,105,232,.018),0 0 0 78px rgba(50,105,232,.010)!important}
body.recharge-page .overview-copy h1,
body.recharge-page .card-head h2,
body.recharge-page .balance-panel strong,
body.recharge-page .rate-card strong,
body.recharge-page .address-main code,
body.recharge-page .submit-support-note h3,
body.recharge-page .recharge-empty b,
body.recharge-page .recharge-offline h2,
body.recharge-page .config-pending h3,
body.recharge-page .submit-disabled h3,
body.recharge-page .auto-order-head h3,
body.recharge-page .auto-pay-amount strong{color:#17243b!important;text-shadow:none!important}
body.recharge-page .overview-copy p,
body.recharge-page .balance-panel span,
body.recharge-page .rate-card small,
body.recharge-page .address-main small,
body.recharge-page .qr-slot small,
body.recharge-page .security-strip span,
body.recharge-page .submit-support-note p,
body.recharge-page .recharge-empty span,
body.recharge-page .recharge-footer,
body.recharge-page .security-callout p,
body.recharge-page .config-pending p,
body.recharge-page .submit-disabled p,
body.recharge-page .review-note,
body.recharge-page .auto-order-note p,
body.recharge-page .auto-cancel-form small{color:#687a92!important}
body.recharge-page .recharge-kicker,
body.recharge-page .card-head span,
body.recharge-page .balance-panel small,
body.recharge-page .rate-card span,
body.recharge-page .recharge-form label>span,
body.recharge-page .recharge-form label small,
body.recharge-page .start-eyebrow,
body.recharge-page .start-rate-line span{color:#74869e!important}
body.recharge-page .overview-chips span,
body.recharge-page .network-pill,
body.recharge-page .card-head>b,
body.recharge-page .start-ready-pill,
body.recharge-page .auto-state{
  border-color:var(--recharge-line)!important;background:#f4f8fc!important;color:#52667f!important
}
body.recharge-page .overview-chips .ok,body.recharge-page .payment-status span{color:#27845f!important}
body.recharge-page .balance-panel a,body.recharge-page .config-pending a{color:#2e62d4!important}
body.recharge-page .payment-status,
body.recharge-page .address-main,
body.recharge-page .qr-slot,
body.recharge-page .rate-card,
body.recharge-page .submit-support-note,
body.recharge-page .recharge-empty,
body.recharge-page .security-strip>div,
body.recharge-page .auto-order-card,
body.recharge-page .auto-pay-amount,
body.recharge-page .auto-order-grid>div,
body.recharge-page .recharge-start-guide,
body.recharge-page .start-rate-line,
body.recharge-page .start-safe-note{
  border-color:var(--recharge-line)!important;
  background:linear-gradient(145deg,#fbfdff,#f5f9fd)!important;
  color:#30445f!important;
  box-shadow:inset 0 1px 0 #fff!important;
}
body.recharge-page .qr-slot{background:#fff!important}.qr-placeholder{color:#71829a!important}
body.recharge-page .qr-slot img{box-shadow:0 8px 24px rgba(34,55,88,.11),0 0 0 1px rgba(60,87,127,.08)!important}
body.recharge-page .security-strip strong{color:#334a67!important}.security-strip b{color:#3569d9!important}
body.recharge-page .security-callout{border-color:rgba(217,155,69,.20)!important;background:#fff8ee!important}.security-callout i{background:#fff0d8!important;color:#b46b14!important}
body.recharge-page .recharge-form input,
body.recharge-page .recharge-form textarea{
  border-color:rgba(63,86,120,.16)!important;background:#fbfdff!important;color:#182942!important;box-shadow:inset 0 1px 0 #fff!important
}
body.recharge-page .recharge-form input::placeholder,body.recharge-page .recharge-form textarea::placeholder{color:#98a6b8!important}
body.recharge-page .recharge-form input:focus,body.recharge-page .recharge-form textarea:focus{border-color:rgba(50,105,232,.48)!important;box-shadow:0 0 0 4px rgba(50,105,232,.075)!important}
body.recharge-page .network-confirm span{color:#5e7089!important}.network-confirm b{color:#304866!important}
body.recharge-page .recharge-primary.ghost{color:#2f62d3!important;border-color:rgba(50,105,232,.15)!important;background:#edf4ff!important}
body.recharge-page .address-actions span,body.recharge-page .support-note-actions span{color:#71829a!important}
body.recharge-page .support-note-actions button,body.recharge-page .recharge-copy-btn{border-color:var(--recharge-line)!important;background:#f8fbff!important;color:#536881!important;box-shadow:none!important}
body.recharge-page .recharge-alert.success{border-color:rgba(32,150,111,.16)!important;background:#eff9f5!important;color:#287d5e!important}
body.recharge-page .recharge-alert.danger{border-color:rgba(197,84,98,.16)!important;background:#fff1f3!important;color:#b54b59!important}
body.recharge-page .recharge-table th{color:#72839b!important}.recharge-table td{color:#405570!important;border-color:rgba(60,87,127,.10)!important}.recharge-table tbody tr:hover{background:#f7faff!important}
body.recharge-page .recharge-status{background:#edf4ff!important;color:#3569d9!important}.recharge-status.approved{background:#eef9f5!important;color:#27835f!important}.recharge-status.rejected{background:#fff1f3!important;color:#c55462!important}
body.recharge-page .auto-order-note{border-color:rgba(50,105,232,.10)!important;background:#f1f6ff!important}.auto-order-note strong{color:#315fc8!important}
body.recharge-page .recharge-cancel-btn{background:#fff7f8!important;border-color:rgba(197,84,98,.14)!important;color:#b6505d!important}
body.recharge-page .guide-title span,.guide-title b,.guide-steps strong,.auto-order-grid b,.auto-pay-amount em{color:#344a67!important}.guide-steps span{color:#6c7e96!important}
body.recharge-page .submit-disabled,.config-pending{background:#f8fbff!important;border-color:var(--recharge-line)!important}
body.recharge-page .recharge-card:hover,body.recharge-page .overview-copy:hover,body.recharge-page .balance-panel:hover{border-color:rgba(50,105,232,.18)!important;box-shadow:0 16px 34px rgba(34,55,88,.085)!important}

/* ---------- 移动端：减少深色块、增大可读性 ---------- */
@media(max-width:760px){
  body,body.recharge-page{background:linear-gradient(180deg,#f5f8fc 0%,#eef4fa 48%,#f5f8fc 100%)!important}
  .sms-top{background:rgba(255,255,255,.72)!important;border:1px solid rgba(60,87,127,.08)!important;border-radius:18px!important;margin-top:8px!important;padding:0 11px!important}
  .sms-login-copy{background:linear-gradient(145deg,#f8fbff,#eef5fc)!important}
  .sms-auth-card{background:#fff!important}
  .portal-layout{width:calc(100% - 14px)!important}
  .portal-sidebar{background:#fff!important}
  .portal-topbar,.portal-panel{background:#fff!important}
  .dashboard-hero{background:linear-gradient(145deg,#f8fbff,#edf5ff)!important}
  .portal-sidebar nav a.active{background:#eaf2ff!important;color:#2457ca!important}
  body.recharge-page .recharge-top{background:#fff!important}
  body.recharge-page .overview-copy,body.recharge-page .balance-panel,body.recharge-page .recharge-card{background:#fff!important}
}