:root {
        --main: #b45309;
        --accent: #ca8a04;
        --bg: #fefce8;
        --text: #451a03;
        --radius-card: 1.25rem;
        --radius-btn: 999px;
        --shadow-light: 0 10px 25px -5px rgba(180, 83, 9, 0.12), 0 8px 10px -6px rgba(180, 83, 9, 0.05);
    }
    * { font-family: 'Inter', system-ui, -apple-system, sans-serif; }
    body {
        background-color: var(--bg);
        color: var(--text);
        background-image: radial-gradient(circle, rgba(180, 83, 9, 0.06) 1px, transparent 1px);
        background-size: 24px 24px;
        padding-top: 64px;
    }
    .navbar {
        background-color: rgba(254, 252, 232, 0.85);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid rgba(180, 83, 9, 0.15);
        font-weight: 600;
    }
    .navbar .navbar-brand {
        font-weight: 800;
        font-size: 1.65rem;
        color: var(--main);
        letter-spacing: -0.02em;
    }
    .navbar .nav-link {
        color: var(--text);
        border-radius: var(--radius-btn);
        padding-inline: 1rem;
        margin-inline: 0.1rem;
        transition: background 0.2s, color 0.2s;
    }
    .navbar .nav-link:hover {
        color: var(--main);
        background: rgba(202, 138, 4, 0.08);
    }
    .btn-capsule {
        border-radius: var(--radius-btn);
        padding: 0.5rem 1.6rem;
        background: linear-gradient(135deg, var(--main), var(--accent));
        border: none;
        color: white;
        font-weight: 600;
        box-shadow: var(--shadow-light);
        transition: all 0.2s;
    }
    .btn-capsule:hover { transform: scale(1.03); opacity: 0.95; }
    .hero-section {
        min-height: 86vh;
        display: flex;
        align-items: center;
        padding: 2rem 0 4rem;
        background: linear-gradient(180deg, rgba(254, 252, 232, 0.7) 0%, rgba(254, 252, 232, 1) 90%);
        position: relative;
    }
    .hero-stats {
        font-size: 4.2rem;
        font-weight: 900;
        color: var(--main);
        line-height: 1;
        letter-spacing: -0.03em;
    }
    .hero-sub {
        font-size: 1.2rem;
        color: #7c4a1e;
    }
    .hero-title {
        font-weight: 800;
        font-size: 3.4rem;
        color: var(--text);
        letter-spacing: -0.02em;
    }
    .hero-title span {
        color: var(--main);
        border-bottom: 6px solid var(--accent);
        border-radius: 4px;
        display: inline-block;
        padding-bottom: 4px;
    }
    .card-grid {
        border: none;
        border-radius: var(--radius-card);
        background: rgba(255,255,240,0.7);
        backdrop-filter: blur(4px);
        box-shadow: var(--shadow-light);
        transition: transform 0.25s, box-shadow 0.3s;
        overflow: hidden;
    }
    .card-grid:hover {
        transform: translateY(-8px);
        box-shadow: 0 24px 40px -12px rgba(180, 83, 9, 0.25);
    }
    .card-grid .img-wrap {
        overflow: hidden;
        background: #f0e9d5;
        aspect-ratio: 3/4;
    }
    .card-grid img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.4, 1);
        filter: blur(0px);
        opacity: 0.8;
    }
    .card-grid:hover img {
        transform: scale(1.08);
        opacity: 1;
    }
    .card-grid .card-body {
        padding: 1.25rem;
    }
    .icon-circle {
        width: 48px;
        height: 48px;
        background: var(--bg);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--main);
        font-size: 1.4rem;
        margin-bottom: 0.75rem;
    }
    .section-title {
        font-weight: 800;
        font-size: 2.2rem;
        letter-spacing: -0.02em;
        color: var(--text);
        margin-bottom: 1.5rem;
    }
    .table-custom {
        background: rgba(255,255,244,0.7);
        border-radius: 2rem;
        box-shadow: var(--shadow-light);
        overflow: hidden;
        backdrop-filter: blur(4px);
    }
    .table-custom th {
        background: var(--main);
        color: white;
        font-weight: 600;
        border: none;
    }
    .table-custom td, .table-custom th {
        padding: 1rem 1.25rem;
        border-bottom: 1px solid rgba(180,83,9,0.1);
    }
    .step-item {
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        padding: 1rem 0;
    }
    .step-number {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: var(--main);
        color: white;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        font-size: 1.4rem;
    }
    .cta-box {
        background: linear-gradient(120deg, #fff7e0, #fef2d6);
        border: 1px solid #e7d7b0;
        border-radius: 3rem;
        padding: 3rem 2rem;
        box-shadow: var(--shadow-light);
    }
    .faq-item {
        background: rgba(255, 253, 242, 0.7);
        border-radius: 2rem;
        padding: 1.5rem;
        margin-bottom: 1.2rem;
        box-shadow: 0 4px 10px rgba(0,0,0,0.02);
        border: 1px solid rgba(180,83,9,0.1);
    }
    .faq-question {
        font-weight: 700;
        font-size: 1.15rem;
        color: var(--text);
        margin-bottom: 0.6rem;
    }
    .footer-links a {
        color: var(--text);
        text-decoration: none;
        margin: 0 0.8rem;
        font-size: 0.95rem;
        opacity: 0.8;
    }
    .footer-links a:hover { opacity: 1; color: var(--main); }
    .friend-links {
        background: rgba(255, 251, 235, 0.8);
        border-radius: 3rem;
        padding: 2rem 1.5rem;
        margin: 2.5rem 0;
        border: 1px dashed var(--accent);
    }
    @keyframes fadeInUp {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }
    .card-animate {
        opacity: 0;
        animation: fadeInUp 0.6s forwards;
    }
    .card-animate:nth-child(2) { animation-delay: 0.1s; }
    .card-animate:nth-child(3) { animation-delay: 0.2s; }
    .card-animate:nth-child(4) { animation-delay: 0.3s; }
    .card-animate:nth-child(5) { animation-delay: 0.4s; }
    .card-animate:nth-child(6) { animation-delay: 0.5s; }
    @media (max-width: 768px) {
        .hero-title { font-size: 2.5rem; }
        .hero-stats { font-size: 3rem; }
    }

/* --- 子页面追加 --- */
/* 关于页专属少量补充样式，自动合并进站点CSS */
        .about-hero { padding: 5rem 0 3rem; text-align: center; }
.about-hero h1 { font-size: 2.8rem; font-weight: 900; color: var(--main); margin-bottom: 1rem; }
.about-hero .lead { color: var(--text); opacity: .85; max-width: 700px; margin: 0 auto 2rem; font-size: 1.15rem; }
.about-hero .hero-stats { justify-content: center; }
.about-section { padding: 3.5rem 0; border-bottom: 1px dashed rgba(180,83,9,.15); }
.about-section:last-of-type { border-bottom: none; }
.about-section .section-title { margin-bottom: 1.8rem; }
.about-content p { line-height: 1.9; margin-bottom: 1.2rem; color: var(--text); opacity: .92; }
.about-content strong { color: var(--main); }
.timeline-item { position: relative; padding-left: 2rem; margin-bottom: 1.8rem; }
.timeline-item::before { content: ''; position: absolute; left: 0; top: .6rem; width: 12px; height: 12px; border-radius: 50%; background: var(--accent); }
.timeline-item::after { content: ''; position: absolute; left: 5px; top: 1.6rem; width: 2px; height: calc(100% - .6rem); background: linear-gradient(to bottom, var(--accent), rgba(202,138,4,.1)); }
.timeline-item:last-child::after { display: none; }
.timeline-item h4 { font-size: 1.15rem; font-weight: 700; color: var(--main); margin-bottom: .3rem; }
.timeline-item p { margin-bottom: 0; font-size: .95rem; }
.value-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.5rem; margin-top: 2rem; }
.value-card { background: rgba(254,252,232,.8); border: 1px solid rgba(180,83,9,.15); border-radius: var(--radius-card); padding: 1.8rem 1.5rem; box-shadow: var(--shadow-light); transition: transform .3s ease; }
.value-card:hover { transform: translateY(-5px); }
.value-card .icon-circle { margin-bottom: 1rem; }
.value-card h5 { font-weight: 700; color: var(--main); margin-bottom: .6rem; }
.value-card p { font-size: .95rem; line-height: 1.7; color: var(--text); opacity: .85; }
.milestone-note { background: rgba(202,138,4,.06); border-left: 4px solid var(--accent); padding: 1.2rem 1.5rem; border-radius: 0 var(--radius-card) var(--radius-card) 0; margin: 2rem 0; }
.milestone-note p { margin-bottom: 0; font-style: italic; }

/* --- 子页面追加 --- */
.legal-section { padding: 3rem 0; }
.legal-section h2 { color: var(--main); font-weight: 700; margin-bottom: 1.2rem; font-size: 1.6rem; }
.legal-section h3 { color: var(--main); font-weight: 600; margin-top: 2rem; margin-bottom: 0.8rem; font-size: 1.2rem; }
.legal-section p, .legal-section li { color: var(--text); line-height: 1.8; font-size: 0.95rem; }
.legal-section ul { padding-left: 1.2rem; margin-bottom: 1rem; }
.legal-section .highlight-box { background: rgba(180, 83, 9, 0.06); border-left: 4px solid var(--main); padding: 1rem 1.2rem; border-radius: 0.5rem; margin: 1.5rem 0; }
.legal-section .highlight-box p { margin: 0; font-size: 0.9rem; }
.update-date { color: #8a6a45; font-size: 0.85rem; font-style: italic; margin-bottom: 2rem; }
.legal-nav { background: rgba(180, 83, 9, 0.05); border-radius: var(--radius-card); padding: 1.5rem 2rem; margin-bottom: 2rem; }
.legal-nav a { color: var(--main); text-decoration: none; font-weight: 500; margin-right: 1.5rem; }
.legal-nav a:hover { text-decoration: underline; }
.legal-section { padding: 2rem 0; }
.legal-nav { padding: 1rem; }
.legal-nav a { display: block; margin: 0.5rem 0; }

/* --- 子页面追加 --- */
/* 本页专属样式 - 隐私政策页面 */
        .privacy-hero {
            padding: 80px 0 40px;
            text-align: center;
        }
.privacy-hero h1 {
            font-size: 2.5rem;
            font-weight: 800;
            color: var(--main);
            margin-bottom: 16px;
        }
.privacy-hero p {
            font-size: 1.1rem;
            color: #7c5c3a;
            max-width: 700px;
            margin: 0 auto;
        }
.privacy-container {
            max-width: 860px;
            margin: 0 auto;
            padding: 0 20px 80px;
        }
.privacy-section {
            margin-bottom: 50px;
            background: rgba(255, 255, 255, 0.6);
            border-radius: var(--radius-card);
            padding: 35px 40px;
            box-shadow: var(--shadow-light);
            border: 1px solid rgba(180, 83, 9, 0.1);
        }
.privacy-section h2 {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--main);
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 12px;
        }
.privacy-section h2 i {
            color: var(--accent);
        }
.privacy-section h3 {
            font-size: 1.15rem;
            font-weight: 600;
            color: var(--text);
            margin: 24px 0 12px;
        }
.privacy-section p {
            color: #6b4d2e;
            line-height: 1.8;
            margin-bottom: 16px;
        }
.privacy-section ul {
            color: #6b4d2e;
            line-height: 1.8;
            padding-left: 24px;
            margin-bottom: 16px;
        }
.privacy-section li {
            margin-bottom: 8px;
        }
.privacy-section strong {
            color: var(--main);
        }
.privacy-highlight {
            background: rgba(202, 138, 4, 0.08);
            border-left: 4px solid var(--accent);
            padding: 16px 20px;
            border-radius: 8px;
            margin: 20px 0;
        }
.privacy-highlight p {
            margin-bottom: 0;
        }
.privacy-updated {
            text-align: center;
            font-size: 0.9rem;
            color: #a08050;
            margin-top: 40px;
            padding-top: 20px;
            border-top: 1px solid rgba(180, 83, 9, 0.15);
        }
.privacy-hero h1 {
                font-size: 1.8rem;
            }
.privacy-section {
                padding: 25px 20px;
            }

/* --- Bootstrap 组件配色适配(程序自动补,避免白底黑字) --- */
.card { background:rgba(0,0,0,.03) !important; color:#451a03 !important; border-color:rgba(0,0,0,.12) !important; }
.table { color:#451a03 !important; border-color:rgba(0,0,0,.12) !important; --bs-table-bg:transparent !important; --bs-table-color:#451a03 !important; }