/* 二次元 · 动漫风格 - 樱花粉 / 薰衣草紫 / 薄荷 / 天蓝 */
/* === 移动端适配（max-width: 992px）=== */
@media (max-width: 992px) {
    .navbar {
        padding: 12px 0 14px 0 !important;
        border-radius: 0 0 16px 16px !important;
    }
    .navbar-brand { font-size: 1.35rem !important; }
    .btn-logout {
        min-height: 44px;
        min-width: 44px;
        padding: 8px 14px;
        font-size: 0.9rem;
    }
    /* 底部导航栏适配：玉桂狗主题 */
    .mobile-bottom-nav { border-top-color: rgba(244, 143, 177, 0.3); }
    .mobile-nav-item { color: #7b6b8a; }
    .mobile-nav-item:hover { color: #ad1457; }
    .mobile-nav-order { background: linear-gradient(135deg, #f48fb1, #ec407a) !important; }
}
@media (max-width: 576px) {
    /* 移动端字体更清晰 */
    body { font-size: 15px !important; }
    .card { border-radius: 16px !important; }
    .card-header { border-radius: 16px 16px 0 0 !important; }
    /* 按钮全宽化（需在元素上单独设） */
    .btn-full-mobile { width: 100%; min-height: 48px; }
    /* 悬浮下单底部弹窗适配 */
    .floating-order-wrap { align-items: flex-end !important; }
    .floating-order-modal { border-radius: 20px 20px 0 0 !important; }
    .floating-order-footer .btn-buy {
        min-height: 48px !important;
        font-size: 1rem !important;
    }
}
/* === 桌面端基础样式 === */
:root {
    --ac-anime-pink: #ffb7c5;
    --ac-anime-pink-light: #ffd1dc;
    --ac-anime-lavender: #e6d5f0;
    --ac-anime-mint: #b2f0e6;
    --ac-anime-sky: #b3e5fc;
    --ac-anime-purple: #ce93d8;
    --ac-anime-text: #5c4a6a;
    --ac-anime-text-dark: #4a3d55;
}

.navbar { background: linear-gradient(135deg, rgba(255, 240, 245, 0.98), rgba(230, 213, 240, 0.95)) !important; backdrop-filter: blur(12px); border-bottom: 3px solid #ffb7c5; box-shadow: 0 4px 20px rgba(255, 182, 193, 0.4); border-radius: 0 0 28px 28px; padding: 14px 0 22px 0; }
.navbar-brand { font-size: 2rem; font-weight: 700; color: #9c6b9e !important; text-shadow: 1px 1px 0 rgba(255,255,255,0.8); letter-spacing: 2px; }
.navbar-brand i { color: #ce93d8; }
.btn-logout { background: linear-gradient(135deg, #ffb7c5, #f48fb1); border: 2px solid #f06292; color: #fff !important; border-radius: 40px; padding: 8px 16px; font-weight: 600; box-shadow: 0 4px 14px rgba(244, 143, 177, 0.45); }
.btn-logout:hover { background: linear-gradient(135deg, #f48fb1, #ec407a); transform: scale(1.02); box-shadow: 0 6px 18px rgba(236, 64, 122, 0.5); }
.navbar .nav-text { color: #7b6b8a; font-weight: 600; }
.card { background: rgba(255, 252, 254, 0.95); backdrop-filter: blur(10px); border: 2px solid #f8bbd9; border-radius: 28px; box-shadow: 0 12px 32px rgba(248, 187, 217, 0.3); overflow: hidden; }
.card-header { background: linear-gradient(135deg, #fce4ec, #f8bbd9); border-bottom: 2px solid #f48fb1; font-size: 1.5rem; font-weight: 700; color: #ad1457; padding: 18px 26px; }
.card-header i { color: #f06292; }
.card-body { padding: 28px; }
.table { background: rgba(255, 252, 254, 0.85); border-radius: 24px; overflow: hidden; box-shadow: 0 6px 18px rgba(248, 187, 217, 0.25); }
.table th { background: linear-gradient(135deg, #f8bbd9, #f48fb1); color: #880e4f; font-weight: 700; padding: 14px 18px; border-bottom: 2px solid #f06292; }
.table td { padding: 14px 18px; border-bottom: 1px solid #fce4ec; background: rgba(255, 255, 255, 0.7); }
.table tbody tr:hover td { background: #fce4ec; }
.btn-primary { background: linear-gradient(135deg, #f48fb1, #ec407a); color: #fff; border: none; }
.btn-primary:hover { background: linear-gradient(135deg, #ec407a, #d81b60); }
.form-control, .form-select { border: 2px solid #f8bbd9; border-radius: 28px; padding: 12px 20px; background: rgba(255, 255, 255, 0.95); }
.form-control:focus, .form-select:focus { border-color: #f48fb1; box-shadow: 0 0 0 0.2rem rgba(244, 143, 177, 0.3); }
.form-label { font-weight: 600; color: #7b6b8a; margin-left: 12px; }
a { color: #ad1457; }
a:hover { color: #880e4f; }
.bg-success { background: linear-gradient(135deg, #80deea, #4dd0e1) !important; color: #006064; }
.bg-warning { background: linear-gradient(135deg, #ffcc80, #ffb74d) !important; color: #5d4037; }
.bg-secondary { background: linear-gradient(135deg, #e1bee7, #ce93d8) !important; color: #4a148c; }
.badge.bg-info { background: linear-gradient(135deg, #b3e5fc, #81d4fa) !important; color: #01579b; }
/* 首页 */
.navbar-light.bg-light { background: linear-gradient(135deg, #fff0f5, #fce4ec) !important; border-bottom: 2px solid #ffb7c5; box-shadow: 0 4px 16px rgba(255, 182, 193, 0.35); }
.navbar-light .navbar-brand { color: #9c6b9e !important; }
.hero-section { background: linear-gradient(135deg, #fff0f5 0%, #fce4ec 50%, #f8bbd9 100%); border-color: #f48fb1; box-shadow: 0 8px 32px rgba(244, 143, 177, 0.35); }
.hero-section h1 { color: #ad1457; }
.hero-section p { color: #7b6b8a; }
.hero-section .btn-hero { background: linear-gradient(135deg, #f48fb1, #ec407a); color: #fff; border: none; }
.hero-section .btn-hero:hover { background: linear-gradient(135deg, #ec407a, #d81b60); color: #fff; box-shadow: 0 6px 20px rgba(236, 64, 122, 0.4); }
.hero-section .btn-hero-news { background: linear-gradient(135deg, #ce93d8, #ba68c8); color: #fff; }
.hero-section .btn-hero-news:hover { background: linear-gradient(135deg, #ba68c8, #ab47bc); color: #fff; }
.home-nav-price { background: linear-gradient(135deg, #f48fb1, #ec407a) !important; color: #fff !important; border-color: #d81b60 !important; box-shadow: 0 4px 12px rgba(244, 143, 177, 0.4); }
.home-nav-price:hover { background: linear-gradient(135deg, #ec407a, #d81b60) !important; color: #fff !important; }
.home-nav-news { background: linear-gradient(135deg, #ce93d8, #ba68c8) !important; color: #fff !important; border-color: #ab47bc !important; box-shadow: 0 4px 12px rgba(186, 104, 200, 0.4); }
.home-nav-news:hover { background: linear-gradient(135deg, #ba68c8, #ab47bc) !important; color: #fff !important; }
.home-nav-dispute { background: linear-gradient(135deg, #90caf9, #64b5f6) !important; color: #fff !important; border-color: #42a5f5 !important; box-shadow: 0 4px 12px rgba(100, 181, 246, 0.4); }
.home-nav-dispute:hover { background: linear-gradient(135deg, #64b5f6, #42a5f5) !important; color: #fff !important; }
.trust-icon { color: #ec407a !important; }
.section-title { color: #ad1457 !important; }
.section-title i { color: #f48fb1; }
.content-group { background: linear-gradient(180deg, #fffafc 0%, #fce4ec 100%); border-color: #f8bbd9; border-radius: 24px; }
.home-card .card-header { background: linear-gradient(135deg, #fce4ec, #f8bbd9); color: #ad1457; }
.member-card-theme-0 { background: linear-gradient(160deg, #e3f2fd, #bbdefb); border-color: #90caf9; }
.member-card-theme-0 .plan-icon { color: #42a5f5; }
.member-card-theme-0 .plan-name { color: #1565c0; }
.member-card-theme-0 .plan-price { color: #0d47a1; }
.member-card-theme-0 .plan-cta { background: linear-gradient(135deg, #64b5f6, #42a5f5); color: #fff; }
.member-card-theme-1 { background: linear-gradient(160deg, #e0f7fa, #b2ebf2); border-color: #80deea; }
.member-card-theme-1 .plan-icon { color: #26b6b2; }
.member-card-theme-1 .plan-name { color: #00838f; }
.member-card-theme-1 .plan-price { color: #006064; }
.member-card-theme-1 .plan-cta { background: linear-gradient(135deg, #26b6b2, #00acc1); color: #fff; }
.member-card-theme-2 { background: linear-gradient(160deg, #fff8e1, #ffecb3); border-color: #ffe082; }
.member-card-theme-2 .plan-icon { color: #ffb74d; }
.member-card-theme-2 .plan-name { color: #e65100; }
.member-card-theme-2 .plan-price { color: #bf360c; }
.member-card-theme-2 .plan-cta { background: linear-gradient(135deg, #ffb74d, #ffa726); color: #fff; }
.member-card-theme-3 { background: linear-gradient(160deg, #f3e5f5, #e1bee7); border-color: #ce93d8; }
.member-card-theme-3 .plan-icon { color: #ba68c8; }
.member-card-theme-3 .plan-name { color: #7b1fa2; }
.member-card-theme-3 .plan-price { color: #6a1b9a; }
.member-card-theme-3 .plan-cta { background: linear-gradient(135deg, #ce93d8, #ba68c8); color: #fff; }
.login-btn { background: linear-gradient(135deg, #f48fb1, #ec407a) !important; color: #fff !important; border-color: #d81b60 !important; box-shadow: 0 4px 14px rgba(244, 143, 177, 0.4); }
.login-btn:hover { background: linear-gradient(135deg, #ec407a, #d81b60) !important; color: #fff !important; }
.game-category-card:hover { border-color: #f48fb1; box-shadow: 0 16px 40px rgba(244, 143, 177, 0.35); }
.flash-sale-float { background: linear-gradient(145deg, #fff0f5, #fce4ec); border-color: #f8bbd9; box-shadow: 0 10px 24px rgba(248, 187, 217, 0.35); }
.new-user-float { background: linear-gradient(135deg, #f3e5f5, #e1bee7); border-color: #ce93d8; box-shadow: 0 10px 24px rgba(206, 147, 216, 0.35); }
.new-user-float .float-title { color: #7b1fa2; }
.back-to-top { background: linear-gradient(135deg, #f48fb1, #ec407a) !important; border-color: #d81b60 !important; }
.red-dot { box-shadow: 0 0 0 2px #fff; }