/* 拟物厚重风 + 科技蓝白配色 */
    :root {
      --main: #2563eb;
      --accent: #06b6d4;
      --bg: #f8fafc;
      --text: #0f172a;
      --card-bg: #ffffff;
      --shadow-heavy: 0 15px 35px -12px rgba(15, 23, 42, 0.15), 0 4px 12px rgba(37, 99, 235, 0.08);
      --shadow-hover: 0 22px 40px -14px rgba(37, 99, 235, 0.25), 0 6px 16px rgba(6, 182, 212, 0.1);
      --gradient-highlight: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);
    }

    body {
      background-color: var(--bg);
      color: var(--text);
      font-family: 'Inter', '思源黑体', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      overflow-x: hidden;
      line-height: 1.6;
    }

    h1, h2, h3, h4, .font-serif {
      font-family: '思源宋体', 'Noto Serif SC', 'Source Han Serif SC', Georgia, 'Times New Roman', serif;
      font-weight: 700;
    }

    /* 拟物厚重投影 & 高光 */
    .heavy-card {
      background: var(--card-bg);
      border-radius: 1.25rem;
      box-shadow: var(--shadow-heavy);
      transition: all 0.3s ease;
      border: 1px solid rgba(37, 99, 235, 0.08);
    }

    .heavy-card:hover {
      box-shadow: var(--shadow-hover);
      transform: translateY(-4px);
    }

    /* 按钮光泽扫过 */
    .btn-gloss {
      background: var(--gradient-highlight);
      color: #fff;
      border: none;
      padding: 0.8rem 2.2rem;
      font-weight: 600;
      border-radius: 50rem;
      box-shadow: 0 8px 20px rgba(37, 99, 235, 0.3);
      position: relative;
      overflow: hidden;
      z-index: 1;
      transition: transform 0.2s, box-shadow 0.2s;
    }

    .btn-gloss::after {
      content: '';
      position: absolute;
      top: -40%;
      left: -60%;
      width: 50%;
      height: 180%;
      background: linear-gradient(105deg, transparent, rgba(255,255,255,0.7), transparent);
      transform: skewX(-20deg);
      transition: left 0.6s ease;
      z-index: 0;
    }

    .btn-gloss:hover {
      box-shadow: 0 14px 28px rgba(6, 182, 212, 0.4);
      transform: translateY(-2px);
    }

    .btn-gloss:hover::after {
      left: 120%;
    }

    /* Hero 背景视差 */
    .hero-section {
      background-image: url('{随机图片}');
      background-size: cover;
      background-position: center 60%;
      background-attachment: fixed; /* 视差效果 */
      position: relative;
      padding: 8rem 0 6rem;
    }

    .hero-section::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(100deg, rgba(248, 250, 252, 0.92) 0%, rgba(255,255,255,0.6) 40%, rgba(6, 182, 212, 0.15) 100%);
      backdrop-filter: blur(2px);
    }

    .hero-content {
      position: relative;
      z-index: 2;
    }

    /* 超大数字 */
    .hero-stat-number {
      font-size: 4.2rem;
      font-weight: 900;
      line-height: 1;
      background: var(--gradient-highlight);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      font-family: 'Inter', sans-serif;
      letter-spacing: -0.02em;
    }

    .stat-label {
      font-size: 1.1rem;
      font-weight: 500;
      color: #334155;
      letter-spacing: 0.02em;
    }

    /* 对比表格 */
    .table-compare {
      border-collapse: separate;
      border-spacing: 0 12px;
      width: 100%;
    }

    .table-compare th, .table-compare td {
      background: white;
      padding: 1.2rem 1.5rem;
      text-align: center;
      box-shadow: 0 8px 18px rgba(2, 12, 27, 0.06);
      border-top: 2px solid #eef2f7;
    }

    .table-compare th:first-child, .table-compare td:first-child {
      border-radius: 18px 0 0 18px;
      text-align: left;
      font-weight: 600;
    }

    .table-compare th:last-child, .table-compare td:last-child {
      border-radius: 0 18px 18px 0;
    }

    .table-compare thead th {
      background: #f1f6fe;
      color: var(--main);
      font-size: 1.05rem;
      padding: 1.2rem;
      border-top: 2px solid #dbeafe;
    }

    .fa-check-circle { color: var(--main); }
    .fa-xmark-circle { color: #94a3b8; }

    /* 编号清单 */
    .numbered-list {
      list-style: none;
      counter-reset: custom-counter;
      padding-left: 0;
    }

    .numbered-list li {
      counter-increment: custom-counter;
      display: flex;
      gap: 1.2rem;
      align-items: flex-start;
      margin-bottom: 1.8rem;
    }

    .numbered-list li::before {
      content: counter(custom-counter);
      background: var(--gradient-highlight);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      font-weight: 800;
      font-size: 2.2rem;
      line-height: 1;
      font-family: 'Inter', sans-serif;
      min-width: 2.2rem;
      text-shadow: 0 4px 10px rgba(37, 99, 235, 0.2);
    }

    /* 手风琴 */
    .accordion-custom .accordion-item {
      background: white;
      border: 1px solid #e9eef5;
      border-radius: 16px !important;
      margin-bottom: 1rem;
      box-shadow: 0 6px 12px rgba(0,0,0,0.02);
    }

    .accordion-custom .accordion-button {
      font-weight: 600;
      font-size: 1.1rem;
      padding: 1.4rem 1.8rem;
      background: white;
      border-radius: 16px !important;
      box-shadow: none;
    }

    .accordion-custom .accordion-button:not(.collapsed) {
      background: #f0f7ff;
      color: var(--main);
      box-shadow: inset 0 -1px 0 #e9eef5;
    }

    .accordion-custom .accordion-body {
      padding: 1.5rem 1.8rem;
      color: #1e293b;
      border-top: 1px solid #ecf1f7;
    }

    /* 导航固定 */
    .navbar-911 {
      background: rgba(255,255,255,0.85);
      backdrop-filter: blur(10px);
      box-shadow: 0 8px 20px rgba(2, 12, 27, 0.05);
      padding: 0.8rem 0;
    }

    .navbar-911 .navbar-brand {
      font-weight: 800;
      font-size: 1.6rem;
      letter-spacing: -0.02em;
      background: var(--gradient-highlight);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .navbar-911 .nav-link {
      font-weight: 500;
      color: var(--text);
      margin: 0 0.4rem;
    }

    .navbar-911 .nav-link:hover {
      color: var(--main);
    }

    .footer-911 {
      background: #ffffff;
      border-top: 1px solid #dfe9f5;
      padding: 2.5rem 0 1.5rem;
      color: #475569;
    }

    .link-block a {
      color: var(--text);
      margin: 0 1rem;
      text-decoration: none;
    }

    .link-block a:hover {
      color: var(--main);
    }

    /* 滚动数字 */
    .count-number {
      display: inline-block;
    }

    /* 友链 */
    .friend-links {
      background: #f1f6fe;
      border-radius: 2rem;
      padding: 1.6rem;
      margin: 3rem 0 1rem;
    }

    .anchor-offset {
      scroll-margin-top: 90px;
    }

    section { scroll-margin-top: 70px; }

/* --- 子页面追加 --- */
/* 本页专属的小量补充样式,程序会自动合并进站点CSS */
        .about-hero {
            background: var(--gradient-highlight);
            border-radius: 20px;
            padding: 60px 40px;
            margin: 30px 0 50px;
            position: relative;
            overflow: hidden;
        }
.about-hero::after {
            content: '';
            position: absolute;
            right: -40px;
            top: -40px;
            width: 200px;
            height: 200px;
            background: rgba(255,255,255,0.08);
            border-radius: 50%;
        }
.about-hero h1 {
            color: #fff;
            font-weight: 800;
            font-size: 2.4rem;
            position: relative;
            z-index: 2;
        }
.about-hero p {
            color: rgba(255,255,255,0.92);
            font-size: 1.1rem;
            max-width: 720px;
            margin-top: 15px;
            position: relative;
            z-index: 2;
        }
.about-section {
            margin-bottom: 60px;
        }
.about-section h2 {
            font-weight: 800;
            font-size: 1.8rem;
            color: var(--text);
            margin-bottom: 25px;
            padding-bottom: 15px;
            border-bottom: 3px solid var(--main);
            display: inline-block;
        }
.about-section h3 {
            font-weight: 700;
            font-size: 1.3rem;
            color: var(--main);
            margin-top: 30px;
            margin-bottom: 15px;
        }
.about-section p {
            font-size: 1.05rem;
            line-height: 1.9;
            color: #334155;
            margin-bottom: 18px;
        }
.about-section ul, .about-section ol {
            font-size: 1.02rem;
            line-height: 1.8;
            color: #334155;
            padding-left: 20px;
            margin-bottom: 20px;
        }
.about-section li {
            margin-bottom: 8px;
        }
.about-card {
            background: var(--card-bg);
            border-radius: 16px;
            padding: 30px;
            box-shadow: var(--shadow-heavy);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            height: 100%;
        }
.about-card:hover {
            transform: translateY(-6px);
            box-shadow: var(--shadow-hover);
        }
.about-card i {
            font-size: 2rem;
            color: var(--main);
            margin-bottom: 15px;
        }
.about-card h4 {
            font-weight: 700;
            font-size: 1.15rem;
            margin-bottom: 12px;
            color: var(--text);
        }
.about-card p {
            font-size: 0.95rem;
            color: #475569;
            line-height: 1.7;
        }
.timeline {
            position: relative;
            padding-left: 30px;
        }
.timeline::before {
            content: '';
            position: absolute;
            left: 8px;
            top: 5px;
            bottom: 5px;
            width: 3px;
            background: var(--gradient-highlight);
            border-radius: 3px;
        }
.timeline-item {
            position: relative;
            margin-bottom: 30px;
        }
.timeline-item::before {
            content: '';
            position: absolute;
            left: -26px;
            top: 8px;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: var(--main);
            border: 3px solid #fff;
            box-shadow: 0 0 0 2px var(--main);
        }
.timeline-item .year {
            font-weight: 800;
            font-size: 1.2rem;
            color: var(--main);
        }
.timeline-item .desc {
            color: #475569;
            line-height: 1.7;
            margin-top: 5px;
        }
.value-tag {
            display: inline-block;
            background: rgba(37, 99, 235, 0.08);
            color: var(--main);
            padding: 6px 16px;
            border-radius: 30px;
            font-size: 0.9rem;
            font-weight: 600;
            margin: 0 8px 8px 0;
        }
.stat-box {
            text-align: center;
            padding: 25px 15px;
            background: var(--card-bg);
            border-radius: 14px;
            box-shadow: var(--shadow-heavy);
        }
.stat-box .count-number {
            font-size: 2.2rem;
            font-weight: 800;
            color: var(--main);
            display: block;
        }
.stat-box .stat-label {
            font-size: 0.9rem;
            color: #64748b;
            margin-top: 5px;
        }

/* --- 子页面追加 --- */
/* 隐私政策页专属微调 */
    .privacy-hero {
      background: var(--gradient-highlight);
      color: #fff;
      border-radius: 0 0 32px 32px;
      padding: 72px 0 56px;
      margin-bottom: 56px;
    }
.privacy-hero h1 {
      font-weight: 800;
      letter-spacing: -0.02em;
      margin-bottom: 16px;
    }
.privacy-hero p.lead {
      font-weight: 400;
      opacity: 0.92;
      max-width: 640px;
      margin: 0 auto;
    }
.privacy-card {
      background: var(--card-bg);
      border-radius: 20px;
      box-shadow: var(--shadow-heavy);
      padding: 40px;
      margin-bottom: 32px;
      transition: box-shadow .3s ease;
    }
.privacy-card:hover {
      box-shadow: var(--shadow-hover);
    }
.privacy-card h2 {
      font-size: 1.55rem;
      font-weight: 800;
      color: var(--main);
      margin-bottom: 18px;
      padding-bottom: 12px;
      border-bottom: 2px solid rgba(37, 99, 235, 0.12);
      display: flex;
      align-items: center;
      gap: 10px;
    }
.privacy-card h2 i {
      color: var(--accent);
    }
.privacy-card p {
      color: #334155;
      line-height: 1.8;
      margin-bottom: 14px;
    }
.privacy-card ul {
      padding-left: 0;
      list-style: none;
      margin-bottom: 16px;
    }
.privacy-card ul li {
      position: relative;
      padding-left: 28px;
      margin-bottom: 10px;
      color: #334155;
      line-height: 1.7;
    }
.privacy-card ul li::before {
      content: "→";
      position: absolute;
      left: 4px;
      color: var(--accent);
      font-weight: 700;
    }
.highlight-box {
      background: #f0f7ff;
      border-left: 4px solid var(--main);
      border-radius: 0 12px 12px 0;
      padding: 20px 24px;
      margin: 24px 0;
    }
.highlight-box p {
      margin-bottom: 0;
      font-weight: 500;
    }
.last-updated {
      font-size: 0.9rem;
      color: #64748b;
      text-align: center;
      margin-top: 40px;
      padding-top: 20px;
      border-top: 1px solid #e2e8f0;
    }
.privacy-card { padding: 28px 20px; }
.privacy-hero { padding: 48px 0 36px; }

/* --- 子页面追加 --- */
.disclaimer-section { padding: 60px 0; }
.disclaimer-card { background: var(--card-bg); border-radius: 16px; padding: 40px; box-shadow: var(--shadow-heavy); margin-bottom: 30px; border-left: 4px solid var(--main); }
.disclaimer-card h2 { color: var(--main); font-weight: 700; font-size: 1.5rem; margin-bottom: 20px; }
.disclaimer-card h3 { color: var(--text); font-weight: 600; font-size: 1.2rem; margin-top: 25px; margin-bottom: 12px; }
.disclaimer-card p { color: var(--text); line-height: 1.8; font-size: 0.95rem; margin-bottom: 15px; }
.disclaimer-card ul { padding-left: 20px; margin-bottom: 15px; }
.disclaimer-card ul li { color: var(--text); line-height: 1.8; font-size: 0.95rem; margin-bottom: 8px; }
.disclaimer-card a { color: var(--main); text-decoration: underline; }
.disclaimer-card a:hover { color: var(--accent); }
.warning-badge { display: inline-block; background: var(--gradient-highlight); color: #fff; padding: 4px 14px; border-radius: 20px; font-size: 0.8rem; font-weight: 600; margin-bottom: 15px; }

/* --- Bootstrap 组件配色适配(程序自动补,避免白底黑字) --- */
.accordion-header { background:transparent !important; }