/* 易验全站主题：天蓝色 + 圆润边角 */
:root {
  --yy-sky-50: #f0f9ff;
  --yy-sky-100: #e0f2fe;
  --yy-sky-200: #bae6fd;
  --yy-sky-300: #7dd3fc;
  --yy-sky-400: #38bdf8;
  --yy-sky-500: #0ea5e9;
  --yy-sky-600: #0284c7;
  --yy-sky-700: #0369a1;
  --yy-radius-sm: 12px;
  --yy-radius: 18px;
  --yy-radius-lg: 24px;
  --yy-shadow: 0 10px 30px rgba(14, 165, 233, .10);
  --yy-shadow-hover: 0 16px 38px rgba(14, 165, 233, .16);

  /* 兼容现有页面变量 */
  --p: var(--yy-sky-500) !important;
  --p-d: var(--yy-sky-600) !important;
  --p-l: var(--yy-sky-200) !important;
  --p-bg: var(--yy-sky-50) !important;
  --primary: var(--yy-sky-500) !important;
  --primary-dark: var(--yy-sky-600) !important;
  --primary-light: var(--yy-sky-300) !important;
  --primary-bg: var(--yy-sky-50) !important;
  --blue: var(--yy-sky-500) !important;
  --blue-d: var(--yy-sky-600) !important;
  --blue-l: var(--yy-sky-200) !important;
  --blue-bg: var(--yy-sky-50) !important;
  /* 将旧主题的绿/橙/红/紫/青变量统一映射到淡天蓝 */
  --g: var(--yy-sky-500) !important;
  --g-d: var(--yy-sky-600) !important;
  --g-bg: var(--yy-sky-50) !important;
  --g-bd: var(--yy-sky-200) !important;
  --o: var(--yy-sky-500) !important;
  --o-d: var(--yy-sky-600) !important;
  --o-bg: var(--yy-sky-50) !important;
  --o-bd: var(--yy-sky-200) !important;
  --r: var(--yy-sky-500) !important;
  --r-d: var(--yy-sky-600) !important;
  --r-bg: var(--yy-sky-50) !important;
  --r-bd: var(--yy-sky-200) !important;
  --purple: var(--yy-sky-500) !important;
  --purple-bg: var(--yy-sky-50) !important;
  --purple-bd: var(--yy-sky-200) !important;
  --cyan: var(--yy-sky-500) !important;
  --cyan-bg: var(--yy-sky-50) !important;
  --cyan-bd: var(--yy-sky-200) !important;
  --success: var(--yy-sky-500) !important;
  --danger: var(--yy-sky-500) !important;
  --warn: var(--yy-sky-500) !important;
  --accent: var(--yy-sky-500) !important;
  --accent-hover: var(--yy-sky-600) !important;
  --c-bg: #f3faff !important;
  --c-surface: #edf8ff !important;
  --c-surface-2: var(--yy-sky-50) !important;
  --c-border: var(--yy-sky-200) !important;
  --c-border-strong: var(--yy-sky-300) !important;
  --c-accent: var(--yy-sky-600) !important;
  --t1: #0c4a6e !important;
  --t2: #334155 !important;
  --t3: #64748b !important;
  --t4: #94a3b8 !important;
  --text: #0c4a6e !important;
  --text2: #475569 !important;
  --text3: #94a3b8 !important;
  --bg: #f3faff !important;
  --bg-l: #f8fcff !important;
  --card: rgba(237, 248, 255, .96) !important;
  --bd: #cdeeff !important;
  --bd-l: #e5f6ff !important;
  --border: #cdeeff !important;
  --rad-s: var(--yy-radius-sm) !important;
  --rad: var(--yy-radius) !important;
  --rad-l: var(--yy-radius-lg) !important;
  --radius: var(--yy-radius) !important;
  --radius-lg: var(--yy-radius-lg) !important;
  --sh: var(--yy-shadow) !important;
  --sh-m: var(--yy-shadow) !important;
  --sh-l: var(--yy-shadow-hover) !important;
}

html { background: #f3faff !important; }
body:has(.mi-nav), body:has(.mi-wrap) {
  --r: var(--yy-radius-sm) !important;
  --r-lg: var(--yy-radius) !important;
  --r-xl: var(--yy-radius-lg) !important;
}
body {
  background-color: #f3faff !important;
  background-image:
    radial-gradient(circle at 8% 0%, rgba(125, 211, 252, .24), transparent 30%),
    radial-gradient(circle at 92% 8%, rgba(56, 189, 248, .16), transparent 28%),
    linear-gradient(180deg, #f7fcff 0%, #eef9ff 100%) !important;
  background-attachment: fixed !important;
}

/* 通用容器 */
.card, .cd, .ci, .panel, .box, .auth-card, .login-card, .register-card,
.modal, .ann-modal, .shop-card, .product-card, .query-card, .result-card,
.mi-card, .mz-card, .section-card, .glass-card, .content-card {
  background: linear-gradient(145deg, rgba(240,249,255,.98), rgba(224,242,254,.84)) !important;
  border-color: var(--yy-sky-200) !important;
  border-radius: var(--yy-radius) !important;
  box-shadow: var(--yy-shadow) !important;
}
.card:hover, .cd:hover, .ci:hover, .product-card:hover, .shop-card:hover,
.mi-card:hover, .glass-card:hover {
  border-color: var(--yy-sky-300) !important;
  box-shadow: var(--yy-shadow-hover) !important;
}

/* 表单 */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
select, textarea, .fi, .form-control {
  border-color: var(--yy-sky-200) !important;
  border-radius: var(--yy-radius-sm) !important;
  background-color: rgba(240,249,255,.96) !important;
  min-height: 44px;
  padding: 10px 13px;
  font: inherit;
}
input:not([type="checkbox"]):not([type="radio"]):focus,
select:focus, textarea:focus, .fi:focus, .form-control:focus {
  border-color: var(--yy-sky-400) !important;
  box-shadow: 0 0 0 4px rgba(56, 189, 248, .14) !important;
  outline: none !important;
}
input[type="checkbox"], input[type="radio"] { accent-color: var(--yy-sky-500) !important; }
/* 带前置图标的输入组件：仅在确有图标时留位，避免图标/文字/原生控件互相覆盖。 */
.iw,.ig{position:relative!important}
.iw>.wi,.ig>i.ic{position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important;pointer-events:none!important}
.iw:has(>.wi)>input:not([type="checkbox"]):not([type="radio"]),.iw:has(>.wi)>select,.iw:has(>.wi)>textarea,.ig:has(>i.ic)>input,.ig:has(>i.ic)>select,.ig:has(>i.ic)>textarea{box-sizing:border-box!important;padding-left:42px!important}
.iw>select,.ig>select{padding-right:34px!important}
.iw>input[type="number"],.ig>input[type="number"],.iw>input[type="date"],.iw>input[type="time"],.iw>input[type="datetime-local"]{padding-right:38px!important}

/* 原生上传、长文本和数据区统一为浅蓝控件，避免突兀白块 */
input[type="file"] {
  width: 100%; min-height: 50px; padding: 6px 8px !important;
  border: 1px dashed var(--yy-sky-400) !important;
  background: linear-gradient(135deg,rgba(224,242,254,.9),rgba(240,249,255,.98)) !important;
  cursor: pointer;
}
input[type="file"]::file-selector-button {
  height: 36px; margin-right: 12px; padding: 0 16px;
  border: 1px solid var(--yy-sky-300); border-radius: 10px;
  background: linear-gradient(135deg,var(--yy-sky-200),var(--yy-sky-400));
  color: #000; font-size: 12px; font-weight: 700; cursor: pointer;
}
textarea { min-height: 110px; line-height: 1.65; resize: vertical; }
select { cursor: pointer; }
.cd-b table { background: rgba(224,242,254,.46) !important; }
.cd-b table td { background: rgba(240,249,255,.56) !important; }

/* 重点运营页面组件 */
.yy-page-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;margin-bottom:16px;border:1px solid var(--yy-sky-200);border-radius:24px;background:linear-gradient(135deg,var(--yy-sky-100),rgba(186,230,253,.78));box-shadow:var(--yy-shadow)}
.yy-page-intro h2{font-size:20px;margin-bottom:5px}.yy-page-intro p{font-size:12px;opacity:.7}.yy-page-intro i{font-size:28px;color:var(--yy-sky-700)!important}.yy-form-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.yy-col-3{grid-column:span 3}.yy-col-4{grid-column:span 4}.yy-col-6{grid-column:span 6}.yy-col-12{grid-column:1/-1}.yy-field{display:flex;flex-direction:column;gap:7px}.yy-field label{font-size:12px;font-weight:750}.yy-choice-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px}.yy-choice{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--yy-sky-200);border-radius:999px;background:rgba(224,242,254,.72)}.yy-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px;margin-bottom:18px}.yy-template-card{border:1px solid var(--yy-sky-200);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,rgba(240,249,255,.98),rgba(224,242,254,.8));box-shadow:var(--yy-shadow)}.yy-template-card-h{padding:16px 18px;border-bottom:1px solid var(--yy-sky-200);display:flex;justify-content:space-between;align-items:center}.yy-template-key{font:700 12px/1.3 ui-monospace,monospace;padding:6px 10px;border-radius:999px;background:var(--yy-sky-100)}.yy-template-card-b{padding:18px}.yy-meter{height:8px;border-radius:999px;background:var(--yy-sky-100);overflow:hidden}.yy-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--yy-sky-300),var(--yy-sky-600))}.yy-metric-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(240,249,255,.76);border:1px solid var(--yy-sky-200);font-size:19px}.yy-table-wrap{overflow:auto;border-radius:18px;border:1px solid var(--yy-sky-200)}
@media(max-width:760px){.yy-form-grid{grid-template-columns:1fr}.yy-form-grid>*{grid-column:1/-1}.yy-template-grid{grid-template-columns:1fr}.yy-page-intro{align-items:flex-start}.yy-page-intro i{display:none}}

/* 按钮和交互入口 */
button, .btn, .mi-btn, .action-btn, .submit-btn, .nav-btn,
.page-link, .page-active, .tab, .atab, [class*="btn-"] {
  border-radius: var(--yy-radius-sm) !important;
}
.btn-p, .btn-primary, .primary-btn, .submit-btn, .mi-btn-primary,
button.primary, .page-active {
  background: linear-gradient(135deg, var(--yy-sky-200), var(--yy-sky-400)) !important;
  border: 1px solid var(--yy-sky-400) !important;
  color: #000 !important;
  box-shadow: 0 8px 20px rgba(14, 165, 233, .18) !important;
}
.btn-p:hover, .btn-primary:hover, .primary-btn:hover, .submit-btn:hover,
.mi-btn-primary:hover, button.primary:hover {
  background: linear-gradient(135deg, var(--yy-sky-300), var(--yy-sky-500)) !important;
  border-color: var(--yy-sky-500) !important;
  box-shadow: 0 12px 26px rgba(14, 165, 233, .24) !important;
}

/* 导航、侧栏、顶部栏 */
.sb, .sidebar, aside.sidebar {
  background: linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 48%, #bae6fd 100%) !important;
  border-color: var(--yy-sky-200) !important;
  box-shadow: 8px 0 28px rgba(14,165,233,.08) !important;
}
.nav-it, .sidebar a, .menu-item { border-radius: var(--yy-radius-sm) !important; }
.nav-it.on, .nav-it:hover, .sidebar a.active, .menu-item.active {
  background: rgba(56, 189, 248, .18) !important;
}
.tp, .topbar, header.mi-nav {
  background: rgba(240, 249, 255, .88) !important;
  border-color: var(--yy-sky-200) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

/* 表格、标签、通知 */
.tb, table { border-radius: var(--yy-radius-sm) !important; overflow: hidden; }
.tb th, table th { background: var(--yy-sky-50) !important; }
.badge, .tag, .cd-tg, .status, .alert, .toast, .notice {
  border-radius: 999px !important;
}
.alert, .toast, .notice { border-radius: var(--yy-radius-sm) !important; }

/* 图片、头像、代码块、iframe */
img:not(.full-bleed), .avatar, .u-av, .brand-ic, .sc-ic,
pre, code, iframe, .qr-code, .logo-box {
  border-radius: var(--yy-radius-sm) !important;
}
iframe { border: 1px solid var(--yy-sky-200) !important; }

/* 弹窗遮罩中的主体保持圆润 */
.modal-bg > .modal, .modal-content, .dialog, [role="dialog"] {
  border-radius: var(--yy-radius-lg) !important;
  border: 1px solid var(--yy-sky-200) !important;
}

/* 滚动条 */
::-webkit-scrollbar-thumb { background: var(--yy-sky-300) !important; border-radius: 999px !important; }
::-webkit-scrollbar-track { background: var(--yy-sky-50) !important; }

@media (max-width: 768px) {
  :root { --yy-radius-sm: 11px; --yy-radius: 16px; --yy-radius-lg: 20px; }
}

/* 全站文字默认使用深色；保留按钮、代码区、遮罩和组件自己的对比色 */
body { color: #0f172a; }
body :where(p,li,dt,dd,label,th,td,h1,h2,h3,h4,h5,h6) {
  text-shadow: none;
}
input, select, textarea {
  color: #0f172a !important;
}
input::placeholder, textarea::placeholder {
  color: #64748b !important;
  opacity: .72 !important;
}
/* 主要动作按钮使用适合深色文字的浅天蓝；不覆盖关闭、图标、验证码等原生按钮 */
.btn:not(.btn-d):not(.danger):not([class*="delete"]):not([class*="danger"]),
.buy-btn, .buy-submit, .query-submit, .search-btn, .copy-btn,
.topbar-btn-primary, .disclaimer-btn, .modal-ok, .btn-confirm,
.contact-close, .cat-chip.active, .map-filter-btn.active {
  background: linear-gradient(135deg, var(--yy-sky-200), var(--yy-sky-400)) !important;
  border-color: var(--yy-sky-400) !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  box-shadow: 0 7px 18px rgba(14,165,233,.16) !important;
}
.btn:not(.btn-d):not(.danger):not([class*="delete"]):not([class*="danger"]):hover,
.buy-btn:hover, .buy-submit:hover, .query-submit:hover, .search-btn:hover {
  background: linear-gradient(135deg, var(--yy-sky-300), var(--yy-sky-500)) !important;
}

/* 危险操作保留红色语义，但使用浅底黑字 */
.btn-d, .danger, [class*="delete"].btn, [class*="danger"].btn {
  background: #fee2e2 !important;
  border-color: #fca5a5 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}

/* 恢复图标与业务状态语义色；正文仍保持黑色 */
:is(.success, .pass, .ok, .status-success, .badge-success, .alert-success,
    .text-success, .g, [class*="success"], [class*="passed"]) i,
:is(i.success, i.pass, i.ok, i.status-success, i.text-success) {
  color: #059669 !important;
  -webkit-text-fill-color: #059669 !important;
}
:is(.warning, .warn, .status-warning, .badge-warning, .alert-warning,
    .text-warning, [class*="warning"], [class*="pending"]) i,
:is(i.warning, i.warn, i.status-warning, i.text-warning) {
  color: #d97706 !important;
  -webkit-text-fill-color: #d97706 !important;
}
:is(.error, .fail, .danger, .status-error, .status-danger, .badge-danger,
    .alert-error, .alert-danger, .text-danger, [class*="error"], [class*="danger"]) i,
:is(i.error, i.fail, i.danger, i.status-error, i.text-danger) {
  color: #dc2626 !important;
  -webkit-text-fill-color: #dc2626 !important;
}
:is(.info, .primary, .status-info, .badge-info, .alert-info,
    .text-primary, .text-info, [class*="info"]) i,
:is(i.info, i.primary, i.status-info, i.text-primary, i.text-info),
.logo-box > i, .brand-ic > i, .sc-ic > i, .wi > i,
.ig > i, .mi-icon, .feature-icon {
  color: var(--yy-sky-600) !important;
  -webkit-text-fill-color: var(--yy-sky-600) !important;
}

/* 原紫黑主题装饰统一为天蓝色 */
.agent-shell, .agent-brief, .join-panel, .page,
.stars-bg, .glow, .mouse-glow, .theme-palette {
  --purple: var(--yy-sky-500) !important;
  --cyan: var(--yy-sky-400) !important;
}
.agent-brief, .join-panel {
  background: linear-gradient(145deg, var(--yy-sky-50), var(--yy-sky-100)) !important;
  border-color: var(--yy-sky-200) !important;
}
.bg-noise, .stars-bg, .shooting-star, .sparkle,
.glow.g3, .glow.g4, .dot.d3, .dot.d4, .dot.d5 {
  display: none !important;
}
.glow.g1, .glow.g2 {
  background: radial-gradient(circle, rgba(56,189,248,.18), transparent 70%) !important;
}
.hero {
  background: linear-gradient(135deg, var(--yy-sky-200), var(--yy-sky-400)) !important;
  border: 1px solid var(--yy-sky-300) !important;
}
.theme-color { border-color: var(--yy-sky-200) !important; }
.theme-color[style*="#6366f1"], .theme-color[style*="#ec4899"],
.theme-color[style*="#10b981"], .theme-color[style*="#f59e0b"] {
  background: var(--yy-sky-300) !important;
}

/* 所有界面统一为淡天蓝色（数据大屏未加载本主题） */
.badge, .tag, .cd-tg, .status, .notice, .alert, .toast,
.btn-d, .btn-g, .danger, [class*="delete"].btn, [class*="danger"].btn,
.sc, .sc-blue, .sc-purple, .sc-green, .sc-orange,
.brand-ic, .u-av, .sc-ic, .logo-box,
[class*="badge-"], [class*="status-"], [class*="alert-"],
[class*="bg-"], .impersonate-bar {
  background: linear-gradient(135deg, var(--yy-sky-100), var(--yy-sky-300)) !important;
  border-color: var(--yy-sky-300) !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
:is(.success, .pass, .ok, .warning, .warn, .error, .fail, .danger,
    .info, .primary, [class*="success"], [class*="warning"],
    [class*="pending"], [class*="error"], [class*="danger"],
    [class*="info"]) i,
:is(i.success, i.pass, i.ok, i.warning, i.warn, i.error, i.fail,
    i.danger, i.info, i.primary),
.logo-box > i, .brand-ic > i, .sc-ic > i, .wi > i,
.ig > i, .mi-icon, .feature-icon {
  color: var(--yy-sky-700) !important;
  -webkit-text-fill-color: var(--yy-sky-700) !important;
}

/* 全部侧边栏菜单：灵动岛胶囊导航 */
.sb-nav {
  padding: 14px 12px 20px !important;
  scrollbar-width: thin;
  scrollbar-color: var(--yy-sky-300) transparent;
}
.sb-nav .nav-sec {
  margin: 12px 8px 7px !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.4) !important;
  border: 1px solid rgba(125,211,252,.38) !important;
  letter-spacing: .8px !important;
  opacity: 1 !important;
  transition: transform .22s ease, background .22s ease, box-shadow .22s ease !important;
}
.sb-nav .nav-sec:hover {
  background: rgba(255,255,255,.72) !important;
  transform: translateX(2px) !important;
  box-shadow: 0 5px 14px rgba(14,165,233,.08) !important;
}
.sb-nav .nav-group {
  display: grid;
  gap: 7px;
  margin: 0 0 10px !important;
}
.sb-nav > .nav-it { margin-bottom: 7px !important; }
.sb-nav .nav-group > .nav-it { margin: 0 !important; }
.sb-nav .nav-it {
  width: 100%;
  min-height: 44px;
  margin: 0 !important;
  padding: 9px 15px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(125,211,252,.48) !important;
  background: rgba(255,255,255,.54) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 4px 12px rgba(14,165,233,.06) !important;
  backdrop-filter: blur(14px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(135%) !important;
  transition: transform .22s cubic-bezier(.2,.8,.2,1),
              background .22s ease, border-color .22s ease,
              box-shadow .22s ease !important;
  overflow: hidden;
  isolation: isolate;
}
.sb-nav .nav-it::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background: linear-gradient(110deg, rgba(255,255,255,.72), transparent 45%);
  opacity: .7;
  pointer-events: none;
  z-index: -1;
}
.sb-nav a.nav-it:hover {
  background: rgba(224,242,254,.92) !important;
  border-color: var(--yy-sky-400) !important;
  transform: translateX(5px) scale(1.015) !important;
  box-shadow:
    inset 0 1px 0 #fff,
    0 9px 22px rgba(14,165,233,.16) !important;
}
.sb-nav .nav-it.on {
  background: linear-gradient(135deg, var(--yy-sky-200), var(--yy-sky-400)) !important;
  border-color: var(--yy-sky-400) !important;
  transform: translateX(4px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 10px 24px rgba(14,165,233,.2) !important;
  font-weight: 700 !important;
}
.sb-nav .nav-it.on::before {
  content: "" !important;
  position: absolute !important;
  left: 9px !important;
  top: 50% !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  transform: translateY(-50%) !important;
  background: var(--yy-sky-700) !important;
  box-shadow: 0 0 0 4px rgba(255,255,255,.55) !important;
}
.sb-nav .nav-it.on i { margin-left: 8px !important; }
.sb-nav .nav-it i {
  width: 25px !important;
  height: 25px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 25px !important;
  background: rgba(186,230,253,.72) !important;
  transition: transform .22s ease, background .22s ease !important;
}
.sb-nav a.nav-it:hover i,
.sb-nav .nav-it.on i {
  background: rgba(255,255,255,.72) !important;
  transform: rotate(-5deg) scale(1.08) !important;
}
.sb-user {
  border-radius: 999px !important;
  border: 1px solid var(--yy-sky-200) !important;
  background: rgba(255,255,255,.55) !important;
  box-shadow: 0 5px 16px rgba(14,165,233,.08) !important;
}
@media (max-width: 768px) {
  .sb { border-radius: 0 26px 26px 0 !important; }
  .sb-nav .nav-it { min-height: 46px; }
  .sb-nav a.nav-it:hover { transform: translateX(2px) !important; }
}
@media (prefers-reduced-motion: reduce) {
  .sb-nav .nav-it, .sb-nav .nav-sec, .sb-nav .nav-it i {
    transition: none !important;
  }
}

/* 共享高级交互组件 */
.yy-toast-root{position:fixed;top:18px;right:18px;z-index:10050;display:grid;gap:10px;width:min(380px,calc(100vw - 28px));pointer-events:none}
.yy-toast{pointer-events:auto;display:grid;grid-template-columns:30px 1fr 28px;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--yy-sky-300)!important;border-radius:999px!important;background:rgba(240,249,255,.96)!important;box-shadow:0 14px 38px rgba(14,165,233,.2)!important;backdrop-filter:blur(18px);transform:translateY(-14px) scale(.96);opacity:0;transition:.24s ease}
.yy-toast.show{transform:none;opacity:1}.yy-toast.out{transform:translateX(24px);opacity:0}.yy-toast>i{width:30px;height:30px;display:grid!important;place-items:center;background:var(--yy-sky-200)!important;border-radius:50%!important;color:var(--yy-sky-700)!important;-webkit-text-fill-color:var(--yy-sky-700)!important}.yy-toast span{font-size:13px;font-weight:650}.yy-toast button{width:28px!important;height:28px!important;min-height:0!important;padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important}
.yy-confirm-bg{position:fixed;inset:0;z-index:10040;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.26);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.22s ease}.yy-confirm-bg.show{opacity:1;visibility:visible}.yy-confirm{width:min(390px,100%);padding:28px;border:1px solid var(--yy-sky-300)!important;border-radius:28px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 28px 80px rgba(14,165,233,.22)!important;text-align:center;transform:translateY(18px) scale(.96);transition:.25s cubic-bezier(.2,.8,.2,1)}.yy-confirm-bg.show .yy-confirm{transform:none}.yy-confirm-icon{width:58px;height:58px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%!important;background:linear-gradient(135deg,var(--yy-sky-100),var(--yy-sky-300))!important;font-size:26px}.yy-confirm-title{font-size:18px;font-weight:800;margin-bottom:8px}.yy-confirm-message{font-size:13px;line-height:1.75;opacity:.72;white-space:pre-line}.yy-confirm-actions{display:flex;gap:10px;margin-top:22px}.yy-confirm-actions button{flex:1;min-height:44px}.yy-confirm-cancel{background:#fff!important;border:1px solid var(--yy-sky-200)!important}.yy-modal-open{overflow:hidden!important}
.yy-status-island{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px!important;border:1px solid var(--yy-sky-200)!important;background:rgba(255,255,255,.72)!important;box-shadow:0 5px 16px rgba(14,165,233,.09)!important;backdrop-filter:blur(14px);font-size:11px;font-weight:700;white-space:nowrap;transition:.22s ease}.yy-status-island b{width:7px;height:7px;border-radius:50%!important;background:var(--yy-sky-600)!important;box-shadow:0 0 0 4px rgba(56,189,248,.14)}.yy-status-island.is-loading b{animation:yyPulse 1s infinite}.yy-status-island.is-success,.yy-status-island.is-ok{background:rgba(240,249,255,.88)!important}@keyframes yyPulse{50%{transform:scale(1.45);opacity:.55}}
.yy-collapse-btn{display:inline-grid!important;place-items:center;width:36px!important;height:36px!important;min-height:0!important;padding:0!important;border-radius:50%!important;background:var(--yy-sky-100)!important;border:1px solid var(--yy-sky-200)!important;box-shadow:none!important}.yy-sidebar-collapsed .sb{width:82px!important}.yy-sidebar-collapsed .mn{margin-left:82px!important}.yy-sidebar-collapsed .sb-brand>div:last-child,.yy-sidebar-collapsed .sb-nav .nav-sec,.yy-sidebar-collapsed .sb-nav .nav-it span,.yy-sidebar-collapsed .sb-foot .sb-user>div:last-child{display:none!important}.yy-sidebar-collapsed .sb-brand{justify-content:center!important;padding-left:10px!important;padding-right:10px!important}.yy-sidebar-collapsed .sb-nav{padding:12px 10px!important}.yy-sidebar-collapsed .sb-nav .nav-group{display:grid!important}.yy-sidebar-collapsed .sb-nav .nav-it,.yy-sidebar-collapsed .sb-foot .nav-it{width:52px!important;min-width:52px!important;height:48px!important;justify-content:center!important;padding:0!important;margin:7px auto!important}.yy-sidebar-collapsed .sb-nav .nav-it.on{transform:none!important}.yy-sidebar-collapsed .sb-nav .nav-it.on::before{left:3px!important}.yy-sidebar-collapsed .sb-nav .nav-it.on i{margin-left:4px!important}.yy-sidebar-collapsed .sb-foot{padding:8px!important}.yy-sidebar-collapsed .sb-user{justify-content:center!important;padding:7px!important}.sb,.mn{transition:width .28s cubic-bezier(.2,.8,.2,1),margin-left .28s cubic-bezier(.2,.8,.2,1),transform .28s ease!important}
html.yy-ui-booting body{opacity:0}.yy-ui-ready body{opacity:1;transition:opacity .28s ease}.ct,#mainContent{animation:yyContentIn .34s ease both}.yy-page-leaving #mainContent{opacity:.45;transform:translateY(4px);transition:.18s ease;pointer-events:none}.yy-btn-loading i{animation:yySpin .8s linear infinite}@keyframes yySpin{to{transform:rotate(360deg)}}@keyframes yyContentIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.yy-mobile-nav{display:none}
@media(max-width:768px){.yy-collapse-btn{display:none!important}.yy-status-island{height:31px;padding:0 10px}.yy-status-island span{max-width:88px;overflow:hidden;text-overflow:ellipsis}.yy-mobile-nav{position:fixed;left:10px;right:10px;bottom:0;z-index:9980;display:flex;justify-content:space-around;gap:3px;padding:7px 7px calc(7px + env(safe-area-inset-bottom));border:1px solid var(--yy-sky-200)!important;border-radius:24px 24px 0 0!important;background:rgba(240,249,255,.94)!important;box-shadow:0 14px 40px rgba(14,165,233,.2)!important;backdrop-filter:blur(20px) saturate(145%)}.yy-mobile-nav a{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:48px;border-radius:18px!important;text-decoration:none;font-size:9px;font-weight:650}.yy-mobile-nav a i{font-size:18px}.yy-mobile-nav a.on{background:linear-gradient(135deg,var(--yy-sky-200),var(--yy-sky-400))!important;box-shadow:0 5px 14px rgba(14,165,233,.15)!important}.mn{padding-bottom:78px!important}.yy-toast-root{top:10px;right:10px;width:calc(100vw - 20px)}.yy-toast{border-radius:20px!important}.yy-confirm{border-radius:24px!important}}
@media(prefers-reduced-motion:reduce){.yy-toast,.yy-confirm,.yy-confirm-bg,.yy-status-island,.sb,.mn,.ct,#mainContent{animation:none!important;transition:none!important}}

/* 功能套件通用 UI */
.yy-feature-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;margin-bottom:16px;border:1px solid var(--yy-sky-200)!important;border-radius:24px!important;background:linear-gradient(135deg,rgba(240,249,255,.98),rgba(186,230,253,.72))!important;box-shadow:0 12px 30px rgba(14,165,233,.10)!important}.yy-feature-hero h2{margin:0 0 5px;font-size:20px;font-weight:800}.yy-feature-hero p{margin:0;font-size:12px;line-height:1.7;opacity:.7}.yy-feature-icon{width:52px;height:52px;display:grid;place-items:center;flex:0 0 52px;border-radius:18px!important;background:rgba(255,255,255,.8)!important;border:1px solid rgba(125,211,252,.6)!important;font-size:24px;box-shadow:0 8px 20px rgba(14,165,233,.10)!important}.yy-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.yy-feature-card{padding:18px;border:1px solid var(--yy-sky-200)!important;border-radius:20px!important;background:rgba(255,255,255,.86)!important;box-shadow:0 7px 22px rgba(14,165,233,.07)!important}.yy-feature-card h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px}.yy-feature-card h3 i{width:30px;height:30px;display:grid!important;place-items:center;border-radius:50%!important;background:var(--yy-sky-100)!important}.yy-kpi{font-size:25px;font-weight:850;line-height:1.2}.yy-kpi-label{margin-top:5px;font-size:11px;opacity:.62}.yy-status{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px!important;background:var(--yy-sky-100)!important;border:1px solid var(--yy-sky-200)!important;font-size:11px;font-weight:700}.yy-status:before{content:"";width:7px;height:7px;border-radius:50%!important;background:var(--yy-sky-600)!important}.yy-code,.yy-diff{padding:14px;border:1px solid var(--yy-sky-200)!important;border-radius:16px!important;background:#f8fcff!important;color:#000!important;font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word;overflow:auto}.yy-empty-state{padding:42px 20px;text-align:center;border:1px dashed var(--yy-sky-300)!important;border-radius:22px!important;background:rgba(240,249,255,.48)!important}.yy-empty-state i{font-size:34px;opacity:.5}.yy-filter-bar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:14px;margin-bottom:14px;border:1px solid var(--yy-sky-200)!important;border-radius:20px!important;background:rgba(255,255,255,.7)!important}.yy-danger-zone{border:1px solid var(--yy-sky-400)!important;border-radius:20px!important;background:linear-gradient(135deg,#fff,rgba(224,242,254,.75))!important}.yy-progress{height:9px;overflow:hidden;border-radius:999px!important;background:var(--yy-sky-100)!important}.yy-progress>span{display:block;height:100%;border-radius:inherit!important;background:linear-gradient(90deg,var(--yy-sky-300),var(--yy-sky-600))!important}.yy-tabs{display:flex;gap:7px;overflow:auto;padding:5px;border-radius:999px!important;background:var(--yy-sky-100)!important}.yy-tabs a,.yy-tabs button{min-height:36px!important;padding:0 14px!important;border-radius:999px!important;background:transparent!important;border:none!important;box-shadow:none!important;font-size:12px;font-weight:700;white-space:nowrap}.yy-tabs .on{background:#fff!important;box-shadow:0 4px 12px rgba(14,165,233,.10)!important}.yy-secret{filter:blur(5px);user-select:none;transition:.2s}.yy-secret:hover,.yy-secret:focus{filter:none}.yy-suite-table{width:100%;border-collapse:separate!important;border-spacing:0 7px!important}.yy-suite-table tr{background:rgba(255,255,255,.78)!important}.yy-suite-table td,.yy-suite-table th{padding:11px 12px!important;border-top:1px solid var(--yy-sky-100)!important;border-bottom:1px solid var(--yy-sky-100)!important}.yy-suite-table td:first-child,.yy-suite-table th:first-child{border-left:1px solid var(--yy-sky-100)!important;border-radius:14px 0 0 14px!important}.yy-suite-table td:last-child,.yy-suite-table th:last-child{border-right:1px solid var(--yy-sky-100)!important;border-radius:0 14px 14px 0!important}
@media(max-width:768px){.yy-feature-hero{padding:18px;border-radius:20px!important}.yy-feature-hero .btn{width:100%}.yy-feature-hero{align-items:flex-start;flex-wrap:wrap}.yy-feature-grid{grid-template-columns:1fr}.yy-filter-bar>*{width:100%!important}.yy-suite-table{min-width:680px}.yy-tabs{border-radius:18px!important}}

/* 首页 SECURITY 标签、版本号去除黑底 */
.v3-nav-badge, .mi-side-card .mi-side-tag {
  background: linear-gradient(135deg, var(--yy-sky-100), var(--yy-sky-300)) !important;
  border: 1px solid var(--yy-sky-300) !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  box-shadow: 0 5px 14px rgba(14,165,233,.12) !important;
}
.v3-nav-badge i, .mi-side-card .mi-side-tag i {
  color: var(--yy-sky-700) !important;
  -webkit-text-fill-color: var(--yy-sky-700) !important;
}

/* 首页底部原黑色行动区改为淡天蓝 */
.mi-final {
  background: linear-gradient(135deg, var(--yy-sky-100), var(--yy-sky-300)) !important;
  border: 1px solid var(--yy-sky-300) !important;
  box-shadow: 0 16px 38px rgba(14,165,233,.14) !important;
}
.mi-final::before, .mi-final::after {
  background: rgba(255,255,255,.28) !important;
}
.mi-final .mi-btn-ghost {
  background: rgba(255,255,255,.72) !important;
  border-color: var(--yy-sky-300) !important;
}

/* 原深色认证页转为浅色，避免黑字对比度不足 */
.agent-shell, .page, .agent-brief, .join-panel,
.popup, .popup-bg > .popup, .disclaimer-modal, .modal-content {
  color-scheme: light !important;
}
.agent-shell .card, .page > .card, .popup, .disclaimer-modal {
  background: rgba(255,255,255,.97) !important;
  border-color: var(--yy-sky-200) !important;
}
.agent-shell input, .agent-shell select, .agent-shell textarea,
.popup input, .popup select, .popup textarea {
  background: #fff !important;
  border-color: var(--yy-sky-200) !important;
}

/* 2026-07 全站布局核验：统一滚动、平板壳层和窄屏表单 */
.yy-auto-table-wrap,
.tw,.tb-w,.table-wrap,.mobile-table-wrapper,.yy-table-wrap {
  width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;
  -webkit-overflow-scrolling:touch;scrollbar-width:thin;
}
.yy-auto-table-wrap{border-radius:var(--yy-radius-sm);outline:none}
.yy-auto-table-wrap:focus{box-shadow:0 0 0 3px rgba(56,189,248,.16)}
.yy-auto-table-wrap::-webkit-scrollbar,.tw::-webkit-scrollbar,.yy-table-wrap::-webkit-scrollbar{height:6px}
.yy-auto-table-wrap::-webkit-scrollbar-thumb,.tw::-webkit-scrollbar-thumb,.yy-table-wrap::-webkit-scrollbar-thumb{background:var(--yy-sky-300);border-radius:999px}
.yy-wide-table{min-width:620px}
table td,table th{overflow-wrap:anywhere}
.dashboard-frame-wrap{width:100%;max-width:100%;overscroll-behavior-x:contain}
.dashboard-frame{max-width:none}
.alert-rule-form{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(105px,1fr)) minmax(180px,2fr) auto;gap:10px;align-items:end;margin-bottom:12px}
.import-upload-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,2fr);gap:12px}
.refund-action-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:300px}
.refund-action-form input[name="note"]{flex:1;min-width:150px}
@media(max-width:1024px) and (min-width:769px){
  .ct{padding:18px!important}.tp{padding-left:18px!important;padding-right:18px!important}
  .yy-sidebar-collapsed .sb{width:82px!important}.yy-sidebar-collapsed .mn{margin-left:82px!important}
}
@media(max-width:768px){
  .ct{padding:14px 12px 88px!important}.tp{padding-left:12px!important;padding-right:12px!important}
  .fr{flex-direction:column!important}.fr>.fg{width:100%;min-width:0}
  .profile-column{min-width:0!important;width:100%!important}
  .alert-rule-form,.import-upload-grid{grid-template-columns:1fr!important}
  .alert-rule-form>*{min-width:0;width:100%}.alert-rule-form .btn{width:100%}
  .yy-template-grid{grid-template-columns:1fr!important}.yy-template-card{min-width:0}
  .yy-page-intro{padding:18px 16px}
  .refund-action-form{min-width:240px;flex-direction:column;align-items:stretch}.refund-action-form>*{width:100%!important}
  .dashboard-frame-wrap{max-height:72vh}
  #aiFloatWidget{bottom:calc(76px + env(safe-area-inset-bottom))!important;right:14px!important}
  #aiChatWrap{bottom:calc(76px + env(safe-area-inset-bottom))!important;right:12px!important;width:calc(100vw - 24px)!important;height:min(600px,calc(100dvh - 100px))!important}
}
@media(max-width:480px){
  #aiChatWrap{left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100dvh!important;border-radius:0!important}
  .yy-wide-table{min-width:560px}
}

/* 状态语义色：品牌仍为天蓝，成功/警告/失败保持可快速辨识 */
:root{
  --g:#10b981!important;--g-d:#047857!important;--g-bg:#ecfdf5!important;--g-bd:#a7f3d0!important;
  --o:#f59e0b!important;--o-d:#b45309!important;--o-bg:#fffbeb!important;--o-bd:#fde68a!important;
  --r:#ef4444!important;--r-d:#b91c1c!important;--r-bg:#fef2f2!important;--r-bd:#fecaca!important;
  --success:#10b981!important;--danger:#ef4444!important;--warn:#f59e0b!important;
}
.badge.bg,.alert-ok,.yy-success,.status-success{background:var(--g-bg)!important;border-color:var(--g-bd)!important;color:var(--g-d)!important;-webkit-text-fill-color:var(--g-d)!important}
.badge.by,.badge.bo,.alert-warn,.yy-warning,.status-warning{background:var(--o-bg)!important;border-color:var(--o-bd)!important;color:var(--o-d)!important;-webkit-text-fill-color:var(--o-d)!important}
.badge.br,.alert-err,.yy-error,.status-error,.btn-d{background:var(--r-bg)!important;border-color:var(--r-bd)!important;color:var(--r-d)!important;-webkit-text-fill-color:var(--r-d)!important}

/* 2026-07 移动端 UI 精修：安全区、触控、卡片密度和重点业务表格 */
.yy-mobile-nav{display:none}
html,body{max-width:100%;overflow-x:hidden}
.ly,.mn,.ct,#mainContent{min-width:0;max-width:100%}
img,svg,video,canvas{max-width:100%}
.cd,.card,.ci,.panel,.yy-page-intro,.yy-feature-hero{min-width:0}
.yy-mobile-more{appearance:none;border:0;background:transparent;color:inherit;font:inherit}
.yy-mobile-cards{display:none}

@media(max-width:768px){
  body{background-attachment:scroll!important;-webkit-text-size-adjust:100%;touch-action:manipulation}
  .mn{width:100%!important;min-width:0!important;margin-left:0!important;padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}
  .ct{width:100%;padding:12px 10px calc(96px + env(safe-area-inset-bottom))!important}
  .tp{min-height:56px!important;height:auto!important;padding:8px 10px!important;gap:8px;position:sticky!important;top:0;z-index:9700}
  .tp>div,.tp-l,.tp-r{min-width:0}.pg-t{font-size:16px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-d{display:none!important}
  .menu-btn,.ann-bell,.yy-collapse-btn{width:40px!important;height:40px!important;min-height:40px!important;flex:0 0 40px}
  .sb{
    position:fixed!important;display:flex!important;flex-direction:column!important;
    top:0!important;right:auto!important;bottom:0!important;left:0!important;
    width:min(86vw,320px)!important;max-width:320px;
    height:auto!important;max-height:none!important;box-sizing:border-box!important;
    padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);
    z-index:10020!important;overflow:hidden!important;overscroll-behavior:contain;
    transform:translateX(-105%)!important;
    transition:transform .24s ease!important;
  }
  .sb.open{transform:none!important}
  .sb-brand,.sb-foot{flex:0 0 auto}
  .sb-nav{
    flex:1 1 0%!important;min-height:0!important;height:0;
    overflow-y:scroll!important;overflow-x:hidden!important;
    padding-bottom:calc(24px + env(safe-area-inset-bottom))!important;
    -webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;
  }
  .sb-nav .nav-it{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .sb-nav::-webkit-scrollbar{width:4px}.sb-nav::-webkit-scrollbar-thumb{background:rgba(14,165,233,.32);border-radius:999px}
  .sb-ov{display:block!important;z-index:10010!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s;touch-action:none}
  .sb-ov.sh{z-index:10010!important;opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
  body.yy-sidebar-open{overflow:hidden!important;overscroll-behavior:none}
  body.yy-sidebar-open .mn{pointer-events:none}
  body.yy-sidebar-open .sb{pointer-events:auto;touch-action:auto}
  body.yy-sidebar-open .sb-nav{pointer-events:auto;touch-action:pan-y}
  body.yy-sidebar-open>.yy-mobile-nav{opacity:0;visibility:hidden;pointer-events:none}

  .yy-mobile-nav{position:fixed;left:8px;right:8px;bottom:0;z-index:9800;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));border:1px solid rgba(125,211,252,.82)!important;border-bottom:0!important;border-radius:22px 22px 0 0!important;background:rgba(240,249,255,.96)!important;box-shadow:0 -8px 28px rgba(14,165,233,.14)!important;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}
  .yy-mobile-nav a,.yy-mobile-nav button{min-width:0;height:49px;padding:4px 1px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0!important;border-radius:16px!important;background:transparent!important;color:var(--t3)!important;-webkit-text-fill-color:var(--t3)!important;text-decoration:none;font-size:10px;font-weight:700;line-height:1;box-shadow:none!important}
  .yy-mobile-nav i{font-size:20px;line-height:1}.yy-mobile-nav span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .yy-mobile-nav a.on{background:linear-gradient(135deg,var(--yy-sky-200),var(--yy-sky-400))!important;color:#08324a!important;-webkit-text-fill-color:#08324a!important;box-shadow:0 5px 14px rgba(14,165,233,.14)!important}
  .yy-mobile-nav a:active,.yy-mobile-nav button:active{transform:scale(.94)}

  .yy-page-intro,.yy-feature-hero{padding:16px!important;margin-bottom:12px!important;border-radius:19px!important;gap:10px}.yy-page-intro h2,.yy-feature-hero h2{font-size:18px!important;line-height:1.35}.yy-page-intro p,.yy-feature-hero p{font-size:12px!important;line-height:1.65;margin-top:5px}.yy-page-intro i,.yy-feature-icon{display:none!important}
  .cd,.card,.panel{margin-bottom:12px!important;border-radius:17px!important}.cd-h{padding:13px 14px!important;gap:8px}.cd-h h4{font-size:14px}.cd-b{padding:14px!important}
  .sc-g{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-bottom:12px!important}.sc{min-width:0!important;padding:12px!important;border-radius:16px!important}.sc-vl{font-size:22px!important}.sc-lb{font-size:10px!important}.sc-ic{width:36px!important;height:36px!important;font-size:17px!important}

  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea,.fi,.form-control{width:100%;max-width:100%;font-size:16px!important;min-height:46px!important;padding:10px 12px!important}
  input[type="file"]{min-height:56px!important;padding:7px!important;font-size:13px!important}input[type="file"]::file-selector-button{height:40px;margin-right:8px;padding:0 12px}
  textarea{min-height:116px!important}.fg,.yy-field{min-width:0;width:100%}.fr{gap:11px!important}.fr>.fg{flex:0 0 auto!important}
  .btn{min-height:42px!important;padding:0 14px!important}.btn-sm{min-height:36px!important}.cd-b>form>.btn:last-child,.cd-b>form>div:last-child>.btn:only-child{width:100%;justify-content:center}
  .yy-choice{width:100%;min-height:44px;justify-content:flex-start;border-radius:14px!important}
  .yy-filter-bar{padding:11px!important;margin-bottom:11px!important;border-radius:16px!important}.yy-filter-bar .btn{width:100%!important}

  .tw,.yy-table-wrap,.yy-auto-table-wrap{margin-left:0;margin-right:0;border-radius:14px;overscroll-behavior-x:contain;scroll-snap-type:x proximity;background:rgba(240,249,255,.48)}
  .tw:after,.yy-table-wrap:after{content:"左右滑动查看更多";position:sticky;left:10px;display:inline-block;padding:5px 9px;margin:6px 8px;color:var(--t3);font-size:10px;border-radius:999px;background:var(--yy-sky-100);pointer-events:none}
  .tb,.yy-wide-table,.yy-suite-table{font-size:11px!important}.tb th,.tb td,table th,table td{padding:10px 9px!important;line-height:1.5}.tb .btn,.yy-suite-table .btn{white-space:nowrap}
  code,pre,.yy-code,.ad-code{max-width:100%;white-space:pre-wrap!important;overflow-wrap:anywhere;word-break:break-word}
  .modal-bg,.ann-overlay{padding:10px!important;align-items:flex-end!important;overflow:hidden!important}.modal-bg>.modal,.ann-modal,.modal-content,[role="dialog"]{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 20px)!important;margin:0!important;border-radius:22px 22px 14px 14px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain}.modal-b,.yy-confirm-actions{position:sticky;z-index:5;bottom:-1px;background:rgba(240,249,255,.97);padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom));box-shadow:0 -8px 18px rgba(14,165,233,.06)}
  .pagination{gap:4px!important;padding:14px 0!important}.page-link,.page-active{min-width:38px!important;min-height:38px;padding:7px 10px!important}.page-info{width:100%;text-align:center;margin:7px 0 0!important}
  #aiFloatWidget{bottom:calc(74px + env(safe-area-inset-bottom))!important;right:10px!important}#aiFloatBtn{width:46px!important;height:46px!important}#aiFloatLabel{display:none!important}
  #aiChatWrap{z-index:9950!important;bottom:calc(70px + env(safe-area-inset-bottom))!important;left:8px!important;right:8px!important;width:auto!important;height:calc(100dvh - 88px)!important;max-height:680px;border-radius:20px!important}
}
@media(max-width:480px){
  .ct{padding-left:8px!important;padding-right:8px!important}.sc-g{gap:7px!important}.sc{padding:11px 10px!important}.sc-vl{font-size:20px!important}
  .yy-page-intro,.yy-feature-hero{padding:14px!important}.cd-b{padding:12px!important}.cd-h{padding:12px!important}
  .yy-mobile-nav{left:4px;right:4px;padding-left:4px;padding-right:4px}.yy-mobile-nav a,.yy-mobile-nav button{font-size:9px}
  #aiChatWrap{inset:0!important;width:100%!important;height:100dvh!important;max-height:none!important;border-radius:0!important}
}
@media(max-width:360px){
  .ct{padding-left:6px!important;padding-right:6px!important}.sc-g{grid-template-columns:1fr 1fr!important}.sc-ic{display:none!important}.yy-mobile-nav a,.yy-mobile-nav button{font-size:8.5px}.yy-mobile-nav i{font-size:18px}
}

/* 全站统一层级：内容 < 导航 < 遮罩 < 侧栏 < 弹窗 < 提示 */
.ly,.mn,.ct,#mainContent{z-index:auto}
.tp{z-index:100!important}.sb{z-index:10020!important}.sb-ov{z-index:10010!important}
.yy-mobile-nav{z-index:300!important}#aiFloatWidget,#aiChatWrap{z-index:400!important}
.yy-toast-root{z-index:2147483100!important}
.yy-modal-open{overflow:hidden!important;overscroll-behavior:none!important}
html.yy-modal-open,body.yy-modal-open{height:100%}
body.yy-modal-open>.ly{pointer-events:none!important;user-select:none!important}
body.yy-modal-open>.yy-mobile-nav,body.yy-modal-open>#aiFloatWidget,body.yy-modal-open>#aiChatWrap{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
body>.yy-hoisted-modal{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;margin:0!important;z-index:2147483000!important;isolation:isolate;overflow:hidden!important;pointer-events:auto!important;background:rgba(15,23,42,.68)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body>.yy-hoisted-modal>.modal,body>.yy-hoisted-modal>.ann-modal,body>.yy-hoisted-modal>.result-card,body>.yy-hoisted-modal>.modal-content{position:relative!important;z-index:1!important;opacity:1!important;pointer-events:auto!important}
@media(max-width:768px){
  /* 最终移动端侧栏边界：遮罩只能覆盖页面，永远不能覆盖侧栏。 */
  .sb{left:0!important;right:auto!important;z-index:10020!important;transform:translate3d(-105%,0,0)!important;visibility:hidden;pointer-events:none;will-change:transform}
  .sb.open{left:0!important;z-index:10020!important;transform:translate3d(0,0,0)!important;visibility:visible;pointer-events:auto}
  .sb-ov{display:block!important;z-index:10010!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  .sb-ov.sh{display:block!important;z-index:10010!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  body.yy-sidebar-open .sb,body.yy-sidebar-open .sb-nav{touch-action:pan-y!important;-webkit-overflow-scrolling:touch}
  body.yy-sidebar-open .sb-nav{overflow-y:auto!important}
  body>.yy-mobile-nav~.yy-mobile-nav{display:none!important}
  .card-stats-mobile{grid-template-columns:repeat(2,minmax(0,1fr))!important}.card-stats-mobile>div{padding:11px 9px!important}.card-stats-mobile>div:last-child:nth-child(odd){grid-column:1/-1}
  .card-search-mobile{width:100%;margin-left:0!important}.card-search-mobile .iw{width:auto!important;min-width:0;flex:1}.card-search-mobile input{min-width:0}
  .card-key-mobile{display:block;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
  .card-actions-mobile{width:100%;margin-left:0!important;padding-top:5px;justify-content:flex-end;border-top:1px solid var(--bd-l)}
  .captcha-row-mobile{align-items:stretch}.captcha-row-mobile input{min-width:0}.captcha-row-mobile img{width:104px!important;max-width:38%;height:46px!important;object-fit:cover}
}

/* 2026-07-24 冰川琉璃主题：非纯白底、轻裂纹质感、灵动岛形态 */
:root{
  --yy-ice-base:#dceef4;
  --yy-ice-deep:#c9e4ee;
  --yy-ice-soft:#e8f5f8;
  --yy-glass:rgba(225,242,247,.82);
  --yy-glass-strong:rgba(218,238,245,.94);
  --yy-glass-border:rgba(105,185,216,.48);
  --yy-island-radius:28px;
  --yy-island-shadow:0 12px 32px rgba(3,105,161,.11),inset 0 1px 0 rgba(255,255,255,.62),inset 0 -1px 0 rgba(14,116,144,.06);
  --bg:var(--yy-ice-base)!important;
  --bg-l:var(--yy-ice-soft)!important;
  --card:var(--yy-glass-strong)!important;
  --c-bg:var(--yy-ice-base)!important;
  --c-surface:var(--yy-glass-strong)!important;
  --c-surface-2:var(--yy-ice-soft)!important;
}
html{background:var(--yy-ice-base)!important}
body{
  background-color:var(--yy-ice-base)!important;
  background-image:
    linear-gradient(116deg,transparent 0 26%,rgba(255,255,255,.34) 26.15%,transparent 26.45%),
    linear-gradient(38deg,transparent 0 71%,rgba(56,189,248,.10) 71.1%,transparent 71.35%),
    linear-gradient(151deg,transparent 0 48%,rgba(255,255,255,.28) 48.12%,transparent 48.4%),
    radial-gradient(ellipse at 12% 2%,rgba(125,211,252,.42),transparent 32%),
    radial-gradient(ellipse at 90% 12%,rgba(14,165,233,.18),transparent 28%),
    linear-gradient(145deg,#d7ebf2 0%,#e4f3f7 52%,#cfe8f1 100%)!important;
  background-size:520px 520px,680px 680px,840px 840px,auto,auto,auto!important;
  background-attachment:fixed!important;
}
/* 琉璃裂纹只作为低对比纹理，不盖住文字。 */
.card,.cd,.ci,.panel,.box,.auth-card,.login-card,.register-card,
.modal,.ann-modal,.shop-card,.product-card,.query-card,.result-card,
.mi-card,.mz-card,.section-card,.glass-card,.content-card,
.yy-template-card,.yy-feature-card,.yy-filter-bar,.yy-danger-zone,
.yy-page-intro,.yy-feature-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid var(--yy-glass-border)!important;
  border-radius:var(--yy-island-radius)!important;
  background-color:var(--yy-glass-strong)!important;
  background-image:
    linear-gradient(128deg,rgba(255,255,255,.48),transparent 38%),
    linear-gradient(31deg,transparent 0 74%,rgba(14,165,233,.075) 74.2%,transparent 74.55%),
    linear-gradient(142deg,transparent 0 56%,rgba(255,255,255,.30) 56.15%,transparent 56.45%),
    linear-gradient(145deg,rgba(231,246,250,.96),rgba(205,232,241,.78))!important;
  background-size:auto,310px 310px,430px 430px,auto!important;
  box-shadow:var(--yy-island-shadow)!important;
  backdrop-filter:blur(18px) saturate(132%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(132%)!important;
}
.card:hover,.cd:hover,.ci:hover,.panel:hover,.shop-card:hover,.product-card:hover,
.yy-template-card:hover,.yy-feature-card:hover{
  border-color:rgba(56,189,248,.68)!important;
  box-shadow:0 17px 42px rgba(3,105,161,.16),inset 0 1px 0 rgba(255,255,255,.7)!important;
  transform:translateY(-1px);
}
/* 灵动岛：工具栏、标签、导航、表单和按钮保持同一圆润悬浮语言。 */
.tp,.topbar,header.mi-nav{
  margin:10px 14px 0!important;
  width:auto!important;
  min-height:58px;
  border:1px solid var(--yy-glass-border)!important;
  border-radius:999px!important;
  background:rgba(218,238,245,.88)!important;
  box-shadow:var(--yy-island-shadow)!important;
  backdrop-filter:blur(20px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(135%)!important;
}
.tabs,.yy-tabs,.pagination,.yy-choice-row,.yy-status-island,
.badge,.tag,.cd-tg,.status,.notice,.alert,.toast,.yy-choice,
.menu-btn,.ann-bell,.theme-switch,.yy-collapse-btn{
  border-radius:999px!important;
  border-color:var(--yy-glass-border)!important;
  background-color:rgba(218,238,245,.88)!important;
  box-shadow:0 7px 18px rgba(3,105,161,.08),inset 0 1px 0 rgba(255,255,255,.58)!important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
select,textarea,.fi,.form-control,.iw input,.iw select,.iw textarea{
  background-color:rgba(222,240,246,.92)!important;
  border-color:rgba(105,185,216,.52)!important;
  border-radius:20px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 12px rgba(3,105,161,.045)!important;
}
textarea{border-radius:24px!important}
button,.btn,.mi-btn,.action-btn,.submit-btn,.nav-btn,.page-link,.page-active,.tab,.atab,[class*="btn-"]{
  border-radius:999px!important;
}
.tb,table{background:transparent!important}
.tb th,table th{background:rgba(204,232,241,.82)!important}
.tb td,table td,.cd-b table td{background:rgba(225,242,247,.56)!important}
.tb tbody tr:hover td,table tbody tr:hover td{background:rgba(207,234,243,.86)!important}
pre,code,.yy-code,.yy-diff{background-color:rgba(211,235,243,.78)!important}
.yy-confirm,body>.yy-hoisted-modal>.modal,body>.yy-hoisted-modal>.ann-modal,
body>.yy-hoisted-modal>.result-card,body>.yy-hoisted-modal>.modal-content,
.modal-bg>.modal,.modal-content,.dialog,[role="dialog"]{
  background-color:rgba(220,240,246,.98)!important;
  background-image:linear-gradient(132deg,rgba(255,255,255,.42),transparent 42%),linear-gradient(145deg,#e3f3f7,#cfe8f1)!important;
  border-radius:32px!important;
}
.yy-confirm-cancel,.yy-tabs .on,.agent-shell input,.agent-shell select,.agent-shell textarea,
.popup input,.popup select,.popup textarea,.menu-btn,.ann-bell{
  background:rgba(218,238,245,.94)!important;
}
.sb,.sidebar,aside.sidebar{
  background-color:#d4eaf2!important;
  background-image:
    linear-gradient(35deg,transparent 0 67%,rgba(255,255,255,.28) 67.2%,transparent 67.6%),
    linear-gradient(143deg,transparent 0 42%,rgba(56,189,248,.09) 42.15%,transparent 42.5%),
    linear-gradient(180deg,#e0f1f6,#c9e4ee 58%,#bddce8)!important;
}
.sb-nav .nav-it,.sb-nav .nav-sec,.sb-user{
  background:rgba(222,240,246,.72)!important;
  border-color:rgba(105,185,216,.45)!important;
}
.yy-mobile-nav{
  background:rgba(211,234,242,.96)!important;
  border-radius:999px!important;
  left:8px!important;right:8px!important;bottom:8px!important;
  border:1px solid var(--yy-glass-border)!important;
  box-shadow:0 10px 30px rgba(3,105,161,.17),inset 0 1px 0 rgba(255,255,255,.64)!important;
}
@media(max-width:768px){
  body{background-attachment:scroll!important}
  .tp{margin:7px 8px 0!important;border-radius:22px!important}
  .card,.cd,.ci,.panel,.yy-page-intro,.yy-feature-hero,.yy-template-card,.yy-feature-card{border-radius:22px!important}
  .modal-bg>.modal,.ann-modal,.modal-content,[role="dialog"]{border-radius:26px 26px 18px 18px!important}
  .yy-mobile-nav{border-radius:24px!important;bottom:4px!important}
  /* 移动设备减少玻璃滤镜开销，但保留琉璃颜色与裂纹纹理。 */
  .card,.cd,.ci,.panel,.yy-template-card,.yy-feature-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
@media(prefers-reduced-motion:reduce){.card:hover,.cd:hover,.ci:hover,.panel:hover{transform:none!important}}

/* 2026-07-24 v22：清除内容壳层残留纯白底板，完整露出冰川蓝背景。 */
html,body,.ly,.layout,.app-shell,.page-shell{
  background-color:#d4e9f0!important;
}
.ly,.layout,.app-shell,.page-shell,
.mn,main,.main,.main-content,.content-wrapper,
.ct,#mainContent,.page-content,.content-area{
  background-color:transparent!important;
  background-image:none!important;
}
/* 页面主工作区给一层可辨识的浅冰蓝，不再接近纯白。 */
.mn{
  background:linear-gradient(145deg,rgba(202,229,238,.34),rgba(220,239,244,.18))!important;
}
.ct,#mainContent{
  background:transparent!important;
}
/* 覆盖历史页面的纯白 section/内容底板，但不碰验证码图片与业务状态色。 */
.sec,.ad-card,.query-panel,.result-panel,.list-panel,.table-panel,
.content-panel,.form-panel,.detail-panel,.settings-panel,
.mi-section,.mi-panel,.v3-section{
  background-color:rgba(216,237,244,.88)!important;
  border-color:rgba(105,185,216,.46)!important;
}
/* 顶部与弹窗也彻底取消纯白兜底。 */
body>.yy-hoisted-modal>.modal,body>.yy-hoisted-modal>.ann-modal,
body>.yy-hoisted-modal>.result-card,body>.yy-hoisted-modal>.modal-content,
.yy-confirm,.popup,.dialog,[role="dialog"]{
  background:#d9edf3!important;
  background-image:linear-gradient(132deg,rgba(238,248,250,.48),transparent 42%),linear-gradient(145deg,#deeff4,#c9e4ed)!important;
}
#aiFloatLabel,#aiChatWrap{
  background:#d7ebf2!important;
  border-color:rgba(105,185,216,.48)!important;
}
@media(max-width:768px){
  html,body,.ly,.mn,.ct,#mainContent{background-color:#d4e9f0!important}
  .mn{background-image:linear-gradient(145deg,rgba(196,225,235,.38),rgba(218,237,243,.25))!important}
  .ct,#mainContent{background:transparent!important}
}

/* 2026-07-24 v23：可视化增强。整页底板使用明确冰蓝，避免高亮屏幕上被误认为白色。 */
:root{
  --yy-page-blue:#badce8;
  --yy-page-blue-2:#c8e5ed;
  --yy-page-blue-3:#acd3e2;
  --bg:#badce8!important;
  --c-bg:#badce8!important;
}
html,body{
  background-color:#badce8!important;
  background-image:
    linear-gradient(117deg,transparent 0 27%,rgba(255,255,255,.22) 27.12%,transparent 27.42%),
    linear-gradient(39deg,transparent 0 69%,rgba(2,132,199,.10) 69.12%,transparent 69.45%),
    linear-gradient(151deg,transparent 0 47%,rgba(255,255,255,.19) 47.12%,transparent 47.45%),
    radial-gradient(ellipse at 10% 0%,rgba(224,242,254,.68),transparent 32%),
    radial-gradient(ellipse at 92% 12%,rgba(14,165,233,.20),transparent 30%),
    linear-gradient(145deg,#b4d8e5 0%,#cee7ee 48%,#aed4e2 100%)!important;
  background-size:460px 460px,620px 620px,790px 790px,auto,auto,auto!important;
}
.ly,.layout,.app-shell,.page-shell{background:#badce8!important}
.mn,main.mn,.main-content,.content-wrapper{
  background:linear-gradient(145deg,rgba(174,212,226,.68),rgba(202,229,237,.52))!important;
}
.ct,#mainContent,.page-content,.content-area{background:transparent!important}
/* 官网各 section 原本使用透明层，统一显露同一块冰蓝底板。 */
body:has(.mi-nav),body:has(.mi-wrap),
body:has(.mi-nav) .mi-section,body:has(.mi-wrap) .mi-section{
  background-color:transparent!important;
}
body:has(.mi-nav)::before,body:has(.mi-wrap)::before{
  background-image:linear-gradient(rgba(3,105,161,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(3,105,161,.045) 1px,transparent 1px)!important;
}
@media(max-width:768px){
  html,body,.ly,.mn,.ct,#mainContent{background-color:#badce8!important}
  .mn{background:linear-gradient(145deg,rgba(174,212,226,.72),rgba(202,229,237,.58))!important}
}

/* 2026-07-24 v24：整层冰川蓝加深，强化背景与浅色卡片的视觉层级。 */
:root{
  --yy-page-blue:#83b9cc;
  --yy-page-blue-2:#9dc8d7;
  --yy-page-blue-3:#72abc1;
  --bg:#83b9cc!important;
  --c-bg:#83b9cc!important;
}
html,body{
  background-color:#83b9cc!important;
  background-image:
    linear-gradient(117deg,transparent 0 27%,rgba(236,248,251,.18) 27.12%,transparent 27.43%),
    linear-gradient(39deg,transparent 0 69%,rgba(2,84,126,.13) 69.12%,transparent 69.47%),
    linear-gradient(151deg,transparent 0 47%,rgba(235,247,250,.16) 47.12%,transparent 47.46%),
    radial-gradient(ellipse at 10% 0%,rgba(207,235,243,.56),transparent 32%),
    radial-gradient(ellipse at 92% 12%,rgba(2,132,199,.24),transparent 30%),
    linear-gradient(145deg,#76adc1 0%,#a4cdd9 48%,#71aabd 100%)!important;
}
.ly,.layout,.app-shell,.page-shell{background:#83b9cc!important}
.mn,main.mn,.main-content,.content-wrapper{
  background:linear-gradient(145deg,rgba(111,172,193,.76),rgba(151,199,214,.62))!important;
}
.ct,#mainContent,.page-content,.content-area{background:transparent!important}
/* 主内容保持亮冰蓝，避免深背景降低表格和表单可读性。 */
.card,.cd,.ci,.panel,.box,.auth-card,.login-card,.register-card,
.modal,.ann-modal,.shop-card,.product-card,.query-card,.result-card,
.mi-card,.mz-card,.section-card,.glass-card,.content-card,
.yy-template-card,.yy-feature-card,.yy-filter-bar,.yy-danger-zone,
.yy-page-intro,.yy-feature-hero{
  background-color:rgba(211,235,242,.94)!important;
  background-image:linear-gradient(128deg,rgba(240,249,251,.52),transparent 38%),linear-gradient(31deg,transparent 0 74%,rgba(2,132,199,.09) 74.2%,transparent 74.55%),linear-gradient(145deg,rgba(221,240,245,.97),rgba(190,222,232,.88))!important;
}
@media(max-width:768px){
  html,body,.ly,.mn,.ct,#mainContent{background-color:#83b9cc!important}
  .mn{background:linear-gradient(145deg,rgba(108,169,191,.80),rgba(150,199,214,.68))!important}
}

/* 2026-07-24 v27：取消白色底层，改为与主题一致的柔和天蓝底。 */
:root{
  --yy-page-blue:#dff2fb;
  --yy-page-blue-2:#eaf7fc;
  --yy-page-blue-3:#cfeaf6;
  --bg:#dff2fb!important;
  --c-bg:#dff2fb!important;
}
html,body{
  background-color:#dff2fb!important;
  background-image:
    radial-gradient(ellipse at 8% 0%,rgba(125,211,252,.34),transparent 34%),
    radial-gradient(ellipse at 94% 8%,rgba(56,189,248,.16),transparent 30%),
    linear-gradient(145deg,#d8eef8 0%,#eaf7fc 50%,#d2ebf6 100%)!important;
  background-size:auto!important;
}
.ly,.layout,.app-shell,.page-shell{background:#dff2fb!important}
.mn,main.mn,.main-content,.content-wrapper{
  background:linear-gradient(145deg,rgba(207,234,246,.70),rgba(231,245,251,.56))!important;
}
.ct,#mainContent,.page-content,.content-area{background:transparent!important}
@media(max-width:768px){
  html,body,.ly,.mn,.ct,#mainContent{background-color:#dff2fb!important}
  .mn{background:linear-gradient(145deg,rgba(207,234,246,.76),rgba(231,245,251,.62))!important}
}