/* ===== 高考志愿助手 - 公共样式 ===== */

/* 基础 */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", Roboto, sans-serif; background: #0a0a0f; color: #e0e0e0; min-height: 100vh; line-height: 1.7; }
.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }

/* 导航栏 */
.header { background: rgba(20,20,30,0.95); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(255,255,255,0.08); padding: 14px 0; position: sticky; top: 0; z-index: 100; }
.header-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: 12px; }
.logo { font-size: 1.3rem; font-weight: 700; color: #fff; text-decoration: none; flex-shrink: 0; }
.logo span { color: #667eea; }
.nav-links { display: flex; gap: 20px; list-style: none; flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; padding-bottom: 4px; min-width: 0; max-width: 100%; }
.nav-links::-webkit-scrollbar { height: 0; }
.nav-links a { color: #a0a0a0; text-decoration: none; font-size: 0.9rem; transition: color 0.3s; flex-shrink: 0; }
.nav-links a:hover { color: #667eea; }
.nav-links a.highlight { color: #667eea; font-weight: 600; }

/* 备用导航（disclaimer/privacy 不用 <header> 的场景） */
.header-nav { background: rgba(20,20,30,0.95); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(255,255,255,0.08); padding: 14px 0; position: sticky; top: 0; z-index: 100; }
.header-nav-inner { max-width: 1100px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: 12px; }
.header-nav a { color: #a0a0a0; text-decoration: none; font-size: 0.9rem; transition: color 0.3s; flex-shrink: 0; }
.header-nav a:hover { color: #667eea; }
.header-nav .logo { font-size: 1.3rem; font-weight: 700; color: #fff; flex-shrink: 0; }
.header-nav .logo span { color: #667eea; }

/* 页面 Hero */
.page-hero { background: linear-gradient(135deg, #0f0f1a, #12102a); padding: 40px 0 36px; border-bottom: 1px solid rgba(102,126,234,0.15); }
.page-hero h1 { font-size: 1.7rem; color: #fff; margin-bottom: 6px; }
.page-hero p { color: #888; font-size: 0.9rem; }

/* 上下文提示 */
.context-hint { margin-top: 14px; font-size: 0.85rem; color: #667eea; background: rgba(102,126,234,0.08); padding: 10px 16px; border-radius: 8px; display: inline-block; line-height: 1.5; }
.context-hint a { color: #a5b4fc; text-decoration: none; }
.context-hint a:hover { text-decoration: underline; }

/* 页脚 */
.footer { background: rgba(255,255,255,0.03); border-top: 1px solid rgba(255,255,255,0.06); padding: 40px 0 30px; margin-top: 40px; }
.footer .container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.footer-inner { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: flex-start; margin-bottom: 30px; }
.footer-left { }
.footer-right { text-align: right; }
.footer-logo { font-size: 1.1rem; font-weight: 700; color: #fff; margin-bottom: 8px; }
.footer-logo span { color: #667eea; }
.footer-desc { color: #555; font-size: 0.82rem; line-height: 1.7; max-width: 400px; }
.footer-contact-title { color: #888; font-size: 0.82rem; margin-bottom: 10px; text-align: right; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.05); padding-top: 20px; text-align: center; color: #444; font-size: 0.78rem; }

/* 通用组件 */
.section-title { text-align: center; margin-bottom: 35px; }
.section-title h2 { font-size: 1.65rem; color: #fff; margin-bottom: 8px; }
.section-title p { color: #888; }

/* 响应式导航 */
@media (max-width: 768px) {
    .header { padding: 10px 0; }
    .header-nav { padding: 10px 0; }
    .header-inner { flex-wrap: wrap; }
    .nav-links { gap: 14px; }
    .nav-links a { font-size: 0.82rem; }
    .footer-inner { grid-template-columns: 1fr; gap: 24px; }
    .footer-contact-title { text-align: left; }
}

/* Toast 通知 */
.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:rgba(239,68,68,0.95);color:#fff;padding:12px 24px;border-radius:12px;font-size:0.9rem;z-index:9999;box-shadow:0 8px 30px rgba(0,0,0,0.4);animation:toast-in 0.3s ease;max-width:90vw;text-align:center;pointer-events:none}
.toast.success{background:rgba(16,185,129,0.95)}
.toast.warn{background:rgba(245,158,11,0.95)}
@keyframes toast-in{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}