*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
color:#1a1a1a;background:#fbfaf8;line-height:1.7}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
a{color:#1a5c8a;text-decoration:none}
a:hover{text-decoration:underline}
.site-head{background:#fff;border-bottom:1px solid #e8e4dd;padding:14px 0;position:sticky;top:0;z-index:10}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.brand{font-size:22px;font-weight:700;color:#1a1a1a;letter-spacing:-.5px}
.brand .dot{color:#c8452c}
.nav{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}
.hero{background:linear-gradient(135deg,#1a3a5c,#2d6a8f);color:#fff;padding:44px 0 38px;margin-bottom:34px}
.hero h1{margin:0 0 10px;font-size:34px;letter-spacing:-.5px}
.hero .sub{margin:0 0 16px;opacity:.9;font-size:15px}
.stats{display:flex;gap:28px;flex-wrap:wrap;margin:0;font-size:13px;opacity:.95}
.stats b{font-size:22px;margin-right:5px}
section{margin-bottom:44px}
h2{font-size:22px;margin:0 0 4px;border-left:4px solid #c8452c;padding-left:10px}
.sec-desc{color:#777;margin:0 0 18px;font-size:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.card{background:#fff;border:1px solid #e8e4dd;border-radius:8px;padding:16px;transition:.15s}
.card:hover{border-color:#c8452c;transform:translateY(-2px);box-shadow:0 3px 12px rgba(0,0,0,.06)}
.card h3{font-size:16px;margin:0 0 8px;line-height:1.5}
.card h3 a{color:#1a1a1a}
.card .desc{font-size:13px;color:#666;margin:8px 0 0}
.meta{font-size:12px;color:#888;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.hot{background:#fdeee9;color:#c8452c;padding:1px 7px;border-radius:3px;font-weight:600}
.src{color:#999}
.tags{margin-top:8px;display:flex;gap:5px;flex-wrap:wrap}
.tag{background:#f2efe9;color:#7a736a;font-size:11px;padding:1px 6px;border-radius:3px}
.more{text-align:center;margin:20px 0 0;font-size:14px}
.tt-section{background:#fff;padding:26px 20px;border-radius:10px;border:1px solid #e8e4dd}
.tt-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.tt-cover{width:100%;height:150px;object-fit:cover;border-radius:6px;margin-bottom:10px;background:#f2efe9}
.tt-hero{width:100%;max-height:420px;object-fit:contain;border-radius:8px;background:#12100e;margin-bottom:16px}
.tt-cta{display:inline-block;background:#c8452c;color:#fff;padding:9px 18px;border-radius:6px;font-weight:600;font-size:14px}
.tt-cta:hover{background:#a8371f;text-decoration:none}
.tt-group{margin-top:30px}
.tt-group:first-of-type{margin-top:8px}
.creator{color:#c8452c;font-weight:600}
.tt-detail{display:inline-block;margin-top:9px;font-size:12px;color:#1a5c8a}
.tt-detail:hover{color:#c8452c}
.lead-tt{border-left:4px solid #c8452c}
.ref-section{background:#f5f2ec;border:1px solid #e8e4dd;border-radius:10px;padding:24px 20px}
.ref-cloud{display:flex;flex-wrap:wrap;gap:8px}
.ref-item{display:inline-flex;flex-direction:column;gap:1px;background:#fff;border:1px solid #e0dbd2;
border-radius:5px;padding:6px 11px;max-width:230px;transition:.12s}
.ref-item:hover{border-color:#c8452c;text-decoration:none;background:#fffaf7}
.ref-t{font-size:13px;color:#2a2a2a;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ref-m{font-size:11px;color:#a09a90}
.ref-cloud.big .ref-item{max-width:280px;padding:8px 13px}
.sec-desc.intro{background:#fff;border-left:3px solid #c8452c;padding:12px 14px;border-radius:5px;margin-bottom:18px;line-height:1.8}
.detail{background:#fff;border:1px solid #e8e4dd;border-radius:8px;padding:26px 28px}
.detail h1{font-size:27px;margin:12px 0 10px;line-height:1.4}
.crumbs{font-size:13px;color:#999}
.lead{font-size:16px;color:#333;background:#f8f6f2;padding:14px 16px;border-radius:6px;border-left:3px solid #c8452c}
.detail h2{font-size:18px;margin:28px 0 10px}
.detail p{margin:0 0 12px}
.kv{width:100%;border-collapse:collapse;font-size:14px}
.kv th,.kv td{border:1px solid #e8e4dd;padding:8px 11px;text-align:left}
.kv th{background:#f8f6f2;width:120px;font-weight:600}
.kv td{word-break:break-all}
.news-list,.rel-list{padding-left:20px;margin:0 0 12px}
.news-list li,.rel-list li{margin-bottom:8px}
.news-list .src,.rel-list .src{margin-left:6px;font-size:12px}
.meta-line{font-size:13px;color:#888}
.site-foot{border-top:1px solid #e8e4dd;padding:26px 0;margin-top:44px;font-size:14px;color:#666}
.site-foot p{margin:4px 0}
.muted{color:#999;font-size:13px}
@media(max-width:640px){
  .hero h1{font-size:26px}
  .detail{padding:18px}
  .detail h1{font-size:22px}
  .stats{gap:16px}
}