html {
            overflow-x: hidden !important;
            max-width: 100%;
            width: 100%;
            height: 100%;
        }
        body {
            background-color: #05070a;
            color: #f8fafc;
            font-family: "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            letter-spacing: 0.01em;
            -webkit-tap-highlight-color: transparent;
            margin: 0;
            overflow-x: hidden !important;
            max-width: 100%;
            width: 100%;
            min-height: 100%;
            position: relative;
        }
        /* 1. 全屏背景容器 — 锁定视口，禁止横向溢出 */
        .video-bg-container {
            position: fixed;
            inset: 0;
            width: 100%;
            height: 100%;
            max-width: 100%;
            z-index: -1;
            overflow: hidden;
            background-color: #05070a;
            pointer-events: none;
            contain: paint;
        }
        /* 2. 视频样式：定位在右侧，适应屏幕 */
        .video-bg {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            max-width: 100%;
            object-fit: cover;
            object-position: right center;
            opacity: 0.95;
            display: block;
        }
        /* 3. 渐变遮罩：左侧纯黑淡出，右侧透出动态效果 */
        .video-overlay {
            position: absolute;
            inset: 0;
            pointer-events: none;
            background: linear-gradient(
                to right,
                rgba(5, 7, 10, 0.78) 0%,
                rgba(5, 7, 10, 0.55) 28%,
                rgba(5, 7, 10, 0.28) 55%,
                transparent 100%
            );
        }
        /* 4. 确保主内容区域透出背景 */
        .site-main-content {
            position: relative;
            z-index: 1;
            background: transparent; /* 确保原本的 body/main 背景是透明的 */
        }
        /* 手机端外壳：桌面浏览也保持手机宽度 */
        .app-shell {
            width: 100%;
            max-width: 430px;
            margin: 0 auto;
            min-height: 100vh;
            position: relative;
            z-index: 1;
            background: transparent;
            box-shadow: none;
        }
        .glass-panel {
            background: rgba(15, 20, 32, 0.14);
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
            border: 1px solid rgba(255, 255, 255, 0.10);
        }
        .glass-nav {
            background: rgba(10, 13, 20, 0.28);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            border-top: 1px solid rgba(255, 255, 255, 0.10);
        }
        /* 弹窗保持更高不透明度，保证可读 */
        #redirectModal .glass-panel,
        #newsModal .glass-panel,
        #settingsModal .glass-panel,
        #loadingSiteModal .glass-panel,
        #languageModal .glass-panel,
        #welcomeModal .glass-panel {
            background: rgba(15, 20, 32, 0.92);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
        }
        .panel-soft {
            background: rgba(15, 23, 42, 0.16) !important;
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
        }
        /* 首页 Hero / 功能格 / 列表格：再透一点，露出视频背景 */
        .hero-glass {
            background: linear-gradient(to bottom, rgba(15, 23, 42, 0.12), rgba(2, 6, 23, 0.16)) !important;
            backdrop-filter: blur(3px) !important;
            -webkit-backdrop-filter: blur(3px) !important;
        }
        .tile-glass {
            background: rgba(30, 41, 59, 0.12) !important;
            backdrop-filter: blur(3px) !important;
            -webkit-backdrop-filter: blur(3px) !important;
        }
        .stat-glass {
            background: rgba(2, 6, 23, 0.14) !important;
            backdrop-filter: blur(2px) !important;
            -webkit-backdrop-filter: blur(2px) !important;
        }
        .chip-glass {
            background: rgba(17, 24, 39, 0.22) !important;
        }
        /* typography-fig5 */
        .hero-title {
            font-size: 1.375rem;
            line-height: 1.25;
            font-weight: 800;
            color: #ffffff;
            letter-spacing: 0.02em;
        }
        @media (min-width: 390px) {
            .hero-title { font-size: 1.5rem; }
        }
        .hero-sub {
            font-size: 0.95rem;
            font-weight: 600;
            color: #67e8f9;
            letter-spacing: 0.01em;
        }
        .hero-desc {
            font-size: 0.78rem;
            line-height: 1.65;
            color: rgba(248, 250, 252, 0.88);
        }
        .cta-primary {
            display: block;
            width: 100%;
            text-align: center;
            padding: 0.85rem 1rem;
            border-radius: 0.9rem;
            font-size: 0.85rem;
            font-weight: 800;
            color: #fff;
            background: linear-gradient(90deg, #22d3ee 0%, #3b82f6 48%, #7c3aed 100%);
            box-shadow: 0 10px 28px rgba(59, 130, 246, 0.35);
            border: 1px solid rgba(255,255,255,0.18);
        }
        .cta-primary:active { transform: scale(0.99); }
        .glow-effect {
            box-shadow: 0 0 25px -5px rgba(0, 242, 254, 0.15);
        }
        .hide-scrollbar::-webkit-scrollbar { display: none; }
        .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
        @keyframes pulse-slow {
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.95; transform: scale(0.98); }
        }
        .pulse-element { animation: pulse-slow 3s infinite ease-in-out; }
        /* 方案1：暗夜光晕流动动画（大幅位移，确保肉眼可见） */
        @keyframes pulseSlow {
            0%   { transform: translate3d(0, 0, 0) scale(1); opacity: 0.42; }
            33%  { transform: translate3d(18px, 14px, 0) scale(1.12); opacity: 0.78; }
            66%  { transform: translate3d(-12px, 18px, 0) scale(1.06); opacity: 0.55; }
            100% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.42; }
        }
        @keyframes floatSlow {
            0%   { transform: translate3d(0, 0, 0) scale(1); opacity: 0.38; }
            50%  { transform: translate3d(-16px, 12px, 0) scale(1.1); opacity: 0.72; }
            100% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.38; }
        }
        .glow-pulse {
            animation: pulseSlow 7s ease-in-out infinite;
            will-change: transform, opacity;
            transform: translateZ(0);
            backface-visibility: hidden;
        }
        .glow-float {
            animation: floatSlow 9s ease-in-out infinite;
            will-change: transform, opacity;
            transform: translateZ(0);
            backface-visibility: hidden;
        }
        .animate-pulse-slow { animation: pulseSlow 7s ease-in-out infinite; will-change: transform, opacity; }
        .animate-float-slow { animation: floatSlow 9s ease-in-out infinite; will-change: transform, opacity; }
        .ambient-glow {
            position: fixed;
            inset: 0;
            overflow: hidden;
            pointer-events: none;
            z-index: 0;
            background: transparent;
            opacity: 0.35;
        }
        .ambient-glow__orb {
            position: absolute;
            border-radius: 9999px;
            filter: blur(90px);
            -webkit-filter: blur(90px);
        }
        .icon-news-signal {
            width: 28px;
            height: 28px;
            margin: 0 auto;
            display: block;
        }
        .lang-panel {
            max-height: 58vh;
            overflow-y: auto;
        }
        .lang-item.active {
            border-color: rgba(34, 211, 238, 0.45);
            background: rgba(34, 211, 238, 0.12);
            color: #67e8f9;
        }
        #welcomeGotItBtn:disabled {
            opacity: 0.45;
            cursor: not-allowed;
        }
        @keyframes gift-float {
            0%, 100% { transform: translateY(0) rotate(-4deg) scale(1); }
            25% { transform: translateY(-6px) rotate(3deg) scale(1.06); }
            50% { transform: translateY(-2px) rotate(-2deg) scale(1.02); }
            75% { transform: translateY(-8px) rotate(4deg) scale(1.08); }
        }
        @keyframes gift-glow {
            0%, 100% { box-shadow: 0 0 12px 2px rgba(245, 158, 11, 0.35), 0 8px 24px rgba(245, 158, 11, 0.2); }
            50% { box-shadow: 0 0 28px 8px rgba(245, 158, 11, 0.55), 0 12px 32px rgba(251, 191, 36, 0.35); }
        }
        @keyframes gift-sparkle {
            0%, 100% { filter: brightness(1); }
            50% { filter: brightness(1.25); }
        }
        .gift-icon-dynamic {
            animation: gift-float 2.2s ease-in-out infinite, gift-glow 2.2s ease-in-out infinite, gift-sparkle 1.6s ease-in-out infinite;
            transform-origin: center bottom;
            will-change: transform, box-shadow;
        }
        @keyframes tw-icon-pulse {
            0%, 100% { transform: scale(1) rotate(0deg); }
            50% { transform: scale(1.06) rotate(-2deg); }
        }
        .tw-icon-spin {
            animation: tw-icon-pulse 2.4s ease-in-out infinite;
            transform-origin: center center;
        }
        button, [onclick], [data-tab], [data-redirect] { cursor: pointer; }
        .nav-btn { position: relative; z-index: 1; }
        .bubble-me { background:rgba(6,182,212,.18); border:1px solid rgba(6,182,212,.35); }
        .bubble-other { background:rgba(31,41,55,.9); border:1px solid rgba(75,85,99,.5); }
        .hide-scrollbar::-webkit-scrollbar { display: none; }
        .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }