/* =============================================================
   源码集市 · UI 焕新主题 v7（最后加载，覆盖前述样式）
   策略：重定义设计变量（全局统一换肤）+ 关键视觉面增强，
   不改动任何既有类名，确保功能零回归。
   ============================================================= */
:root{
  /* 主色：靛紫 → 紫 → 品红，新增青色点缀，整体更高级通透 */
  --brand:#6d5efc; --brand2:#a855f7; --brand-dark:#5847e6; --brand-light:#b3a8ff;
  --accent:#22d3ee; --accent2:#34d399;
  --bg:#eef1fb; --card:#ffffff; --text:#1e2230; --text2:#5b6478; --text3:#9aa3b5;
  --border:#e6e8f0;
  --green:#10b981; --orange:#f59e0b; --red:#ef4444;
  --radius:16px; --radius-sm:10px; --radius-lg:22px;
  --shadow:0 1px 3px rgba(20,20,40,.06),0 6px 20px rgba(20,20,40,.05);
  --shadow-hover:0 14px 40px rgba(109,94,252,.22);
  --shadow-card:0 2px 8px rgba(20,20,40,.05),0 10px 30px rgba(20,20,40,.07);
  --glass:rgba(255,255,255,.72); --glass-border:rgba(255,255,255,.5);
  --transition:all .25s cubic-bezier(.4,0,.2,1);
  /* 玻璃拟态 */
  --gm-blur:blur(22px) saturate(180%);
  --gm-bg:rgba(255,255,255,.55);
  --gm-bg-strong:rgba(255,255,255,.74);
  --gm-border:rgba(255,255,255,.55);
  --gm-shadow:0 8px 32px rgba(109,94,252,.10),0 1px 0 rgba(255,255,255,.6) inset;
  --gm-shadow-hover:0 16px 48px rgba(109,94,252,.22),0 1px 0 rgba(255,255,255,.7) inset;
}

/* 全局流光极光背景（新配色） */
body{background:linear-gradient(160deg,#eef1fb 0%,#f1ecfb 45%,#eaf2fb 100%);background-attachment:fixed}
body::before{background:
  radial-gradient(620px 420px at 12% 8%, rgba(109,94,252,.20), transparent 62%),
  radial-gradient(560px 420px at 88% 12%, rgba(168,85,247,.18), transparent 60%),
  radial-gradient(720px 560px at 50% 105%, rgba(34,211,238,.16), transparent 62%),
  radial-gradient(480px 380px at 92% 78%, rgba(236,72,153,.10), transparent 58%)}
body::after{background:linear-gradient(135deg,rgba(168,85,247,.22),rgba(34,211,238,.14));filter:blur(60px);animation:float 9s ease-in-out infinite}

/* 顶栏：滚动后更清晰的玻璃质感 */
.site-header.scrolled{box-shadow:0 6px 28px rgba(20,20,40,.10);background:rgba(255,255,255,.92)}
.logo:hover .logo-icon{transform:rotate(-6deg) scale(1.05)}
.nav a:hover{transform:translateY(-1px)}

/* 首页 Banner：更通透的极光渐变 + 网格质感 + 光晕 */
.home-banner{background:linear-gradient(135deg,#5847e6 0%,#6d5efc 25%,#a855f7 58%,#c026d3 80%,#22d3ee 115%);background-size:220% 220%;animation:gradientMove 10s ease infinite;box-shadow:0 22px 60px rgba(109,94,252,.34),0 1px 0 rgba(255,255,255,.35) inset}
.home-banner::before{background:rgba(255,255,255,.08);animation:float 7s ease-in-out infinite}
.home-banner::after{background:rgba(255,255,255,.05);animation:float 9s ease-in-out infinite reverse}
.home-banner h1{text-shadow:0 4px 20px rgba(0,0,0,.18);letter-spacing:-.5px}
/* 细网格叠层，增加科技感 */
.home-banner{position:relative}
.home-banner > *{position:relative;z-index:2}
.home-banner .hb-grid{position:absolute;inset:0;z-index:1;opacity:.10;
  background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);
  background-size:38px 38px;mask-image:radial-gradient(ellipse at 30% 30%,#000 30%,transparent 75%)}

/* 商品卡片：悬浮更明显的高级感 */
.product-card{border:1px solid rgba(230,232,240,.9)}
.product-card:hover{transform:translateY(-10px) scale(1.015);box-shadow:var(--shadow-hover);border-color:rgba(109,94,252,.35)}
.product-card:hover .product-cover .cover-icon{transform:scale(1.18) rotate(-4deg)}
.product-title{font-weight:650}
.product-price{font-weight:800;letter-spacing:-.3px}

/* 卡片封面类型渐变（更通透） */
.product-cover.type-source{background:linear-gradient(135deg,#eef2ff,#e0e7ff 55%,#c7d2fe)}
.product-cover.type-card{background:linear-gradient(135deg,#fff7ed,#ffedd5 55%,#fed7aa)}
.product-cover.type-virtual{background:linear-gradient(135deg,#ecfdf5,#d1fae5 55%,#a7f3d0)}
.product-cover.type-software{background:linear-gradient(135deg,#ecfeff,#cffafe 55%,#a5f3fc)}
.product-cover.type-article{background:linear-gradient(135deg,#fdf4ff,#fae8ff 55%,#f5d0fe)}
.product-cover.type-hot{background:linear-gradient(135deg,#fef2f2,#fee2e2 55%,#fecaca)}
.product-cover.type-free{background:linear-gradient(135deg,#f0fdf4,#dcfce7 55%,#bbf7d0)}

/* 区块标题：渐变文字 + 左侧光条 */
.section-title{background:linear-gradient(120deg,var(--brand-dark),var(--brand2) 55%,#c026d3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}
.section-title::before{background:linear-gradient(180deg,var(--brand),var(--brand2));box-shadow:0 0 12px rgba(109,94,252,.4)}

/* 分类胶囊 */
.cat-chip:hover{box-shadow:0 6px 16px rgba(109,94,252,.18);transform:translateY(-2px)}
.cat-chip.active{box-shadow:0 6px 18px rgba(109,94,252,.35)}

/* 主按钮：统一高级渐变 */
.el-button--primary{background:linear-gradient(135deg,var(--brand),var(--brand2));border:none;box-shadow:0 6px 18px rgba(109,94,252,.32)}
.el-button--primary:hover,.el-button--primary:focus{background:linear-gradient(135deg,var(--brand-dark),#9333ea);box-shadow:0 10px 26px rgba(109,94,252,.45)}
.el-button--success{background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 6px 18px rgba(16,185,129,.32)}

/* 玻璃面板增强 */
.gm,.product-card,.site-footer,.cat-chip,.adm-panel,.sub-kpi,.adm-clock,.adm-tb-btn,.otab{box-shadow:var(--gm-shadow)}
.el-dialog{box-shadow:0 24px 80px rgba(76,29,149,.28)!important}

/* 后台欢迎横幅 */
.adm-welcome{background:linear-gradient(135deg,#6d5efc 0%,#a855f7 55%,#c026d3 100%)}
.kpi.kpi-violet{background:linear-gradient(135deg,#6d5efc,#a855f7)}
.kpi.kpi-blue{background:linear-gradient(135deg,#0ea5e9,#6d5efc)}
.kpi.kpi-green{background:linear-gradient(135deg,#10b981,#059669)}
.kpi.kpi-orange{background:linear-gradient(135deg,#f59e0b,#f97316)}

/* 顶栏搜索胶囊 */
.search-box .el-input__inner{background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.7)}
.search-box .el-input__inner:focus{box-shadow:0 0 0 3px rgba(109,94,252,.18);border-color:var(--brand)}

/* 详情页购买按钮呼吸光 */
.buy-btn:hover{box-shadow:0 10px 28px rgba(109,94,252,.4)}

/* 返回顶部 */
.back-top{box-shadow:0 8px 26px rgba(109,94,252,.24)}

/* 页脚 */
.site-footer .contact span{background:rgba(255,255,255,.7)}
.copyright{background:rgba(255,255,255,.4)}

/* 移动端底部导航中心按钮 */
.m-tabbar .center i{background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 6px 18px rgba(109,94,252,.45)}

/* 平滑入场（轻微） */
.product-card,.stat-card,.feature-card{transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease,border-color .28s ease}

@media(max-width:768px){
  .home-banner{padding:44px 22px}
  .home-banner h1{font-size:30px}
}