body {
    background-color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    margin-bottom: 0.5em;
}




.container, .main-content {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 1rem;
}

button, .btn {
    cursor: pointer;
    background-color: #007acc;
    color: #fff;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

button:hover, .btn:hover {
    background-color: #005fa3;
}

@media (prefers-reduced-motion: reduce) {
    * {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}


body blockquote {
    background-color: #ffffff !important;
    color: #000000 !important;
    padding: 10px !important;
    border-left: 4px solid #0d6efd !important;
    border-radius: 4px !important;
}
h3, h3 a {
    color: #004080 !important;
}

a {
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
    border-bottom: 1px dashed #004080;
}

/* custom.css */
.page-header {
    min-height: 5.5rem;    /* 等于 3.25rem 字号 + margin */
}

.project-name {
    font-size: clamp(2rem, 6vw, 3.25rem); /* 宽度自适应，避免 MQ 抖动 */
    margin: 0;               /* margin-top/bottom 都锁死 */
    line-height: 1.1;
}

/* ============================================
   快速通道卡片样式
   ============================================ */
.quick-channel-card {
    padding: 20px;
    border-radius: 12px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.quick-channel-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
}

/* ============================================
   优惠码卡片样式
   ============================================ */
.promo-code-card {
    border-radius: 8px;
    padding: 15px;
    margin: 15px 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.promo-code-card code {
    background: #fff !important;
    padding: 5px 15px;
    font-size: 19px;
    font-weight: bold;
    border-radius: 4px;
    font-family: 'Monaco', 'Menlo', 'Courier New', monospace;
}

/* ============================================
   CTA 按钮增强
   ============================================ */
.cta-button {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 14px rgba(0,0,0,0.25);
}

.cta-button:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(0,0,0,0.35);
    text-decoration: none !important;
}

/* ============================================
   表格优化（对比表格）
   ============================================ */
.main-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 14px;
}

.main-content table th {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    padding: 12px;
    font-weight: 600;
}

.main-content table td {
    padding: 10px;
    border: 1px solid #e0e0e0;
}

.main-content table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.main-content table tr:hover {
    background-color: #f0f8ff;
}

/* ============================================
   移动端响应式
   ============================================ */
@media (max-width: 768px) {
    /* 快速通道在移动端垂直排列 */
    div[style*="display:flex"] {
        flex-direction: column !important;
    }
    
    /* 表格横向滚动 */
    .main-content table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
    
    /* 优惠码卡片 */
    .promo-code-card {
        padding: 10px;
    }
    
    .promo-code-card code {
        font-size: 16px !important;
    }
}

/* ============================================
   特殊高亮样式
   ============================================ */
/* 主推荐标签 */
h4:has(a:contains("🔥 主推荐")),
h4:contains("🔥") {
    position: relative;
}

/* 优惠码高亮 */
code {
    color: #d32f2f;
    font-weight: bold;
}

/* 引用块优化（用于 README 格式的优惠码） */
body blockquote code {
    background: #fff !important;
    padding: 3px 8px;
    font-size: 16px;
    color: #d32f2f !important;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

/* ============================================
   确保内联样式生效
   ============================================ */
/* 这很重要：确保 div[style] 的内联样式不被覆盖 */
div[style],
p[style],
a[style],
span[style] {
    all: revert;
}

/* 但保留基础的盒模型 */
div[style] {
    box-sizing: border-box;
}

/* ============================================
   锚点平滑滚动
   ============================================ */
html {
    scroll-behavior: smooth;
}

/* 锚点偏移（避免被 header 遮挡） */
[id]::before {
    content: '';
    display: block;
    height: 80px;
    margin-top: -80px;
    visibility: hidden;
}