:root {
                --gold: #d4af37;
                --dark-gold: #b8860b;
                --bg-white: #ffffff;
                --text-main: #1a1a1a;
                --accent-red: #c0392b;
                --glass-bg: rgba(255, 255, 255, 0.7);
            }
            body { 
                font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
                background: #fdfdfd; 
                color: var(--text-main); 
                line-height: 1.8; 
                margin: 0; 
                -webkit-font-smoothing: antialiased;
            }
            
            /* --- 顶部导航与官方按钮 --- */
            .top-nav {
                background: rgba(255, 255, 255, 0.9);
                backdrop-filter: blur(15px);
                padding: 10px 30px;
                display: flex;
                flex-direction: column;
                border-bottom: 1px solid #eee;
                position: sticky;
                top: 0;
                z-index: 1000;
            }
            .nav-top-row {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 8px;
            }
            .official-btns {
                display: flex;
                gap: 10px;
                justify-content: center;
                flex-wrap: wrap;
            }
            .off-btn {
                background: #f0f0f0;
                color: #555;
                border: 1px solid #ddd;
                padding: 4px 12px;
                border-radius: 6px;
                font-size: 12px;
                cursor: pointer;
                transition: 0.3s;
                font-weight: 600;
            }
            .off-btn:hover {
                background: #e0e0e0;
                color: var(--dark-gold);
                border-color: var(--gold);
            }
            .back-link {
                text-decoration: none;
                color: var(--dark-gold);
                font-weight: 500;
                display: flex;
                align-items: center;
                gap: 5px;
                font-size: 14px;
            }

            .container { 
                max-width: 900px; 
                margin: 40px auto; 
                padding: 0 25px; 
            }
            
            /* --- 品牌横幅 (居中布局) --- */
            .brand-banner {
                background: linear-gradient(90deg, #fdfbfb 0%, #ebedee 100%);
                padding: 20px;
                border-radius: 20px;
                margin-bottom: 40px;
                border: 1px solid #eee;
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 25px;
                flex-wrap: wrap;
                box-shadow: 0 5px 15px rgba(0,0,0,0.02);
            }
            .brand-item {
                display: flex;
                align-items: center;
                gap: 8px;
                font-size: 15px;
                color: #666;
            }
            .brand-link {
                color: var(--dark-gold);
                text-decoration: none;
                font-weight: 800;
                font-size: 16px;
                border-bottom: 1px solid transparent;
                transition: 0.3s;
            }
            .brand-link:hover {
                border-bottom-color: var(--dark-gold);
            }
            .invitation-code {
                background: var(--accent-red);
                color: #fff;
                padding: 6px 18px;
                border-radius: 10px;
                font-weight: 900;
                font-size: 18px;
                box-shadow: 0 4px 12px rgba(192, 57, 43, 0.3);
                animation: pulse 2s infinite;
            }
            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .luxury-header {
                text-align: center;
                margin-bottom: 50px;
            }
            .luxury-header h1 {
                font-size: 2.5rem;
                font-weight: 700;
                background: linear-gradient(to bottom, var(--dark-gold), var(--gold));
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                margin-bottom: 10px;
            }
            
            .content-card {
                background: white;
                border-radius: 30px;
                padding: 50px;
                box-shadow: 0 20px 60px rgba(0,0,0,0.05);
                margin-bottom: 40px;
                position: relative;
                overflow: hidden;
            }
            .content-card::before {
                content: '';
                position: absolute;
                top: 0; left: 0; width: 100%; height: 5px;
                background: linear-gradient(90deg, var(--gold), var(--dark-gold));
            }
            .content-card img {
                max-width: 100%;
                height: auto;
                border-radius: 15px;
                margin: 20px 0;
                box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            }

            /* --- 超级精致浮窗按钮 (文字常驻) --- */
            .floating-btns {
                position: fixed;
                right: 20px;
                bottom: 80px;
                display: flex;
                flex-direction: column;
                gap: 20px;
                z-index: 2000;
            }
            .float-btn {
                display: flex;
                align-items: center;
                gap: 12px;
                padding: 12px 25px;
                border-radius: 50px;
                text-decoration: none;
                color: white;
                font-weight: 800;
                font-size: 16px;
                box-shadow: 0 15px 35px rgba(0,0,0,0.25);
                transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                border: 2px solid rgba(255,255,255,0.2);
            }
            .float-btn i { font-size: 20px; }
            .btn-reg { background: linear-gradient(135deg, #c0392b, #e74c3c); }
            .btn-agent { background: linear-gradient(135deg, #0088cc, #00aaff); }
            .float-btn:hover { transform: translateX(-10px) scale(1.05); box-shadow: 0 20px 45px rgba(0,0,0,0.3); }

            /* --- iOS 风格弹窗 --- */
            .modal-overlay {
                display: none;
                position: fixed;
                top: 0; left: 0; width: 100%; height: 100%;
                background: rgba(0,0,0,0.4);
                backdrop-filter: blur(15px);
                z-index: 3000;
                align-items: center;
                justify-content: center;
            }
            .modal-content {
                background: rgba(255,255,255,0.85);
                width: 90%;
                max-width: 450px;
                border-radius: 25px;
                padding: 30px;
                box-shadow: 0 30px 60px rgba(0,0,0,0.3);
                text-align: center;
                animation: slideUp 0.4s ease-out;
            }
            @keyframes slideUp {
                from { transform: translateY(50px); opacity: 0; }
                to { transform: translateY(0); opacity: 1; }
            }
            .modal-header { font-size: 22px; font-weight: 800; margin-bottom: 20px; color: #000; }
            .modal-body { font-size: 16px; color: #444; margin-bottom: 25px; line-height: 1.6; }
            .tg-link {
                display: inline-flex;
                align-items: center;
                gap: 10px;
                background: #0088cc;
                color: white;
                padding: 12px 25px;
                border-radius: 50px;
                text-decoration: none;
                font-weight: bold;
                margin-top: 10px;
            }
            .modal-close {
                margin-top: 20px;
                width: 100%;
                padding: 12px;
                background: #eee;
                color: #555;
                border: none;
                border-radius: 15px;
                font-weight: bold;
                cursor: pointer;
            }

            footer {
                text-align: center;
                padding: 60px 0;
                color: #999;
                font-size: 14px;
                border-top: 1px solid #eee;
            }
            @media (max-width: 768px) {
                .luxury-header h1 { font-size: 1.8rem; }
                .content-card { padding: 25px; }
                .official-btns { gap: 5px; }
                .off-btn { padding: 3px 8px; font-size: 10px; }
                .float-btn { padding: 10px 18px; font-size: 14px; }
                .brand-banner { gap: 15px; padding: 15px; }
                .brand-item { font-size: 13px; }
                .brand-link { font-size: 14px; }
                .invitation-code { font-size: 15px; padding: 4px 12px; }
            }