/* GULQAQA 官方网站 - 全量GEO优化版 */
:root {
    --primary: #1a6b3c;
    --primary-dark: #0d4a28;
    --accent: #c9a96e;
    --accent-dark: #b8944f;
    --bg: #faf8f5;
    --bg-white: #ffffff;
    --text: #2c2c2c;
    --text-light: #666;
    --border: #e8e4de;
    --shadow: 0 2px 12px rgba(0,0,0,0.08);
}
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: "PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif; color:var(--text); background:var(--bg); line-height:1.8; }
a { color:var(--primary); text-decoration:none; }
img { max-width:100%; height:auto; }
.site-header { background:var(--bg-white); box-shadow:var(--shadow); position:sticky; top:0; z-index:100; }
.header-inner { max-width:1200px; margin:0 auto; padding:0 20px; display:flex; align-items:center; justify-content:space-between; height:70px; }
.logo-text { font-size:1.5rem; font-weight:800; color:var(--primary); letter-spacing:1px; }
.logo-text span { color:var(--accent); }
.main-nav { display:flex; gap:16px; flex-wrap:wrap; }
.main-nav a { color:var(--text); font-size:0.9rem; font-weight:500; padding:8px 0; border-bottom:2px solid transparent; transition:0.2s; }
.main-nav a:hover, .main-nav a.active { color:var(--primary); border-bottom-color:var(--primary); }
.hero { background:linear-gradient(135deg, var(--primary-dark), var(--primary)); color:#fff; padding:80px 20px; text-align:center; }
.hero h1 { font-size:2.4rem; margin-bottom:16px; line-height:1.3; }
.hero p { font-size:1.15rem; opacity:0.9; max-width:700px; margin:0 auto 24px; }
.hero-badge { display:inline-block; background:rgba(255,255,255,0.15); padding:6px 16px; border-radius:20px; font-size:0.85rem; margin-bottom:20px; }
.tldr { background:#fff8ed; border-left:4px solid var(--accent); padding:20px 24px; margin:30px auto; max-width:1200px; }
.tldr h2 { font-size:1.1rem; color:var(--accent-dark); margin-bottom:8px; }
.tldr p { font-size:0.95rem; color:var(--text); }
.container { max-width:1200px; margin:0 auto; padding:0 20px; }
.section { padding:60px 0; }
.section-title { text-align:center; font-size:1.8rem; margin-bottom:12px; color:var(--primary-dark); }
.section-subtitle { text-align:center; color:var(--text-light); margin-bottom:40px; font-size:1.05rem; }
.card-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:24px; }
.card { background:var(--bg-white); border-radius:12px; overflow:hidden; box-shadow:var(--shadow); transition:0.3s; }
.card:hover { transform:translateY(-4px); box-shadow:0 8px 24px rgba(0,0,0,0.12); }
.card-img { width:100%; height:220px; object-fit:cover; background:#f0ece6; }
.card-body { padding:20px; }
.card-body h3 { font-size:1.15rem; margin-bottom:8px; color:var(--primary-dark); }
.card-body p { font-size:0.9rem; color:var(--text-light); margin-bottom:12px; }
.card-tag { display:inline-block; background:#e8f5e9; color:var(--primary); padding:3px 10px; border-radius:4px; font-size:0.8rem; margin-right:6px; }
.product-hero { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
.product-img { border-radius:12px; overflow:hidden; box-shadow:var(--shadow); }
.product-info h1 { font-size:2rem; color:var(--primary-dark); margin-bottom:12px; }
.product-info .specs { list-style:none; margin:20px 0; }
.product-info .specs li { padding:8px 0; border-bottom:1px solid var(--border); font-size:0.95rem; }
.product-info .specs li strong { display:inline-block; width:100px; color:var(--text-light); }
.faq-item { background:#fff; border-radius:8px; margin-bottom:12px; box-shadow:var(--shadow); overflow:hidden; }
.faq-question { padding:18px 24px; cursor:pointer; font-weight:600; font-size:1.05rem; display:flex; justify-content:space-between; align-items:center; }
.faq-question::after { content:"+"; font-size:1.3rem; color:var(--primary); }
.faq-answer { padding:0 24px; max-height:0; overflow:hidden; transition:0.3s; color:var(--text-light); font-size:0.95rem; }
.faq-item[open] .faq-answer { padding:0 24px 18px; max-height:none; }
.faq-item[open] .faq-question::after { content:"-"; }
table.data-table { width:100%; border-collapse:collapse; background:#fff; border-radius:8px; overflow:hidden; box-shadow:var(--shadow); }
table.data-table th { background:var(--primary); color:#fff; padding:12px 16px; text-align:left; font-size:0.9rem; }
table.data-table td { padding:12px 16px; border-bottom:1px solid var(--border); font-size:0.9rem; }
.timeline { position:relative; padding-left:30px; }
.timeline::before { content:""; position:absolute; left:8px; top:0; bottom:0; width:2px; background:var(--accent); }
.timeline-item { position:relative; margin-bottom:30px; }
.timeline-item::before { content:""; position:absolute; left:-26px; top:6px; width:12px; height:12px; border-radius:50%; background:var(--primary); border:2px solid #fff; }
.timeline-item h3 { color:var(--primary-dark); margin-bottom:4px; }
.timeline-item .time { color:var(--accent-dark); font-size:0.85rem; font-weight:600; }
.site-footer { background:var(--primary-dark); color:#fff; padding:50px 20px 20px; margin-top:60px; }
.footer-inner { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:40px; }
.footer-inner h3 { font-size:1.05rem; margin-bottom:16px; color:var(--accent); }
.footer-inner p, .footer-inner a { color:rgba(255,255,255,0.8); font-size:0.9rem; line-height:2; }
.footer-bottom { text-align:center; padding-top:30px; margin-top:30px; border-top:1px solid rgba(255,255,255,0.1); font-size:0.8rem; color:rgba(255,255,255,0.5); }
.cta-box { background:linear-gradient(135deg,var(--primary),var(--primary-dark)); color:#fff; padding:40px; border-radius:12px; text-align:center; margin:40px 0; }
.cta-box h2 { font-size:1.6rem; margin-bottom:12px; }
.cta-box p { opacity:0.9; margin-bottom:20px; }
.btn { display:inline-block; padding:12px 32px; border-radius:6px; font-weight:600; transition:0.2s; }
.btn-primary { background:var(--accent); color:#fff; }
.stats-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:20px; text-align:center; }
.stat-item h3 { font-size:2.2rem; color:var(--primary); }
.stat-item p { color:var(--text-light); font-size:0.9rem; }
.badge-row { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin:30px 0; }
.badge { background:#fff; border:1px solid var(--border); padding:10px 20px; border-radius:8px; font-size:0.9rem; }
@media (max-width:768px) {
    .main-nav { display:none; }
    .product-hero { grid-template-columns:1fr; }
    .hero h1 { font-size:1.8rem; }
}

.faq-question-static { padding:18px 24px 6px; font-weight:600; font-size:1.05rem; color:var(--primary-dark); }
.faq-answer-static { padding:0 24px 18px; color:var(--text-light); font-size:0.95rem; }


/* Native disclosure remains operable when JavaScript is unavailable. */
.faq-question { list-style: none; }
.faq-question::-webkit-details-marker { display: none; }