:root{
        --primary:#ea580c;
        --accent:#d97706;
        --bg:#fffbf5;
        --text:#1c1917;
        --soft-shadow:0 6px 18px rgba(0,0,0,0.04);
        --radius-card:14px;
        --radius-btn:100px;
    }
    *{font-family:'Noto Sans SC','Inter',system-ui,sans-serif;}
    body{
        background-color:var(--bg);
        color:var(--text);
        font-size:0.9rem;
        line-height:1.6;
        letter-spacing:0.2px;
    }
    h1,h2,h3,.serif{
        font-family:'Noto Serif SC',serif;
        font-weight:700;
    }
    /* 噪点纹理 */
    body::before{
        content:"";
        position:fixed;
        top:0; left:0; width:100%; height:100%;
        pointer-events:none;
        background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");
        z-index:9999;
        opacity:0.3;
    }
    /* 滚动进度条 */
    #scrollProgress{
        position:fixed;
        top:0; left:0;
        width:0%;
        height:3px;
        background:linear-gradient(90deg,var(--primary),var(--accent));
        z-index:10000;
        transition:width 0.1s;
        border-radius:10px;
    }
    /* 吸顶导航 */
    .sticky-nav{
        position:sticky;
        top:0;
        z-index:1020;
        background:rgba(255,251,245,0.85);
        backdrop-filter:blur(8px);
        border-bottom:1px solid rgba(0,0,0,0.04);
    }
    .navbar-brand{
        font-family:'Noto Serif SC',serif;
        font-weight:900;
        font-size:1.5rem;
        color:var(--primary) !important;
        letter-spacing:1px;
    }
    .navbar-brand i{
        color:var(--accent);
        margin-right:6px;
    }
    .nav-link{
        font-weight:500;
        color:var(--text) !important;
        margin:0 6px;
        border-radius:50px;
        padding:8px 14px !important;
        transition:all 0.2s;
        font-size:0.9rem;
    }
    .nav-link:hover{
        background:rgba(234,88,12,0.08);
        color:var(--primary) !important;
    }
    .btn-capsule{
        border-radius:var(--radius-btn);
        background:linear-gradient(145deg,var(--primary),var(--accent));
        border:none;
        color:#fff;
        font-weight:600;
        padding:10px 26px;
        transition:all 0.3s;
        position:relative;
        overflow:hidden;
        box-shadow:0 4px 12px rgba(234,88,12,0.3);
    }
    .btn-capsule::after{
        content:"";
        position:absolute;
        top:0; left:-80%;
        width:50%; height:100%;
        background:linear-gradient(100deg,transparent,rgba(255,255,255,0.3),transparent);
        transform:skewX(-25deg);
        transition:left 0.5s;
    }
    .btn-capsule:hover{
        background:linear-gradient(145deg,var(--accent),var(--primary));
        box-shadow:0 8px 20px rgba(234,88,12,0.4);
        color:#fff;
    }
    .btn-capsule:hover::after{
        left:120%;
    }
    .card{
        border:none;
        background:#fff;
        border-radius:var(--radius-card);
        box-shadow:var(--soft-shadow);
        transition:transform 0.15s;
    }
    .card:hover{
        transform:translateY(-3px);
    }
    /* hero 压暗 */
    .hero-wrap{
        position:relative;
        background-image:url('{随机图片}');
        background-size:cover;
        background-position:center;
        min-height:360px;
        display:flex;
        align-items:flex-end;
        border-radius:0 0 30px 30px;
        overflow:hidden;
    }
    .hero-wrap::before{
        content:"";
        position:absolute;
        inset:0;
        background:linear-gradient(180deg,rgba(28,25,23,0.5) 0%,rgba(28,25,23,0.2) 60%,rgba(28,25,23,0.8) 100%);
    }
    .hero-content{
        position:relative;
        padding:40px 5% 40px;
        width:100%;
    }
    .hero-content h1{
        color:#fff;
        font-size:2.7rem;
        font-weight:900;
        text-shadow:0 4px 20px rgba(0,0,0,0.4);
        letter-spacing:2px;
    }
    .hero-content p{
        color:#fff;
        font-size:1.1rem;
        max-width:600px;
        opacity:0.95;
        text-shadow:0 2px 8px rgba(0,0,0,0.3);
    }
    .section-title{
        font-family:'Noto Serif SC',serif;
        font-weight:900;
        margin-bottom:1.2rem;
        position:relative;
        display:inline-block;
    }
    .section-title::after{
        content:"";
        position:absolute;
        bottom:-6px; left:0;
        width:70%; height:4px;
        background:var(--primary);
        border-radius:4px;
    }
    .feature-table td{
        padding:12px 8px;
        border-bottom:1px solid #f3eae0;
    }
    .feature-table th{
        font-weight:700;
        background:#fbf5eb;
    }
    .list-number{
        counter-reset:step;
    }
    .list-number li{
        list-style:none;
        position:relative;
        padding-left:36px;
        margin-bottom:14px;
        font-size:0.9rem;
    }
    .list-number li::before{
        counter-increment:step;
        content:counter(step);
        position:absolute;
        left:0; top:0;
        background:var(--primary);
        color:#fff;
        width:24px; height:24px;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:0.8rem;
        font-weight:700;
    }
    .fa-regular,.fas,.far{color:var(--primary);}
    .icon-outline{
        border:1.5px solid var(--primary);
        border-radius:12px;
        width:46px; height:46px;
        display:flex;
        align-items:center;
        justify-content:center;
        background:#fff;
        color:var(--primary) !important;
    }
    .icon-outline i{
        font-size:1.4rem;
    }
    .back-to-top{
        position:fixed;
        bottom:30px; right:30px;
        background:#fff;
        border:1px solid #eee;
        border-radius:50%;
        width:48px; height:48px;
        box-shadow:0 8px 20px rgba(0,0,0,0.1);
        opacity:0;
        visibility:hidden;
        transition:0.3s;
        z-index:1500;
        color:var(--primary);
        font-size:1.2rem;
    }
    .back-to-top.show{
        opacity:1;
        visibility:visible;
    }
    .footer{
        background:#201b18;
        color:#aaa;
        padding:40px 0 20px;
        border-radius:40px 40px 0 0;
        margin-top:50px;
    }
    .footer a{
        color:#ccc;
        text-decoration:none;
    }
    .footer a:hover{color:var(--primary);}
    .friend-links a{
        color:var(--primary) !important;
        margin-right:20px;
        text-decoration:underline;
    }
    /* 紧凑排版 */
    .compact-text{
        font-size:0.9rem;
        line-height:1.7;
    }
    .card-body{ padding:1.2rem; }

/* --- 子页面追加 --- */
.insight-hero { padding: 100px 0 60px; }
.insight-card { background: #fff; border-radius: var(--radius-card); box-shadow: var(--soft-shadow); padding: 32px; margin-bottom: 28px; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.insight-card:hover { transform: translateY(-4px); box-shadow: 0 10px 28px rgba(0,0,0,0.08); }
.insight-meta { font-size: 0.85rem; color: #78716c; margin-bottom: 14px; }
.insight-meta i { margin-right: 4px; color: var(--primary); }
.insight-meta span { margin-right: 18px; }
.insight-card h2 { font-size: 1.45rem; font-weight: 700; color: var(--text); margin-bottom: 12px; line-height: 1.4; }
.insight-card h2 a { color: var(--text); text-decoration: none; }
.insight-card h2 a:hover { color: var(--primary); }
.insight-card p { color: #57534e; font-size: 0.98rem; line-height: 1.8; margin-bottom: 16px; }
.read-more { color: var(--primary); font-weight: 600; font-size: 0.9rem; text-decoration: none; }
.read-more:hover { text-decoration: underline; }
.tag-list { margin-bottom: 30px; }
.tag-list a { display: inline-block; background: #fff7ed; color: var(--primary); border: 1px solid #fed7aa; padding: 6px 16px; border-radius: 100px; font-size: 0.82rem; margin: 0 8px 10px 0; text-decoration: none; font-weight: 500; transition: all 0.2s; }
.tag-list a:hover { background: var(--primary); color: #fff; }
.pagination-box { display: flex; justify-content: center; gap: 8px; margin-top: 40px; }
.pagination-box a, .pagination-box span { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; font-size: 0.9rem; text-decoration: none; color: var(--text); background: #fff; box-shadow: var(--soft-shadow); }
.pagination-box .active { background: var(--primary); color: #fff; }
.pagination-box a:hover { background: var(--primary); color: #fff; }
.insight-hero { padding: 70px 0 40px; }
.insight-card { padding: 22px; }
.insight-card h2 { font-size: 1.2rem; }

/* --- 子页面追加 --- */
.register-hero {
            background: linear-gradient(135deg, rgba(234,88,12,0.08) 0%, rgba(217,119,6,0.04) 50%, transparent 100%);
            border-radius: var(--radius-card);
            padding: 3rem 2rem;
            margin-bottom: 2rem;
        }
.register-card {
            background: #fff;
            border-radius: var(--radius-card);
            box-shadow: var(--soft-shadow);
            padding: 2.5rem;
        }
.form-input {
            width: 100%;
            padding: 0.8rem 1rem;
            border: 2px solid #e7e0d8;
            border-radius: 12px;
            font-size: 1rem;
            color: var(--text);
            background: var(--bg);
            transition: border-color 0.2s ease;
        }
.form-input:focus {
            outline: none;
            border-color: var(--primary);
        }
.form-input::placeholder {
            color: #a8a29e;
        }
.form-label {
            font-weight: 600;
            color: var(--text);
            margin-bottom: 0.5rem;
            display: block;
        }
.benefit-item {
            display: flex;
            gap: 0.8rem;
            padding: 1rem 0;
            border-bottom: 1px solid rgba(0,0,0,0.04);
        }
.benefit-icon {
            width: 40px;
            height: 40px;
            flex-shrink: 0;
            background: rgba(234,88,12,0.08);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--primary);
            font-size: 1rem;
        }
.agree-text {
            font-size: 0.875rem;
            color: #78716c;
        }
.agree-text a {
            color: var(--primary);
            text-decoration: underline;
        }
.success-message {
            display: none;
            text-align: center;
            padding: 3rem 1rem;
        }
.success-message.show {
            display: block;
        }
.success-icon {
            width: 72px;
            height: 72px;
            margin: 0 auto 1.5rem;
            background: rgba(34,197,94,0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            color: #22c55e;
        }

/* --- 子页面追加 --- */
/* 本页专属小样式——只补 needed 的,不覆盖站点全局 */
        .about-hero {
            background: linear-gradient(135deg, rgba(234,88,12,0.08) 0%, rgba(217,119,6,0.04) 100%);
            border-radius: var(--radius-card);
            padding: 3.5rem 2rem;
            margin-bottom: 3rem;
            border: 1px solid rgba(234,88,12,0.15);
        }
.about-hero h1 {
            color: var(--primary);
            font-weight: 800;
            letter-spacing: -0.02em;
        }
.about-hero .lead {
            color: var(--text);
            opacity: 0.85;
            max-width: 720px;
            margin: 1.2rem auto 0;
        }
.about-section {
            margin-bottom: 3.5rem;
        }
.about-section h2 {
            color: var(--primary);
            font-weight: 700;
            letter-spacing: -0.01em;
            border-left: 4px solid var(--primary);
            padding-left: 1rem;
            margin-bottom: 1.5rem;
        }
.about-section h3 {
            color: var(--text);
            font-weight: 600;
            font-size: 1.25rem;
            margin-top: 1.5rem;
            margin-bottom: 0.75rem;
        }
.about-card {
            background: var(--bg);
            border-radius: var(--radius-card);
            box-shadow: var(--soft-shadow);
            padding: 1.75rem;
            height: 100%;
            border: 1px solid rgba(234,88,12,0.08);
            transition: transform .2s ease, box-shadow .2s ease;
        }
.about-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 10px 24px rgba(0,0,0,0.07);
        }
.about-card .icon-outline {
            font-size: 1.8rem;
            color: var(--primary);
            margin-bottom: 0.8rem;
        }
.about-card p {
            color: var(--text);
            opacity: 0.82;
            line-height: 1.7;
            font-size: 0.95rem;
        }
.about-card .card-title {
            color: var(--text);
            font-weight: 700;
            font-size: 1.05rem;
            margin-bottom: 0.6rem;
        }
.value-list {
            list-style: none;
            padding-left: 0;
            margin-top: 1rem;
        }
.value-list li {
            position: relative;
            padding-left: 1.5rem;
            margin-bottom: 0.7rem;
            color: var(--text);
            opacity: 0.85;
            line-height: 1.6;
        }
.value-list li::before {
            content: "✦";
            position: absolute;
            left: 0;
            color: var(--primary);
            font-size: 0.9rem;
        }
.timeline {
            position: relative;
            padding-left: 1.5rem;
            border-left: 2px solid rgba(234,88,12,0.25);
            margin-top: 1rem;
        }
.timeline-item {
            position: relative;
            margin-bottom: 1.8rem;
            padding-left: 1.2rem;
        }
.timeline-item::before {
            content: "";
            position: absolute;
            left: -1.65rem;
            top: 0.3rem;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: var(--primary);
            border: 2px solid var(--bg);
            box-shadow: 0 0 0 2px var(--primary);
        }
.timeline-item .date {
            font-weight: 700;
            color: var(--primary);
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 0.04em;
        }
.timeline-item p {
            margin-top: 0.4rem;
            color: var(--text);
            opacity: 0.8;
            line-height: 1.6;
            font-size: 0.95rem;
        }
.stat-row {
            display: flex;
            flex-wrap: wrap;
            gap: 1.5rem;
            margin-top: 1.5rem;
        }
.stat-item {
            flex: 1;
            min-width: 140px;
            background: var(--bg);
            border-radius: var(--radius-card);
            padding: 1.2rem 1rem;
            text-align: center;
            border: 1px solid rgba(234,88,12,0.1);
        }
.stat-item .num {
            font-size: 2rem;
            font-weight: 800;
            color: var(--primary);
            line-height: 1.2;
        }
.stat-item .label {
            font-size: 0.85rem;
            color: var(--text);
            opacity: 0.7;
            margin-top: 0.3rem;
        }
.about-cta {
            background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
            border-radius: var(--radius-card);
            padding: 2.5rem 2rem;
            text-align: center;
            margin: 3rem 0 1rem;
        }
.about-cta h2 {
            color: #fff;
            border-left: none;
            padding-left: 0;
            font-weight: 800;
            letter-spacing: -0.02em;
            margin-bottom: 0.5rem;
        }
.about-cta p {
            color: rgba(255,255,255,0.9);
            max-width: 560px;
            margin: 0 auto 1.5rem;
            font-size: 1rem;
        }
.about-cta .btn-capsule {
            background: #fff;
            color: var(--primary);
            font-weight: 700;
            border: none;
            padding: 0.7rem 2rem;
            font-size: 1rem;
        }
.about-cta .btn-capsule:hover {
            background: rgba(255,255,255,0.9);
            color: var(--primary);
        }
.about-hero {
                padding: 2rem 1.25rem;
            }
.about-card {
                padding: 1.25rem;
            }

/* --- 子页面追加 --- */
/* 本页专属少量样式 */
        .disclaimer-page { padding: 60px 0 80px; }
.disclaimer-hero { background: linear-gradient(135deg, rgba(234,88,12,0.06), rgba(217,119,6,0.03)); border-radius: var(--radius-card); padding: 40px 36px; margin-bottom: 48px; border: 1px solid rgba(234,88,12,0.12); }
.disclaimer-hero h1 { color: var(--primary); font-weight: 800; font-size: 2.2rem; margin-bottom: 14px; }
.disclaimer-hero p { color: var(--text); opacity: .8; font-size: 1.05rem; max-width: 720px; line-height: 1.8; }
.disclaimer-section { margin-bottom: 40px; }
.disclaimer-section h2 { color: var(--primary); font-size: 1.5rem; font-weight: 700; margin-bottom: 18px; display: flex; align-items: center; gap: 10px; }
.disclaimer-section h2 i { color: var(--accent); font-size: 1.2rem; }
.disclaimer-section p { color: var(--text); opacity: .85; line-height: 1.9; margin-bottom: 14px; }
.disclaimer-section ul { padding-left: 1.2rem; margin-bottom: 16px; }
.disclaimer-section ul li { color: var(--text); opacity: .85; line-height: 1.9; margin-bottom: 8px; }
.highlight-box { background: rgba(234,88,12,0.05); border-left: 4px solid var(--primary); padding: 18px 22px; border-radius: 0 12px 12px 0; margin: 20px 0; }
.highlight-box p { margin-bottom: 0; font-size: .95rem; }
.update-date { display: inline-block; background: rgba(234,88,12,0.1); color: var(--primary); padding: 4px 14px; border-radius: 100px; font-size: .85rem; font-weight: 600; margin-bottom: 20px; }
.disclaimer-hero { padding: 28px 22px; }
.disclaimer-hero h1 { font-size: 1.7rem; }

/* --- 子页面追加 --- */
/* 页面专属微调，仅覆盖排行榜特有布局 */
        .rank-hero {
            padding: 3rem 0 2rem;
            background: linear-gradient(120deg, rgba(234,88,12,.03) 0%, rgba(217,119,6,.08) 100%);
            border-radius: var(--radius-card);
        }
.rank-tabs {
            display: flex;
            flex-wrap: wrap;
            gap: .5rem 1.5rem;
            border-bottom: 2px solid rgba(234,88,12,.2);
            padding-bottom: .75rem;
            margin-bottom: 1.5rem;
        }
.rank-tabs a {
            color: var(--text);
            font-weight: 600;
            font-size: .95rem;
            text-decoration: none;
            opacity: .75;
            transition: .2s;
        }
.rank-tabs a.active, .rank-tabs a:hover {
            color: var(--primary);
            opacity: 1;
        }
.rank-table {
            width: 100%;
            border-collapse: separate;
            border-spacing: 0 .4rem;
        }
.rank-table td {
            background: rgba(255,255,255,.5);
            padding: .9rem 1rem;
            border-radius: var(--radius-card);
            box-shadow: var(--soft-shadow);
            vertical-align: middle;
            border: 1px solid rgba(234,88,12,.06);
        }
.rank-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 2rem;
            height: 2rem;
            border-radius: 50%;
            background: var(--primary);
            color: white;
            font-weight: 700;
            font-size: .85rem;
            margin-right: .8rem;
        }
.rank-badge.top {
            background: #b45309;
        }
.rank-badge.silver {
            background: #9a9a9a;
        }
.rank-badge.bronze {
            background: #b86b35;
        }
.tag {
            display: inline-block;
            background: rgba(234,88,12,.1);
            color: var(--primary);
            font-size: .7rem;
            font-weight: 600;
            padding: .15rem .6rem;
            border-radius: 50px;
            margin-left: .5rem;
            letter-spacing: .3px;
        }
.star {
            color: var(--accent);
            letter-spacing: 1px;
            font-size: .8rem;
            white-space: nowrap;
        }
.fa-regular, .fas, .far {
            color: var(--primary);
        }
.rank-table td {
                padding: .7rem .6rem;
            }
.rank-badge {
                width: 1.6rem;
                height: 1.6rem;
                font-size: .7rem;
                margin-right: .4rem;
            }

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