@charset "UTF-8";
/* ==========================================================================
   appui-liquid.css  —  iOS 26 "Liquid Glass" skin for AppUI (Bootstrap3)
   纯 CSS 覆盖 · 桌面优先 · 苹果高级感
   风格锚点: iOS26 官方液态玻璃（淡蓝+淡青对角色晕，玻璃通透，高光明显）
   评审微调: 色晕外扩改回 inset:0 防裁切硬边; 峰值浓度压一档更克制;
             补 min-height:100vh 防短页露白; 无 hover 位移(不晃)。
   ========================================================================== */

/* ---------- 0. 设计变量 ------------------------------------------------- */
:root{
  /* 玻璃更薄(.26→.21)让既有 blur 更露出来——半径不变,质感变强,零帧成本 */
  --lg-glass:            rgba(255,255,255,.21);
  --lg-glass-strong:     rgba(255,255,255,.42);
  --lg-glass-weak:       rgba(255,255,255,.16);
  --lg-stroke:           rgba(255,255,255,.55);
  --lg-stroke-soft:      rgba(255,255,255,.42);
  --lg-hair:             rgba(120,140,170,.18);

  /* 方向性边缘折射:上左亮、右弱、底暗——iOS26 玻璃厚度感,inset 阴影零合成成本 */
  --lg-inset-hi:         inset 0 1px 0 0 rgba(255,255,255,.85),
                         inset 1px 0 0 0 rgba(255,255,255,.35),
                         inset -1px 0 0 0 rgba(255,255,255,.14),
                         inset 0 -1px 0 0 rgba(31,55,96,.10),
                         inset 0 0 0 1px rgba(255,255,255,.12);
  /* 磨砂噪点(0.5KB SVG,光栅化一次平铺缓存,零帧成本) */
  --lg-noise:            url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/><feComponentTransfer><feFuncA type='linear' slope='.04'/></feComponentTransfer></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  --lg-spring:           cubic-bezier(0.32, 0.72, 0, 1);
  --lg-shadow:           0 10px 34px -12px rgba(31,55,96,.28),
                         0 2px 8px -4px rgba(31,55,96,.18);
  --lg-shadow-soft:      0 6px 20px -10px rgba(31,55,96,.22);

  /* 浅色模式正宗系统色(0a84ff/30d158 是 iOS 暗色模式的) */
  --lg-blue:             #007AFF;
  --lg-blue-deep:        #0060df;
  --lg-blue-glass:       rgba(0,122,255,.82);
  --lg-blue-glass-hi:    rgba(0,122,255,.92);
  --lg-red:              #ff3b30;
  --lg-red-deep:         #d70015;
  --lg-green:            #34C759;
  --lg-green-deep:       #248a3d;

  --lg-text:             #1c2530;
  --lg-text-soft:        #55617a;
  --lg-text-faint:       #8a93a6;

  --lg-radius:           18px;
  --lg-radius-sm:        12px;
  --lg-radius-xs:        10px;
  --lg-radius-pill:      999px;

  /* 性能红线:blur 半径锁死 20/22/16;saturate 拉高不吃模糊预算,玻璃更"活" */
  --lg-blur:             saturate(185%) blur(20px);
  --lg-blur-strong:      saturate(190%) blur(22px);
  --lg-blur-nav:         saturate(180%) blur(16px);
}

/* ==========================================================================
   1. 背景 —— 浅灰白打底 + 淡蓝/淡青对角色晕（静止不晃）
   ========================================================================== */
html,body{
  min-height:100vh;
  background:transparent !important;
  color:var(--lg-text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background:linear-gradient(160deg,#f4f6fa 0%,#eef1f6 42%,#e9edf4 100%);
  pointer-events:none;
}

/* 光晕加浓+新增暖斑:玻璃后面有东西可透,blur 才显形——纯静态渐变零帧成本;
   饱和烘进色值,省掉原 filter:saturate 的一个全屏合成层 */
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(46% 42% at 16% 20%,
        rgba(80,165,255,.46) 0%,
        rgba(80,165,255,.20) 42%,
        rgba(80,165,255,0) 72%),
    radial-gradient(48% 46% at 86% 82%,
        rgba(60,215,220,.42) 0%,
        rgba(60,215,220,.17) 44%,
        rgba(60,215,220,0) 74%),
    radial-gradient(38% 40% at 78% 12%,
        rgba(170,145,255,.28) 0%,
        rgba(170,145,255,.10) 46%,
        rgba(170,145,255,0) 72%),
    radial-gradient(40% 44% at 8% 90%,
        rgba(145,190,255,.24) 0%,
        rgba(145,190,255,0) 70%),
    radial-gradient(22% 24% at 55% 55%,
        rgba(255,190,150,.10) 0%,
        rgba(255,190,150,0) 70%);
  pointer-events:none;
}

/* ==========================================================================
   2. 内容容器 —— 透明，露出 body 渐变底
   ========================================================================== */
#page-container,
#main-container,
#page-content,
#page-content-sidebar,
.content,
.content-bg,
section.content,
.push{
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
}
#main-container{
  border:none !important;
}

/* ==========================================================================
   3. 卡片 .block / .widget —— 白玻璃（真·液态玻璃），无 hover 位移
   ========================================================================== */
.block,
.block.full,
.widget,
.block-alt-noborder,
.thumbnail,
.panel,
.well{
  background:var(--lg-glass) !important;
  -webkit-backdrop-filter:var(--lg-blur);
  backdrop-filter:var(--lg-blur);
  border:1px solid var(--lg-stroke-soft) !important;
  border-radius:var(--lg-radius) !important;
  box-shadow:var(--lg-shadow),var(--lg-inset-hi) !important;
  overflow:hidden;
}

.block-title,
.panel-heading{
  background:transparent !important;
  border-bottom:1px solid var(--lg-hair) !important;
  padding:14px 18px !important;
}
.block-title h1,.block-title h2,.block-title h3,
.block-title h4,.block-title h5{
  color:var(--lg-text) !important;
  font-weight:600 !important;
  letter-spacing:-0.02em; /* SF 风格负字距,正字距是 Material 习惯 */
}

/* ==========================================================================
   4. 顶栏 —— 更通透的玻璃条
   ========================================================================== */
#header-navbar,
.navbar-default,
header.navbar,
header.navbar.navbar-fixed-top,
.navbar.navbar-fixed-top{
  background:rgba(255,255,255,.45) !important;
  -webkit-backdrop-filter:var(--lg-blur-nav);
  backdrop-filter:var(--lg-blur-nav);
  border:none !important;
  border-bottom:1px solid var(--lg-hair) !important;
  box-shadow:var(--lg-shadow-soft) !important;
}
#header-navbar .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a,
.navbar-nav-custom>li>a{
  color:var(--lg-text-soft) !important;
}
#header-navbar .navbar-nav>li>a:hover,
#header-navbar .navbar-nav>li.open>a,
.navbar-nav-custom>li>a:hover{
  color:var(--lg-text) !important;
  background:rgba(255,255,255,.35) !important;
}

/* ==========================================================================
   5. 侧栏 —— 浅灰白玻璃 + 深字
   ========================================================================== */
#sidebar,
.sidebar,
#page-container.sidebar-partial #sidebar,
#page-container.sidebar-visible #sidebar{
  background:rgba(248,249,252,.55) !important;
  -webkit-backdrop-filter:var(--lg-blur-strong);
  backdrop-filter:var(--lg-blur-strong);
  border-right:1px solid var(--lg-hair) !important;
  box-shadow:none !important;
}
#sidebar-brand,.themed-background,#sidebar .sidebar-content{ background:transparent !important; }
.sidebar-title,#sidebar-brand,#sidebar-brand a{ color:var(--lg-text) !important; }
#sidebar .sidebar-nav>li>a,
#sidebar .sidebar-nav a,
#sidebar #sidebar-nav a{
  color:var(--lg-text-soft) !important;
  border-radius:var(--lg-radius-sm) !important;
  margin:2px 10px !important;
  transition:background .2s ease,color .2s ease;
  
}
#sidebar .sidebar-nav>li>a>i,
#sidebar .sidebar-nav-icon{
  color:var(--lg-text-faint) !important;
  opacity:1 !important;
}
#sidebar .sidebar-nav a:hover,
#sidebar #sidebar-nav a:hover{
  background:rgb(32 32 32 / 50%) !important;
  color:var(--lg-text) !important;
}
#sidebar .sidebar-nav a:hover>i,
#sidebar .sidebar-nav a:hover .sidebar-nav-icon{
  color:rgba(255,255,255,.85) !important;
  opacity:1 !important;
}
#sidebar .sidebar-nav li.active>a,
#sidebar .sidebar-nav a.active,
#sidebar #sidebar-nav li.active>a{
  /* background: rgba(255,255,255,.18) !important; */
  color: #fff !important;
}
#sidebar .sidebar-nav li.active>a>i,
#sidebar .sidebar-nav a.active .sidebar-nav-icon{
  color:#FFF !important; opacity:1 !important;
}

/* 迷你侧边栏（仅图标）active 项居中，不贴右边 */
#page-container.sidebar-visible-lg-mini #sidebar .sidebar-nav li.active>a,
#page-container.sidebar-visible-lg-mini #sidebar .sidebar-nav a.active{
  width: 28px !important;
  margin: 6px auto !important;
  padding: 0 !important;
  text-align: center !important;
  border-radius: 10px !important;
}
#page-container.sidebar-visible-lg-mini #sidebar .sidebar-nav a.active .sidebar-nav-icon{
  margin: 0 !important;
}
#page-container.sidebar-visible-lg-mini #sidebar .sidebar-nav li.active>a,
#page-container.sidebar-visible-lg-mini #sidebar .sidebar-nav a{
  width: 28px !important;
  margin: 6px auto !important;
  padding: 0 !important;
  text-align: center !important;
  border-radius: 10px !important;
}
#page-container.sidebar-visible-lg-mini #sidebar .sidebar-nav a .sidebar-nav-icon{
  margin: 0 !important;
}
/* ==========================================================================
   6. 按钮 —— 统一：主(玻璃蓝·pill) / 次(白玻璃) / 危险(红) / 成功(绿)
   ========================================================================== */
.btn{
  border-radius:var(--lg-radius-pill) !important;
  border:1px solid transparent !important;
  padding:7px 18px !important;
  font-weight:500 !important;
  letter-spacing:-0.01em;
  /* 性能:去掉按钮 backdrop-filter(不透明按钮后模糊不可见,列表页大量按钮各建合成层徒增开销) */
  box-shadow:var(--lg-shadow-soft),inset 0 1px 0 rgba(255,255,255,.28) !important;
  transition:filter .2s var(--lg-spring),box-shadow .2s var(--lg-spring),transform .12s var(--lg-spring);
}
.btn:active{ filter:brightness(.92); transform:scale(.98); }
.btn:focus{ outline:none !important; }

.btn-primary,
.btn-effect-ripple.btn-primary{
  background:var(--lg-blue-glass) !important;
  border-color:rgba(10,132,255,.35) !important;
  color:#fff !important;
  box-shadow:0 8px 22px -10px rgba(10,132,255,.60),
             inset 0 1px 0 rgba(255,255,255,.35) !important;
}
.btn-primary:hover{ background:var(--lg-blue-glass-hi) !important; }

.btn-default,
.btn-alt-default{
  background:rgba(255,255,255,.42) !important;
  border-color:var(--lg-stroke-soft) !important;
  color:var(--lg-text) !important;
}
.btn-default:hover{ background:rgba(255,255,255,.60) !important; color:var(--lg-text) !important; }

.btn-danger{
  background:rgba(255,90,84,.62) !important;
  border-color:rgba(255,255,255,.35) !important;
  color:#fff !important;
  box-shadow:0 8px 20px -12px rgba(255,59,48,.40),
             inset 0 1px 0 rgba(255,255,255,.35) !important;
}
.btn-danger:hover{ background:rgba(255,71,64,.78) !important; }

.btn-success{
  background:rgba(52,199,89,.62) !important;
  border-color:rgba(255,255,255,.35) !important;
  color:#fff !important;
  box-shadow:0 8px 20px -12px rgba(48,209,88,.40),
             inset 0 1px 0 rgba(255,255,255,.35) !important;
}
.btn-success:hover{ background:rgba(48,193,78,.78) !important; }

.btn-info{
  background:rgba(90,170,255,.85) !important;
  border-color:rgba(10,132,255,.30) !important;
  color:#fff !important;
}
.btn-warning{
  background:rgba(255,159,10,.90) !important;
  border-color:rgba(200,120,0,.30) !important;
  color:#fff !important;
}
.btn-xs{ padding:3px 10px !important; }
.btn-sm{ padding:5px 14px !important; }
.btn-lg{ padding:10px 24px !important; }

/* ==========================================================================
   7. 表单 —— 白玻璃输入，聚焦蓝环
   ========================================================================== */
.form-control,
select.form-control,
textarea.form-control{
  background:rgba(255,255,255,.62) !important;
  /* 性能:去掉输入框 backdrop-filter(55%白底模糊几乎不可见,表单多字段时开销明显),底透明度补到 .62 */
  border:1px solid var(--lg-hair) !important;
  border-radius:var(--lg-radius-sm) !important;
  color:var(--lg-text) !important;
  box-shadow:inset 0 1px 2px rgba(31,55,96,.05) !important;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.form-control::-webkit-input-placeholder{ color:var(--lg-text-faint) !important; }
.form-control:focus{
  border-color:rgba(10,132,255,.55) !important;
  box-shadow:0 0 0 3px rgba(10,132,255,.18) !important;
  outline:none !important;
}
.input-group-addon{
  background:rgba(255,255,255,.45) !important;
  border:1px solid var(--lg-hair) !important;
  color:var(--lg-text-soft) !important;
  border-radius:var(--lg-radius-sm) !important;
}

/* ==========================================================================
   8. 表格 —— 通透行，发丝分隔
   ========================================================================== */
.table{ background:transparent !important; color:var(--lg-text) !important; }
.table>thead>tr>th{
  border-bottom:1px solid var(--lg-hair) !important;
  color:var(--lg-text-soft) !important;
  font-weight:600 !important;
  background:transparent !important;
}
.table>tbody>tr>td{
  border-top:1px solid var(--lg-hair) !important;
  background:transparent !important;
}
.table-hover>tbody>tr:hover{ background:rgba(120,140,170,.07) !important; } /* 白闪→冷灰微染,苹果列表感 */
.table-striped>tbody>tr:nth-of-type(odd){ background:rgba(255,255,255,.22) !important; }

/* ==========================================================================
   9. 分页 / 徽章 / 提示条
   ========================================================================== */
.pagination>li>a,
.pagination>li>span{
  background:rgba(255,255,255,.42) !important;
  border:1px solid var(--lg-hair) !important;
  color:var(--lg-text-soft) !important;
  margin:0 3px !important;
  border-radius:var(--lg-radius-sm) !important;
}
.pagination>.active>a,
.pagination>.active>span{
  background:var(--lg-blue-glass) !important;
  border-color:rgba(10,132,255,.35) !important;
  color:#fff !important;
}
.label,.badge{
  border-radius:var(--lg-radius-pill) !important;
  font-weight:600 !important;
  letter-spacing:-0.01em;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
}
.alert{
  background:rgba(255,255,255,.42) !important;
  -webkit-backdrop-filter:var(--lg-blur);
  backdrop-filter:var(--lg-blur);
  border:1px solid var(--lg-stroke-soft) !important;
  border-radius:var(--lg-radius-sm) !important;
  color:var(--lg-text) !important;
  box-shadow:var(--lg-shadow-soft) !important;
}

/* ==========================================================================
   10. 下拉菜单 / 模态 / 开关 —— 玻璃化收尾
   ========================================================================== */
.dropdown-menu{
  background:rgba(255,255,255,.60) !important;
  -webkit-backdrop-filter:var(--lg-blur-strong);
  backdrop-filter:var(--lg-blur-strong);
  border:1px solid var(--lg-stroke-soft) !important;
  border-radius:var(--lg-radius-sm) !important;
  box-shadow:var(--lg-shadow) !important;
  padding:6px !important;
}
.dropdown-menu>li>a{
  color:var(--lg-text-soft) !important;
  border-radius:var(--lg-radius-xs) !important;
  padding:7px 12px !important;
}
.dropdown-menu>li>a:hover{
  background:rgba(10,132,255,.10) !important;
  color:var(--lg-text) !important;
}
.modal-content{
  background:rgba(255,255,255,.72) !important;
  -webkit-backdrop-filter:var(--lg-blur-strong);
  backdrop-filter:var(--lg-blur-strong);
  border:1px solid var(--lg-stroke) !important;
  border-radius:var(--lg-radius) !important;
  box-shadow:var(--lg-shadow) !important;
}
.modal-header,.modal-footer{ border-color:var(--lg-hair) !important; }
.modal-backdrop.in{ opacity:.28 !important; }

.switchery{ box-shadow:none !important; }
.bootstrap-switch .bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary{
  background:var(--lg-blue-glass) !important;
}

/* ==========================================================================
   11. 滚动条 —— 细、淡、不抢戏
   ========================================================================== */
::-webkit-scrollbar{ width:10px;height:10px; }
::-webkit-scrollbar-thumb{
  background:rgba(120,140,170,.35);
  border-radius:999px;
  border:2px solid transparent;
  background-clip:content-box;
}
::-webkit-scrollbar-thumb:hover{ background:rgba(120,140,170,.55); }
::-webkit-scrollbar-track{ background:transparent; }

/* ==========================================================================
   12. 极致包(lg9)—— 全部零/近零渲染成本;红线:不加 blur、不加动画、不加位移
   ========================================================================== */
/* 磨砂噪点:longhand 覆盖前面 shorthand 的 image 分量,颜色不动 */
.block,.block.full,.widget,.thumbnail,.panel,.well{
  background-image:var(--lg-noise) !important;
  background-size:160px 160px !important;
}
body::before{ background-image:linear-gradient(160deg,#f4f6fa 0%,#eef1f6 42%,#e9edf4 100%),var(--lg-noise); background-size:auto,160px 160px; }

/* 压平 apple-core 残留的 hover 位移/换影(站主红线:不晃) */
.btn:hover{ transform:none !important; }
.block:hover,.panel:hover,.widget:hover,.thumbnail:hover{
  box-shadow:var(--lg-shadow),var(--lg-inset-hi) !important; transform:none !important;
}

/* 键盘焦点环(苹果蓝,鼠标用户零感知) */
:focus-visible{ outline:2px solid rgba(0,122,255,.8); outline-offset:2px; }
.btn:focus-visible,a:focus-visible,.pagination a:focus-visible{
  box-shadow:0 0 0 4px rgba(0,122,255,.35) !important; outline:none;
}

/* 原生控件苹果化:select 自绘双箭头 + 系统蓝勾选框 */
:root{ accent-color:#007AFF; }
select.form-control{
  -webkit-appearance:none !important; appearance:none !important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16'><path d='M6 3 L9.5 6.6 H2.5 Z M6 13 L2.5 9.4 H9.5 Z' fill='%238a93a6'/></svg>") !important;
  background-repeat:no-repeat !important; background-position:right 12px center !important;
  padding-right:34px !important;
}

/* 彩色按钮静态透镜盖(纯渐变,无模糊) */
.btn-primary,.btn-success,.btn-danger,.btn-info,.btn-warning{
  background-image:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.05) 45%,rgba(255,255,255,0) 60%) !important;
}

/* 细节收尾 */
.table td,.badge,.label{ font-variant-numeric:tabular-nums; }
::selection{ background:rgba(0,122,255,.22); }
.form-control{ caret-color:#007AFF; }
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px rgba(255,255,255,.92) inset !important;
  -webkit-text-fill-color:var(--lg-text) !important;
}
*{ scrollbar-width:thin; scrollbar-color:rgba(120,140,170,.35) transparent; }
.block-title h1,.block-title h2,.block-title h3,.panel-heading .panel-title{
  text-shadow:0 1px 0 rgba(255,255,255,.45); /* vibrancy:玻璃上文字的一丝浮起 */
}

/* OneUI shim:cardbuy/faka 等 default 模板页挂本皮后,压掉其实心色带头 */
.block-header.bg-primary,.block.block-themed>.block-header,.block-header{
  background:transparent !important; background-image:none !important;
  border-bottom:1px solid var(--lg-hair) !important; color:var(--lg-text) !important;
}
.block-header .block-title,.block-header h3,.block-header i{ color:var(--lg-text) !important; }

/* layer.js 2.3 弹层苹果化 —— 修复 layer.msg("加入购物车成功")默认黑底看不清字 */
.layui-layer{
  border-radius:16px !important;
  box-shadow:0 14px 44px -12px rgba(31,55,96,.34),0 4px 12px -6px rgba(31,55,96,.20) !important;
  border:1px solid var(--lg-stroke-soft) !important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro SC","PingFang SC","Microsoft YaHei",sans-serif !important;
}
/* 遮罩:半透明冷色+轻模糊,透出后面的玻璃页面(modal 打开时不滚动,blur 4px 短暂且轻,不越性能红线) */
.layui-layer-shade{
  background:rgba(24,34,54,.30) !important;
  -webkit-backdrop-filter:saturate(140%) blur(4px); backdrop-filter:saturate(140%) blur(4px);
}
/* 对话框本体:.90→.78 让 blur 真正露出来 + 方向性边缘高光,液态玻璃感 */
.layui-layer.layui-layer-dialog{
  background:rgba(255,255,255,.78) !important;
  -webkit-backdrop-filter:saturate(190%) blur(30px); backdrop-filter:saturate(190%) blur(30px);
  box-shadow:0 18px 50px -14px rgba(20,30,55,.42),
             inset 0 1px 0 0 rgba(255,255,255,.90),
             inset 0 0 0 1px rgba(255,255,255,.14) !important;
}
.layui-layer.layui-layer-page{ background:transparent !important; } /* iframe 类弹窗:容器透明,内容自带背景 */
.layui-layer.layui-layer-page.layui-layer-rim{ background:rgba(255,255,255,.95) !important; -webkit-backdrop-filter:saturate(185%) blur(24px); backdrop-filter:saturate(185%) blur(24px); } /* rim 皮肤(查询订单)恢复不透明背景 */
/* 关键:msg 的 layui-layer-hui 黑皮 → 白玻璃+深字 */
.layui-layer.layui-layer-msg,.layui-layer-hui{
  background:rgba(255,255,255,.85) !important;
  -webkit-backdrop-filter:saturate(185%) blur(24px); backdrop-filter:saturate(185%) blur(24px);
  border:1px solid var(--lg-stroke-soft) !important;
  color:var(--lg-text) !important; text-shadow:none !important;
}
.layui-layer-hui .layui-layer-content,.layui-layer-msg .layui-layer-content,
.layui-layer-dialog .layui-layer-content{ color:var(--lg-text) !important; }
.layui-layer-title{
  background:transparent !important; border-bottom:1px solid var(--lg-hair) !important;
  color:var(--lg-text) !important; font-weight:600 !important; letter-spacing:-0.01em;
}
/* 按钮行:居中排列 */
.layui-layer-btn{
  border-top:1px solid var(--lg-hair) !important;
  padding:12px 16px 16px !important; text-align:center !important;
}
/* 彻底重置 layer 的固定 height/line-height/vertical-align(它们导致文字被切+两按钮错位) */
.layui-layer-btn a{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  height:auto !important; min-height:36px !important; line-height:1.4 !important;
  padding:7px 22px !important; margin:0 6px !important; box-sizing:border-box !important;
  vertical-align:middle !important; float:none !important;
  border-radius:999px !important; border:1px solid var(--lg-stroke-soft) !important;
  background:rgba(255,255,255,.60) !important; color:var(--lg-text) !important;
  font-weight:500 !important; letter-spacing:-0.01em !important;
}
.layui-layer-btn .layui-layer-btn0{
  background:var(--lg-blue-glass) !important; border-color:rgba(0,122,255,.35) !important; color:#fff !important;
}
.layui-layer-setwin .layui-layer-close1,.layui-layer-setwin .layui-layer-close2{ opacity:.55; }

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){
  .block,.panel,.modal-content,.dropdown-menu,.navbar-fixed-top,#sidebar{
    background:rgba(255,255,255,.82) !important;
  }
  body::after{ opacity:.55; }
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}

/* ==========================================================================
   13. 统计卡片 stat-card —— 从 index.php 内联样式提取
   ========================================================================== */
.stat-row { margin-bottom: 18px; }
.stat-row > [class*="col-"] { margin-bottom: 12px; }

.stat-card {
  text-align: center;
  padding: 20px 10px 16px;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  background: rgba(255,255,255,.28);
  -webkit-backdrop-filter: saturate(180%) blur(22px);
  backdrop-filter: saturate(180%) blur(22px);
  border: 1px solid rgba(255,255,255,.50);
  transition: transform .35s var(--lg-spring), box-shadow .35s var(--lg-spring);
  animation: statRiseIn .65s var(--lg-spring) both;
  animation-delay: calc(var(--i, 0) * .08s);
}
.stat-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px -10px rgba(31,55,96,.18), 0 2px 8px -4px rgba(31,55,96,.10);
}
/* 移动端：移除 hover 位移(不晃) + 降延迟 */
@media (max-width: 768px) {
  .stat-card:hover { transform: none; box-shadow: var(--lg-shadow-soft); }
  .stat-card { animation-delay: calc(var(--i, 0) * .03s); }
}
@keyframes statRiseIn {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

.stat-card::before {
  content: "";
  position: absolute;
  top: 0; left: 12px; right: 12px;
  height: 3px;
  border-radius: 0 0 3px 3px;
}
.stat-blue::before  { background: linear-gradient(90deg, #007AFF, #5AC8FA); }
.stat-green::before { background: linear-gradient(90deg, #34C759, #30D158); }
.stat-amber::before { background: linear-gradient(90deg, #FF9F0A, #FFD60A); }
.stat-red::before   { background: linear-gradient(90deg, #FF3B30, #FF6482); }

.stat-icon-wrap {
  width: 44px; height: 44px;
  margin: 0 auto 10px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  background: rgba(255,255,255,.55);
  transition: transform .3s var(--lg-spring);
}
.stat-card:hover .stat-icon-wrap { transform: scale(1.08); }
.stat-blue .stat-icon-wrap  { color: #007AFF; }
.stat-green .stat-icon-wrap { color: #248a3d; }
.stat-amber .stat-icon-wrap { color: #b25000; }
.stat-red .stat-icon-wrap   { color: #d70015; }

.stat-num {
  font-size: 28px;
  font-weight: 700;
  color: #1c2530;
  line-height: 1.15;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}
.stat-num span, .stat-num label {
  font-weight: 700;
  margin: 0;
  color: inherit;
  font-size: inherit;
}

.stat-label {
  font-size: 12px;
  color: #8a93a6;
  margin-top: 4px;
  letter-spacing: -0.01em;
}

/* ==========================================================================
   14. 站点头部 - 中间大 LOGO + 品牌感
   ========================================================================== */
.site-hero {
  text-align: center;
  padding: 24px 16px 12px;
}
.site-hero img {
  max-width: 160px;
  max-height: 80px;
  border-radius: 18px;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.12));
}

/* ==========================================================================
   15. 版块入场动画（通用）
   ========================================================================== */
.block {
  animation: blockFadeUp .55s var(--lg-spring) both;
}
.block:nth-child(1) { animation-delay: .02s; }
.block:nth-child(2) { animation-delay: .06s; }
.block:nth-child(3) { animation-delay: .10s; }
.block:nth-child(4) { animation-delay: .14s; }
.row > [class*="col-"] > .block { animation-delay: calc(var(--i, 0) * .04s); }
@keyframes blockFadeUp {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}
@media (max-width: 768px) {
  .block { animation-duration: .45s; }
}

/* ==========================================================================
   16. 侧边栏页脚 —— 精致小字 + 分隔线装饰
   ========================================================================== */
.sidebar-footer {
  text-align: center;
  padding: 14px 10px 10px;
}
.sidebar-footer-line {
  /* width: 32px;  */
  height: 1px;
  /* margin: 0 auto 10px; */
  background: linear-gradient(90deg, transparent, rgb(224 67 185 / 63%), transparent);
}
.sidebar-footer-text {
  font-size: 11px;
  color: rgba(255,255,255,.55);
  line-height: 1.7;
  margin-bottom: 6px;
  word-break: break-all;
}
.sidebar-footer-text a {
  color: rgba(255,255,255,.75);
  text-decoration: none;
  transition: color .2s ease;
}
.sidebar-footer-text a:hover { color: #fff; }
.sidebar-footer-copy {
  font-size: 14px;
  color: #007aff;
}
.sidebar-footer-copy a {
  color: #007aff;
  margin-left: 0;
  text-decoration: none;
  transition: color .2s ease;
}
.sidebar-footer-copy a:hover { color: #c94d2b; }

/* ==========================================================================
   17. 下单步骤提示条优化
   ========================================================================== */
#orderWarning {
  border-radius: 14px !important;
  background: rgba(255,255,255,.38) !important;
  -webkit-backdrop-filter: saturate(180%) blur(18px);
  backdrop-filter: saturate(180%) blur(18px);
  border: 1px solid rgba(255,255,255,.50) !important;
  box-shadow: 0 2px 10px -4px rgba(31,55,96,.12) !important;
}

/* 友链块内链接美化 */
.links-block a {
  display: inline-block;
  padding: 4px 14px;
  margin: 3px 6px 3px 0;
  border-radius: 8px;
  background: rgba(0,0,0,.03);
  color: var(--lg-text-soft);
  font-size: 13px;
  text-decoration: none;
  transition: all .2s var(--lg-spring);
}
.links-block a:hover {
  background: rgba(0,122,255,.10);
  color: var(--lg-blue);
  text-decoration: none;
}

/* ==========================================================================
   18. 移动端微调
   ========================================================================== */
@media (max-width: 768px) {
  .site-hero img { max-width: 130px; }
}