/* ============================================================================
 * HorizonX 商店主题 —— 把商店（前台 + 后台）的界面统一成官网的灰白风格
 * ----------------------------------------------------------------------------
 * 这是「外挂样式」：由 acgfaka\router.php 自动注入到商店每个页面的 </head> 前，
 * 商店程序本体（acgfaka\app\）一行都没改。想恢复商店原样，把 router.php 里
 * 注入 <link rel="stylesheet" href="/bridge/theme.css"> 的那段去掉即可。
 *
 * 官网配色（见 css/style.css 的 :root）：
 *   底白 #ffffff   浅灰 #f5f6f8   正文 #23262b   次要 #7a7f88
 *   分隔线 #e6e8ec  深色 #1d2025   深色2 #33373e
 *   圆角 16px      阴影 0 10px 32px rgba(23,28,36,.08)
 *   字体 "PingFang SC","Hiragino Sans GB","Microsoft YaHei",...
 * ========================================================================== */

/* ---------------------------------------------------------------
 * 1. 官网设计变量 + 商店自身的设计令牌，统一改写成官网灰白
 *    （选择器故意写重一次，确保压过商店自带的 :root[data-theme=...]）
 * ------------------------------------------------------------- */
:root,
:root[data-theme=light][data-theme=light] {
  --hx-bg: #ffffff;
  --hx-bg-soft: #f5f6f8;
  --hx-text: #23262b;
  --hx-muted: #7a7f88;
  --hx-line: #e6e8ec;
  --hx-line-soft: #eef0f3;
  --hx-dark: #1d2025;
  --hx-dark-2: #33373e;
  --hx-field-bg: #f5f6f8;
  --hx-focus: #b9bfc7;
  --hx-radius: 16px;
  --hx-radius-sm: 10px;
  --hx-shadow: 0 10px 32px rgba(23, 28, 36, .08);
  --hx-shadow-sm: 0 4px 14px rgba(23, 28, 36, .06);
  --hx-font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;

  /* --- 商店后台/通用 Material 令牌 --- */
  --md-primary: #1d2025;
  --md-primary-rgb: 29, 32, 37;
  --md-primary-hover: #33373e;
  --md-primary-container: #f5f6f8;
  --md-on-primary: #ffffff;
  --md-secondary: #33373e;
  --md-secondary-hover: #1d2025;
  --md-on-secondary: #ffffff;
  --md-bg: #f5f6f8;
  --md-surface: #ffffff;
  --md-surface-2: #ffffff;
  --md-on-surface: #23262b;
  --md-on-surface-med: #7a7f88;
  --md-on-surface-dis: #a8adb5;
  --md-divider: #e6e8ec;
  --md-outline: rgba(35, 38, 43, .16);
  --md-nav-fg: #5b6068;
  --md-nav-section: #8b9099;
  --md-nav-active-fg: #1d2025;
  --md-hover-overlay: rgba(29, 32, 37, .04);
  --md-selected-overlay: rgba(29, 32, 37, .07);
  --md-focus-ring: rgba(35, 38, 43, .20);
  --md-scrim: rgba(20, 24, 30, .45);
  --md-radius: 10px;
  --md-radius-lg: 16px;
  --md-font: var(--hx-font);
  --md-e1: 0 1px 2px rgba(23, 28, 36, .04), 0 2px 8px -2px rgba(23, 28, 36, .06);
  --md-e2: var(--hx-shadow-sm);
  --md-e3: 0 3px 6px -2px rgba(23, 28, 36, .05), 0 10px 22px -6px rgba(23, 28, 36, .08);
  --md-e4: var(--hx-shadow-sm);
  --md-e6: var(--hx-shadow);
  --md-e8: var(--hx-shadow);
  --md-e12: var(--hx-shadow);
  --md-e16: var(--hx-shadow);
  --md-e24: var(--hx-shadow);

  /* --- 后台移动端令牌（原本是绿色，改成官网深灰） --- */
  --admin-mobile-primary: #1d2025;
  --admin-mobile-on-primary: #ffffff;
  --admin-mobile-primary-soft: rgba(29, 32, 37, .08);
  --admin-mobile-primary-ink: #1d2025;
  --admin-mobile-bg: #f5f6f8;
  --admin-mobile-surface: #ffffff;
  --admin-mobile-surface-2: #f5f6f8;
  --admin-mobile-text: #23262b;
  --admin-mobile-muted: #7a7f88;
  --admin-mobile-tertiary: #7a7f88;
  --admin-mobile-line: #e6e8ec;
  --admin-mobile-radius: 16px;

  /* --- 前台「玻璃」令牌 → 拍平为官网的实心白卡片 --- */
  --md-on-primary: #ffffff;
  --uc-primary-deep: #1d2025;
  --glass-bg: #ffffff;
  --glass-bg-strong: #ffffff;
  --glass-bg-soft: #f5f6f8;
  --glass-border: #e6e8ec;
  --glass-border-soft: #eef0f3;
  --glass-hi: none;
  --glass-filter: none;
  --glass-filter-strong: none;
  --glass-shadow: var(--hx-shadow-sm);
  --glass-shadow-lg: var(--hx-shadow);
  --glass-radius: 16px;
  --glass-radius-sm: 10px;
  --uc-field-bg: #f5f6f8;
  --uc-ink: #23262b;
  --uc-ink-med: #7a7f88;
  --uc-ink-dis: #a8adb5;
  --uc-focus: #b9bfc7;
  --uc-focus-rgb: 185, 191, 199;
}

/* 深色模式：沿用官网的深色元素（#1d2025 / #33373e），不再是玻璃+蓝调 */
:root[data-theme=dark][data-theme=dark] {
  --hx-bg: #1d2025;
  --hx-bg-soft: #15181c;
  --hx-text: #e9eaec;
  --hx-muted: #9aa0ab;
  --hx-line: #2e333a;
  --hx-line-soft: #262b31;
  --hx-dark: #f2f3f5;
  --hx-dark-2: #d7dade;
  --hx-field-bg: #262b31;
  --hx-focus: #4a5058;
  --hx-shadow: 0 12px 34px rgba(0, 0, 0, .5);
  --hx-shadow-sm: 0 4px 14px rgba(0, 0, 0, .38);

  --md-primary: #e9eaec;
  --md-primary-rgb: 233, 234, 236;
  --md-primary-hover: #ffffff;
  --md-primary-container: #262b31;
  --md-on-primary: #15181c;
  --md-secondary: #d7dade;
  --md-secondary-hover: #ffffff;
  --md-on-secondary: #15181c;
  --md-bg: #15181c;
  --md-surface: #1d2025;
  --md-surface-2: #22272d;
  --md-on-surface: #e9eaec;
  --md-on-surface-med: #9aa0ab;
  --md-on-surface-dis: #6b7078;
  --md-divider: #2e333a;
  --md-outline: rgba(233, 234, 236, .18);
  --md-nav-fg: #b6bbc2;
  --md-nav-section: #8b9099;
  --md-nav-active-fg: #ffffff;
  --md-hover-overlay: rgba(255, 255, 255, .05);
  --md-selected-overlay: rgba(255, 255, 255, .09);
  --md-focus-ring: rgba(233, 234, 236, .24);
  --md-scrim: rgba(0, 0, 0, .6);

  --admin-mobile-primary: #e9eaec;
  --admin-mobile-on-primary: #15181c;
  --admin-mobile-primary-soft: rgba(233, 234, 236, .12);
  --admin-mobile-primary-ink: #ffffff;
  --admin-mobile-bg: #15181c;
  --admin-mobile-surface: #1d2025;
  --admin-mobile-surface-2: #22272d;
  --admin-mobile-text: #e9eaec;
  --admin-mobile-muted: #9aa0ab;
  --admin-mobile-tertiary: #9aa0ab;
  --admin-mobile-line: #2e333a;

  --uc-primary-deep: #ffffff;
  --glass-bg: #1d2025;
  --glass-bg-strong: #22272d;
  --glass-bg-soft: #191d21;
  --glass-border: #2e333a;
  --glass-border-soft: #262b31;
  --glass-hi: none;
  --glass-filter: none;
  --glass-filter-strong: none;
  --glass-shadow: var(--hx-shadow-sm);
  --glass-shadow-lg: var(--hx-shadow);
  --uc-field-bg: #262b31;
  --uc-ink: #e9eaec;
  --uc-ink-med: #9aa0ab;
  --uc-ink-dis: #6b7078;
  --uc-focus: #4a5058;
  --uc-focus-rgb: 74, 80, 88;
}

/* ---------------------------------------------------------------
 * 2. 字体与页面底色：换成官网的字体，去掉商店的背景照片与遮罩
 * ------------------------------------------------------------- */
body.uc-body,
body.lk,
body {
  font-family: var(--hx-font);
  -webkit-font-smoothing: antialiased;
}

body.uc-body {
  background-image: none !important;
  background: var(--hx-bg-soft) !important;
  color: var(--hx-text);
}

body.uc-body::before {
  background: none !important;
}

.bg-content.uc-bg {
  background: none !important;
}

/* ---------------------------------------------------------------
 * 3. 前台：顶栏由「悬浮胶囊」改为官网样式的通栏白条
 * ------------------------------------------------------------- */
.uc-topbar {
  padding: 0 !important;
  background: rgba(255, 255, 255, .82);
  -webkit-backdrop-filter: saturate(140%) blur(14px);
  backdrop-filter: saturate(140%) blur(14px);
  border-bottom: 1px solid var(--hx-line);
}

:root[data-theme=dark] .uc-topbar {
  background: rgba(21, 24, 28, .82);
}

.uc-topbar__inner {
  max-width: none !important;
}

.shop-nav {
  height: 64px;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

.shop-brand {
  font-size: 20px;
  font-weight: 800;
  color: var(--hx-text) !important;
}

.shop-nav__item {
  border-radius: 999px;
  color: var(--hx-muted);
  font-weight: 500;
}

.shop-nav__item:hover {
  color: var(--hx-text);
  background: var(--hx-bg-soft);
}

.shop-nav__item.active {
  color: var(--hx-text);
  background: var(--hx-bg-soft);
  box-shadow: none !important;
}

/* ---------------------------------------------------------------
 * 4. 前台：卡片/面板/列表 —— 官网的实心白底 + 1px 细线 + 柔和阴影
 * ------------------------------------------------------------- */
.uc-card {
  background: var(--hx-bg) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 1px solid var(--hx-line) !important;
  border-radius: var(--hx-radius) !important;
  box-shadow: var(--hx-shadow-sm) !important;
}

.uc-card__head {
  padding: 14px 20px !important;
  border-bottom: 1px solid var(--hx-line) !important;
  background: linear-gradient(180deg, #fbfcfd, #f4f5f7);
}

:root[data-theme=dark] .uc-card__head {
  background: #22272d;
}

.uc-card__head .material-icons,
.uc-card__head .material-icons-outlined {
  color: var(--hx-text) !important;
}

.uc-list__row {
  border-bottom: 1px solid var(--hx-line) !important;
}

.uc-chip {
  background: var(--hx-bg-soft) !important;
  color: var(--hx-text) !important;
  border: 1px solid var(--hx-line);
  border-radius: 6px;
}

/* ---------------------------------------------------------------
 * 5. 按钮：主按钮用官网的深色胶囊（.btn-primary），次按钮用白底描边
 * ------------------------------------------------------------- */
.btn-primary,
.uc-cta,
.uc-cash-submit,
.layui-btn-normal,
.lk-btn {
  background: linear-gradient(180deg, #2a2e35, #171a1f) !important;
  border: 1px solid transparent !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 18px rgba(23, 26, 31, .25) !important;
  font-weight: 600;
  text-shadow: none !important;
}

.btn-primary:hover,
.uc-cta:hover,
.uc-cash-submit:hover,
.layui-btn-normal:hover,
.lk-btn:hover {
  filter: brightness(1.12);
  color: #ffffff !important;
}

:root[data-theme=dark] .btn-primary,
:root[data-theme=dark] .uc-cta,
:root[data-theme=dark] .uc-cash-submit,
:root[data-theme=dark] .layui-btn-normal,
:root[data-theme=dark] .lk-btn {
  background: linear-gradient(180deg, #f4f5f7, #dfe2e6) !important;
  color: #15181c !important;
}

:root[data-theme=dark] .btn-primary:hover,
:root[data-theme=dark] .uc-cta:hover,
:root[data-theme=dark] .uc-cash-submit:hover,
:root[data-theme=dark] .layui-btn-normal:hover,
:root[data-theme=dark] .lk-btn:hover {
  color: #15181c !important;
}

.btn-default,
.btn-secondary,
.btn-ghost,
.uc-cta--ghost,
.layui-btn-primary {
  background: var(--hx-bg) !important;
  border: 1px solid var(--hx-line) !important;
  color: var(--hx-text) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

/* ---------------------------------------------------------------
 * 6. 表单控件：官网的浅灰底 + 10px 圆角
 * ------------------------------------------------------------- */
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=url],
select,
textarea,
.layui-input,
.layui-textarea,
.form-control,
.select2-selection,
.select2-selection__rendered {
  background: var(--hx-field-bg) !important;
  border: 1px solid var(--hx-line) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: var(--hx-text) !important;
  font-family: var(--hx-font);
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=url]:focus,
select:focus,
textarea:focus,
.layui-input:focus,
.layui-textarea:focus,
.form-control:focus {
  border-color: var(--hx-focus) !important;
  box-shadow: none !important;
  outline: none !important;
}

::placeholder {
  color: var(--hx-muted) !important;
  opacity: .8;
}

/* 链接文字统一为官网的深色，不再用蓝色 */
a {
  color: inherit;
}

a:hover {
  color: inherit;
}

.uc-link,
a.text-primary,
.text-primary {
  color: var(--hx-text) !important;
  text-decoration: underline;
  text-decoration-color: var(--hx-line);
  text-underline-offset: 3px;
}

/* ---------------------------------------------------------------
 * 7. 表格 / 分页 / 弹层：去掉蓝色与重阴影，跟官网面板一致
 * ------------------------------------------------------------- */
.table thead th,
.bootstrap-table .fixed-table-header th {
  background: var(--hx-bg-soft) !important;
  color: var(--hx-muted) !important;
  border-bottom: 1px solid var(--hx-line) !important;
}

.table tbody td {
  border-bottom: 1px solid var(--hx-line-soft) !important;
}

.page-link,
.pagination > li > a {
  color: var(--hx-text) !important;
  border-color: var(--hx-line) !important;
  border-radius: 8px !important;
}

.page-item.active .page-link,
.pagination > .active > a {
  background: var(--hx-dark) !important;
  border-color: var(--hx-dark) !important;
  color: var(--hx-bg) !important;
}

.layui-layer,
.modal-content,
.dropdown-menu,
.layui-layer-dialog {
  border-radius: var(--hx-radius) !important;
  border: 1px solid var(--hx-line) !important;
  box-shadow: 0 24px 60px rgba(20, 24, 30, .22) !important;
}

:root[data-theme=dark] .layui-layer,
:root[data-theme=dark] .modal-content,
:root[data-theme=dark] .dropdown-menu {
  background: var(--md-surface);
}

/* 徽标/标签：官网的浅灰胶囊，不用彩色 */
.badge,
.label,
.uc-grade {
  border-radius: 999px !important;
  font-weight: 600;
  box-shadow: none !important;
}

.badge-primary,
.badge-info,
.label-primary,
.label-info {
  background: var(--hx-dark) !important;
  color: var(--hx-bg) !important;
}

.badge-success,
.badge-warning,
.badge-danger,
.label-success,
.label-warning,
.label-danger {
  background: var(--hx-bg-soft) !important;
  color: var(--hx-text) !important;
  border: 1px solid var(--hx-line);
}

/* ---------------------------------------------------------------
 * 8. 滚动条：更细、更接近官网的浅灰
 * ------------------------------------------------------------- */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background: rgba(122, 127, 136, .38);
  border-radius: 999px;
  border: 3px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(122, 127, 136, .6);
  background-clip: content-box;
}

::-webkit-scrollbar-track {
  background: transparent;
}

/* ============================================================================
 * 9. 前台自研类族（首页 / 商品详情 / 订单查询 / 顶栏交互件 / 商店自带登录页）
 *    这些类不吃 --glass-* 令牌，颜色写死在 index.css 与 _auth.css 里，
 *    上面第 1 节的令牌覆盖管不到，所以在这里逐个点名。
 * ========================================================================== */

/* --- 9.1 面板：20px 玻璃圆角 → 16px 实心白卡 --- */
.panel {
  border-radius: var(--hx-radius);
  background: var(--hx-bg);
  border: 1px solid var(--hx-line);
  box-shadow: var(--hx-shadow-sm);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.panel-header .icon {
  border-radius: var(--hx-radius-sm);
  background: var(--hx-bg-soft);
  color: var(--hx-text);
}

.panel-title {
  font-weight: 600;
  color: var(--hx-text);
}

.panel-body {
  color: var(--hx-muted);
}

/* --- 9.2 分类 chip：白底描边，选中态用官网深色 --- */
.chip {
  background: var(--hx-bg);
  border-color: var(--hx-line);
  color: var(--hx-muted);
}

.chip:hover {
  color: var(--hx-text);
  border-color: var(--hx-focus);
}

.chip.is-primary {
  background: var(--hx-dark);
  color: #fff;
  border-color: var(--hx-dark);
  box-shadow: none;
}

/* --- 9.3 商品卡：白底 + 细描边 + 极淡阴影，价格改成官网的深色数字 --- */
.acg-card {
  background: var(--hx-bg);
  border: 1px solid var(--hx-line);
  border-radius: var(--hx-radius);
  box-shadow: var(--hx-shadow-sm);
}

.item-card-cell:hover .acg-card {
  box-shadow: var(--hx-shadow);
  border-color: #dfe2e7;
}

.acg-thumb {
  background-color: var(--hx-bg-soft);
}

.goods-title {
  color: var(--hx-text);
}

.price {
  color: var(--hx-text);
  font-weight: 700;
  letter-spacing: -.2px;
}

.price .unit {
  color: var(--hx-muted);
  font-weight: 500;
}

:root[data-theme="dark"] .price {
  color: var(--hx-text);
}

.stat-bottom,
.meta {
  color: var(--hx-muted);
}

.acg-card.soldout .acg-thumb,
.acg-card.soldout .acg-body {
  filter: grayscale(1);
  opacity: .6;
}

.soldout-ribbon {
  background: var(--hx-dark);
  color: #fff;
  letter-spacing: .5px;
}

/* --- 9.4 徽章 / 标签：统一成官网的「白底细描边灰字」 --- */
.badge-soft {
  padding: 2px 9px;
  border: 1px solid var(--hx-line);
  background: var(--hx-bg);
  color: var(--hx-muted);
}

.badge-soft-primary,
.badge-soft-info,
.badge-soft-muted,
.badge-soft-warning,
.badge-soft-success,
.badge-soft-danger {
  background: var(--hx-bg);
  border: 1px solid var(--hx-line);
  color: var(--hx-muted);
}

.badge-soft-success {
  color: #1c8a5e;
  border-color: rgba(28, 138, 94, .3);
}

.badge-soft-danger {
  color: #b3524e;
  border-color: rgba(179, 82, 78, .3);
}

.acg-tag {
  border-radius: 999px;
  border: 1px solid var(--hx-line);
  background: var(--hx-bg);
  color: var(--hx-muted);
}

/* --- 9.5 商品详情页 --- */
.item-detail .panel-body :is(h1, h2, h3, h4, h5, h6) {
  color: var(--hx-text);
}

.acg-cover,
.item-cover {
  border-radius: var(--hx-radius);
  border: 1px solid var(--hx-line);
}

.item-buy > h4,
.item-buy .form-label {
  color: var(--hx-text);
}

.item-buy .abacus .price,
.abacus .price {
  color: var(--hx-text);
}

.buy-divider {
  border-color: var(--hx-line);
  background: var(--hx-line);
}

.shared-button {
  border: 1px solid var(--hx-line);
  background: var(--hx-bg);
  color: var(--hx-muted);
  border-radius: 999px;
  box-shadow: none;
}

.shared-button:hover {
  background: var(--hx-dark);
  border-color: var(--hx-dark);
  color: #fff;
}

/* --- 9.6 订单查询页 --- */
.order-item {
  border: 1px solid var(--hx-line);
  border-radius: var(--hx-radius);
  background: var(--hx-bg);
  box-shadow: var(--hx-shadow-sm);
}

.order-item:hover {
  box-shadow: var(--hx-shadow);
  border-color: #dfe2e7;
}

.order-header,
.order-basic {
  border-color: var(--hx-line);
}

.order-status,
.order-amount,
.order-no {
  color: var(--hx-text);
}

.order-no {
  color: var(--hx-muted);
}

.no-results h6,
.loading-state p,
.no-results p {
  color: var(--hx-muted);
}

/* --- 9.7 顶栏交互件（搜索框 / 图标按钮 / 账号菜单 / 抽屉） --- */
.shop-search__box {
  background: var(--hx-bg);
  border: 1px solid var(--hx-line);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.shop-search__box:focus-within {
  border-color: var(--hx-focus);
  box-shadow: 0 0 0 3px rgba(185, 191, 199, .22);
}

.shop-search__box input,
.item-search-input {
  color: var(--hx-text);
  background: transparent;
}

.shop-search__box input::placeholder,
.item-search-input::placeholder {
  color: #a8adb5;
}

.shop-icon-btn {
  background: var(--hx-bg);
  border: 1px solid var(--hx-line);
  color: var(--hx-muted);
}

.shop-icon-btn:hover {
  background: var(--hx-bg-soft);
  color: var(--hx-text);
}

.shop-btn,
.shop-auth {
  border-radius: 999px;
  border: 1px solid var(--hx-line);
  background: var(--hx-bg);
  color: var(--hx-text);
  box-shadow: none;
}

.shop-btn:hover,
.shop-auth:hover {
  background: var(--hx-bg-soft);
}

.shop-btn--primary {
  background: linear-gradient(180deg, #2a2e35, #171a1f);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 6px 18px rgba(23, 26, 31, .25);
}

.shop-btn--primary:hover {
  background: linear-gradient(180deg, #363b44, #20242b);
}

.shop-btn--ghost {
  background: transparent;
  border-color: var(--hx-line);
  color: var(--hx-muted);
}

.shop-user__btn,
.shop-user__meta {
  color: var(--hx-text);
}

.shop-lang,
.shop-lang__menu,
.shop-menu__item {
  color: var(--hx-muted);
}

.shop-lang__menu {
  background: var(--hx-bg);
  border: 1px solid var(--hx-line);
  border-radius: var(--hx-radius-sm);
  box-shadow: var(--hx-shadow);
}

.shop-menu__item:hover {
  background: var(--hx-bg-soft);
  color: var(--hx-text);
}

.shop-menu__sep {
  background: var(--hx-line);
  border-color: var(--hx-line);
}

.shop-drawer {
  background: var(--hx-bg);
  border-color: var(--hx-line);
}

.shop-drawer__link {
  color: var(--hx-muted);
}

.shop-drawer__link.active,
.shop-drawer__link:hover {
  color: var(--hx-text);
}

.shop-drawer__shade {
  background: rgba(20, 24, 30, .45);
}

.shop-burger {
  color: var(--hx-text);
}

/* --- 9.8 商店自带的登录 / 找回密码页（_auth.css，紫青渐变 → 官网灰白） --- */
.auth-wrapper {
  background: var(--hx-bg-soft);
}

.auth-wrapper::before,
.auth-wrapper::after {
  display: none;
}

.auth-card {
  background: var(--hx-bg);
  border: 1px solid var(--hx-line);
  border-radius: var(--hx-radius);
  box-shadow: var(--hx-shadow);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: var(--hx-text);
}

.auth-subtitle {
  color: var(--hx-muted);
}

.text-link {
  color: var(--hx-text);
  border-bottom: 1px solid var(--hx-line);
}

.text-link:hover {
  color: var(--hx-dark);
}

.form-floating > .form-control {
  background: var(--hx-field-bg);
  border: 1px solid var(--hx-line);
  color: var(--hx-text);
}

.form-floating > .form-control:focus {
  background: var(--hx-bg);
  border-color: var(--hx-focus);
  box-shadow: 0 0 0 3px rgba(185, 191, 199, .22);
}

.btn-gradient {
  --g1: #2a2e35;
  --g2: #171a1f;
  background-image: linear-gradient(135deg, var(--g1), var(--g2));
  box-shadow: 0 6px 18px rgba(23, 26, 31, .25);
}

.image-code {
  background: var(--hx-bg);
  border: 1px solid var(--hx-line);
  border-radius: var(--hx-radius-sm);
  filter: grayscale(1) contrast(1.05);
}

.btn-passkey {
  background: var(--hx-bg);
  border: 1px solid var(--hx-line);
  color: var(--hx-text);
  border-radius: 999px;
}

/* ---------------------------------------------------------------
 * 9.9 商店自带顶栏的处置（「顶部导航栏要和主页一致」）
 *     - 商店自己那条 .uc-topbar（品牌 + 购物/订单查询 + 搜索 + 它自己的登录注册）
 *       整条隐藏：官网导航栏已经承担了品牌、商店入口和账号，留着就成了两条导航栏；
 *     - 「订单查询」改挂到账号下拉里（js/auth.js，官网与商店共用同一套菜单）；
 *     - 搜索框由 router.php 注入的脚本搬到内容区顶部（.hx-shop-search），功能不丢。
 * ------------------------------------------------------------- */
.uc-topbar {
  display: none !important;
}

/* 从顶栏搬出来的搜索框：宽度跟正文容器对齐，居中一行 */
.hx-shop-search {
  width: min(1080px, 92%);
  margin: 18px auto 0;
  display: flex;
  justify-content: center;
}

.hx-shop-search .shop-search {
  flex: 0 1 420px;
  padding: 0;
}

.hx-shop-search .shop-search__box {
  max-width: none;
  height: 42px;
  background: var(--hx-bg);
  border: 1px solid var(--hx-line);
  box-shadow: none;
}

/* ---------------------------------------------------------------
 * 9.10 用户中心那条浮动二级导航（.uc-nav-wrap）
 *     - 它自己是 position:sticky + z-index:900，滚动时会把官网导航栏压住，
 *       看上去就像「商店的顶部导航栏跟主页不一样」；
 *     - 这里让它不吸顶、并让官网导航栏永远在最上层，
 *       这样页面顶部固定不动的那一条始终是主页同款导航栏。
 * ------------------------------------------------------------- */
.uc-nav-wrap {
  position: static !important;
}

.hx-nav {
  z-index: 1000;
}

/* ---------------------------------------------------------------
 * 9.11 用户中心那条二级导航整条下线（2026-10-06）
 *     - 「我的主页 / 购买记录 / 购买商品 / 返回主页 / 消息中心 / 个人资料」
 *       这一套入口都收进官网导航栏右侧的账号菜单里（js/auth.js 的 renderMenu）；
 *       页面顶部只留官网那一条导航栏，和主页保持一致，不再出现第二套导航。
 *     - 用 display:none 而不是删模板：商店自己的脚本还要绑这些节点
 *       （主题切换、消息铃铛、安全注销、pjax 折叠抽屉），删掉会报错。
 *     - 移动抽屉在 html.uc-force-compact 下是 display:block!important，
 *       这里用 body.uc-body 提高权重把它一起盖掉。
 * ------------------------------------------------------------- */
html body.uc-body .uc-nav-wrap,
html body.uc-body .uc-drawer,
html body.uc-body .uc-drawer__shade {
  display: none !important;
}