/* ========================================
   home.css — 首页样式
   ======================================== */

/* ===== Decision Homepage v2 ===== */
.hp { --gold:#d4a24c; --card:#111113; --border:#23232a; --muted:#a8a29e; }
.hp-section { padding:3rem 0; border-bottom:1px solid var(--border); }
.hp-section:last-of-type { border-bottom:none; }
.hp-section__title { font-family:'Noto Serif SC',serif; font-size:1.5rem; font-weight:700; margin:0 0 1rem; color:#f0f0f0; }
.hp-section__desc { font-size:.9rem; color:var(--muted); margin:0 0 1.5rem; line-height:1.6; }

/* Hero */
.hp-hero { padding:3rem 0 2.5rem; border-bottom:1px solid var(--border); }
.hp-hero .container { max-width:1280px; padding:0 2rem; }
.hp-hero__grid { display:grid; grid-template-columns:1fr 320px; gap:1.5rem; align-items:center; }
.hp-hero__copy { display:flex; flex-direction:column; align-items:center; text-align:center; width:95%; margin:0 auto; }
.hp-hero__eyebrow { font-size:.78rem; font-weight:600; color:var(--gold); letter-spacing:.06em; text-transform:uppercase; margin-bottom:.75rem; }
.hp-hero__h1 { font-family:'Noto Serif SC',serif; font-size:2.25rem; font-weight:900; line-height:1.3; color:#f5f5f5; margin:0 0 1rem; }
.hp-hero__sub { font-size:1rem; color:rgba(255,255,255,.6); line-height:1.7; margin:0 0 1.5rem; }
.hp-hero__cta { display:flex; gap:.75rem; margin-bottom:1.5rem; flex-wrap:wrap; justify-content:center; }
.hp-btn { padding:.7rem 1.5rem; border-radius:8px; font-size:.92rem; font-weight:600; text-decoration:none; display:inline-flex; align-items:center; gap:.4rem; transition:opacity .15s; }
.hp-btn:hover { opacity:.85; }
.hp-btn--primary { background:linear-gradient(135deg,#d4a24c,#b8892e); color:#111; }
.hp-btn--secondary { background:transparent; border:1px solid var(--border); color:#ccc; }
.hp-hero__trust { display:flex; gap:1.5rem; font-size:.82rem; color:var(--muted); flex-wrap:wrap; justify-content:center; }
.hp-hero__trust span { display:flex; align-items:center; gap:.3rem; }
/* Snapshot card */
.hp-snapshot { background:var(--card); border:1px solid var(--border); border-radius:10px; padding:1rem 1.1rem; }
.hp-snapshot__title { font-size:.72rem; font-weight:600; color:var(--muted); text-transform:uppercase; letter-spacing:.05em; margin-bottom:.6rem; display:flex; align-items:center; gap:.35rem; }
.hp-snapshot__title i { color:var(--gold); font-size:.7rem; }
.hp-snapshot__row { display:flex; justify-content:space-between; align-items:center; padding:.35rem 0; border-bottom:1px solid rgba(255,255,255,.05); font-size:.78rem; }
.hp-snapshot__row:last-child { border-bottom:none; }
.hp-snapshot__row--hero { padding:.5rem 0; }
.hp-snapshot__row--hero .hp-snapshot__value { font-family:'Noto Serif SC',serif; font-size:1.05rem; color:var(--gold); }
.hp-snapshot__label { color:var(--muted); }
.hp-snapshot__value { font-weight:600; color:#e5e5e5; }
.hp-snapshot__value--up { color:#22c55e; }
.hp-snapshot__value--down { color:#ef4444; }
.hp-snapshot__footer { text-align:center; margin-top:.6rem; padding-top:.5rem; border-top:1px solid rgba(255,255,255,.05); }
.hp-snapshot__footer a { font-size:.75rem; color:var(--gold); text-decoration:none; font-weight:500; }
.hp-snapshot__footer a:hover { text-decoration:underline; }

/* 此刻该用谁 */
.hp-who-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:.75rem; }
.hp-who-card { background:var(--card); border:1px solid var(--border); border-radius:10px; padding:1.25rem; text-align:center; text-decoration:none; transition:border-color .2s; }
.hp-who-card:hover { border-color:var(--gold); }
.hp-who-card__label { font-size:.78rem; color:var(--muted); margin-bottom:.4rem; }
.hp-who-card__name { font-family:'Noto Serif SC',serif; font-size:1.1rem; font-weight:700; color:var(--gold); margin-bottom:.3rem; }
.hp-who-card__score { font-size:.85rem; color:rgba(255,255,255,.6); }

/* 谁涨了谁跌了 */
.hp-change-grid { display:grid; grid-template-columns:3fr 2fr; gap:1.5rem; align-items:start; }
.hp-change-summary { font-size:.95rem; color:rgba(255,255,255,.7); line-height:1.7; margin:0 0 1rem; }
.hp-change-cards { display:grid; grid-template-columns:1fr 1fr; gap:.6rem; }
.hp-change-mini { background:var(--card); border:1px solid var(--border); border-radius:8px; padding:1rem; text-align:center; }
.hp-change-mini__label { font-size:.72rem; color:var(--muted); margin-bottom:.3rem; text-transform:uppercase; }
.hp-change-mini__value { font-size:1rem; font-weight:700; color:#e5e5e5; }
.hp-change-mini__value--up { color:#22c55e; }
.hp-change-mini__value--down { color:#ef4444; }

/* 按场景选模型 */
.hp-tabs { display:flex; gap:.4rem; margin-bottom:1.25rem; flex-wrap:wrap; }
.hp-tab { padding:.5rem 1rem; border-radius:8px; border:1px solid var(--border); background:transparent; color:var(--muted); font-size:.85rem; cursor:pointer; transition:all .15s; }
.hp-tab:hover { color:#e5e5e5; border-color:rgba(212,166,71,.4); }
.hp-tab--active { border-color:var(--gold); color:var(--gold); background:rgba(212,166,71,.08); }
.hp-scene-panel { display:none; }
.hp-scene-panel--active { display:block; }
.hp-scene-top { display:flex; gap:1rem; flex-wrap:wrap; }
.hp-scene-item { flex:1; min-width:180px; background:var(--card); border:1px solid var(--border); border-radius:10px; padding:1.25rem; }
.hp-scene-item__rank { font-size:.72rem; color:var(--muted); text-transform:uppercase; margin-bottom:.3rem; }
.hp-scene-item__name { font-family:'Noto Serif SC',serif; font-size:1.1rem; font-weight:700; color:#e5e5e5; }
.hp-scene-item__score { font-size:.82rem; color:rgba(255,255,255,.5); margin-top:.2rem; }
.hp-scene-item:first-child { border-color:rgba(212,166,71,.3); }
.hp-scene-item:first-child .hp-scene-item__name { color:var(--gold); }

/* 今日必读 */
.hp-reads { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.hp-read-card { background:var(--card); border:1px solid var(--border); border-radius:10px; padding:1.25rem; text-decoration:none; color:inherit; transition:border-color .2s; display:flex; flex-direction:column; position:relative; overflow:hidden; }
.hp-read-card__badge { position:absolute; top:0; right:0; background:var(--gold,#d4a24c); color:#0a0a0b; font-size:.65rem; font-weight:700; padding:.2rem .6rem .2rem .5rem; border-radius:0 0 0 8px; letter-spacing:.04em; }
.hp-read-card:hover { border-color:rgba(255,255,255,.2); }
.hp-read-card__tag { font-size:.7rem; font-weight:600; color:var(--gold); text-transform:uppercase; margin-bottom:.5rem; }
.hp-read-card__title { font-size:.95rem; font-weight:600; color:#e5e5e5; line-height:1.5; margin-bottom:.5rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.hp-read-card__excerpt { font-size:.82rem; color:var(--muted); line-height:1.5; flex:1; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* 为什么值得信 */
.hp-trust-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.hp-trust-card { background:var(--card); border:1px solid var(--border); border-radius:10px; padding:1.5rem; }
.hp-trust-card__icon { font-size:1.5rem; color:var(--gold); margin-bottom:.75rem; }
.hp-trust-card__title { font-size:1rem; font-weight:700; color:#e5e5e5; margin-bottom:.5rem; }
.hp-trust-card__desc { font-size:.85rem; color:var(--muted); line-height:1.6; }

/* 订阅 CTA */
.hp-subscribe { background:linear-gradient(135deg,rgba(212,162,76,.06),rgba(212,162,76,.02)); border:1px solid rgba(212,166,71,.2); border-radius:14px; padding:2.5rem; }
.hp-subscribe__grid { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:center; }
.hp-subscribe__perks { list-style:none; padding:0; margin:1rem 0 0; }
.hp-subscribe__perks li { padding:.4rem 0; font-size:.88rem; color:rgba(255,255,255,.7); display:flex; gap:.5rem; }
.hp-subscribe__perks li i { color:var(--gold); margin-top:3px; flex-shrink:0; }
.hp-subscribe__form { text-align:center; }
.hp-subscribe__input { width:100%; padding:.75rem 1rem; background:#0a0a0c; border:1px solid var(--border); border-radius:8px; color:#fff; font-size:.95rem; margin-bottom:.75rem; }
.hp-subscribe__input:focus { border-color:var(--gold); outline:none; }
.hp-subscribe__trust { font-size:.75rem; color:var(--muted); margin-top:.75rem; }

/* Research Lab */
.hp-lab { text-align:center; padding:2.5rem; }
.hp-lab__title { font-family:'Noto Serif SC',serif; font-size:1.3rem; font-weight:700; color:#e5e5e5; margin-bottom:.5rem; }
.hp-lab__desc { font-size:.9rem; color:var(--muted); line-height:1.7; max-width:600px; margin:0 auto 1.25rem; }

/* CTA link */
.hp-cta { display:inline-flex; align-items:center; gap:.3rem; font-size:.88rem; color:var(--gold); text-decoration:none; font-weight:500; }
.hp-cta:hover { text-decoration:underline; }

/* Responsive */
@media (max-width:768px) {
    .hp-hero .container { padding:0 1.25rem; }
    .hp-hero__grid { grid-template-columns:1fr; }
    .hp-hero__copy { width:100%; }
    .hp-snapshot { order:-1; }
    .hp-hero__h1 { font-size:1.8rem; }
    .hp-hero__cta { flex-direction:column; align-items:stretch; }
    .hp-btn { justify-content:center; }
    .hp-who-grid { grid-template-columns:1fr 1fr; }
    .hp-change-grid { grid-template-columns:1fr; }
    .hp-reads { grid-template-columns:1fr 1fr; }
    .hp-trust-grid { grid-template-columns:1fr 1fr; }
    .hp-subscribe__grid { grid-template-columns:1fr; }
}
@media (max-width:480px) {
    .hp-hero__h1 { font-size:1.5rem; }
    .hp-who-grid { grid-template-columns:1fr; }
    .hp-reads { grid-template-columns:1fr; }
    .hp-trust-grid { grid-template-columns:1fr; }
    .hp-section { padding:2rem 0; }
}