:root{
        --primary:#dc2626;
        --accent:#fb923c;
        --bg:#141013;
        --text:#fef2f2;
        --card-bg:#1e181e;
        --border:#3a2a33;
        --shadow:8px 8px 0 rgba(0,0,0,0.6);
    }
    *{border-radius:0!important;font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;}
    body{background:var(--bg);color:var(--text);padding-top:72px;}
    ::selection{background:var(--primary);color:#fff;}
    /* 滚动条 */
    ::-webkit-scrollbar{width:8px;height:8px;}
    ::-webkit-scrollbar-track{background:var(--bg);}
    ::-webkit-scrollbar-thumb{background:var(--primary);border:2px solid var(--bg);}
    /* 顶部进度条 */
    #progressBar{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));z-index:9999;width:0%;transition:width 0.1s linear;}
    /* 导航 */
    .navbar-custom{background:rgba(20,16,19,0.95);backdrop-filter:blur(10px);border-bottom:3px solid var(--primary);box-shadow:0 4px 20px rgba(0,0,0,0.7);padding:10px 0;min-height:70px;}
    .navbar-brand{font-weight:900;font-size:1.6rem;color:var(--text)!important;letter-spacing:1px;display:flex;align-items:center;gap:8px;}
    .navbar-brand i{color:var(--primary);font-size:1.8rem;}
    .navbar-toggler{border:2px solid var(--primary);color:var(--primary);}
    .navbar-toggler:focus{box-shadow:none;}
    .nav-link{color:var(--text)!important;font-weight:600;margin:0 12px;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.5px;position:relative;padding:5px 0!important;}
    .nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary);transition:width 0.3s;}
    .nav-link:hover::after{width:100%;}
    /* Hero */
    .hero{position:relative;height:480px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;border-bottom:4px solid var(--primary);}
    .hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#1a0a0a 0%,#141013 50%,#2a1a1a 100%),url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDgwIDgwIj48cmVjdCB3aWR0aD0iODAiIGhlaWdodD0iODAiIGZpbGw9IiMxNDEwMTMiLz48cGF0aCBkPSJNMjAgMjBoNDB2NDBIMjB6IiBmaWxsPSIjMjMxYTIzIiBvcGFjaXR5PSIwLjMiLz48L3N2Zz4=');background-size:cover,80px 80px;background-blend-mode:overlay;}
    .hero::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,16,19,0.4) 0%,rgba(20,16,19,0.8) 100%);}
    .hero-content{position:relative;z-index:2;}
    .hero h1{font-size:3.2rem;font-weight:900;color:#fff;text-shadow:4px 4px 0 var(--primary);margin-bottom:20px;letter-spacing:2px;}
    .hero p{font-size:1.2rem;color:#f0d9d9;font-weight:400;max-width:600px;margin:0 auto 30px;}
    .hero-btn{background:var(--primary);color:#fff;border:2px solid #fff;font-weight:700;padding:12px 36px;font-size:1.1rem;text-decoration:none;display:inline-block;transition:all 0.3s;box-shadow:6px 6px 0 rgba(0,0,0,0.5);}
    .hero-btn:hover{background:var(--accent);color:#000;transform:translateY(-2px);box-shadow:10px 10px 0 rgba(0,0,0,0.4);}
    /* 区块 */
    .section-title{font-size:1.8rem;font-weight:800;color:var(--text);margin:50px 0 30px;position:relative;padding-left:20px;display:flex;align-items:center;gap:12px;}
    .section-title::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:32px;background:var(--primary);}
    .section-title i{color:var(--primary);font-size:1.5rem;}
    .section-sub{color:#c9a9a9;font-weight:500;margin-top:-20px;margin-bottom:30px;padding-left:20px;font-size:0.95rem;}
    /* 榜单 */
    .rank-card{background:var(--card-bg);border:2px solid var(--border);box-shadow:var(--shadow);padding:18px;margin-bottom:20px;transition:all 0.3s;}
    .rank-card:hover{transform:translateY(-4px);box-shadow:10px 10px 0 rgba(220,38,38,0.3);border-color:var(--primary);}
    .rank-num{font-size:2.2rem;font-weight:900;color:var(--primary);margin-right:15px;line-height:1;}
    .rank-card img{width:70px;height:100px;object-fit:cover;border:2px solid var(--border);}
    .rank-card .rank-info{flex:1;}
    .rank-card h5{font-weight:700;margin-bottom:4px;font-size:1rem;}
    .rank-card .meta{font-size:0.8rem;color:#c9a9a9;margin-bottom:6px;}
    .rank-card .score{color:var(--accent);font-weight:700;}
    .rank-card .tags span{background:rgba(220,38,38,0.2);color:var(--accent);padding:2px 8px;font-size:0.7rem;margin-right:4px;border:1px solid var(--primary);}
    /* 海报滚动区 */
    .poster-scroll{display:flex;overflow-x:auto;gap:18px;padding:20px 5px;scroll-snap-type:x mandatory;}
    .poster-scroll::-webkit-scrollbar{height:6px;}
    .poster-scroll::-webkit-scrollbar-track{background:#2a1a1a;}
    .poster-scroll::-webkit-scrollbar-thumb{background:var(--primary);}
    .poster-card{min-width:180px;max-width:180px;background:var(--card-bg);border:2px solid var(--border);box-shadow:4px 4px 0 rgba(0,0,0,0.5);transition:all 0.3s;scroll-snap-align:start;cursor:pointer;}
    .poster-card:hover{transform:translateY(-8px);box-shadow:10px 10px 0 rgba(220,38,38,0.4);border-color:var(--primary);}
    .poster-img-wrap{position:relative;height:240px;overflow:hidden;}
    .poster-img-wrap img{width:100%;height:100%;object-fit:cover;}
    .poster-img-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,0.8) 100%);pointer-events:none;}
    .play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s;background:rgba(0,0,0,0.4);}
    .poster-card:hover .play-overlay{opacity:1;}
    .play-overlay i{font-size:2.5rem;color:#fff;text-shadow:0 0 10px var(--primary);}
    .poster-info{padding:10px;border-top:2px solid var(--border);}
    .poster-info h6{font-weight:700;font-size:0.9rem;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .poster-info .p-meta{font-size:0.75rem;color:#c9a9a9;display:flex;justify-content:space-between;align-items:center;}
    .poster-info .p-score{color:var(--accent);font-weight:700;}
    /* 分类筛选 */
    .filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;}
    .filter-btn{background:transparent;border:2px solid var(--border);color:var(--text);padding:8px 18px;font-weight:600;font-size:0.9rem;transition:all 0.3s;cursor:pointer;}
    .filter-btn:hover,.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:4px 4px 0 rgba(0,0,0,0.4);}
    .category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;}
    .cat-card{position:relative;height:200px;overflow:hidden;border:2px solid var(--border);cursor:pointer;transition:all 0.3s;}
    .cat-card:hover{transform:scale(1.03);border-color:var(--primary);box-shadow:8px 8px 0 rgba(220,38,38,0.3);}
    .cat-card img{width:100%;height:100%;object-fit:cover;}
    .cat-card .cat-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,0.9) 100%);display:flex;align-items:flex-end;padding:12px;}
    .cat-card .cat-name{font-weight:700;font-size:1rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,0.8);}
    .cat-card .cat-count{font-size:0.75rem;color:var(--accent);font-weight:600;}
    /* 经典专区 */
    .classic-card{background:var(--card-bg);border:2px solid var(--border);box-shadow:4px 4px 0 rgba(0,0,0,0.5);overflow:hidden;transition:all 0.3s;cursor:pointer;}
    .classic-card:hover{transform:translateY(-6px);box-shadow:10px 10px 0 rgba(251,146,60,0.3);border-color:var(--accent);}
    .classic-card img{height:280px;object-fit:cover;width:100%;}
    .classic-body{padding:15px;}
    .classic-body h5{font-weight:700;font-size:1.1rem;margin-bottom:6px;}
    .classic-body .c-meta{font-size:0.85rem;color:#c9a9a9;margin-bottom:8px;}
    .classic-body p{font-size:0.85rem;color:#d9c9c9;line-height:1.6;margin-bottom:10px;}
    /* 预告 */
    .trailer-card{position:relative;min-width:260px;max-width:260px;height:160px;overflow:hidden;border:2px solid var(--border);cursor:pointer;transition:all 0.3s;}
    .trailer-card:hover{border-color:var(--primary);transform:scale(1.02);box-shadow:8px 8px 0 rgba(220,38,38,0.3);}
    .trailer-card img{width:100%;height:100%;object-fit:cover;}
    .trailer-card::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.4);}
    .trailer-card .trailer-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;}
    .trailer-card .trailer-overlay i{font-size:2rem;margin-bottom:8px;text-shadow:0 0 10px var(--primary);}
    .trailer-card .trailer-overlay span{font-weight:600;font-size:0.9rem;text-shadow:2px 2px 4px rgba(0,0,0,0.8);}
    /* 心情选片 */
    .mood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;}
    .mood-card{background:var(--card-bg);border:2px solid var(--border);padding:25px 15px;text-align:center;cursor:pointer;transition:all 0.3s;}
    .mood-card:hover{transform:translateY(-4px);box-shadow:6px 6px 0 rgba(220,38,38,0.4);border-color:var(--primary);}
    .mood-card i{font-size:2rem;color:var(--primary);margin-bottom:10px;display:block;}
    .mood-card span{font-weight:700;font-size:1rem;}
    .mood-card small{display:block;color:#c9a9a9;margin-top:6px;font-size:0.8rem;}
    /* 看了还看 */
    .related-links{display:flex;flex-wrap:wrap;gap:12px;}
    .related-link{background:transparent;border:2px solid var(--border);color:var(--text);padding:10px 20px;font-weight:600;text-decoration:none;transition:all 0.3s;display:inline-flex;align-items:center;gap:8px;}
    .related-link:hover{background:var(--accent);border-color:var(--accent);color:#000;box-shadow:4px 4px 0 rgba(0,0,0,0.4);transform:translateY(-2px);}
    /* 科普 */
    .info-card{background:var(--card-bg);border:2px solid var(--border);padding:25px;margin-bottom:20px;box-shadow:4px 4px 0 rgba(0,0,0,0.4);}
    .info-card h4{font-weight:800;margin-bottom:15px;color:var(--accent);display:flex;align-items:center;gap:10px;}
    .info-card h4 i{color:var(--primary);}
    .info-card p{line-height:1.8;color:#d9c9c9;font-size:0.95rem;}
    /* 步骤条 */
    .steps-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0;}
    .step-item{text-align:center;padding:25px 15px;background:var(--card-bg);border:2px solid var(--border);position:relative;}
    .step-num{width:48px;height:48px;line-height:44px;border:3px solid var(--primary);color:var(--primary);font-size:1.4rem;font-weight:900;margin:0 auto 15px;background:var(--bg);}
    .step-item h6{font-weight:700;margin-bottom:8px;}
    .step-item p{font-size:0.85rem;color:#c9a9a9;line-height:1.5;margin:0;}
    /* 友情链接 */
    .friend-links{border-top:3px solid var(--primary);border-bottom:3px solid var(--primary);padding:30px 0;margin:50px 0;background:rgba(0,0,0,0.3);}
    .friend-links h5{font-weight:800;margin-bottom:20px;color:var(--accent);}
    .friend-links .flink{display:flex;flex-wrap:wrap;gap:15px;}
    /* 页脚 */
    footer{background:#0a080a;border-top:4px solid var(--primary);padding:40px 0 20px;margin-top:50px;}
    footer a{color:#c9a9a9;text-decoration:none;font-weight:500;}
    footer a:hover{color:var(--primary);}
    .footer-title{font-weight:800;color:var(--text);margin-bottom:15px;font-size:1.1rem;}
    /* 回到顶部 */
    #backTop{position:fixed;bottom:40px;right:40px;width:50px;height:50px;background:var(--primary);border:2px solid #fff;color:#fff;font-size:1.3rem;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:9999;box-shadow:4px 4px 0 rgba(0,0,0,0.5);transition:all 0.3s;}
    #backTop:hover{background:var(--accent);color:#000;transform:translateY(-3px);}
    /* 抽屉弹窗 */
    .drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:10000;display:none;backdrop-filter:blur(4px);}
    .drawer-panel{position:fixed;bottom:0;left:0;right:0;background:var(--card-bg);border-top:4px solid var(--primary);z-index:10001;transform:translateY(100%);transition:transform 0.4s cubic-bezier(0.165,0.84,0.44,1);max-height:80vh;overflow-y:auto;}
    .drawer-panel.active{transform:translateY(0);}
    .drawer-content{padding:30px;max-width:900px;margin:0 auto;}
    .drawer-close{position:absolute;top:15px;right:20px;background:none;border:none;color:var(--text);font-size:1.8rem;cursor:pointer;z-index:5;line-height:1;}
    .drawer-close:hover{color:var(--primary);}
    .drawer-poster{width:200px;height:280px;object-fit:cover;border:2px solid var(--primary);box-shadow:6px 6px 0 rgba(0,0,0,0.6);}
    .drawer-info h3{font-weight:800;margin-bottom:15px;}
    .drawer-info .d-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px;}
    .drawer-info .d-meta span{background:rgba(220,38,38,0.15);border:1px solid var(--primary);color:var(--accent);padding:4px 10px;font-size:0.8rem;font-weight:600;}
    .drawer-info .d-plot{color:#d9c9c9;line-height:1.8;font-size:0.95rem;margin-bottom:15px;}
    .drawer-info .d-actors{color:var(--accent);font-weight:600;font-size:0.9rem;}
    .drawer-info .d-score{font-size:2.5rem;font-weight:900;color:var(--primary);}
    /* 响应式 */
    @media (max-width:768px){
        .hero{height:380px;}
        .hero h1{font-size:2.2rem;}
        .steps-wrapper{grid-template-columns:1fr 1fr;}
        .mood-grid{grid-template-columns:1fr 1fr;}
        .drawer-poster{width:120px;height:180px;}
        .drawer-content{padding:20px;}
        .poster-card{min-width:150px;max-width:150px;}
        .poster-img-wrap{height:200px;}
        #backTop{bottom:20px;right:20px;width:40px;height:40px;font-size:1rem;}
        .navbar-nav{margin-top:15px;}
        .nav-link{margin:8px 0;}
    }
    @media (max-width:576px){
        .hero h1{font-size:1.8rem;}
        .hero p{font-size:0.95rem;}
        .section-title{font-size:1.4rem;}
        .steps-wrapper{grid-template-columns:1fr;}
    }

/* --- 子页面追加 --- */
/* 本页专属样式——仅补充关于页需要的小模块，整体沿用站点CSS变量与类名 */
        .about-hero {
            background: linear-gradient(135deg, rgba(220, 38, 38, .15) 0%, rgba(251, 146, 60, .08) 100%);
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 3.5rem 2rem;
            text-align: center;
            margin-bottom: 3rem;
            box-shadow: var(--shadow);
        }
.about-hero h1 {
            font-size: 2.4rem;
            font-weight: 800;
            color: var(--text);
            margin-bottom: 1rem;
        }
.about-hero p {
            color: rgba(254, 242, 242, .8);
            max-width: 700px;
            margin: 0 auto;
            font-size: 1.05rem;
            line-height: 1.8;
        }
.about-section {
            margin-bottom: 3rem;
        }
.about-section .section-title {
            margin-bottom: 1.5rem;
            position: relative;
            padding-bottom: 0.6rem;
        }
.about-section .section-title::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 60px;
            height: 3px;
            background: var(--primary);
            border-radius: 2px;
        }
.about-card {
            background: var(--card-bg);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 1.8rem;
            height: 100%;
            transition: transform .3s ease, box-shadow .3s ease;
        }
.about-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 24px rgba(0,0,0,.4);
        }
.about-card .icon-box {
            width: 52px;
            height: 52px;
            background: rgba(220, 38, 38, .15);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.4rem;
            color: var(--primary);
            margin-bottom: 1.2rem;
        }
.about-card h3 {
            font-size: 1.15rem;
            font-weight: 700;
            color: var(--text);
            margin-bottom: .8rem;
        }
.about-card p {
            color: rgba(254, 242, 242, .75);
            font-size: .95rem;
            line-height: 1.7;
            margin-bottom: 0;
        }
.feature-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
.feature-list li {
            padding: .7rem 0;
            border-bottom: 1px dashed var(--border);
            color: rgba(254, 242, 242, .8);
            font-size: .95rem;
            display: flex;
            align-items: center;
            gap: .6rem;
        }
.feature-list li:last-child {
            border-bottom: none;
        }
.feature-list li i {
            color: var(--accent);
            font-size: .85rem;
            width: 20px;
            text-align: center;
        }
.stats-row {
            display: flex;
            flex-wrap: wrap;
            gap: 1.5rem;
            justify-content: space-between;
            margin-top: 2rem;
        }
.stat-item {
            text-align: center;
            flex: 1;
            min-width: 120px;
        }
.stat-num {
            font-size: 2rem;
            font-weight: 900;
            color: var(--primary);
            line-height: 1.2;
        }
.stat-label {
            font-size: .85rem;
            color: rgba(254, 242, 242, .6);
            margin-top: .3rem;
        }
.about-hero h1 { font-size: 1.8rem; }
.about-hero { padding: 2.5rem 1.2rem; }
.stats-row { gap: 1rem; }
.stat-num { font-size: 1.6rem; }

/* --- 子页面追加 --- */
/* 本页极少量专属样式，不覆盖全局变量 */
        .disclaimer-hero {
            background: linear-gradient(145deg, var(--bg) 0%, #1e1418 100%);
            padding: 60px 0 40px;
            border-bottom: 1px solid var(--border);
        }
.disclaimer-hero h1 {
            font-weight: 800;
            color: var(--text);
            font-size: clamp(2rem, 5vw, 3.2rem);
            letter-spacing: -0.02em;
        }
.disclaimer-hero .lead {
            color: #e8d5d5;
            max-width: 780px;
            margin-top: 15px;
            font-weight: 400;
            border-left: 4px solid var(--primary);
            padding-left: 1.2rem;
            background: rgba(220, 38, 38, 0.05);
            border-radius: 0 8px 8px 0;
        }
.disclaimer-card {
            background: var(--card-bg);
            border: 1px solid var(--border);
            border-radius: 18px;
            padding: 2rem 1.8rem;
            height: 100%;
            box-shadow: var(--shadow);
            transition: transform 0.2s ease, border-color 0.2s;
        }
.disclaimer-card:hover {
            transform: translateY(-4px);
            border-color: var(--primary);
        }
.disclaimer-card i {
            color: var(--primary);
            font-size: 2rem;
            margin-bottom: 1rem;
            background: rgba(220, 38, 38, 0.1);
            width: 52px;
            height: 52px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 14px;
        }
.disclaimer-card h3 {
            color: var(--text);
            font-weight: 700;
            font-size: 1.3rem;
            margin-bottom: 0.9rem;
            letter-spacing: -0.01em;
        }
.disclaimer-card p {
            color: #d9c7c7;
            font-size: 0.95rem;
            line-height: 1.7;
        }
.disclaimer-card .small-note {
            font-size: 0.85rem;
            color: #a98b8b;
            margin-top: 1rem;
        }
.disclaimer-list {
            list-style: none;
            padding-left: 0;
        }
.disclaimer-list li {
            padding: 0.9rem 0;
            border-bottom: 1px dashed var(--border);
            color: #d9c7c7;
            display: flex;
            gap: 0.8rem;
            font-size: 0.97rem;
        }
.disclaimer-list li:last-child {
            border-bottom: none;
        }
.disclaimer-list li i {
            color: var(--accent);
            font-size: 1.2rem;
            width: 22px;
            margin-top: 2px;
        }
.info-box {
            background: rgba(220, 38, 38, 0.04);
            border-left: 5px solid var(--primary);
            padding: 1.2rem 1.5rem;
            border-radius: 0 14px 14px 0;
            margin: 2rem 0 1.5rem;
            color: #e5d3d3;
        }
.footer-disclaimer {
            background: #100a0e;
            border-top: 1px solid var(--border);
            padding: 2.2rem 0;
            margin-top: 3rem;
        }
.footer-disclaimer p {
            color: #9f8686;
            font-size: 0.9rem;
            margin-bottom: 0.4rem;
        }
.footer-disclaimer .brand-small {
            color: var(--text);
            font-weight: 600;
            margin-bottom: 0.8rem;
        }
.footer-links a {
            color: #c9acac;
            margin: 0 0.8rem;
            text-decoration: none;
            font-size: 0.9rem;
        }
.footer-links a:hover {
            color: var(--primary);
        }
.page-highlight {
            color: var(--accent);
            font-weight: 600;
        }
.contact-chip {
            display: inline-block;
            background: rgba(251, 146, 60, 0.12);
            color: var(--accent);
            padding: 0.2rem 0.9rem;
            border-radius: 30px;
            font-size: 0.85rem;
            font-weight: 500;
            margin-right: 0.5rem;
        }

/* --- 子页面追加 --- */
.privacy-hero {
            background: linear-gradient(135deg, rgba(220,38,38,0.15) 0%, rgba(251,146,60,0.1) 100%);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 40px;
            margin: 30px 0 50px;
            position: relative;
            overflow: hidden;
        }
.privacy-hero::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -20%;
            width: 300px;
            height: 300px;
            background: radial-gradient(circle, rgba(220,38,38,0.2) 0%, transparent 70%);
            border-radius: 50%;
        }
.privacy-hero h1 {
            font-size: 2.2rem;
            font-weight: 800;
            color: var(--text);
            margin-bottom: 15px;
            position: relative;
            z-index: 1;
        }
.privacy-hero p {
            color: rgba(254,242,242,0.8);
            max-width: 700px;
            position: relative;
            z-index: 1;
        }
.privacy-section {
            background: var(--card-bg);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 30px;
            margin-bottom: 25px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
.privacy-section:hover {
            transform: translateY(-3px);
            box-shadow: var(--shadow);
        }
.privacy-section h2 {
            font-size: 1.4rem;
            font-weight: 700;
            color: var(--primary);
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 12px;
        }
.privacy-section h2 i {
            font-size: 1.2rem;
            color: var(--accent);
        }
.privacy-section h3 {
            font-size: 1.1rem;
            font-weight: 600;
            color: var(--text);
            margin: 20px 0 12px;
        }
.privacy-section p {
            color: rgba(254,242,242,0.85);
            line-height: 1.8;
            margin-bottom: 12px;
        }
.privacy-section ul {
            list-style: none;
            padding-left: 0;
        }
.privacy-section ul li {
            color: rgba(254,242,242,0.85);
            line-height: 1.8;
            padding-left: 24px;
            position: relative;
            margin-bottom: 8px;
        }
.privacy-section ul li::before {
            content: '▸';
            position: absolute;
            left: 0;
            color: var(--accent);
            font-size: 1.1rem;
        }
.privacy-highlight {
            background: rgba(220,38,38,0.1);
            border-left: 3px solid var(--primary);
            padding: 15px 20px;
            border-radius: 0 8px 8px 0;
            margin: 20px 0;
        }
.privacy-highlight p {
            margin-bottom: 0;
            color: rgba(254,242,242,0.9);
        }
.privacy-table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
        }
.privacy-table th {
            background: rgba(220,38,38,0.15);
            color: var(--text);
            font-weight: 600;
            padding: 12px 15px;
            text-align: left;
            border: 1px solid var(--border);
        }
.privacy-table td {
            padding: 12px 15px;
            border: 1px solid var(--border);
            color: rgba(254,242,242,0.85);
        }
.privacy-table tr:hover td {
            background: rgba(220,38,38,0.05);
        }
.last-updated {
            font-size: 0.85rem;
            color: rgba(254,242,242,0.5);
            margin-top: 40px;
            padding-top: 20px;
            border-top: 1px solid var(--border);
            text-align: center;
        }
.contact-info {
            background: rgba(251,146,60,0.08);
            border: 1px solid rgba(251,146,60,0.2);
            border-radius: 8px;
            padding: 20px;
            margin-top: 20px;
        }
.contact-info p {
            color: rgba(254,242,242,0.9);
            margin-bottom: 8px;
        }
.contact-info i {
            color: var(--accent);
            margin-right: 10px;
        }

/* --- 子页面追加 --- */
/* 本页专属样式 —— 联系页布局与表单配色覆盖 */
        .contact-hero {
            background: var(--card-bg);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 40px 30px;
            margin: 30px 0;
            box-shadow: var(--shadow);
            position: relative;
            overflow: hidden;
        }
.contact-hero::before {
            content: '';
            position: absolute;
            top: -40px;
            right: -40px;
            width: 150px;
            height: 150px;
            background: var(--primary);
            opacity: 0.15;
            border-radius: 50%;
        }
.contact-hero h1 {
            font-size: 2.2rem;
            font-weight: 800;
            color: var(--text);
            margin-bottom: 12px;
        }
.contact-hero p {
            color: rgba(254, 242, 242, 0.8);
            max-width: 600px;
            font-size: 1.05rem;
            line-height: 1.7;
        }
.contact-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
            margin: 30px 0;
        }
.contact-card {
            background: var(--card-bg);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 30px;
            transition: all 0.3s ease;
        }
.contact-card:hover {
            transform: translateY(-4px);
            border-color: var(--primary);
            box-shadow: 0 8px 25px rgba(220, 38, 38, 0.15);
        }
.contact-card .icon-circle {
            width: 52px;
            height: 52px;
            background: rgba(220, 38, 38, 0.15);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.3rem;
            color: var(--primary);
            margin-bottom: 18px;
        }
.contact-card h3 {
            font-size: 1.2rem;
            font-weight: 700;
            color: var(--text);
            margin-bottom: 10px;
        }
.contact-card p {
            color: rgba(254, 242, 242, 0.75);
            font-size: 0.95rem;
            line-height: 1.7;
            margin-bottom: 8px;
        }
.contact-card .contact-link {
            color: var(--accent);
            font-weight: 600;
            text-decoration: none;
            font-size: 0.95rem;
            word-break: break-all;
        }
.contact-card .contact-link:hover {
            color: var(--primary);
        }
.form-wrap {
            background: var(--card-bg);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 30px;
            box-shadow: var(--shadow);
        }
.form-wrap h2 {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--text);
            margin-bottom: 8px;
        }
.form-wrap .sub-text {
            color: rgba(254, 242, 242, 0.6);
            font-size: 0.95rem;
            margin-bottom: 25px;
        }
.form-group {
            margin-bottom: 18px;
        }
.form-group label {
            color: var(--text);
            font-weight: 500;
            font-size: 0.9rem;
            margin-bottom: 6px;
            display: block;
        }
.form-group input,
        .form-group textarea,
        .form-group select {
            width: 100%;
            padding: 12px 14px;
            background: rgba(0, 0, 0, 0.35);
            border: 1px solid var(--border);
            border-radius: 8px;
            color: var(--text);
            font-size: 0.95rem;
            transition: border-color 0.3s, box-shadow 0.3s;
        }
.form-group input:focus,
        .form-group textarea:focus,
        .form-group select:focus {
            outline: none;
            border-color: var(--primary);
            box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15);
        }
.form-group input::placeholder,
        .form-group textarea::placeholder {
            color: rgba(255, 255, 255, 0.4);
        }
.form-group select {
            appearance: none;
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fb923c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right 14px center;
            background-size: 16px;
            cursor: pointer;
        }
.form-group select option {
            background: var(--card-bg);
            color: var(--text);
        }
.submit-btn {
            width: 100%;
            padding: 14px;
            background: var(--primary);
            color: #fff;
            border: none;
            border-radius: 8px;
            font-size: 1rem;
            font-weight: 600;
            cursor: pointer;
            transition: background 0.3s, transform 0.2s;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }
.submit-btn:hover {
            background: #b91c1c;
            transform: translateY(-2px);
        }
.submit-btn:active {
            transform: scale(0.98);
        }
.faq-item {
            background: var(--card-bg);
            border: 1px solid var(--border);
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 14px;
            transition: border-color 0.3s;
        }
.faq-item:hover {
            border-color: var(--accent);
        }
.faq-item h4 {
            font-size: 1rem;
            font-weight: 600;
            color: var(--text);
            margin-bottom: 8px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
.faq-item h4 i {
            color: var(--primary);
            font-size: 0.85rem;
        }
.faq-item p {
            color: rgba(254, 242, 242, 0.7);
            font-size: 0.92rem;
            line-height: 1.6;
            margin: 0;
            padding-left: 24px;
        }
.info-row {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            padding: 12px 0;
            border-bottom: 1px solid rgba(58, 42, 51, 0.6);
        }
.info-row:last-child {
            border-bottom: none;
        }
.info-row i {
            color: var(--primary);
            margin-top: 4px;
            font-size: 1rem;
            width: 20px;
        }
.info-row span {
            color: rgba(254, 242, 242, 0.8);
            font-size: 0.95rem;
            line-height: 1.6;
        }
.contact-note {
            background: rgba(220, 38, 38, 0.08);
            border-left: 3px solid var(--primary);
            padding: 15px 20px;
            border-radius: 0 8px 8px 0;
            margin-top: 25px;
            color: rgba(254, 242, 242, 0.8);
            font-size: 0.9rem;
            line-height: 1.6;
        }
.contact-grid {
                grid-template-columns: 1fr;
            }
.contact-hero h1 {
                font-size: 1.7rem;
            }
/* 覆盖Bootstrap默认白色背景 */
        .form-control, .form-select {
            background: rgba(0, 0, 0, 0.35) !important;
            color: var(--text) !important;
            border-color: var(--border) !important;
        }
.form-control::placeholder {
            color: rgba(255, 255, 255, 0.4) !important;
        }
.form-control:focus, .form-select:focus {
            border-color: var(--primary) !important;
            box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15) !important;
        }

/* --- Bootstrap 组件配色适配(程序自动补,避免白底黑字) --- */
.card { background:rgba(255,255,255,.04) !important; color:#fef2f2 !important; border-color:rgba(255,255,255,.12) !important; }
.card-body { background:transparent !important; color:#fef2f2 !important; }