:root {
    /* OCS8 主题变量 */
    --pussy-gold-main: #F3C76F;
    --pussy-gold-mid:  #F1B74C;
    --pussy-gold-deep: #DFA535;

    --pussy-purple-1: #6A1BDB;
    --pussy-purple-2: #7626F0;
    --pussy-purple-3: #8A42FF;

    --pussy-pink-1: #FF4CB8;
    --pussy-pink-2: #FF77D3;
    --pussy-pink-3: #FFA1ED;

    --pussy-blue-1: #3EC6FF;
    --pussy-blue-2: #22A7F0;
    --pussy-blue-3: #117EBB;

    --pussy-dark-1: #05060A;
    --pussy-dark-2: #0A0D14;
    --pussy-dark-3: #131722;

    --pussy-text-main: #F5F1FF;
    --pussy-text-sub:  #C4C7F5;
    --pussy-text-muted:#8B8FB5;
}

/* ============================
   全站背景与基础文字
============================ */
body {
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 76, 184, 0.12), transparent 60%),
        radial-gradient(circle at 100% 0%, rgba(62, 198, 255, 0.12), transparent 60%),
        radial-gradient(circle at 50% 100%, rgba(106, 27, 219, 0.38), transparent 70%),
        linear-gradient(160deg, var(--pussy-dark-1), var(--pussy-dark-3)) !important;
    color: var(--pussy-text-main) !important;
    line-height: 1.7;
}

body a {
    color: var(--pussy-blue-1);
}

body a:hover {
    color: var(--pussy-pink-2);
}

.container {
    max-width: 1200px;
}

/* 让白底模块变为深色卡片风格 */
.site-intro,
.content-section,
.features-grid-container,
.payment-responsible-section,
.partners,
.article-main,
.article-sidebar,
.list-main,
.sidebar,
.card {
    background: radial-gradient(circle at top left,
                rgba(255, 255, 255, 0.05),
                rgba(10, 13, 20, 0.96)) !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.75),
        0 0 0 1px rgba(255, 255, 255, 0.02) inset !important;
}

.site-intro p,
.article-content,
.article-description,
.feature-description,
.recent-post-content,
.article-text,
.article-list,
.article-card,
.article-card .article-description {
    color: var(--pussy-text-sub) !important;
}

/* ============================
   Header & 导航栏
============================ */
body .header {
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 76, 184, 0.35), transparent 60%),
        radial-gradient(circle at 100% 0%, rgba(62, 198, 255, 0.35), transparent 60%),
        linear-gradient(180deg, var(--pussy-dark-2), #050713) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.85) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.header-top {
    padding: 10px 0 !important;
}

.logo img {
    max-height: 44px !important;
    height: 44px !important;
    transform: scale(1.15);
    transform-origin: left center;
}

.menu-toggle {
    color: var(--pussy-text-main) !important;
}

/* 顶部右侧：Telegram / Download 按钮 */
.auth-button {
    border-radius: 14px !important;
    padding: 10px 16px !important;
    font-size: 12px !important;
    letter-spacing: 0.3px;
    border: 1px solid transparent !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    line-height: 1.2 !important;
}

.auth-button .btn-icon,
.auth-button i.btn-icon {
    font-size: 22px !important;
    width: auto !important;
    height: auto !important;
}

.auth-button img.btn-icon {
    width: 24px !important;
    height: 24px !important;
}

/* TG 按钮：蓝色 */
.header-top .auth-buttons .auth-button:nth-child(1),
.side-nav-auth .auth-button:nth-child(1) {
    background: linear-gradient(135deg, #2AABEE, #1a8fc9) !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(42, 171, 238, 0.45) !important;
}

/* WA 按钮：绿色 */
.header-top .auth-buttons .auth-button:nth-child(2),
.side-nav-auth .auth-button:nth-child(2) {
    background: linear-gradient(135deg, #25D366, #128C7E) !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(37, 211, 102, 0.45) !important;
}

/* RM66 按钮：金色 */
.header-top .auth-buttons .auth-button:nth-child(3),
.side-nav-auth .auth-button:nth-child(3) {
    background: linear-gradient(135deg, var(--pussy-gold-main), var(--pussy-gold-deep)) !important;
    color: #1B0B08 !important;
    box-shadow: 0 8px 20px rgba(243, 199, 111, 0.45) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 10px 20px !important;
}

.auth-button.login-button {
    background: linear-gradient(135deg, var(--pussy-gold-main), var(--pussy-gold-deep)) !important;
    color: #1B0B08 !important;
    box-shadow: 0 10px 28px rgba(243, 199, 111, 0.55) !important;
}

.auth-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.9) !important;
    filter: brightness(1.05);
}

.auth-button .btn-icon {
    filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.35));
}

/* 主导航 */
.main-menu-container {
    background:
        linear-gradient(90deg, rgba(106, 27, 219, 0.9), rgba(118, 38, 240, 0.95), rgba(138, 66, 255, 0.9)) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.85) !important;
}

.main-menu a {
    color: #FDF5FF !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 13px !important;
    letter-spacing: 0.5px;
}

.main-menu a:hover,
.main-menu a.current {
    background: radial-gradient(circle at 50% 0%, rgba(255, 76, 184, 0.25), transparent 70%) !important;
    color: var(--pussy-gold-main) !important;
}

.main-menu a::before {
    color: var(--pussy-gold-main);
}

/* 侧边导航 */
.side-nav {
    background: radial-gradient(circle at 0 0, rgba(106, 27, 219, 0.7), transparent 65%),
                radial-gradient(circle at 100% 100%, rgba(255, 76, 184, 0.6), transparent 55%),
                #05060A !important;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.side-nav-logo img {
    filter:
        drop-shadow(0 0 14px rgba(255, 76, 184, 0.9))
        drop-shadow(0 0 24px rgba(62, 198, 255, 0.7));
}

.side-nav-menu a {
    color: var(--pussy-text-main) !important;
}

.side-nav-menu a:hover {
    color: var(--pussy-gold-main) !important;
}

.overlay {
    background-color: rgba(0, 0, 0, 0.85) !important;
}

/* 移动端按钮条 */
.mobile-auth-buttons {
    background: linear-gradient(90deg, var(--pussy-purple-1), var(--pussy-purple-3)) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* 移动端三按钮：图标上+文字下，单行 */
@media (max-width: 768px) {
    .mobile-auth-buttons {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 8px !important;
        padding: 10px 12px !important;
    }

    .mobile-auth-buttons .auth-button {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        border-radius: 14px !important;
        padding: 10px 6px !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }

    /* TG：蓝色 */
    .mobile-auth-buttons .auth-button:nth-child(1) {
        flex: 1 !important;
        background: linear-gradient(135deg, #2AABEE, #1a8fc9) !important;
        color: #fff !important;
        border-color: transparent !important;
    }

    /* WA：绿色 */
    .mobile-auth-buttons .auth-button:nth-child(2) {
        flex: 1 !important;
        background: linear-gradient(135deg, #25D366, #128C7E) !important;
        color: #fff !important;
        border-color: transparent !important;
    }

    /* RM66：金色，更宽 */
    .mobile-auth-buttons .auth-button:nth-child(3) {
        flex: 2 !important;
        font-size: 13px !important;
        font-weight: 700 !important;
    }

    /* 图标统一放大 */
    .mobile-auth-buttons .auth-button .btn-icon,
    .mobile-auth-buttons .auth-button i.btn-icon {
        font-size: 22px !important;
        width: auto !important;
        height: auto !important;
        filter: none !important;
    }

    .mobile-auth-buttons .auth-button img.btn-icon {
        width: 24px !important;
        height: 24px !important;
        filter: none !important;
    }
}

/* ============================
   通用按钮（.btn）
============================ */
.btn-primary,
.download-btn.android {
    background: linear-gradient(135deg, var(--pussy-gold-main), var(--pussy-gold-deep)) !important;
    color: #1B0B08 !important;
    box-shadow: 0 12px 30px rgba(243, 199, 111, 0.55) !important;
    border-radius: 999px !important;
    border: none !important;
}

.btn-secondary,
.download-btn.ios {
    background: radial-gradient(circle at 0 0, var(--pussy-pink-1), var(--pussy-pink-2)) !important;
    color: #1A0616 !important;
    box-shadow: 0 12px 30px rgba(255, 76, 184, 0.55) !important;
    border-radius: 999px !important;
    border: none !important;
}

.btn-primary:hover,
.btn-secondary:hover,
.download-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.9) !important;
    filter: brightness(1.04);
}

/* ============================
   首页 Banner / 标题
============================ */
.main-banner {
    background:
        radial-gradient(circle at 0 0, rgba(255, 76, 184, 0.3), transparent 60%),
        radial-gradient(circle at 100% 100%, rgba(62, 198, 255, 0.3), transparent 60%),
        linear-gradient(135deg, #241046, #14091F) !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.9) !important;
}

.banner-logo,
.banner-slogan,
.banner-subtitle,
.site-title {
    color: #FFEFD8 !important;
    text-shadow:
        0 0 14px rgba(255, 179, 82, 0.75),
        0 0 26px rgba(255, 76, 184, 0.4);
}

.banner-offer {
    color: var(--pussy-gold-main) !important;
}

.banner-description {
    color: var(--pussy-text-sub) !important;
}

/* 首页文章卡片 / 推荐卡片 */
.feature-card,
.article-card,
.card {
    background: radial-gradient(circle at top left,
                rgba(255, 255, 255, 0.06),
                rgba(8, 11, 20, 0.98)) !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.9) !important;
}

.feature-title a,
.article-title a,
.recent-post-title a {
    color: #FFE0A3 !important;
}

.feature-title a:hover,
.article-title a:hover,
.recent-post-title a:hover {
    color: var(--pussy-pink-2) !important;
}

.feature-description,
.article-description,
.recent-post-date {
    color: var(--pussy-text-muted) !important;
}

/* ============================
   APP 下载区块（沿用结构 + 霓虹化）
============================ */
.app-download-section {
    background:
        radial-gradient(circle at 0 0, rgba(255, 76, 184, 0.26), transparent 65%),
        radial-gradient(circle at 100% 0, rgba(62, 198, 255, 0.26), transparent 65%),
        linear-gradient(145deg, #05060A, #131722) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.app-logo {
    border-radius: 22px !important;
    box-shadow:
        0 18px 35px rgba(0, 0, 0, 0.95),
        0 0 20px rgba(243, 199, 111, 0.95),
        0 0 38px rgba(255, 76, 184, 0.85) !important;
}

.app-title {
    color: #FFF0D0 !important;
}

.app-subtitle {
    color: var(--pussy-text-sub) !important;
}

.app-benefits li {
    color: var(--pussy-text-sub) !important;
}

.app-benefits i {
    color: var(--pussy-gold-main) !important;
}

/* ============================
   关键指标 / How to start
============================ */
.key-metrics-section {
    background: radial-gradient(circle at 50% 0, rgba(118, 38, 240, 0.35), transparent 70%),
                linear-gradient(180deg, #05060A, #0A0D14) !important;
}

.metric {
    background:
        radial-gradient(circle at 0 0, rgba(62, 198, 255, 0.2), transparent 70%),
        radial-gradient(circle at 100% 100%, rgba(255, 76, 184, 0.2), transparent 70%),
        rgba(13, 17, 38, 0.96) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

.metric i {
    color: var(--pussy-blue-1) !important;
}

.metric-text strong {
    color: var(--pussy-gold-main) !important;
}

.metric-text span {
    color: var(--pussy-text-sub) !important;
}

.howto-section {
    background: radial-gradient(circle at 0 0, rgba(255, 76, 184, 0.15), transparent 60%),
                radial-gradient(circle at 100% 100%, rgba(62, 198, 255, 0.18), transparent 60%) !important;
}

.howto-step {
    background:
        radial-gradient(circle at 0 0, rgba(62, 198, 255, 0.3), transparent 65%),
        #060713 !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
}

.howto-step h3 {
    color: var(--pussy-text-main) !important;
}

.howto-step p {
    color: var(--pussy-text-sub) !important;
}

.howto-icon {
    background: linear-gradient(135deg, var(--pussy-gold-main), var(--pussy-pink-1)) !important;
}

/* ============================
   文章页 / 列表页
============================ */
.breadcrumb,
.breadcrumb-inner {
    color: var(--pussy-text-muted) !important;
}

.breadcrumb a,
.breadcrumb-link {
    color: var(--pussy-blue-1) !important;
}

.breadcrumb a:hover,
.breadcrumb-link:hover {
    color: var(--pussy-pink-2) !important;
}

.page-title h1,
.section-title,
.features-title {
    color: #FFEFD8 !important;
}

.section-title::after,
.features-title::after {
    background: linear-gradient(90deg, var(--pussy-gold-main), var(--pussy-pink-1)) !important;
}

.article-main,
.article-sidebar,
.article-list-container {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.article-header,
.article-content-box,
.article-card,
.recent-post-item,
.sidebar-section {
    background:
        radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.05), transparent 70%),
        rgba(7, 9, 20, 0.98) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.article-meta {
    color: var(--pussy-text-muted) !important;
}

.tags-container a.tag-link {
    background: rgba(106, 27, 219, 0.4) !important;
    border-radius: 999px;
    color: var(--pussy-text-main) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.tags-container a.tag-link:hover {
    background: radial-gradient(circle at 0 0, var(--pussy-pink-1), var(--pussy-purple-3)) !important;
}

/* 分页 */
.pagination {
    background: transparent !important;
}

.pagination a,
.pagination span,
.pagination-link {
    background: rgba(7, 9, 20, 0.98) !important;
    color: var(--pussy-text-main) !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.pagination a:hover,
.pagination-link:hover,
.pagination-current {
    background: linear-gradient(135deg, var(--pussy-gold-main), var(--pussy-pink-1)) !important;
    color: #1B0B08 !important;
}

/* ============================
   Footer
============================ */
.modern-footer {
    background:
        radial-gradient(circle at 0 0, rgba(255, 76, 184, 0.35), transparent 60%),
        radial-gradient(circle at 100% 0, rgba(62, 198, 255, 0.35), transparent 60%),
        linear-gradient(180deg, #05060A, #0A0D14) !important;
}

.footer-card {
    background: rgba(7, 9, 20, 0.96) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.card-header {
    background: linear-gradient(120deg, #1C1043, #25114E) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.card-header h3 {
    color: #FDF5FF !important;
}

.card-header i,
.platform-hours i,
.platform-contact i,
.platform-fax i,
.platform-email i,
.platform-website i,
.platform-main i {
    color: var(--pussy-blue-1) !important;
}

.support-links a,
.policy-links a {
    color: var(--pussy-text-sub) !important;
}

.support-links a:hover,
.policy-links a:hover {
    background: rgba(106, 27, 219, 0.4) !important;
    color: var(--pussy-gold-main) !important;
}

.quick-contact .contact-button.live-chat {
    background: radial-gradient(circle at 0 0, var(--pussy-blue-1), var(--pussy-purple-2)) !important;
}

.quick-contact .contact-button.register {
    background: linear-gradient(135deg, var(--pussy-gold-main), var(--pussy-pink-1)) !important;
}

.footer-bottom {
    background-color: rgba(5, 6, 16, 0.98) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.copyright-text,
.footer-links a {
    color: var(--pussy-text-muted) !important;
}

.footer-links a:hover {
    color: var(--pussy-gold-main) !important;
}

/* ============================
   表单 / 搜索
============================ */
.form-input,
.form-textarea,
.search-bar {
    background-color: rgba(7, 9, 20, 0.98) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: var(--pussy-text-main) !important;
}

.form-input:focus,
.form-textarea:focus {
    border-color: var(--pussy-blue-1) !important;
    box-shadow: 0 0 0 1px rgba(62, 198, 255, 0.6) !important;
}

.search-btn {
    color: var(--pussy-text-muted) !important;
}

.search-btn:hover {
    color: var(--pussy-blue-1) !important;
}

/* ============================
   响应式微调
============================ */
@media (max-width: 768px) {
    .feature-card,
    .article-card,
    .card {
        border-radius: 12px !important;
    }

    .main-banner {
        border-radius: 16px !important;
    }
}




/* FAQ section (SEO 2026 addition) */
.faq-section{margin:20px 0 40px;}
.faq-item{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:16px 20px;margin-bottom:12px;}
.faq-item h3{margin:0 0 8px;font-size:17px;color:#ffec3d;}
.faq-item p{margin:0;line-height:1.7;color:#d7d7d7;}
.quick-download-box{background:linear-gradient(135deg,#2a0a3a,#4a0d2a);border:1px solid rgba(255,236,61,0.35);}