/* ============================================================
   天天游戏网 1:1 克隆样式（还原 gm.t2026.cn 原站设计系统）
   ============================================================ */

/* ---------- 基础 ---------- */
* { margin: 0; padding: 0; box-sizing: border-box; }
a { text-decoration: none; }
body {
    background-color: #f5f5f5;
    padding-top: 50px;
    padding-bottom: 60px;
    color: #333;
    font-family: "PingFang SC", "Helvetica Neue", Arial, sans-serif;
}
img { max-width: 100%; height: auto; }

/* 电脑端居中容器（对齐原站 750px） */
.page-container {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    background-color: #f5f5f5;
    padding-top: 10px;
}

/* ---------- 顶部导航（蓝渐变毛玻璃 + 霓虹发光） ---------- */
.header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 50px !important;
    background: linear-gradient(to bottom, rgba(110, 177, 255, 0.95), rgba(74, 110, 224, 0.95)) !important;
    backdrop-filter: blur(8px) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 0 15px !important;
    z-index: 1000 !important;
    box-shadow: 0 2px 20px rgba(74, 110, 224, 0.4), 0 0 30px rgba(110, 177, 255, 0.2) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.nav-links {
    display: flex !important;
    gap: 15px !important;
    flex: 1 !important;
    justify-content: center !important;
}
.nav-links a {
    color: white !important;
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: bold !important;
    padding: 5px 0 !important;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.3) !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}
.nav-links a::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    width: 0; height: 2px;
    background: #ffffff;
    transition: width 0.3s ease;
}
.nav-links a:hover { color: #fff !important; text-shadow: 0 0 12px rgba(255, 255, 255, 0.8) !important; transform: translateY(-2px) !important; }
.nav-links a:hover::after { width: 100%; }

.header-buttons { display: flex !important; gap: 15px !important; align-items: center !important; }
.header-buttons a {
    border: none !important; color: white !important;
    border-radius: 15px !important; font-size: 14px !important;
    transition: all 0.3s ease !important;
}
.header-buttons img { height: 26px !important; transition: all 0.3s ease !important; }
.header-buttons img:hover { transform: scale(1.1) !important; filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.6)) !important; }

/* 站名：红→青渐变 + 闪动 */
.site-name {
    display: flex; justify-content: center;
    font-size: 28px; font-weight: bold;
    background: linear-gradient(90deg, #ff0000, #00ffff, #ff0000);
    background-size: 200% 100%;
    -webkit-background-clip: text; color: transparent;
    animation: flash 1.2s infinite alternate, gradientMove 2s linear infinite;
}
@keyframes flash { 0% { opacity: 1; } 100% { opacity: 0.6; } }
@keyframes gradientMove { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } }

/* ---------- 轮播图 ---------- */
.banner {
    position: relative;
    height: 200px;
    margin: 10px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.carousel-track {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease-in-out;
}
.carousel-slide {
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    position: relative;
    background-size: cover;
    background-position: center;
}
.carousel-slide a { display: block; width: 100%; height: 100%; }
.banner img { width: 100%; height: 100%; object-fit: cover; }
.carousel-indicators {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 10;
}
.carousel-indicator {
    width: 8px; height: 8px; border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer; transition: all 0.3s ease;
}
.carousel-indicator.active { background: white; transform: scale(1.2); }

/* ---------- 快捷导航（冰蓝） ---------- */
.quick-nav {
    display: flex;
    justify-content: space-around;
    padding: 15px 10px;
    margin: 10px;
    border-radius: 10px;
    background-color: #F0F8FF;
    box-shadow: 0 2px 8px rgba(100, 149, 237, 0.2);
    border: 1px solid #E0EFFF;
}
.nav-item {
    display: flex; flex-direction: column; align-items: center;
    text-decoration: none; position: relative;
}
.nav-icon { width: 50px; height: 50px; }
.nav-text { font-size: 12px; color: #333; margin-top: 6px; }

/* ---------- 榜单（每日飙升 / 新游热门 / 首服预告） ---------- */
.xq_qh_box { margin: 0 5px; }
.xq_title {
    color: #ff7800; font-size: 14px; text-align: center;
    margin: 14px 10px 8px; font-weight: 900;
}
.xq_xh ul {
    padding: 0 12px 10px;
    gap: 12px; display: flex;
    margin-top: 17px;
    justify-content: space-between;
    overflow-x: auto;
    scrollbar-width: none; -ms-overflow-style: none;
}
.xq_xh ul::-webkit-scrollbar { display: none; }
.xq_xh li { width: 20%; text-align: center; list-style: none; flex: 0 0 auto; }
.xq_xh li a { display: block; text-decoration: none; }
.xq_xh li img { width: 70px; height: 70px; border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,.1); }
.xq_xh li p {
    font-size: 11px; color: #666; padding: 4px 2px 0;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 700;
}
.xq_xh li .label {
    font-size: 10px; border-top-right-radius: 5px; border-bottom-left-radius: 5px;
    color: #fff; background: linear-gradient(to right, #ff4842, #ff7d5e);
    padding: 2.5px 4px; display: inline-block !important;
    white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
    width: 57px !important; max-width: 65px !important; min-width: 65px !important;
    line-height: 1.4 !important; margin-top: 4px;
}

/* ---------- 分类选项卡 ---------- */
.tabs { margin: 10px; background: #fff; border-radius: 10px; padding: 10px; box-shadow: 0 2px 8px rgba(0,0,0,.05); }
.tab-header { display: flex; border-bottom: 1px solid #f0f0f0; margin-bottom: 15px; padding-bottom: 10px; }
.tab-item {
    flex: 1; text-align: center; padding: 8px 0; cursor: pointer;
    font-weight: bold; color: #666; transition: all 0.3s ease; font-size: 15px;
}
.tab-item.active { color: #4a6ee0; position: relative; }
.tab-item.active::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: #4a6ee0; }
.tab-content { display: none; }
.tab-content.active { display: block; }

/* ---------- 游戏卡片（精品包站列表） ---------- */
.all-recommend-section { background: #fff; border-radius: 12px; }
.recommend-card-new {
    border: 1px solid #ff4757;
    background: linear-gradient(94deg, #fff, #fff 20%, #fff 80%);
    border-radius: 12px; padding: 12px; display: flex; gap: 15px;
    box-shadow: 0 1px 4px rgba(0,0,0,.08);
    margin: 10px auto; width: 95%;
    text-decoration: none; color: inherit; align-items: flex-start;
    overflow: hidden; box-sizing: border-box;
}
.recommend-icon-new { width: 80px; height: 80px; object-fit: cover; border-radius: 8px; flex-shrink: 0; }
.recommend-info-new { flex: 1; display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.recommend-header-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0; }
.recommend-title-new {
    font-size: 16px; font-weight: 600; color: #222; margin: 0; flex: 1;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.recommend-badge-gm {
    background: #ff4757; color: white; padding: 2px 8px; border-radius: 10px;
    font-size: 10px; font-weight: 600; flex-shrink: 0;
}
.tag-group { display: flex; gap: 6px; margin: 0; flex-wrap: wrap; }
.tag-blue { background: #ecf5ff; color: #409eff; border: 1px solid #d9ecff; padding: 2px 8px; border-radius: 10px; font-size: 10px; }
.tag-green { background: #f0f9eb; color: #67c23a; border: 1px solid #e1f3d8; padding: 2px 8px; border-radius: 10px; font-size: 10px; }
.tag-purple { background: #f6f2ff; color: #9370db; border: 1px solid #e8dfff; padding: 2px 8px; border-radius: 10px; font-size: 10px; }
.recommend-description { font-size: 12px; color: #666; line-height: 1.4; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.recommend-tag-cyan { color: #2d3748; font-size: 14px; font-weight: 400; margin: 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

.more-games-link {
    display: flex; align-items: center; justify-content: center;
    width: 180px; height: 44px; margin: 18px auto 6px;
    border-radius: 14px; background: #ffffff; border: 1px solid #dbe7ff;
    color: #4a6ee0; font-size: 14px; font-weight: 600; text-align: center;
    box-shadow: 0 4px 14px rgba(74, 110, 224, 0.08); transition: all 0.25s ease;
}
.more-games-link::after { content: '>'; margin-left: 6px; transition: transform 0.25s ease; }
.more-games-link:hover { background: linear-gradient(135deg, #f5f9ff 0%, #edf3ff 100%); border-color: #bfd3ff; color: #3757c8; transform: translateY(-2px); }
.more-games-link:hover::after { transform: translateX(3px); }

/* 精品包站标题七彩流光 */
#all .recommend-title-new {
    position: relative !important;
    background: linear-gradient(90deg, #ff0084, #9900ff, #0099ff, #00ff99, #ff9900, #ff0084) !important;
    background-size: 400% 100% !important;
    -webkit-background-clip: text !important; background-clip: text !important;
    -webkit-text-fill-color: transparent !important; color: transparent !important;
    font-weight: bold !important; overflow: visible !important;
    animation: textFlow 8s linear infinite !important;
}
@keyframes textFlow { 0% { background-position: 0% 50%; } 100% { background-position: 400% 50%; } }

/* ---------- 底部导航 ---------- */
#bottom-nav {
    position: fixed !important; bottom: 0 !important; left: 0 !important;
    transform: none !important; width: 100% !important; max-width: 100% !important;
    height: 50px !important; background: #f9fafb !important; border-top: none !important;
    display: flex !important; z-index: 99999 !important; margin: 0 !important; padding: 0 !important;
    box-sizing: border-box !important; box-shadow: 0 -5px 15px rgba(0,0,0,.02) !important;
}
#bottom-nav a {
    height: 100% !important; display: flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: center !important;
    text-decoration: none !important; color: #666666 !important; font-size: 12px !important;
    font-family: sans-serif !important; margin: 0 !important; padding: 0 !important; border: none !important;
    outline: none !important; flex: 1 !important; position: relative !important;
}
#bottom-nav a:nth-child(3) { flex: 1.4 !important; margin-top: -15px !important; padding-top: 10px !important; }
#bottom-nav a:nth-child(3)::before {
    content: '' !important; position: absolute !important; width: 60px !important; height: 60px !important;
    background: linear-gradient(135deg, #ffffff, #4287ff) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 12px rgba(255, 105, 214, 0.8), 0 0 25px rgba(255, 0, 255, 0.5), 0 0 40px rgba(255, 105, 214, 0.3) !important;
    z-index: -1 !important;
}
#bottom-nav a img { width: 24px !important; height: 24px !important; margin-bottom: 4px !important; object-fit: contain !important; }
#bottom-nav a:nth-child(3) img { width: 28px !important; height: 28px !important; margin-bottom: 3px !important; }
#bottom-nav a:nth-child(3) span { display: block !important; color: #666 !important; font-size: 11px !important; font-weight: 500 !important; }
#bottom-nav a.active:not(:nth-child(3)):not(:nth-child(4)) { color: #3742fa !important; font-weight: 600 !important; }
#bottom-nav a:nth-child(3).active { color: #7a65ff !important; }
@media (min-width: 768px) {
    #bottom-nav { max-width: 540px !important; left: 50% !important; transform: translateX(-50%) !important; border-radius: 20px 20px 0 0 !important; margin-bottom: 10px !important; }
}

/* ---------- 右侧悬浮折叠按钮 ---------- */
.float-advanced-fold { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 9999; }
.advanced-trigger {
    width: 20px; height: 64px; background: linear-gradient(180deg, #6366f1, #8b5cf6);
    border-radius: 32px 0 0 32px; display: flex; align-items: center; justify-content: center;
    color: #fff; font-size: 14px; font-weight: 600; cursor: pointer;
    box-shadow: 0 4px 12px rgba(99,102,241,.4); transition: all .3s; user-select: none;
}
.advanced-trigger:hover { box-shadow: 0 6px 20px rgba(99,102,241,.6); transform: scale(1.05); }
.advanced-btn-group {
    position: absolute; right: 32px; top: 50%; transform: translateY(-50%);
    display: none; flex-direction: column; gap: 8px; padding: 12px 10px;
    background: rgba(255,255,255,.15); border-radius: 14px 0 0 14px;
    box-shadow: 0 8px 32px rgba(0,0,0,.1); backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,.2); max-height: 80vh; overflow-y: auto;
}
.float-advanced-fold.active .advanced-btn-group { display: flex; }
.float-advanced-fold.active .advanced-trigger { background: linear-gradient(180deg, #ec4899, #f43f5e); box-shadow: 0 6px 20px rgba(236,72,153,.6); }
.advanced-btn {
    width: 80px; height: 30px; border-radius: 10px; display: flex; align-items: center; justify-content: center;
    gap: 4px; font-size: 12px; font-weight: 600; text-decoration: none; color: #fff; cursor: pointer;
    transition: all .3s; box-shadow: 0 4px 12px rgba(0,0,0,.15); border: 1px solid rgba(255,255,255,.15); white-space: nowrap;
}
.btn-icon { font-size: 14px; margin-right: 4px; }
.advanced-btn.search { background: linear-gradient(135deg, #3b82f6, #06b6d4); }
.advanced-btn.service { background: linear-gradient(135deg, #ec4899, #d946ef); }
.advanced-btn.vip { background: linear-gradient(135deg, #FFD700, #FFA500); }
.advanced-btn.btn4 { background: linear-gradient(135deg, #10b981, #34d399); }
.advanced-btn.btn5 { background: linear-gradient(135deg, #f59e0b, #fbbf24); }
.advanced-btn.btn6 { background: linear-gradient(135deg, #8b5cf6, #a78bfa); }
.advanced-btn:hover { transform: translateX(-4px) scale(1.03); box-shadow: 0 6px 20px rgba(0,0,0,.25); border-color: rgba(255,255,255,.3); }

/* ---------- 公告弹窗 ---------- */
#noticeModal {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,.4); z-index: 99999; display: none;
    justify-content: center; align-items: center;
}
#noticeModal > div {
    width: 85%; max-width: 280px; background: linear-gradient(135deg, #9333EA 0%, #3B82F6 100%);
    border-radius: 20px; padding: 18px; position: relative; box-shadow: 0 0 25px rgba(147,51,234,.1);
    border: 1px solid rgba(255,255,255,.1);
}
#noticeModal h2 { font-size: 24px; font-weight: 700; color: #fff; margin: 0; text-align: center; text-shadow: 0 0 8px rgba(255,255,255,.3); }
#noticeModal .notice-content {
    font-size: 16px; line-height: 1.6; min-height: 90px; padding: 10px; border-radius: 12px;
    background: rgba(255,255,255,.1); color: #00f0ff; outline: none; border: 1px solid rgba(255,255,255,.15);
    margin-bottom: 20px; text-align: center; text-shadow: 0 0 6px rgba(0,240,255,.4);
}
#noticeModal button {
    flex: 1; padding: 12px; border-radius: 12px; border: none; background: linear-gradient(90deg, #10B981, #34D399);
    color: #fff; font-size: 15px; font-weight: 600; cursor: pointer;
}

/* 免责声明 */
.disclaimer { text-align: center; padding: 8px 0 16px; font-size: 8px; color: #999; line-height: 1.8; }
.disclaimer a { color: #999; text-decoration: none; }

/* =====================================================
   详情页样式
   ===================================================== */
.detail-body { max-width: 540px; margin: 0 auto; background: #f0f7ff; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #333; padding-bottom: 60px; }
.detail-header {
    position: sticky; top: 0; z-index: 10; background: rgba(240,247,255,.8); backdrop-filter: blur(8px);
    padding: 12px 16px; display: flex; justify-content: space-between; align-items: center;
    border-bottom: 1px solid rgba(53,122,189,.1);
}
.back-btn {
    width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
    border-radius: 8px; background: rgba(74,144,226,.1); cursor: pointer; transition: all .2s; color: #357abd;
}
.back-btn:hover { background: rgba(74,144,226,.2); }
.scroll-notice { flex: 1; margin: 0 12px; height: 40px; overflow: hidden; position: relative; background: rgba(74,144,226,.05); border-radius: 20px; padding: 0 12px; }
.scroll-notice ul { position: absolute; width: 100%; }
.scroll-notice li { height: 40px; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #357abd; font-weight: 500; }
.search-btn { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 8px; background: rgba(74,144,226,.1); color: #357abd; }

.media-container { position: relative; width: 100%; overflow: hidden; }
.media-container img, .media-container video { width: 100%; height: 220px; object-fit: cover; transition: transform .5s ease; }
.media-container:hover img { transform: scale(1.03); }
.media-overlay { position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(transparent, #f0f7ff); }
.game-badge { position: absolute; top: 16px; left: 16px; color: white; padding: 4px 12px; border-radius: 20px; font-size: 14px; font-weight: bold; box-shadow: 0 2px 8px rgba(74,144,226,.5); background: #df0b0b; }

.game-info { padding: 19px 12px 0 !important; position: relative !important; }
.info-header { display: flex; gap: 16px; margin-top: -50px; position: relative; }
.game-logo { width: 96px; height: 96px; border-radius: 12px; object-fit: cover; border: 3px solid #f0f7ff; box-shadow: 0 0 0 2px #4a90e2; }
.info-main { flex: 1; padding-top: 12px; min-width: 0; }
.game-title { font-size: 24px; font-weight: bold; margin-bottom: 4px; text-shadow: 0 2px 4px rgba(0,0,0,.1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.game-meta { font-size: 14px; color: #666; margin-bottom: 12px; display: flex; align-items: center; gap: 12px; }
.meta-item { display: flex; align-items: center; gap: 4px; }
.game-desc-short { margin: 8px 0; padding: 4px 8px; background: rgba(223,11,11,.1); border-radius: 4px; display: inline-block; }
.game-desc-short span { color: #df0b0b; font-weight: 500; font-size: 14px; }
.tag-list { display: flex; flex-wrap: wrap; gap: 2px; }
.tag { padding: 0 6px; border-radius: 25px; font-size: 13px; background: rgba(74,144,226,.1); color: #333; }

.action-buttons { display: flex; gap: 6px; margin: 14px 0; justify-content: center; padding: 0 12px; }
.action-btn { flex: 1; height: 52px; border-radius: 12px; border: none; font-size: 17px; font-weight: 600; cursor: pointer; transition: all .2s; display: flex; align-items: center; justify-content: center; gap: 8px; }
.action-btn.primary { background: #1677ff; color: #fff; }
.action-btn.orange { background: #faad14; color: #fff; }
.action-btn.green { background: #10B981; color: #fff; }

.section { margin: 12px; background: #fff; border-radius: 12px; padding: 12px; box-shadow: 0 2px 8px rgba(0,0,0,.04); }
.section-title { font-size: 18px; font-weight: bold; color: #222; margin-bottom: 10px; }
.game-desc { font-size: 14px; line-height: 1.7; color: #555; }
.game-announcement-wrapper { margin-top: 10px; }
.announcement-list { list-style: none; }
.announcement-card { display: flex; align-items: center; gap: 8px; padding: 8px; background: rgba(74,144,226,.05); border-radius: 8px; margin-bottom: 8px; }
.announcement-badge { background: #4a90e2; color: #fff; padding: 2px 8px; border-radius: 4px; font-size: 12px; flex-shrink: 0; }
.announcement-content { color: #357abd; font-size: 13px; text-decoration: none; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.announcement-date { color: #999; font-size: 12px; }
.desc-highlight { color: #df0b0b; font-weight: 600; margin: 10px 0 6px; }
.notice-list { background: rgba(74,144,226,.05); border-radius: 8px; padding: 10px; }
.notice-item { font-size: 13px; color: #555; margin-bottom: 8px; }
.notice-item:last-child { margin-bottom: 0; }

/* 猜你想玩 */
.game-tags-section-all { border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.6); border-radius: 12px; padding: 5px; margin: 12px; }
.recommend-header { display: flex; justify-content: space-between; align-items: center; padding: 0 1rem .75rem 0; margin-bottom: -8px; }
.section2-title { font-size: 17px; font-weight: bold; color: #222; }
.view-all { font-size: 14px; color: #999; display: flex; align-items: center; gap: 4px; cursor: pointer; }
.game-cards-scroll-all { display: flex; gap: 12px; overflow-x: auto; overflow-y: hidden; padding: 8px 0; scrollbar-width: none; -ms-overflow-style: none; scroll-behavior: smooth; }
.game-cards-scroll-all::-webkit-scrollbar { display: none; }
.game-card-all { display: flex; flex-direction: column; align-items: center; gap: 6px; position: relative; cursor: pointer; flex: 0 1 calc(25% - 12px); min-width: 72px; text-decoration: none; }
.game-card-icon-all img { width: 80px; height: 80px; object-fit: cover; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,.1); }
.game-card-title-all { font-size: 12px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 80px; text-align: center; }

/* ---------- 通用搜索页 ---------- */
.search-box { margin: 10px; background: #fff; border-radius: 10px; padding: 10px; display: flex; gap: 8px; box-shadow: 0 2px 8px rgba(0,0,0,.05); }
.search-box input { flex: 1; border: 1px solid #e0e0e0; border-radius: 8px; padding: 10px; font-size: 14px; outline: none; }
.search-box button { background: #4a6ee0; color: #fff; border: none; border-radius: 8px; padding: 0 18px; font-size: 14px; cursor: pointer; }
.hot-words { margin: 10px; display: flex; flex-wrap: wrap; gap: 8px; }
.hot-words a { background: #fff; border: 1px solid #e0e0e0; border-radius: 20px; padding: 6px 14px; font-size: 13px; color: #666; text-decoration: none; }
.result-list { margin: 10px; }
.result-card { display: flex; gap: 12px; background: #fff; border-radius: 12px; padding: 12px; margin-bottom: 10px; text-decoration: none; color: inherit; box-shadow: 0 2px 8px rgba(0,0,0,.04); }
.result-card img { width: 70px; height: 70px; border-radius: 8px; object-fit: cover; flex-shrink: 0; }
.result-card .rc-title { font-size: 16px; font-weight: 600; color: #222; }
.result-card .rc-desc { font-size: 12px; color: #999; margin-top: 4px; }

/* ---------- 简单内容页（客服/包站/我的） ---------- */
.simple-page { max-width: 750px; margin: 10px auto; padding: 20px; }
.simple-card { background: #fff; border-radius: 12px; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,.05); text-align: center; }
.simple-card h1 { font-size: 22px; color: #4a6ee0; margin-bottom: 12px; }
.simple-card p { color: #666; line-height: 1.8; font-size: 14px; }