/* ===== 薯芯云 - 白天浅色模式 ===== */
:root {
    --bg: #f8fafc;
    --bg-2: #f1f5f9;
    --bg-3: #e8edf4;
    --card: #ffffff;
    --border: #dde3ea;
    --border-light: #cbd5e1;
    --text: #1e293b;
    --text-2: #475569;
    --text-3: #94a3b8;
    --primary: #3b82f6;
    --primary-2: #2563eb;
    --accent: #0891b2;
    --glow: rgba(59, 130, 246, 0.08);
}

body {
    background: var(--bg);
    color: var(--text);
}

/* ===== 导航 ===== */
.site-header {
    background: rgba(255, 255, 255, 0.92);
    border-bottom: 1px solid var(--border);
}
.logo-text { color: var(--text); }
.nav-link { color: var(--text-2); }
.nav-link:hover { color: var(--primary); background: rgba(59,130,246,0.05); }

/* ===== Hero ===== */
.hero {
    background: var(--bg);
    border-bottom: 1px solid var(--border);
}
.hero::after {
    background: radial-gradient(circle, rgba(59,130,246,0.05) 0%, transparent 70%);
}
.hero-grid-bg {
    background-image: 
        linear-gradient(rgba(59,130,246,0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(59,130,246,0.04) 1px, transparent 1px);
}
.hero-glow-1 { background: var(--glow); }
.hero-glow-2 { background: rgba(8,145,178,0.05); }
.hero-title { color: var(--text); }
.hero-desc { color: var(--text-2); }
.hero-tag { color: var(--primary); }
.tag-line { background: var(--primary); }
.data-num { color: var(--primary); }
.data-label { color: var(--text-3); }
.data-sep { background: var(--border-light); }
.hero-scroll-indicator { color: var(--text-3); }
.particle { background: var(--primary); }

/* 按钮 */
.btn-ghost {
    color: var(--text-2);
    border-color: var(--border-light);
}
.btn-ghost:hover { border-color: var(--primary); color: var(--primary); }
.btn-contact {
    color: var(--accent);
    border-color: rgba(8, 145, 178, 0.4);
}
.btn-contact:hover {
    background: rgba(8, 145, 178, 0.1);
    border-color: var(--accent);
    color: var(--accent);
    box-shadow: 0 0 16px rgba(8, 145, 178, 0.2);
}
.btn-shine::after {
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
}

/* ===== Section ===== */
.section {
    background: var(--bg);
    border-bottom: 1px solid var(--border);
}
.section-alt {
    background: var(--bg-2);
}
.section-grid-bg {
    background-image: 
        linear-gradient(rgba(59,130,246,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(59,130,246,0.03) 1px, transparent 1px);
}
.section-glow { background: var(--glow); }
.section-title { color: var(--text); }
.section-sub { color: var(--text-3); }
.section-index { color: var(--primary); border-color: var(--border-light); }
.section-line { background: var(--border-light); }

/* ===== 平台数据 ===== */
.stats-num, .stats-suffix { color: var(--primary); }
.stats-label { color: var(--text-3); }
.stats-divider { background: var(--border-light); }

/* ===== 关于我们 ===== */
.about-lead { color: var(--text); }
.about-desc { color: var(--text-2); }
.about-point { color: var(--text-2); }
.point-dot { background: var(--primary); box-shadow: 0 0 8px var(--primary); }
.about-logo-glow { background: var(--glow); }
.about-logo-ring { border-color: var(--border-light); }

/* ===== 核心优势 ===== */
.advantage-card {
    background: var(--card);
    border-color: var(--border);
}
.advantage-card:hover {
    border-color: var(--primary);
    box-shadow: 0 4px 20px rgba(59,130,246,0.1);
}
.advantage-icon.blue { background: rgba(59,130,246,0.1); color: #3b82f6; }
.advantage-icon.green { background: rgba(34,197,94,0.1); color: #22c55e; }
.advantage-icon.purple { background: rgba(147,51,234,0.1); color: #9333ea; }
.advantage-icon.orange { background: rgba(245,158,11,0.1); color: #f59e0b; }
.advantage-card h3 { color: var(--text); }
.advantage-card p { color: var(--text-2); }

/* ===== 面板 ===== */
.notice-panel, .source-panel {
    background: var(--card);
    border-color: var(--border);
}

/* ===== 通知 ===== */
.notice-item {
    border-bottom-color: var(--border);
}
.notice-item:hover { background: rgba(59,130,246,0.03); }
.notice-title { color: var(--text); }
.notice-item:hover .notice-title { color: var(--primary); }
.notice-text { color: var(--text-2); }
.notice-num, .notice-time { color: var(--text-3); }
.notice-ico { background: rgba(59,130,246,0.08); color: var(--primary); }
.notice-arrow { color: var(--text-3); }
.notice-item:hover .notice-arrow { color: var(--primary); }
.tag-alert {
    color: #dc2626;
    background: rgba(220,38,38,0.06);
}

/* ===== 网站卡片 ===== */
.site-card {
    background: var(--card);
    border-color: var(--border);
}
.site-card:hover {
    border-color: var(--primary);
    box-shadow: 0 4px 20px rgba(59,130,246,0.1);
}
.site-ico {
    background: var(--bg-2);
    border-color: var(--border-light);
    color: var(--primary);
}
.site-name { color: var(--text); }
.site-desc { color: var(--text-2); }
.site-idx { color: var(--text-3); }
.site-link-text { color: var(--text-3); }
.site-card:hover .site-link-text { color: var(--primary); }
.site-dot { background: var(--border-light); }
.site-card:hover .site-dot { background: var(--primary); }

/* ===== 文档卡片 ===== */
.doc-card {
    background: var(--card);
    border-color: var(--border);
}
.doc-card:hover {
    border-color: var(--primary);
    box-shadow: 0 4px 20px rgba(59,130,246,0.1);
}
.doc-logo-wrap {
    background: var(--bg-2);
    border-color: var(--border-light);
}
.doc-name { color: var(--text); }
.doc-desc { color: var(--text-2); }
.doc-idx, .doc-date { color: var(--text-3); }
.doc-card-bottom { border-top-color: var(--border); }
.doc-open { color: var(--text-3); }
.doc-card:hover .doc-open { color: var(--primary); }

/* ===== 源码 ===== */
.source-row {
    border-bottom-color: var(--border);
}
.source-row:hover { background: rgba(59,130,246,0.03); }
.source-info h3 { color: var(--text); }
.source-info span { color: var(--text-3); }
.source-idx { color: var(--text-3); }
.source-symbol { color: var(--primary); }
.source-btn {
    color: var(--primary);
    border-color: var(--border-light);
}
.source-row:hover .source-btn {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
}

/* ===== 空状态 ===== */
.empty-box { color: var(--text-3); }
.empty-symbol { color: var(--border-light); }

/* ===== 资源中心 Hero ===== */
.resources-hero {
    background: var(--bg);
    border-bottom: 1px solid var(--border);
}

/* ===== 通知弹窗 ===== */
.notice-popup-overlay {
    background: rgba(15, 23, 42, 0.6);
}
.notice-popup-box {
    background: var(--card);
    border-color: var(--border-light);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}
.notice-popup-box::before { background: var(--primary); }
.notice-popup-head { border-bottom-color: var(--border); }
.notice-popup-symbol { color: var(--primary); }
.notice-popup-title h3 { color: var(--text); }
.notice-popup-x { color: var(--text-3); }
.notice-popup-x:hover { color: var(--text); background: var(--bg-2); }
.notice-popup-body { color: var(--text-2); }
.notice-popup-body::-webkit-scrollbar-thumb { background: var(--border-light); }
.notice-popup-foot {
    border-top-color: var(--border);
    color: var(--text-3);
}

/* ===== 联系我们页面 ===== */
.contact-hero {
    background: var(--bg);
    border-bottom: 1px solid var(--border);
}
.contact-card {
    background: var(--card);
    border-color: var(--border);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.contact-card:hover {
    border-color: var(--primary);
    box-shadow: 0 8px 24px rgba(59, 130, 246, 0.12);
}
.contact-card::before { background: var(--primary); }
.contact-name { color: var(--text); }
.contact-desc { color: var(--text-3); }
.contact-badge {
    color: var(--text-2);
    background: var(--bg-2);
    border-color: var(--border-light);
}
.qr-wrapper {
    background: var(--bg-2);
    border-color: var(--border);
}

/* ===== 联系我们提示弹窗 ===== */
.contact-tips-overlay {
    background: rgba(15, 23, 42, 0.6);
}
.contact-tips-box {
    background: var(--card);
    border-color: var(--border-light);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}
.contact-tips-box::before { background: var(--primary); }
.contact-tips-head { border-bottom-color: var(--border); }
.contact-tips-head h3 { color: var(--text); }
.contact-tips-icon {
    background: rgba(59, 130, 246, 0.1);
    color: var(--primary);
}
.contact-tips-close { color: var(--text-3); }
.contact-tips-close.enabled { color: var(--text-2); }
.contact-tips-close.enabled:hover {
    color: var(--text);
    background: var(--bg-2);
}
.tips-item { color: var(--text-2); }
.tips-countdown {
    color: var(--text-3);
    border-top-color: var(--border);
}

/* ===== AI 客服 ===== */
.ai-fab {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    border: 2px solid rgba(255, 255, 255, 0.7);
    box-shadow: 0 4px 16px rgba(59, 130, 246, 0.35);
}
.ai-fab::before {
    border-color: rgba(59, 130, 246, 0.4);
}
.ai-fab:hover {
    box-shadow: 0 6px 24px rgba(59, 130, 246, 0.5);
}
.ai-chat {
    background: #ffffff;
    border-color: #cbd5e1;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}
.ai-chat-header {
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
}
.ai-chat-header::before { background: #3b82f6; }
.ai-avatar {
    background: rgba(59, 130, 246, 0.1);
    color: #3b82f6;
}
.ai-header-name { color: #1e293b; }
.ai-messages { background: #f8fafc; }
.ai-msg-bot {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #475569;
}
.ai-msg-user {
    background: #3b82f6;
    color: #fff;
}
.ai-msg-button {
    background: rgba(59, 130, 246, 0.08);
    border: 1px solid rgba(59, 130, 246, 0.25);
    color: #2563eb;
}
.ai-msg-button:hover {
    background: #3b82f6;
    color: #fff;
    border-color: #3b82f6;
}
.ai-quick {
    background: #ffffff;
    border-top: 1px solid #e2e8f0;
}
.ai-quick-btn {
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    color: #475569;
}
.ai-quick-btn:hover {
    border-color: #3b82f6;
    color: #2563eb;
}
.ai-input-area {
    background: #ffffff;
    border-top: 1px solid #e2e8f0;
}
.ai-input {
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    color: #1e293b;
}
.ai-input::placeholder { color: #94a3b8; }
.ai-input:focus { border-color: #3b82f6; }
.ai-send-btn {
    background: #3b82f6;
    color: #fff;
}
.ai-send-btn:hover {
    background: #2563eb;
    box-shadow: 0 0 12px rgba(59, 130, 246, 0.35);
}
.ai-typing span { background: #94a3b8; }

/* ===== 页脚 ===== */
.site-footer {
    background: var(--bg-2);
    border-top: 1px solid var(--border);
}
.footer-info { color: var(--text-3); }
.footer-links a { color: var(--text-3); }
.footer-links a:hover { color: var(--primary); }

/* ===== 响应式 ===== */
@media (max-width: 768px) {
    .advantage-grid {
        grid-template-columns: 1fr;
    }
}
/* 白天模式 - 团队成员 */
.team-card {
    background: var(--card);
    border-color: var(--border);
}
.team-card:hover {
    border-color: var(--primary);
    box-shadow: 0 8px 24px rgba(59, 130, 246, 0.1);
}
.team-name { color: var(--text); }
.team-position { color: var(--text-3); }
.team-avatar {
    background: var(--bg-2);
    border-color: var(--border-light);
}