:root{
            --brand-primary: #f97316;
            --brand-accent: #facc15;
            --brand-bg: #1a1410;
            --brand-text: #fff7ed;
            --card-bg: #251d18;
            --card-border: #3d2e25;
            --pill-bg: #3a2a1e;
            --soft-shadow: 0 12px 30px rgba(0,0,0,0.6);
        }

        * { font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif; }

        body{
            background-color: var(--brand-bg);
            color: var(--brand-text);
            overflow-x: hidden;
        }

        h1,h2,h3,h4,h5,h6{
            font-weight: 800;
            letter-spacing: -0.02em;
        }

        .text-brand-primary{ color: var(--brand-primary); }
        .bg-brand{ background-color: var(--brand-primary); }

        /* 胶囊风格 */
        .pill-badge{
            background: var(--pill-bg);
            color: var(--brand-accent);
            border-radius: 50rem;
            padding: 0.4rem 1.2rem;
            font-weight: 600;
            font-size: 0.8rem;
            letter-spacing: 0.02em;
            transition: 0.2s;
        }
        .pill-badge:hover{
            background: var(--brand-primary);
            color: #fff;
        }

        /* 导航 */
        .custom-nav{
            background-color: rgba(26, 20, 16, 0.85);
            backdrop-filter: blur(8px);
            border-bottom: 1px solid #33261d;
        }
        .navbar-brand{
            font-weight: 900;
            font-size: 1.7rem;
            color: var(--brand-text) !important;
            letter-spacing: -0.02em;
        }
        .navbar-brand i{
            color: var(--brand-primary);
            margin-right: 6px;
        }
        .nav-link{
            color: #d9c8b8 !important;
            font-weight: 500;
            margin: 0 0.4rem;
            border-radius: 50rem;
            padding: 0.5rem 1rem !important;
        }
        .nav-link:hover{
            background-color: var(--brand-primary);
            color: #fff !important;
        }

        /* 轮播banner */
        .hero-banner{
            background: radial-gradient(circle at 30% 40%, #3b2a1a, #1a1410 70%);
            padding: 5rem 0 4rem;
            border-radius: 0 0 40px 40px;
            border-bottom: 4px solid var(--brand-primary);
        }
        .typewriter-title{
            font-weight: 900;
            font-size: 3.2rem;
            color: var(--brand-text);
            display: inline-block;
            border-right: 0.1em solid var(--brand-accent);
            white-space: nowrap;
            overflow: hidden;
            animation: blink-caret 0.8s step-end infinite;
        }
        @keyframes blink-caret{
            50% { border-color: transparent; }
        }

        .section-title{
            font-weight: 800;
            font-size: 2.2rem;
            margin: 2.5rem 0 1.5rem;
            position: relative;
            display: inline-block;
        }
        .section-title::after{
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 70px;
            height: 4px;
            background: var(--brand-primary);
            border-radius: 4px;
        }

        .movie-card{
            background: var(--card-bg);
            border-radius: 20px;
            overflow: hidden;
            border: 1px solid #2e221a;
            transition: 0.25s ease;
            height: 100%;
            box-shadow: var(--soft-shadow);
            cursor: pointer;
            transform-style: preserve-3d;
            perspective: 1000px;
        }
        .movie-card-inner{
            transition: 0.3s;
            transform-style: preserve-3d;
            position: relative;
        }
        .movie-card.flipped .movie-card-inner{
            transform: rotateY(180deg);
        }
        .movie-front, .movie-back{
            backface-visibility: hidden;
        }
        .movie-back{
            position: absolute;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: #2a2019;
            transform: rotateY(180deg);
            border-radius: 20px;
            padding: 1.2rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            border: 1px solid var(--brand-primary);
        }
        .movie-card img{
            width: 100%;
            height: 240px;
            object-fit: cover;
            transition: transform 0.4s;
        }
        .movie-card:hover img{
            transform: scale(1.08);
        }
        .movie-info{
            padding: 0.8rem;
            background: linear-gradient(to top, #1f1712, transparent);
        }
        .movie-info .rating{
            font-weight: 900;
            color: var(--brand-accent);
            font-size: 1.1rem;
        }
        .movie-card .overlay{
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            background: rgba(0,0,0,0.5);
            opacity: 0;
            transition: 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: 700;
            font-size: 1.2rem;
            border-radius: 20px;
        }
        .movie-card:hover .overlay{
            opacity: 1;
        }

        /* 奖牌 */
        .gold-medal, .silver-medal, .bronze-medal{
            display: inline-block;
            width: 28px; height: 28px;
            border-radius: 50%;
            color: #111;
            font-weight: 900;
            text-align: center;
            line-height: 28px;
            margin-right: 8px;
        }
        .gold-medal{ background: gold; }
        .silver-medal{ background: silver; }
        .bronze-medal{ background: #cd7f32; }

        .rank-item{
            background: #241d18;
            padding: 0.7rem 1rem;
            border-radius: 40px;
            margin-bottom: 0.6rem;
            border-left: 4px solid var(--brand-primary);
        }

        /* 编号清单 */
        .tips-list{
            counter-reset: tip;
        }
        .tips-list li{
            counter-increment: tip;
            list-style: none;
            background: var(--card-bg);
            border-radius: 30px;
            padding: 0.8rem 1.5rem;
            margin-bottom: 0.8rem;
            border-left: 6px solid var(--brand-primary);
        }
        .tips-list li::before{
            content: counter(tip) ".";
            font-weight: 900;
            color: var(--brand-accent);
            margin-right: 10px;
        }

        /* 对比表格 */
        .compare-table{
            background: var(--card-bg);
            border-radius: 30px;
            padding: 1.5rem;
        }
        .compare-table th{
            color: var(--brand-accent);
        }

        footer{
            background-color: #100c08;
            padding: 3rem 0 1rem;
            margin-top: 4rem;
            border-top: 2px solid #33261d;
        }
        .footer-links a{
            color: #aa9f93;
            margin: 0 1rem;
            text-decoration: none;
        }
        .footer-links a:hover{
            color: var(--brand-primary);
        }
        .friend-links{
            background: #1e1610;
            border-radius: 40px;
            padding: 1.8rem;
            margin: 2rem 0;
            border: 1px solid #3d2e25;
        }

/* --- 子页面追加 --- */
/* 页面专属微调 —— 保持与站点CSS变量一致 */
        .about-hero {
            background: linear-gradient(145deg, rgba(249,115,22,.15) 0%, rgba(250,204,21,.05) 100%);
            border-bottom: 1px solid var(--card-border);
            padding: 4rem 0 2.5rem;
        }
.about-section {
            background: var(--card-bg);
            border: 1px solid var(--card-border);
            border-radius: 20px;
            padding: 1.8rem 1.8rem 2rem;
            margin-bottom: 1.8rem;
            box-shadow: var(--soft-shadow);
        }
.about-section h2 {
            color: var(--brand-primary);
            font-weight: 800;
            font-size: 1.6rem;
            margin-bottom: 1.2rem;
            letter-spacing: -0.02em;
            border-left: 5px solid var(--brand-accent);
            padding-left: 1rem;
        }
.about-section p {
            color: var(--brand-text);
            opacity: .9;
            line-height: 1.75;
        }
.icon-lg {
            color: var(--brand-accent);
            font-size: 1.4rem;
            width: 2.2rem;
            text-align: center;
        }
.stat-box {
            background: rgba(250, 204, 21, 0.08);
            border: 1px dashed var(--card-border);
            border-radius: 12px;
            padding: 1rem;
            text-align: center;
        }
.stat-box h3 {
            color: var(--brand-accent);
            font-weight: 800;
            font-size: 2rem;
        }
.stat-box p {
            color: var(--brand-text);
            opacity: .7;
            font-size: .9rem;
            margin: 0;
        }
/* 覆盖bootstrap可能的白色卡片 */
        .about-section, .about-section * {
            background-color: transparent;
        }
.about-section {
            background: var(--card-bg);
        }
.list-unstyled li {
            color: var(--brand-text);
        }
.list-unstyled i {
            color: var(--brand-accent);
            margin-right: 8px;
        }
hr {
            border-color: var(--card-border);
            opacity: .4;
        }
.friend-links a {
            color: var(--brand-primary);
            text-decoration: none;
            font-weight: 500;
        }
.friend-links a:hover {
            color: var(--brand-accent);
            text-decoration: underline;
        }
/* 导航高亮当前页 */
        .custom-nav .nav-link.active-about {
            color: var(--brand-accent) !important;
            font-weight: 700;
        }

/* --- 子页面追加 --- */
.privacy-page { padding: 60px 0; }
.privacy-hero { background: var(--card-bg); border: 1px solid var(--card-border); border-radius: 16px; padding: 40px; margin-bottom: 40px; box-shadow: var(--soft-shadow); }
.privacy-hero h1 { color: var(--brand-primary); font-size: 2.2rem; font-weight: 800; margin-bottom: 15px; }
.privacy-hero p { color: var(--brand-text); opacity: .85; font-size: 1.05rem; max-width: 800px; }
.privacy-section { background: var(--card-bg); border: 1px solid var(--card-border); border-radius: 12px; padding: 30px; margin-bottom: 25px; transition: border-color .3s; }
.privacy-section:hover { border-color: var(--brand-primary); }
.privacy-section h2 { color: var(--brand-primary); font-size: 1.4rem; font-weight: 700; margin-bottom: 18px; display: flex; align-items: center; gap: 10px; }
.privacy-section h2 i { font-size: 1.2rem; }
.privacy-section h3 { color: var(--brand-accent); font-size: 1.1rem; font-weight: 600; margin: 20px 0 10px; }
.privacy-section p, .privacy-section li { color: var(--brand-text); opacity: .85; line-height: 1.8; font-size: .95rem; }
.privacy-section ul, .privacy-section ol { padding-left: 20px; margin-bottom: 15px; }
.privacy-section li { margin-bottom: 8px; }
.privacy-section .highlight-box { background: rgba(249,115,22,.08); border-left: 4px solid var(--brand-primary); padding: 15px 20px; border-radius: 0 8px 8px 0; margin: 20px 0; }
.privacy-section .highlight-box p { margin: 0; }
.privacy-date { display: inline-block; background: var(--pill-bg); color: var(--brand-accent); padding: 6px 15px; border-radius: 20px; font-size: .85rem; font-weight: 600; margin-bottom: 20px; }
.privacy-contact { background: var(--card-bg); border: 2px solid var(--brand-primary); border-radius: 12px; padding: 30px; text-align: center; }
.privacy-contact h2 { color: var(--brand-primary); justify-content: center; }
.privacy-contact p { color: var(--brand-text); opacity: .85; }
.privacy-contact .btn-brand { background: var(--brand-primary); color: #fff; border: none; padding: 10px 25px; border-radius: 8px; font-weight: 600; text-decoration: none; display: inline-block; margin-top: 10px; transition: all .3s; }
.privacy-contact .btn-brand:hover { background: var(--brand-accent); color: var(--brand-bg); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(249,115,22,.3); }
.privacy-hero { padding: 25px; }
.privacy-hero h1 { font-size: 1.6rem; }
.privacy-section { padding: 20px; }
.privacy-section h2 { font-size: 1.2rem; }

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