/* 王龙工作室 V11.7.24 - 接码平台客户前台“工具型产品”视觉重构
   目标：去掉企业官网/业务宣传感，改成轻量、直接、任务优先的接码产品界面。
   仅影响 /sms/ 客户登录、注册、接码服务中心、充值中心，不影响后台、接口、数据库和扣费逻辑。 */
:root{
  --app-bg:#f6f7fb;
  --app-surface:#ffffff;
  --app-surface-soft:#fafbfe;
  --app-surface-blue:#f3f6ff;
  --app-text:#151923;
  --app-text-2:#374151;
  --app-muted:#818898;
  --app-line:#e7eaf0;
  --app-line-2:#dfe4ec;
  --app-primary:#5a6ff0;
  --app-primary-2:#6f62e8;
  --app-primary-soft:#eef1ff;
  --app-green:#1f9d72;
  --app-red:#dc5d6b;
  --app-amber:#c98222;
  --app-radius:18px;
  --app-shadow:0 8px 26px rgba(31,38,58,.055);
  --app-shadow-hover:0 14px 34px rgba(31,38,58,.085);
}
html{background:var(--app-bg)!important}
body,
body.recharge-page{
  color:var(--app-text)!important;
  background:var(--app-bg)!important;
  font-family:"PingFang SC","Microsoft YaHei UI","Microsoft YaHei",Inter,Arial,sans-serif!important;
}
body:before,.portal-tech-bg,.sms-gateway-bg>span,.recharge-bg{opacity:0!important;pointer-events:none!important}
a,button{-webkit-tap-highlight-color:transparent}

/* ---------- 登录 / 注册：从“宣传页”改成产品入口 ---------- */
.sms-top{
  width:min(1120px,calc(100% - 36px))!important;
  height:66px!important;
  margin:14px auto 0!important;
  padding:0 8px 0 14px!important;
  border:1px solid var(--app-line)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 3px 16px rgba(31,38,58,.035)!important;
  backdrop-filter:blur(14px)!important;
}
.sms-brand{gap:9px!important}
.sms-brand b{color:var(--app-text)!important;font-size:16px!important}
.sms-brand small{color:#a0a6b2!important;font-size:7px!important;letter-spacing:1.3px!important}
.sms-brand-wide{max-width:178px!important;max-height:44px!important;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{gap:5px!important}
.sms-top-links a{
  min-height:38px!important;
  padding:0 12px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#687083!important;
  box-shadow:none!important;
  font-size:12px!important;
}
.sms-top-links a:hover{background:#f5f6fa!important;color:#303748!important;box-shadow:none!important}
.sms-top-links .sms-recharge-top{
  background:var(--app-primary)!important;
  color:#fff!important;
  border-color:var(--app-primary)!important;
  box-shadow:none!important;
}
.sms-login-layout{
  width:min(980px,calc(100% - 36px))!important;
  min-height:calc(100vh - 150px)!important;
  margin:0 auto!important;
  padding:38px 0 44px!important;
  grid-template-columns:minmax(0,1fr) 410px!important;
  gap:18px!important;
  align-items:center!important;
}
.sms-login-copy{
  min-height:500px!important;
  padding:42px!important;
  border:1px solid #e6e9f3!important;
  border-radius:24px!important;
  background:
    radial-gradient(520px 300px at 0 0,rgba(104,119,240,.09),transparent 65%),
    linear-gradient(145deg,#f8f9ff 0%,#f6f8fd 64%,#f7f8fb 100%)!important;
  box-shadow:none!important;
}
.sms-login-copy:after{display:none!important}
.sms-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:6px 9px!important;
  border-radius:8px!important;
  background:#eef1ff!important;
  color:#5968c7!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.4px!important;
}
.sms-kicker i{width:6px!important;height:6px!important;background:#6b7af2!important;box-shadow:none!important}
.sms-login-copy h1{
  margin:20px 0 12px!important;
  color:var(--app-text)!important;
  font-size:46px!important;
  line-height:1.12!important;
  letter-spacing:-2px!important;
}
.sms-login-copy h1 em{color:#6975d7!important;font-style:normal!important}
.sms-login-copy>p{max-width:540px!important;color:#737b8d!important;font-size:14px!important;line-height:1.8!important}
.sms-capability{gap:8px!important;margin-top:28px!important}
.sms-capability>div{
  min-height:72px!important;
  padding:14px!important;
  border:1px solid #e6e9f0!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.sms-capability b{color:#8a91a1!important;font-size:10px!important}
.sms-capability span{margin-top:7px!important;color:#313746!important;font-size:12px!important;font-weight:760!important}
.sms-visual-card{
  margin-top:14px!important;
  padding:15px!important;
  border:1px solid #e7eaf0!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:none!important;
}
.visual-head{padding-bottom:10px!important;border-color:#eceef3!important}
.visual-head span{color:#9097a5!important;letter-spacing:.7px!important}
.visual-head em{padding:4px 7px!important;background:#edf8f3!important;color:#27805f!important}
.visual-balance{margin-top:10px!important;padding:14px!important;border:0!important;background:#f4f6fb!important}
.visual-balance small{color:#8b92a1!important}
.visual-balance strong{color:#202633!important;font-size:25px!important}
.visual-balance i{display:none!important}
.visual-rows{gap:6px!important}
.visual-rows span{padding:9px 10px!important;border:0!important;border-radius:10px!important;background:#f8f9fc!important;color:#626b7d!important}
.sms-auth-card{
  padding:34px!important;
  border:1px solid var(--app-line)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:var(--app-shadow)!important;
  backdrop-filter:none!important;
}
.auth-label{padding:6px 8px!important;border-radius:8px!important;background:#f0f2ff!important;color:#5f6ac4!important;font-size:9px!important;letter-spacing:.6px!important}
.sms-auth-card h2{margin:16px 0 5px!important;color:var(--app-text)!important;font-size:26px!important;letter-spacing:-.7px!important}
.sms-auth-card>p{margin-bottom:24px!important;color:#8a91a0!important;font-size:13px!important}
.sms-form{gap:14px!important}
.sms-form label{gap:7px!important;color:#485063!important;font-size:12px!important;font-weight:700!important}
.sms-form input{
  height:50px!important;
  border:1px solid #e2e6ed!important;
  border-radius:12px!important;
  background:#fafbfc!important;
  color:#1d2330!important;
  box-shadow:none!important;
}
.sms-form input::placeholder{color:#a7adba!important}
.sms-form input:focus{background:#fff!important;border-color:#9ca7f4!important;box-shadow:0 0 0 3px rgba(90,111,240,.09)!important}
.sms-form button{
  height:50px!important;
  border-radius:12px!important;
  background:var(--app-primary)!important;
  box-shadow:none!important;
  font-size:13px!important;
}
.sms-form button:hover{transform:none!important;background:#4f63df!important;box-shadow:none!important}
.auth-recharge{
  margin-top:14px!important;padding:12px!important;
  border:1px solid #e8eaf0!important;border-radius:12px!important;background:#fafbfc!important
}
.auth-recharge small{color:#9aa1af!important}.auth-recharge b{color:#40485a!important;font-size:12px!important}.auth-recharge span{color:#9198a6!important}
.auth-recharge a{min-height:36px!important;border-radius:9px!important;background:#eef1ff!important;color:#5867cf!important;font-size:11px!important}
.auth-bottom{margin-top:16px!important;padding-top:15px!important;border-color:#eceef3!important;color:#8a91a0!important}
.auth-bottom a{color:#5b69d0!important}.auth-mini-links{margin-top:12px!important;color:#a0a6b1!important}
.register-note{margin-top:28px!important;padding:16px!important;border-color:#e6e9ef!important;border-radius:14px!important;background:rgba(255,255,255,.66)!important}
.register-note span{color:#959cab!important}.register-note b{color:#424a5c!important}
.sms-footer{width:min(1120px,calc(100% - 36px))!important;padding:16px 0 24px!important;border-color:#e8eaf0!important;color:#9aa1ad!important}

/* ---------- 客户中心：任务优先、去“企业仪表盘” ---------- */
.portal-layout{
  width:min(1460px,calc(100% - 28px))!important;
  margin:14px auto 30px!important;
  grid-template-columns:210px minmax(0,1fr)!important;
  gap:14px!important;
}
.portal-sidebar{
  top:14px!important;
  min-height:calc(100vh - 28px)!important;
  padding:14px!important;
  border:1px solid var(--app-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.portal-brand{padding:4px 4px 14px!important;gap:9px!important}
.portal-brand-wide{max-width:174px!important;max-height:44px!important;filter:none!important}
.portal-brand b{color:#1c2230!important;font-size:15px!important}.portal-brand small{color:#a1a7b3!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{
  padding:12px!important;
  border:1px solid #eceef3!important;
  border-radius:13px!important;
  background:#fafbfc!important;
}
.portal-user-card>span,.portal-recharge-card span{color:#9da3af!important;letter-spacing:.6px!important}
.portal-user-card>b{margin-top:5px!important;color:#363d4d!important;font-size:12px!important}
.portal-user-card>small{margin-top:6px!important;color:#6e8c80!important}
.portal-recharge-card{
  gap:9px!important;margin-top:7px!important;padding:10px!important;
  border:1px solid #e8eaf2!important;border-radius:13px!important;background:#f8f9ff!important;box-shadow:none!important
}
.portal-recharge-card>i{width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:9px!important;background:#6675e8!important;box-shadow:none!important}
.portal-recharge-card b{margin:3px 0 1px!important;color:#40485b!important;font-size:12px!important}.portal-recharge-card small{color:#9299a8!important}
.portal-sidebar nav{gap:3px!important;margin-top:13px!important}
.portal-sidebar nav a{
  min-height:41px!important;padding:0 10px!important;border-radius:10px!important;
  color:#697184!important;font-size:11px!important;font-weight:700!important;box-shadow:none!important
}
.portal-sidebar nav a:hover{transform:none!important;background:#f6f7fa!important;color:#3d4556!important}
.portal-sidebar nav a.active{background:#eef1ff!important;color:#5969d4!important;box-shadow:none!important;border-color:transparent!important}
.portal-sidebar nav svg{width:16px!important;height:16px!important}.portal-sidebar nav em{background:#f0f2f7!important;color:#8b92a0!important}
.sidebar-status{padding:12px 9px!important;border-color:#eceef2!important}.sidebar-status b{color:#536057!important}.sidebar-status span{color:#9ba1ac!important}

.portal-main-shell{gap:12px!important}
.portal-topbar{
  min-height:74px!important;
  padding:16px 18px!important;
  border:1px solid var(--app-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.top-kicker{display:none!important}
.portal-topbar h1{margin:0 0 4px!important;color:#1b202c!important;font-size:21px!important;letter-spacing:-.5px!important}
.portal-topbar p{color:#8b92a1!important;font-size:11px!important}
.topbar-actions{gap:5px!important}
.top-live,.ghost-link,.panel-recharge{
  min-height:34px!important;padding:0 10px!important;
  border:1px solid #e6e9ef!important;border-radius:9px!important;background:#fafbfc!important;
  color:#697183!important;font-size:10px!important;box-shadow:none!important
}
.top-live{background:#f4faf7!important;color:#47816d!important}
.ghost-link:hover,.panel-recharge:hover{background:#f4f5f8!important;border-color:#e1e4eb!important;box-shadow:none!important}
.ghost-link.recharge{background:#eef1ff!important;color:#5666d0!important;border-color:#e0e4ff!important}
.ghost-link.danger{background:#fff7f8!important;color:#b85662!important;border-color:#f5dfe2!important}

/* 余额区缩成工具栏，不再占据整屏 */
.dashboard-hero{
  min-height:0!important;
  grid-template-columns:1fr!important;
  padding:16px 18px!important;
  border:1px solid var(--app-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.dashboard-hero:after{display:none!important}
.balance-copy{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;column-gap:18px!important;row-gap:4px!important}
.hero-kicker{grid-column:1!important;grid-row:1!important;color:#969daa!important;font-size:8px!important;letter-spacing:.7px!important}
.balance-value{grid-column:1!important;grid-row:2!important;margin:0!important;gap:7px!important;align-items:baseline!important;white-space:nowrap!important}
.balance-value strong{color:#1b202c!important;font-size:30px!important;letter-spacing:-1px!important;text-shadow:none!important}
.balance-value em{color:#989fab!important;font-size:9px!important}
.balance-copy>small{grid-column:2!important;grid-row:1 / span 2!important;margin:0!important;max-width:480px!important;color:#89909e!important;font-size:10px!important;line-height:1.6!important}
.hero-status-row{display:none!important}
.hero-quick{grid-column:3!important;grid-row:1 / span 2!important;margin:0!important;gap:6px!important;justify-content:flex-end!important}
.hero-quick a{min-height:34px!important;padding:0 10px!important;border:1px solid #e6e9ef!important;border-radius:9px!important;background:#fafbfc!important;color:#626b7d!important;font-size:10px!important}
.hero-quick .hero-recharge{background:#6675e8!important;color:#fff!important;border-color:#6675e8!important}
.hero-console{display:none!important}

.portal-panel{
  border:1px solid var(--app-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.portal-panel:hover{box-shadow:none!important;border-color:#e3e6ec!important}
.portal-panel-head{padding-bottom:14px!important;border-color:#eceef2!important}
.portal-panel-head>div>span{color:#9da3af!important;font-size:8px!important;letter-spacing:.7px!important}
.portal-panel h2{color:#1c2230!important;font-size:18px!important;letter-spacing:-.3px!important}
.portal-panel-head p{color:#9097a5!important;font-size:10px!important}
.panel-live{background:#f4faf7!important;border-color:#dcefe7!important;color:#43816c!important;border-radius:8px!important}

/* 直接搜索、直接取号 */
.activation-center{padding:18px!important}
.activation-toolbar{gap:10px!important}
.activation-country,.activation-search{gap:6px!important}.activation-country>span,.activation-search>span{color:#8d94a2!important;font-size:10px!important}
.activation-country select,.activation-search input,.portal-search,.keyword-entry input{
  border:1px solid #e2e6ed!important;
  background:#fafbfc!important;
  color:#202633!important;
  box-shadow:none!important;
  border-radius:11px!important;
}
.activation-country select:focus,.activation-search input:focus,.portal-search:focus-within,.keyword-entry input:focus{border-color:#a2acf1!important;box-shadow:0 0 0 3px rgba(90,111,240,.08)!important;background:#fff!important}
.activation-search button{
  border-radius:9px!important;background:#6675e8!important;box-shadow:none!important;font-size:11px!important
}
.activation-tip{margin-top:9px!important;padding:9px 10px!important;border:0!important;border-radius:9px!important;background:#f7f8fb!important;color:#9299a6!important;font-size:9px!important}
.activation-result-head{color:#9aa1ae!important;border-color:#eceef3!important}
.activation-row{border-color:#edf0f4!important}
.activation-row:hover{background:#fafbfe!important}
.activation-row strong{color:#343b4b!important}.activation-row span{color:#858d9c!important}.activation-row b{color:#394052!important}
.activation-row button{background:#eef1ff!important;color:#5868d2!important;border:1px solid #e0e4ff!important;box-shadow:none!important;border-radius:8px!important}

.portal-grid{grid-template-columns:minmax(0,1fr) 330px!important;gap:12px!important}
.project-panel,.order-panel,.history-panel{padding:18px!important}
.order-panel{position:sticky!important;top:14px!important;align-self:start!important}
.project-toolbar{gap:8px!important;margin-top:14px!important}
.portal-search{height:42px!important;padding:0 11px!important}.portal-search svg{width:16px!important;height:16px!important;color:#9aa1af!important}.portal-search input{border:0!important;background:transparent!important;box-shadow:none!important}.portal-search b{color:#989fac!important;font-size:9px!important}
.refresh-projects{height:42px!important;padding:0 11px!important;border:1px solid #e5e8ee!important;border-radius:10px!important;background:#fafbfc!important;color:#6e7688!important;box-shadow:none!important}
.refresh-projects:hover{background:#f5f6f8!important;box-shadow:none!important;transform:none!important}

/* 服务从“卡片墙”变成轻量产品列表 */
.service-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:12px!important}
.service-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  min-height:82px!important;
  padding:13px 14px!important;
  border:1px solid #e8eaf0!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.service-card:hover{transform:none!important;border-color:#dce1eb!important;background:#fcfcfe!important;box-shadow:0 4px 16px rgba(31,38,58,.04)!important}
.keyword-overview{min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:4px 14px!important}
.service-title-line{grid-column:1!important;display:flex!important;align-items:center!important;gap:8px!important}.service-title-line h3{margin:0!important;color:#262c39!important;font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.service-title-line i{padding:3px 6px!important;border-radius:6px!important;background:#eef8f4!important;color:#4e8b73!important;font-size:8px!important;font-style:normal!important}
.service-meta{grid-column:1!important;display:flex!important;gap:8px!important;margin:0!important}.service-meta span{color:#969daa!important;font-size:9px!important}.service-meta span+span:before{content:"·";margin-right:8px;color:#c2c6cf!important}
.service-price{grid-column:2!important;grid-row:1 / span 2!important;color:#323948!important;font-size:15px!important;font-weight:800!important;white-space:nowrap!important}
.service-action-button{min-width:96px!important;height:38px!important;padding:0 14px!important;border-radius:9px!important;background:#6675e8!important;box-shadow:none!important;font-size:10px!important}
.service-action-button:hover{transform:none!important;background:#5969dc!important;box-shadow:none!important}
.service-action-button:disabled{background:#f1f2f5!important;color:#a6acb7!important}
.keyword-service{grid-template-columns:minmax(0,1fr) minmax(180px,240px) auto!important;align-items:end!important}
.keyword-service .keyword-overview{align-self:center!important}
.keyword-entry{gap:5px!important}.keyword-entry .keyword-label{color:#8f96a4!important;font-size:9px!important}.keyword-entry input{height:38px!important;padding:0 10px!important;font-size:11px!important}.keyword-entry small{display:none!important}
.keyword-action-zone{display:flex!important;align-items:center!important;gap:8px!important}.keyword-policy{display:none!important}
.phone-enabled{grid-template-columns:minmax(0,1fr) minmax(150px,210px) minmax(150px,210px) auto!important}

.active-order{padding:14px!important;border:1px solid #e9ebf0!important;border-radius:13px!important;background:#fafbfc!important;box-shadow:none!important}
.active-order.empty{min-height:180px!important;display:grid!important;place-items:center!important;align-content:center!important;text-align:center!important}
.active-order h3{color:#2e3543!important}.active-order p{color:#7f8797!important}.active-order>small{color:#9ba2ae!important}.active-order .status{background:#eef1ff!important;color:#5c6ad0!important;border:0!important}.order-number{color:#1e2532!important;background:#fff!important;border:1px dashed #dfe3eb!important;border-radius:10px!important;font-size:18px!important}
.copy-btn,.release-btn{border:1px solid #e2e5eb!important;background:#fff!important;color:#5d6678!important;border-radius:8px!important;box-shadow:none!important}.release-btn{color:#b65a65!important;background:#fff8f9!important;border-color:#f2e0e3!important}
.sms-code{background:#eef1ff!important;color:#5868d1!important;border-radius:11px!important;text-shadow:none!important;font-size:28px!important}.sms-box{border:1px solid #e7eaf0!important;background:#fff!important;color:#697285!important;border-radius:10px!important}
.radar{filter:saturate(.6)!important;opacity:.6!important}

.history-list{margin-top:10px!important}.history-item{min-height:48px!important;border-color:#edf0f3!important}.history-item:hover{background:#fafbfc!important}.history-item strong{color:#3a4252!important}.history-item .status{background:#f1f3f8!important;color:#757e91!important}.history-item time{color:#9ba1ad!important}.portal-footer{border-color:#eceef2!important;color:#a0a6b1!important}
.toast{background:#202633!important;color:#fff!important;border:0!important;border-radius:10px!important;box-shadow:0 10px 28px rgba(20,24,36,.18)!important}
.skeleton{background:linear-gradient(90deg,#f0f2f5 25%,#f8f9fb 42%,#f0f2f5 63%)!important;background-size:400% 100%!important;border-radius:12px!important}

/* ---------- 充值中心：更像支付/钱包页，而不是宣传页 ---------- */
body.recharge-page{--recharge-bg:var(--app-bg)!important;--recharge-panel:#fff!important;--recharge-panel-2:#fafbfc!important;--recharge-line:var(--app-line)!important;--recharge-line-strong:#dfe3ed!important;--recharge-text:var(--app-text)!important;--recharge-muted:#878f9f!important;--recharge-soft:#515a6d!important;background:var(--app-bg)!important}
body.recharge-page .recharge-top{
  width:min(1180px,calc(100% - 32px))!important;margin:14px auto 0!important;padding:0 12px!important;
  border:1px solid var(--app-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:none!important
}
body.recharge-page .recharge-top nav a{border:0!important;border-radius:9px!important;background:transparent!important;color:#70788a!important;box-shadow:none!important}
body.recharge-page .recharge-top nav a:hover{background:#f5f6f8!important;color:#3f4758!important;box-shadow:none!important}
body.recharge-page .recharge-shell{width:min(1180px,calc(100% - 32px))!important}
body.recharge-page .recharge-overview{gap:12px!important}
body.recharge-page .overview-copy,body.recharge-page .balance-panel,body.recharge-page .recharge-card,body.recharge-page .recharge-offline{
  border:1px solid var(--app-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:none!important
}
body.recharge-page .overview-copy{padding:22px!important;background:#fff!important}
body.recharge-page .overview-copy:after{display:none!important}
body.recharge-page .overview-copy h1{font-size:26px!important;letter-spacing:-.7px!important;color:#1d2330!important}
body.recharge-page .overview-copy p{color:#8b92a0!important}
body.recharge-page .overview-chips span{border:0!important;border-radius:8px!important;background:#f5f6f9!important;color:#727b8e!important}
body.recharge-page .balance-panel{padding:20px!important}.balance-panel strong{font-size:31px!important}.balance-panel a{color:#5d6cd4!important}
body.recharge-page .recharge-main-grid{gap:12px!important}.recharge-card{padding:20px!important}
body.recharge-page .card-head h2{font-size:18px!important}.card-head span,.start-eyebrow{color:#9ca3af!important}.network-pill,.card-head>b,.start-ready-pill,.auto-state{border:0!important;border-radius:8px!important;background:#f2f4f8!important;color:#697285!important}
body.recharge-page .payment-status,.address-main,.qr-slot,.rate-card,.submit-support-note,.recharge-empty,.security-strip>div,.auto-order-card,.auto-pay-amount,.auto-order-grid>div,.recharge-start-guide,.start-rate-line,.start-safe-note{
  border:1px solid #e9ebf1!important;border-radius:13px!important;background:#fafbfc!important;box-shadow:none!important
}
body.recharge-page .qr-slot{background:#fff!important}.qr-slot img{box-shadow:none!important;border:1px solid #eceef2!important}
body.recharge-page .address-main code{color:#2e3543!important;font-size:13px!important}
body.recharge-page .security-strip b{color:#6675e8!important}.security-callout{border:0!important;border-radius:12px!important;background:#fff8ee!important}.security-callout i{background:#ffefd4!important;color:#ae6c19!important}
body.recharge-page .recharge-form input,body.recharge-page .recharge-form textarea{border:1px solid #e2e6ed!important;border-radius:11px!important;background:#fafbfc!important;color:#202633!important;box-shadow:none!important}
body.recharge-page .recharge-form input:focus,body.recharge-page .recharge-form textarea:focus{border-color:#a2acf1!important;background:#fff!important;box-shadow:0 0 0 3px rgba(90,111,240,.08)!important}
body.recharge-page .recharge-primary{border-radius:10px!important;background:#6675e8!important;box-shadow:none!important}.recharge-primary:hover{transform:none!important;background:#5969dc!important;box-shadow:none!important}
body.recharge-page .recharge-primary.ghost{background:#eef1ff!important;color:#5968cf!important;border:0!important}
body.recharge-page .support-note-actions button,body.recharge-page .recharge-copy-btn{border:1px solid #e5e8ee!important;border-radius:8px!important;background:#fff!important;color:#646d80!important;box-shadow:none!important}
body.recharge-page .recharge-alert.success{border:0!important;background:#eef8f4!important;color:#347b63!important}.recharge-alert.danger{border:0!important;background:#fff1f3!important;color:#b55662!important}
body.recharge-page .recharge-table th{color:#969daa!important}.recharge-table td{color:#4b5467!important;border-color:#edf0f3!important}.recharge-table tbody tr:hover{background:#fafbfc!important}.recharge-status{background:#f0f2f7!important;color:#727b8e!important}.recharge-status.approved{background:#eef8f4!important;color:#3d8169!important}.recharge-status.rejected{background:#fff1f3!important;color:#bd5864!important}
body.recharge-page .auto-order-note{background:#f3f5ff!important;border:0!important}.auto-order-note strong{color:#5c69cd!important}.recharge-cancel-btn{border:1px solid #f0dfe2!important;border-radius:9px!important;background:#fff8f9!important;color:#b65b66!important}
body.recharge-page .recharge-card:hover,body.recharge-page .overview-copy:hover,body.recharge-page .balance-panel:hover{border-color:#e1e4ea!important;box-shadow:none!important}
body.recharge-page .recharge-footer{color:#9da3af!important;border-color:#e9ebf0!important}

/* ---------- 动画降噪：保留响应感，去掉炫技 ---------- */
.portal-panel,.dashboard-hero,.portal-topbar,.service-card,.recharge-card,.overview-copy,.balance-panel{transition:border-color .16s ease,background-color .16s ease!important}
.ui-spotlight:before,.ui-ripple{display:none!important}
.portal-ready .portal-sidebar,.portal-ready .portal-topbar,.portal-ready .dashboard-hero,.portal-ready .portal-panel,.recharge-ready .recharge-card,.gateway-ready .sms-login-copy,.gateway-ready .sms-auth-card{animation:none!important}

/* ---------- 平板 ---------- */
@media(max-width:1100px){
  .portal-layout{grid-template-columns:188px minmax(0,1fr)!important}
  .portal-grid{grid-template-columns:1fr!important}.order-panel{position:relative!important;top:auto!important}
  .keyword-service,.phone-enabled{grid-template-columns:1fr!important;align-items:stretch!important}.keyword-action-zone{justify-content:flex-end!important}.service-action-button{width:100%!important}
  .sms-login-layout{grid-template-columns:1fr 390px!important}
}

/* ---------- 手机端：真正按 App 使用，不是缩小桌面 ---------- */
@media(max-width:760px){
  body{padding-bottom:78px!important}
  .sms-top{width:calc(100% - 20px)!important;height:58px!important;margin-top:8px!important;border-radius:15px!important;padding:0 6px 0 10px!important}
  .sms-brand-wide{max-width:150px!important;max-height:38px!important}.sms-brand b{font-size:14px!important}.sms-top-links{gap:2px!important}.sms-top-links a{min-height:34px!important;padding:0 9px!important;font-size:11px!important}.sms-top-links a:not(.sms-recharge-top):first-of-type{display:none!important}.sms-top-links .sms-recharge-top{display:none!important}
  .sms-login-layout{width:calc(100% - 20px)!important;min-height:auto!important;padding:18px 0 28px!important;grid-template-columns:1fr!important;gap:10px!important}
  .sms-login-copy{min-height:auto!important;padding:24px 20px!important;border-radius:18px!important}
  .sms-login-copy h1{font-size:32px!important;letter-spacing:-1.4px!important}.sms-login-copy>p{font-size:12px!important}.sms-capability{grid-template-columns:repeat(2,1fr)!important;margin-top:18px!important}.sms-capability>div{min-height:58px!important;padding:11px!important}.sms-visual-card{display:none!important}
  .sms-auth-card{padding:22px 18px!important;border-radius:18px!important;box-shadow:none!important}.sms-auth-card h2{font-size:23px!important}.sms-form input{font-size:16px!important}
  .sms-footer{width:calc(100% - 20px)!important;align-items:flex-start!important;gap:4px!important;font-size:9px!important}

  .portal-layout{width:calc(100% - 12px)!important;margin:6px auto 18px!important;display:block!important}
  .portal-sidebar{position:relative!important;top:auto!important;min-height:auto!important;padding:10px 11px!important;border-radius:16px!important;overflow:visible!important}
  .portal-brand{padding:0!important}.portal-brand-wide{max-width:148px!important;max-height:38px!important}.portal-user-card,.portal-recharge-card,.sidebar-status{display:none!important}
  .portal-sidebar nav{
    position:fixed!important;z-index:80!important;left:8px!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;
    display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(0,1fr)!important;gap:3px!important;margin:0!important;padding:7px!important;
    border:1px solid rgba(224,227,235,.95)!important;border-radius:17px!important;background:rgba(255,255,255,.96)!important;
    box-shadow:0 10px 34px rgba(31,38,58,.12)!important;backdrop-filter:blur(14px)!important
  }
  .portal-sidebar nav a{min-width:0!important;min-height:48px!important;padding:5px 3px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;border-radius:11px!important;font-size:9px!important}
  .portal-sidebar nav svg{width:17px!important;height:17px!important}.portal-sidebar nav em{display:none!important}.portal-sidebar nav a.active{background:#eef1ff!important;color:#5b69d0!important}
  .portal-main-shell{margin-top:8px!important;gap:8px!important}
  .portal-topbar{min-height:60px!important;padding:13px 14px!important;border-radius:15px!important}.portal-topbar h1{font-size:18px!important}.portal-topbar p{display:none!important}.topbar-actions{gap:3px!important}.top-live{display:none!important}.ghost-link{min-height:32px!important;padding:0 8px!important;font-size:9px!important}.ghost-link.recharge{display:none!important}
  .dashboard-hero{padding:13px 14px!important;border-radius:15px!important}.balance-copy{grid-template-columns:1fr auto!important;column-gap:8px!important}.hero-kicker{display:none!important}.balance-value{grid-column:1!important;grid-row:1!important}.balance-value strong{font-size:28px!important}.balance-copy>small{grid-column:1 / -1!important;grid-row:2!important;margin-top:2px!important;font-size:9px!important}.hero-quick{grid-column:2!important;grid-row:1!important}.hero-quick a{display:none!important}.hero-quick .hero-recharge{display:inline-flex!important;min-height:32px!important}
  .portal-panel{border-radius:15px!important}.activation-center,.project-panel,.order-panel,.history-panel{padding:14px!important}.portal-panel h2{font-size:16px!important}.portal-panel-head p{display:none!important}
  .activation-toolbar{grid-template-columns:1fr!important}.activation-search>div{display:grid!important;grid-template-columns:1fr auto!important}.activation-result-head{display:none!important}.activation-row{grid-template-columns:minmax(0,1fr) auto auto!important;gap:7px!important;padding:10px 0!important}.activation-row span{display:none!important}.activation-row strong{font-size:11px!important}.activation-row b{font-size:11px!important}.activation-row button{min-height:32px!important}
  .portal-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.order-panel{position:relative!important;top:auto!important;order:-1!important}.active-order.empty{min-height:112px!important}.radar{transform:scale(.8)!important}
  .project-toolbar{grid-template-columns:1fr auto!important}.refresh-projects{width:auto!important}.service-card{min-height:72px!important;padding:11px 12px!important;gap:8px!important;grid-template-columns:minmax(0,1fr) auto!important}.service-title-line h3{font-size:12px!important}.service-meta{display:none!important}.service-price{font-size:13px!important}.service-action-button{min-width:74px!important;height:34px!important;padding:0 10px!important;font-size:9px!important}.keyword-service,.phone-enabled{grid-template-columns:1fr!important}.keyword-service .keyword-overview{grid-template-columns:1fr auto!important}.keyword-entry input{height:40px!important;font-size:12px!important}.keyword-action-zone{width:100%!important}.keyword-action-zone .service-action-button{width:100%!important}
  .history-item{grid-template-columns:minmax(0,1fr) auto!important}.history-item time{grid-column:1 / -1!important}.portal-footer{display:none!important}.portal-recharge-fab{display:none!important}

  body.recharge-page{padding-bottom:12px!important}.recharge-top{width:calc(100% - 12px)!important;margin-top:6px!important;border-radius:15px!important}.recharge-shell{width:calc(100% - 12px)!important}.recharge-overview,.recharge-main-grid{grid-template-columns:1fr!important}.overview-copy,.balance-panel,.recharge-card{border-radius:15px!important}.overview-copy{padding:18px!important}.overview-copy h1{font-size:22px!important}.overview-chips{gap:5px!important}.overview-chips span{font-size:9px!important}.recharge-card{padding:15px!important}.address-layout{grid-template-columns:1fr!important}.qr-slot{max-width:none!important}.recharge-table-wrap{overflow:auto!important;-webkit-overflow-scrolling:touch!important}
}

@media(max-width:430px){
  .portal-sidebar nav{grid-template-columns:none!important}.portal-sidebar nav a{font-size:8px!important}.portal-sidebar nav a span{max-width:56px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .sms-capability{gap:6px!important}.sms-login-copy{padding:22px 17px!important}.sms-auth-card{padding:21px 17px!important}
}