/* ==========================================================================
   云赶集网盘 · 全新视觉系统「Aurora / 极光」v20261030
   设计语言：深空紫罗兰 × 极光青渐变 × 玻璃拟态
   - 落地页：暗色极光 Hero + 光感分区
   - 组件：全新 Naive UI 皮肤（按钮/输入/卡片/表格/弹窗）
   可整文件移除回滚，不影响 SPA 功能逻辑。
   ========================================================================== */

:root {
  --qgj-primary: #7c5cff;
  --qgj-primary-2: #5b7cff;
  --qgj-primary-deep: #5b3df0;
  --qgj-accent: #22d3ee;
  --qgj-pink: #f472b6;
  --qgj-ink: #0d1226;
  --qgj-muted: #5c6579;
  --qgj-line: #e8eaf3;
  --qgj-surface: #ffffff;
  --qgj-bg: #f5f6fa;
  --qgj-dark: #0b1024;
  --qgj-dark-2: #121a38;
  --qgj-radius: 16px;
  --qgj-shadow-sm: 0 2px 6px rgba(13, 18, 38, .05), 0 12px 32px -20px rgba(13, 18, 38, .18);
  --qgj-shadow-md: 0 6px 16px rgba(13, 18, 38, .07), 0 24px 56px -28px rgba(13, 18, 38, .25);
  --qgj-shadow-brand: 0 10px 26px -10px rgba(124, 92, 255, .55);
  --qgj-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", Roboto, Helvetica, Arial, sans-serif;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  font-family: var(--qgj-font);
  color: var(--qgj-ink);
  background: var(--qgj-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

::selection {
  background: rgba(124, 92, 255, .2);
  color: var(--qgj-ink);
}

/* 统一滚动条 */
* { scrollbar-width: thin; scrollbar-color: #c9cee2 transparent; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: #c9cee2;
  border: 2px solid transparent;
  background-clip: content-box;
  border-radius: 999px;
}
::-webkit-scrollbar-thumb:hover { background: #a8b0cf; background-clip: content-box; }

/* 键盘可达性（SEO/无障碍合规） */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 2px solid rgba(124, 92, 255, .6);
  outline-offset: 2px;
}

/* ============================= Naive UI 组件皮肤 ============================= */

/* 卡片 */
.n-card {
  border-radius: var(--qgj-radius) !important;
  border: 1px solid rgba(232, 234, 243, .95) !important;
  box-shadow: var(--qgj-shadow-sm) !important;
  transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
}
.n-card:hover {
  box-shadow: var(--qgj-shadow-md) !important;
  border-color: rgba(124, 92, 255, .22) !important;
}

/* 按钮 */
.n-button {
  border-radius: 11px !important;
  font-weight: 600 !important;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.n-button--primary-type:not(.n-button--disabled) {
  background-image: linear-gradient(135deg, #7c5cff 0%, #5b7cff 55%, #4aa8ff 120%) !important;
  border: none !important;
  box-shadow: var(--qgj-shadow-brand);
}
.n-button--primary-type:not(.n-button--disabled):hover {
  box-shadow: 0 14px 32px -10px rgba(124, 92, 255, .65);
  transform: translateY(-1px);
}
.n-button:active { transform: translateY(0) scale(.99); }

/* 输入类控件 */
.n-input, .n-base-selection, .n-input-group { border-radius: 11px !important; }
.n-input--focus .n-input__state-border,
.n-input.n-input--focus { box-shadow: 0 0 0 3px rgba(124, 92, 255, .14) !important; }

/* 表格 */
.n-data-table .n-data-table-th {
  background: #f7f8fd !important;
  font-weight: 600 !important;
  color: #3d4661 !important;
}
.n-data-table .n-data-table-tr:hover .n-data-table-td {
  background: rgba(124, 92, 255, .045) !important;
}

/* 标签页 */
.n-tabs .n-tabs-tab.n-tabs-tab--active { font-weight: 600; }
.n-tabs .n-tabs-bar { background: linear-gradient(90deg, #7c5cff, #22d3ee) !important; }

/* 弹窗 / 抽屉 / 消息 */
.n-dialog, .n-modal { border-radius: 18px !important; }
.n-message { border-radius: 12px !important; box-shadow: var(--qgj-shadow-md) !important; }
.n-pagination .n-pagination-item { border-radius: 9px !important; }

/* 页面进入微动效 */
#app { animation: qgj-fade-in .3s ease-out both; }
@keyframes qgj-fade-in {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ==================== 落地页（SEO 首屏静态正文） ==================== */

.qgj-seo {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 24px 0;
  font-family: var(--qgj-font);
  color: var(--qgj-ink);
}

/* ---- Hero：深空极光 ---- */
.qgj-hero {
  position: relative;
  margin: 0 -24px;
  padding: 96px 24px 84px;
  background: radial-gradient(1200px 600px at 78% -10%, rgba(124, 92, 255, .5), transparent 60%),
              radial-gradient(900px 500px at 8% 8%, rgba(34, 211, 238, .28), transparent 55%),
              radial-gradient(700px 420px at 55% 115%, rgba(244, 114, 182, .22), transparent 60%),
              linear-gradient(180deg, #0b1024 0%, #10173a 68%, #131b40 100%);
  color: #eef1ff;
  text-align: left;
  overflow: hidden;
}
.qgj-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, .16) 1px, transparent 1px);
  background-size: 26px 26px;
  opacity: .14;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.9), transparent 75%);
  -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,.9), transparent 75%);
  pointer-events: none;
}
.qgj-hero h1,
.qgj-hero .qgj-lede,
.qgj-hero .qgj-chips li { color: #eef1ff; }
.qgj-hero h1 {
  font-size: 44px;
  line-height: 1.18;
  font-weight: 800;
  letter-spacing: -.015em;
  margin: 0 0 18px;
  max-width: 720px;
  background: linear-gradient(92deg, #ffffff 30%, #c9b8ff 62%, #7fe7ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.qgj-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .1em;
  color: #b9a8ff;
  background: rgba(124, 92, 255, .14);
  border: 1px solid rgba(124, 92, 255, .38);
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 22px;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.qgj-eyebrow::before {
  content: "";
  width: 7px; height: 7px;
  border-radius: 50%;
  background: linear-gradient(135deg, #7c5cff, #22d3ee);
  box-shadow: 0 0 10px rgba(124, 92, 255, .9);
}
.qgj-lede {
  font-size: 17px;
  line-height: 1.85;
  color: var(--qgj-muted);
  max-width: 600px;
  margin: 0 0 30px;
}
.qgj-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 30px; }
.qgj-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 13px 30px;
  border-radius: 13px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none !important;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.qgj-btn.primary {
  background: linear-gradient(135deg, #7c5cff 0%, #5b7cff 60%, #3fa9ff 130%);
  color: #fff;
  box-shadow: 0 12px 30px -8px rgba(124, 92, 255, .6);
}
.qgj-btn.primary:hover { transform: translateY(-2px); box-shadow: 0 18px 40px -10px rgba(124, 92, 255, .7); }
.qgj-btn.ghost {
  background: rgba(255, 255, 255, .06);
  color: #dfe6ff;
  border: 1px solid rgba(255, 255, 255, .22);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.qgj-btn.ghost:hover { background: rgba(255, 255, 255, .12); transform: translateY(-2px); }
.qgj-btn.on-light {
  background: linear-gradient(135deg, #7c5cff, #5b7cff);
  color: #fff;
  box-shadow: var(--qgj-shadow-brand);
}
.qgj-btn.on-light:hover { transform: translateY(-2px); }
.qgj-btn.on-light.ghost {
  background: #fff;
  color: #6a4df5;
  border: 1px solid rgba(124, 92, 255, .3);
  box-shadow: none;
}

/* Hero 玻璃特性标签 */
.qgj-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.qgj-chips li {
  font-size: 13px;
  color: #475069;
  background: #fff;
  border: 1px solid var(--qgj-line);
  border-radius: 999px;
  padding: 7px 16px;
}
.qgj-hero .qgj-chips li {
  background: rgba(255, 255, 255, .07);
  border-color: rgba(255, 255, 255, .16);
  color: #c9d2f5;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

/* Hero 数据条 */
.qgj-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 46px;
  margin: 40px 0 6px;
  padding: 0;
  list-style: none;
}
.qgj-stats li { position: relative; padding-left: 16px; }
.qgj-stats li::before {
  content: "";
  position: absolute;
  left: 0; top: 6px; bottom: 6px;
  width: 3px;
  border-radius: 3px;
  background: linear-gradient(180deg, #7c5cff, #22d3ee);
}
.qgj-stats b { display: block; font-size: 15px; font-weight: 700; color: #fff; }
.qgj-stats span { font-size: 12.5px; color: #93a0cf; }

/* ---- 内容分区 ---- */
.qgj-section { padding: 64px 0 0; }
.qgj-section.alt { padding-top: 56px; }
.qgj-kicker {
  display: inline-block;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #7c5cff;
  background: rgba(124, 92, 255, .09);
  border-radius: 999px;
  padding: 5px 14px;
  margin-bottom: 14px;
}
.qgj-section h2 {
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -.01em;
  margin: 0 0 10px;
}
.qgj-seo h3 { font-size: 16.5px; font-weight: 700; margin: 0 0 8px; }
.qgj-seo p { line-height: 1.78; color: var(--qgj-muted); margin: 0 0 12px; }
.qgj-sub { font-size: 15px; margin-bottom: 26px; }

.qgj-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 18px;
}
.qgj-grid.three { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }

.qgj-card {
  position: relative;
  background: var(--qgj-surface);
  border: 1px solid var(--qgj-line);
  border-radius: var(--qgj-radius);
  padding: 24px 22px 20px;
  box-shadow: var(--qgj-shadow-sm);
  overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.qgj-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, #7c5cff, #5b7cff, #22d3ee);
  opacity: 0;
  transition: opacity .22s ease;
}
.qgj-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--qgj-shadow-md);
  border-color: rgba(124, 92, 255, .28);
}
.qgj-card:hover::before { opacity: 1; }
.qgj-card p { margin: 0; font-size: 14px; }

/* 步骤卡 */
.qgj-step .qgj-step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px; height: 34px;
  border-radius: 11px;
  font-size: 15px;
  font-weight: 800;
  color: #fff;
  background: linear-gradient(135deg, #7c5cff, #5b7cff);
  box-shadow: 0 6px 14px -6px rgba(124, 92, 255, .6);
  margin-bottom: 12px;
}

/* FAQ */
.qgj-faq { display: grid; grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)); gap: 16px; }
.qgj-faq-item {
  background: #fff;
  border: 1px solid var(--qgj-line);
  border-radius: var(--qgj-radius);
  padding: 20px 20px 16px;
  box-shadow: var(--qgj-shadow-sm);
}
.qgj-faq-item h3 { font-size: 15px; position: relative; padding-left: 16px; }
.qgj-faq-item h3::before {
  content: "";
  position: absolute;
  left: 0; top: 5px; bottom: 5px;
  width: 4px;
  border-radius: 4px;
  background: linear-gradient(180deg, #7c5cff, #22d3ee);
}
.qgj-faq-item p { margin: 0; font-size: 14px; }

/* CTA 横幅 */
.qgj-cta {
  margin-top: 72px;
  padding: 52px 40px;
  border-radius: 22px;
  background: radial-gradient(600px 300px at 85% 0%, rgba(34, 211, 238, .25), transparent 60%),
              radial-gradient(500px 320px at 10% 110%, rgba(244, 114, 182, .25), transparent 60%),
              linear-gradient(135deg, #12183a 0%, #1c2452 60%, #231d5e 100%);
  color: #fff;
  text-align: center;
  overflow: hidden;
}
.qgj-cta h2 { color: #fff; margin-bottom: 8px; }
.qgj-cta p { color: #aab4dd; max-width: 560px; margin: 0 auto 26px; }
.qgj-cta .qgj-actions { justify-content: center; margin-bottom: 0; }

/* 页脚导航 */
.qgj-links {
  margin-top: 44px;
  padding: 26px 0 40px;
  border-top: 1px solid var(--qgj-line);
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  font-size: 14px;
  align-items: center;
}
.qgj-links .qgj-brand { font-weight: 700; color: var(--qgj-ink); margin-right: 8px; }
.qgj-links a { color: #6b7490; text-decoration: none; transition: color .18s ease; }
.qgj-links a:hover { color: var(--qgj-primary); }

/* 面包屑 */
.qgj-breadcrumb {
  font-size: 13px;
  color: #96a0bb;
  padding: 30px 0 14px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.qgj-breadcrumb a { color: #6b7490; text-decoration: none; }
.qgj-breadcrumb a:hover { color: var(--qgj-primary); }
.qgj-seo-page { padding-bottom: 72px; }
.qgj-seo-page h1 {
  font-size: 36px;
  font-weight: 800;
  letter-spacing: -.01em;
  margin: 6px 0 14px;
}
.qgj-seo-page .qgj-lede { margin-bottom: 26px; }
/* 内页浅色底上的暗色按钮转换 */
.qgj-seo-page .qgj-actions .qgj-btn.ghost {
  background: #fff;
  color: #6a4df5;
  border: 1px solid rgba(124, 92, 255, .3);
}
.qgj-seo-page .qgj-actions .qgj-btn.ghost:hover { background: rgba(124, 92, 255, .06); }

/* 分享页信息卡 */
.qgj-file-card {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #fff;
  border: 1px solid var(--qgj-line);
  border-radius: var(--qgj-radius);
  padding: 20px 22px;
  margin: 26px 0 6px;
  box-shadow: var(--qgj-shadow-sm);
  max-width: 560px;
}
.qgj-file-card .qgj-fic {
  flex: none;
  width: 52px; height: 52px;
  border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; font-weight: 800; color: #fff;
  background: linear-gradient(135deg, #7c5cff, #5b7cff);
  box-shadow: 0 8px 18px -8px rgba(124, 92, 255, .6);
}
.qgj-file-card .qgj-meta { min-width: 0; }
.qgj-file-card .qgj-meta b {
  display: block;
  font-size: 15.5px;
  color: var(--qgj-ink);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.qgj-file-card .qgj-meta span { font-size: 13px; color: #8a94af; }

/* ============================= 响应式 ============================= */
@media (max-width: 768px) {
  .qgj-seo { padding: 0 18px; }
  .qgj-hero { margin: 0 -18px; padding: 64px 20px 56px; }
  .qgj-hero h1 { font-size: 30px; }
  .qgj-seo-page h1 { font-size: 27px; }
  .qgj-section h2 { font-size: 23px; }
  .qgj-lede { font-size: 15px; }
  .qgj-stats { gap: 12px 26px; }
  .qgj-cta { padding: 40px 22px; }
  .qgj-btn { padding: 12px 22px; }
  .n-card { border-radius: 14px !important; }
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
  html { scroll-behavior: auto; }
}

/* ====================================================================
   SPA 渲染层覆盖 · 落地页 / 登录注册页 整体换装「Aurora」
   Vue 挂载后使用自研组件（scoped 样式），此处按结构覆盖。
   ==================================================================== */

/* ---------- 公共顶栏：暗夜玻璃 ---------- */
.public-layout .pub-header{
  background:rgba(11,16,36,.72)!important;
  -webkit-backdrop-filter:saturate(1.5) blur(16px)!important;
  backdrop-filter:saturate(1.5) blur(16px)!important;
  border-bottom:1px solid rgba(124,92,255,.18)!important;
}
.public-layout .pub-nav a{color:#c3cbec!important}
.public-layout .pub-nav a:hover{color:#fff!important}
.public-layout .pub-nav .btn-text{color:#c3cbec!important}
.public-layout .pub-nav .btn-primary{
  background:linear-gradient(135deg,#7c5cff,#5b7cff 60%,#3fa9ff 130%)!important;
  color:#fff!important;box-shadow:0 8px 20px -8px rgba(124,92,255,.6)!important;
}
.public-layout .pub-nav .btn-primary:hover{box-shadow:0 12px 26px -8px rgba(124,92,255,.75)!important;transform:translateY(-1px)}

/* ---------- Hero：深空极光 ---------- */
.public-layout .hero{
  background:radial-gradient(1100px 560px at 78% -12%,rgba(124,92,255,.5),transparent 60%),
             radial-gradient(850px 480px at 6% 10%,rgba(34,211,238,.26),transparent 55%),
             radial-gradient(680px 420px at 52% 118%,rgba(244,114,182,.2),transparent 60%),
             linear-gradient(180deg,#0b1024 0%,#10173a 70%,#131b40 100%)!important;
  color:#eef1ff!important;
}
.public-layout .hero h1{color:#fff!important}
.public-layout .hero .eyebrow{
  color:#c4b5ff!important;background:rgba(124,92,255,.16)!important;
  border:1px solid rgba(124,92,255,.4)!important;
}
.public-layout .hero .lede{color:#a9b3dd!important}
.public-layout .hero .btn-ghost{
  background:rgba(255,255,255,.07)!important;color:#dfe6ff!important;
  border:1px solid rgba(255,255,255,.22)!important;
}
.public-layout .hero .btn-ghost:hover{background:rgba(255,255,255,.13)!important}
.public-layout .hero .hero-stats li span{color:#c9d2f5!important}
.public-layout .hero .hero-stats .chip{
  background:linear-gradient(135deg,#7c5cff,#22d3ee)!important;
  box-shadow:0 0 8px rgba(124,92,255,.8)!important;
}
.public-layout .hero .blob.b1{background:radial-gradient(circle,rgba(124,92,255,.55),transparent 70%)!important}
.public-layout .hero .blob.b2{background:radial-gradient(circle,rgba(34,211,238,.4),transparent 70%)!important}
.public-layout .hero .blob.b3{background:radial-gradient(circle,rgba(244,114,182,.35),transparent 70%)!important}
.public-layout .hero .grid-line{
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)!important;
}
/* hero 里的模拟窗口：暗色玻璃 */
.public-layout .hero .appwin{
  background:rgba(17,24,52,.86)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.7)!important;color:#dfe4fb!important;
}
.public-layout .hero .appwin .aw-bar{background:rgba(255,255,255,.05)!important;color:#c3cbec!important}
.public-layout .hero .appwin .aw-side{border-color:rgba(255,255,255,.08)!important;color:#a4aecf!important}
.public-layout .hero .appwin .aw-nav{color:#a4aecf!important}
.public-layout .hero .appwin .aw-nav.active{background:rgba(124,92,255,.2)!important;color:#d6cbff!important}
.public-layout .hero .appwin .aw-main .head{color:#8a94bd!important}
.public-layout .hero .appwin .fname{color:#e6e9ff!important}
.public-layout .hero .appwin .fic{background:rgba(124,92,255,.2)!important}
.public-layout .hero .appwin .aw-usage{color:#8a94bd!important}
.public-layout .hero .appwin .aw-bar-track{background:rgba(255,255,255,.1)!important}
.public-layout .hero .appwin .aw-bar-track i{background:linear-gradient(90deg,#7c5cff,#22d3ee)!important}
.public-layout .hero .shot-badge{
  background:rgba(17,24,52,.9)!important;color:#c9d2f5!important;
  border:1px solid rgba(124,92,255,.35)!important;
}

/* ---------- 特性区 ---------- */
.public-layout .sec-tag{
  color:#7c5cff!important;background:rgba(124,92,255,.09)!important;
  border:1px solid rgba(124,92,255,.22)!important;
}
.public-layout .feat{
  border:1px solid var(--qgj-line)!important;
  box-shadow:var(--qgj-shadow-sm)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.public-layout .feat:hover{
  transform:translateY(-4px)!important;
  box-shadow:var(--qgj-shadow-md)!important;
  border-color:rgba(124,92,255,.32)!important;
}
.public-layout .feat .fic-wrap.f1{background:linear-gradient(135deg,#7c5cff,#5b7cff)!important;color:#fff!important}
.public-layout .feat .fic-wrap.f2{background:linear-gradient(135deg,#22d3ee,#3fa9ff)!important;color:#fff!important}
.public-layout .feat .fic-wrap.f3{background:linear-gradient(135deg,#f472b6,#c084fc)!important;color:#fff!important}
.public-layout .feat .fic-wrap.f4{background:linear-gradient(135deg,#34d399,#22d3ee)!important;color:#fff!important}

/* ---------- 步骤区 ---------- */
.public-layout .step-list .num{
  background:linear-gradient(135deg,#7c5cff,#5b7cff)!important;
  color:#fff!important;box-shadow:0 8px 18px -8px rgba(124,92,255,.6)!important;
}

/* ---------- 会员横幅 ---------- */
.public-layout .vip-card{
  background:radial-gradient(600px 300px at 88% 0%,rgba(34,211,238,.22),transparent 60%),
             radial-gradient(520px 320px at 6% 110%,rgba(244,114,182,.22),transparent 60%),
             linear-gradient(135deg,#12183a 0%,#1c2452 60%,#231d5e 100%)!important;
  border:1px solid rgba(124,92,255,.28)!important;
}
.public-layout .vip-card .vip-tag{
  color:#c4b5ff!important;background:rgba(124,92,255,.18)!important;
  border:1px solid rgba(124,92,255,.4)!important;
}
.public-layout .vip-card .plan{
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;color:#dfe4fb!important;
}
.public-layout .vip-card .plan.hot{
  background:linear-gradient(135deg,rgba(124,92,255,.32),rgba(34,211,238,.16))!important;
  border:1px solid rgba(124,92,255,.5)!important;
}

/* ---------- CTA 区 ---------- */
.public-layout .home .cta{
  background:linear-gradient(180deg,#f5f6fa 0%,#eceef8 100%)!important;
}
.public-layout .home .cta .btn-primary,
.dl .cta .btn-primary{
  background:linear-gradient(135deg,#7c5cff,#5b7cff 60%,#3fa9ff 130%)!important;
  box-shadow:var(--qgj-shadow-brand)!important;
}
.public-layout .home .cta .btn-primary:hover{box-shadow:0 16px 36px -10px rgba(124,92,255,.7)!important;transform:translateY(-2px)}

/* ---------- 页脚：暗夜收尾 ---------- */
.public-layout .pub-footer{
  background:linear-gradient(180deg,#0b1024,#0d1226)!important;
  border-top:1px solid rgba(124,92,255,.16)!important;
  color:#a4aecf!important;
}
.public-layout .pub-footer a{color:#8a94bd!important}
.public-layout .pub-footer a:hover{color:#c4b5ff!important}
.public-layout .pub-footer h4,
.public-layout .pub-footer .ft-brand{color:#eef1ff!important}

/* ---------- 登录 / 注册页（auth 布局） ---------- */
.public-layout .auth-aside,
.blank-layout .auth-aside{
  background:radial-gradient(700px 420px at 85% -8%,rgba(124,92,255,.5),transparent 62%),
             radial-gradient(520px 340px at 0% 105%,rgba(34,211,238,.3),transparent 58%),
             linear-gradient(160deg,#0b1024 0%,#151c42 60%,#1d1a4e 100%)!important;
  color:#eef1ff!important;
}
.blank-layout .auth-aside h2{color:#fff!important}
.blank-layout .auth-aside p{color:#a9b3dd!important}
.blank-layout .auth-aside .brand-name{color:#fff!important}
.blank-layout .auth-aside .feature-list li{color:#c9d2f5!important}
.blank-layout .auth-aside .feature-list .ico{
  background:linear-gradient(135deg,#7c5cff,#22d3ee)!important;color:#fff!important;
}
.blank-layout .auth-aside .aside-foot{color:#6f7aa6!important}
/* 品牌渐变 SVG 换新色 */
#authclg stop:first-child{stop-color:#22d3ee}
#authclg stop:last-child{stop-color:#7c5cff}
.blank-layout .auth-main{background:#fff!important}
.blank-layout .auth-shell{
  border:1px solid rgba(232,234,243,.95)!important;
  box-shadow:0 40px 100px -40px rgba(13,18,38,.35)!important;
}
.blank-layout .auth-inner .title{color:#0d1226!important}
.blank-layout .auth-inner .sub{color:#5c6579!important}

/* ---------- 通用按钮换装（全站） ---------- */
.public-layout .btn-primary,
.n-button--primary-type{
  background-image:linear-gradient(135deg,#7c5cff 0%,#5b7cff 55%,#4aa8ff 120%)!important;
}
.public-layout .btn-primary{
  box-shadow:0 10px 24px -10px rgba(124,92,255,.6)!important;
  border:none!important;
}
.public-layout .btn-primary:hover{
  box-shadow:0 16px 32px -10px rgba(124,92,255,.72)!important;
  transform:translateY(-1px);
}

/* ====================================================================
   下载客户端页（.dl 作用域）· 极光视觉统一
   ==================================================================== */
.dl{background:linear-gradient(180deg,#0b1024 0%,#10173a 55%,#0d1226 100%)!important}
.dl .aurora .glow.g1{background:radial-gradient(circle,rgba(124,92,255,.5),transparent 70%)!important}
.dl .aurora .glow.g2{background:radial-gradient(circle,rgba(34,211,238,.35),transparent 70%)!important}
.dl .aurora .glow.g3{background:radial-gradient(circle,rgba(244,114,182,.3),transparent 70%)!important}
.dl .aurora .glow.g4{background:radial-gradient(circle,rgba(91,124,255,.35),transparent 70%)!important}
.dl .badge{
  color:#c4b5ff!important;background:rgba(124,92,255,.14)!important;
  border:1px solid rgba(124,92,255,.4)!important;
}
.dl .badge .dot{background:linear-gradient(135deg,#7c5cff,#22d3ee)!important;box-shadow:0 0 8px rgba(124,92,255,.8)!important}
.dl .hero h1{color:#fff!important}
.dl .hero h1 em{
  font-style:normal!important;
  background:linear-gradient(92deg,#c4b5ff 0%,#8ab4ff 55%,#67e8f9 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
.dl .hero .lede{color:#a9b3dd!important}
.dl .hero .btn-ghost{
  background:rgba(255,255,255,.07)!important;color:#dfe6ff!important;
  border:1px solid rgba(255,255,255,.22)!important;
}
.dl .hero .btn-ghost:hover{background:rgba(255,255,255,.13)!important}
.dl .pills li{
  color:#c9d2f5!important;background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.16)!important;
}
.dl .scroll-hint{border-color:rgba(255,255,255,.25)!important}
.dl .scroll-hint i{background:linear-gradient(180deg,#7c5cff,#22d3ee)!important}

/* 平台卡片 */
.dl .versions .card{
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(124,92,255,.22)!important;
  border-radius:20px!important;
  -webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.dl .versions .card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(124,92,255,.5)!important;
  box-shadow:0 24px 60px -24px rgba(124,92,255,.5)!important;
}
.dl .versions .card h3{color:#fff!important}
.dl .versions .card .ver{color:#8ab4ff!important}
.dl .versions .card .meta{color:#a9b3dd!important}
.dl .versions .card .meta span{color:#7d88b3!important}
.dl .versions .card .toggle{color:#8a94bd!important}
.dl .ico.i-windows{background:linear-gradient(135deg,#5b7cff,#7c5cff)!important}
.dl .ico.i-android{background:linear-gradient(135deg,#22d3ee,#34d399)!important}
.dl .ico.i-mac,.dl .ico.i-linux,.dl .ico.i-ios{background:linear-gradient(135deg,#7c5cff,#c084fc)!important}

/* 分区标题 */
.dl .sec-head h2{color:#fff!important}
.dl .sec-head p{color:#a9b3dd!important}
.dl .sec-tag{
  color:#c4b5ff!important;background:rgba(124,92,255,.14)!important;
  border:1px solid rgba(124,92,255,.4)!important;
}

/* 特性区 */
.dl .features .feat{
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(124,92,255,.18)!important;
  border-radius:18px!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.dl .features .feat:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(124,92,255,.45)!important;
  box-shadow:0 20px 48px -24px rgba(124,92,255,.45)!important;
}
.dl .features .feat h4{color:#fff!important}
.dl .features .feat p{color:#a9b3dd!important}
.dl .features .feat .fic{
  background:linear-gradient(135deg,rgba(124,92,255,.2),rgba(34,211,238,.14))!important;
  color:#c4b5ff!important;border:1px solid rgba(124,92,255,.3)!important;
}

/* 步骤区：旧蓝色竖条 → 极光数字徽章 */
.dl .step-list li{
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(124,92,255,.18)!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
.dl .step-list li:hover{border-color:rgba(124,92,255,.4)!important}
.dl .step-list li h4{color:#fff!important}
.dl .step-list li p{color:#a9b3dd!important}
.dl .step-list .num{
  width:52px!important;height:52px!important;min-width:52px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#7c5cff 0%,#5b7cff 60%,#3fa9ff 130%)!important;
  color:#fff!important;font-weight:800!important;
  box-shadow:0 10px 22px -8px rgba(124,92,255,.6)!important;
}

/* CTA 卡：浅紫渐变白字 → 深空极光横幅 */
.dl .cta-card{
  background:radial-gradient(600px 300px at 85% 0%,rgba(34,211,238,.25),transparent 60%),
             radial-gradient(520px 320px at 8% 110%,rgba(244,114,182,.25),transparent 60%),
             linear-gradient(135deg,#12183a 0%,#1c2452 60%,#231d5e 100%)!important;
  border:1px solid rgba(124,92,255,.32)!important;
  border-radius:24px!important;
  overflow:hidden!important;
}
.dl .cta-card .cta-glow{
  background:radial-gradient(circle,rgba(124,92,255,.4),transparent 70%)!important;
}
.dl .cta-card h2{color:#fff!important}
.dl .cta-card p{color:#aab4dd!important}

/* 消除 .dl 内 section 自带的浅色断带 */
.dl section{background:transparent!important}
.dl .cta{background:transparent!important}

/* ---------- Hero 模拟窗口：侧栏暗化 + 文件进度条极光化（补漏） ---------- */
.public-layout .hero .appwin .aw-side{
  background:rgba(255,255,255,.04)!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
  border-bottom-left-radius:14px!important;
}
.public-layout .hero .appwin .aw-side .aw-nav{
  color:#a4aecf!important;background:transparent!important;
  border-radius:10px!important;
}
.public-layout .hero .appwin .aw-side .aw-nav:hover{color:#dfe4fb!important}
.public-layout .hero .appwin .aw-side .aw-nav.active{
  background:rgba(124,92,255,.24)!important;color:#d6cbff!important;
}
.public-layout .hero .appwin .aw-usage small{color:#6f7aa6!important}
/* 文件列表右侧迷你进度条：旧绿 → 极光渐变 */
.public-layout .hero .appwin .mini-bar{
  border-radius:99px!important;height:8px!important;
}
.public-layout .hero .appwin .mini-bar.ok{
  background:linear-gradient(90deg,#22d3ee,#5b7cff)!important;
}
.public-layout .hero .appwin .mini-bar.run{
  background:linear-gradient(90deg,#7c5cff,#22d3ee)!important;
  animation:qgj-shimmer 1.6s ease-in-out infinite;
}
.public-layout .hero .appwin .aw-row{border-bottom:1px solid rgba(255,255,255,.05)!important}
.public-layout .hero .appwin .aw-main .head span{color:#8a94bd!important}
.public-layout .hero .appwin .aw-row>span:not(.fname){color:#aab4dd!important}
@keyframes qgj-shimmer{0%,100%{opacity:1}50%{opacity:.55}}

/* mini-bar 伪元素才是绿色真身：连 ::after 一起覆盖 */
.public-layout .hero .appwin .mini-bar{
  background:rgba(255,255,255,.12)!important;
}
.public-layout .hero .appwin .mini-bar.ok::after{
  background:linear-gradient(90deg,#22d3ee,#5b7cff)!important;
}
.public-layout .hero .appwin .mini-bar.run::after{
  background:linear-gradient(90deg,#7c5cff,#22d3ee)!important;
  animation:qgj-shimmer 1.6s ease-in-out infinite!important;
}

/* ====================================================================
   移动端抽屉导航（.pub-nav.open）· 暗夜玻璃统一
   ==================================================================== */
@media (max-width: 860px){
  .public-layout .pub-header{background:rgba(11,16,36,.92)!important}
  .public-layout .pub-header .menu-toggle span{background:#c3cbec!important}
  .public-layout .pub-nav.open{
    background:linear-gradient(180deg,rgba(13,18,40,.97) 0%,rgba(16,23,58,.97) 100%)!important;
    -webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;
    border-bottom:1px solid rgba(124,92,255,.25)!important;
    box-shadow:0 30px 60px -20px rgba(0,0,0,.6)!important;
  }
  .public-layout .pub-nav.open a{
    color:#c3cbec!important;
    border-bottom:1px solid rgba(255,255,255,.06)!important;
    font-weight:500;
  }
  .public-layout .pub-nav.open a:hover,
  .public-layout .pub-nav.open a.router-link-exact-active{color:#c4b5ff!important}
  .public-layout .pub-nav.open .nav-account{
    border-top:1px solid rgba(124,92,255,.2)!important;
    margin-top:10px!important;padding-top:18px!important;
  }
  .public-layout .pub-nav.open .nav-account .btn-text{color:#a9b3dd!important}
  .public-layout .pub-nav.open .nav-account .btn-primary{
    background:linear-gradient(135deg,#7c5cff,#5b7cff 60%,#3fa9ff 130%)!important;
    color:#fff!important;border:none!important;
    box-shadow:0 10px 24px -10px rgba(124,92,255,.65)!important;
  }
}