/* ============================================================
   taihuzimi.com — Homepage Final Redesign 2026-05-21
   百度优化型字谜资料站 · 蓝紫科技风 · 统一1200px
   ============================================================ */

/* ---------- CSS Variables ---------- */
:root {
  --pm-bg: #f8fafc;
  --pm-card: rgba(255,255,255,.94);
  --pm-text: #0f172a;
  --pm-muted: #64748b;
  --pm-border: rgba(148,163,184,.22);
  --pm-shadow: 0 12px 30px rgba(15,23,42,.06);
  --pm-shadow-hover: 0 18px 36px rgba(15,23,42,.09);
  --pm-radius: 18px;
  --pm-grad: linear-gradient(135deg,#2563eb,#7c3aed);
  --pm-accent: #2563eb;
  --pm-max-w: 1200px;
  --pm-gap: 18px;
  --pm-font: 'PingFang SC','Microsoft YaHei','Noto Sans SC',system-ui,sans-serif;
  --pm-font-mono: 'JetBrains Mono','SF Mono',Consolas,monospace;
}

/* ---------- Reset ---------- */
*,
*::before,
*::after{ box-sizing:border-box; margin:0; padding:0; }

html,body{
  width:100%; margin:0; padding:0;
  background: radial-gradient(circle at 8% 6%, rgba(37,99,235,.10), transparent 28%),
              radial-gradient(circle at 92% 10%, rgba(124,58,237,.10), transparent 30%),
              linear-gradient(180deg,#f8fbff 0%,#f6f8fb 48%,#ffffff 100%);
  color: #0f172a;
  font-family: var(--pm-font);
  font-size: 14px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

a{ color:#2563eb; text-decoration:none; }
a:hover{ opacity:.82; }
ul{ list-style:none; }
img{ max-width:100%; height:auto; }

/* ---------- Container ---------- */
.wrap{
  width: 1200px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
}

/* ---------- SEO H1 ---------- */
.seo-h1{
  font-size:0; margin:0; padding:0;
  height:0; overflow:hidden; position:absolute;
}

/* ---------- Nav ---------- */

/* ---------- Section ---------- */
.sec{
  width:100%;
  margin: 30px auto 0;
}
.sec-title{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  margin:0 0 14px; font-size:21px; font-weight:900; color:#0f172a;
}
.sec-title::before{
  content:""; width:7px; height:22px; border-radius:999px;
  background: var(--pm-grad); flex:0 0 auto;
}
.sec-more{ font-size:13px; font-weight:800; color:#2563eb; white-space:nowrap; }

/* ---------- Hero ---------- */
.hero{ margin:24px auto 0 !important; }
.hero-inner{
  display:grid; grid-template-columns:minmax(0,760px) minmax(0,420px); gap:20px; align-items:stretch;
}

/* Main card */
.hero-main{
  background:var(--pm-card); border:1px solid var(--pm-border); border-radius:22px;
  padding:28px; box-shadow:var(--pm-shadow); min-width:0;
}
.hero-main-top{ display:flex; align-items:center; gap:10px; margin-bottom:4px; }
.hero-badge{
  display:inline-flex; align-items:center; font-size:11px; font-weight:700;
  background:var(--pm-grad); color:#fff; padding:3px 12px; border-radius:20px;
}
.hero-main h2{ font-size:21px; font-weight:900; color:#0f172a; }
.hero-issue{
  display:inline-flex; align-items:center; gap:4px;
  font-family:var(--pm-font-mono); font-size:13px; font-weight:700;
  color:#d97706; background:#fef3c7; padding:3px 12px; border-radius:6px; margin-bottom:14px;
}
.hero-body{
  font-size:17px; font-weight:700; line-height:1.8; color:#0f172a;
  padding:18px 22px; background:#f1f5f9; border-radius:16px; border-left:4px solid #2563eb;
}
.hero-hint{ font-size:13px; color:#374151; margin:8px 0; line-height:1.7; }
.hero-warn{
  font-size:12px; color:#92400e; margin:10px 0;
  background:#fffbeb; padding:8px 14px; border-radius:8px; border:1px solid #fde68a;
}
.hero-btn{
  display:inline-flex; align-items:center; gap:6px;
  padding:9px 22px; background:var(--pm-grad); color:#fff; border-radius:10px;
  font-size:14px; font-weight:700; transition:transform .2s, box-shadow .2s;
}
.hero-btn:hover{ transform:translateY(-2px); box-shadow:0 4px 16px rgba(37,99,235,.25); color:#fff; }

/* Hero side */
.hero-side{ display:grid; grid-template-columns:1fr; gap:16px; min-width:0; }
.hero-smcard{
  background:var(--pm-card); border:1px solid var(--pm-border); border-radius:20px;
  padding:20px; box-shadow:var(--pm-shadow); min-width:0;
}
.hero-smcard h2{ font-size:15px; font-weight:900; color:#0f172a; margin-bottom:12px; }

/* Draw rows in hero */
.draw-row{
  display:grid; grid-template-columns:56px 1fr auto; gap:6px 10px; align-items:center;
  padding:8px 0; border-bottom:1px solid rgba(148,163,184,.14);
}
.draw-row:last-child{ border-bottom:none; }
.draw-name{ font-size:13px; font-weight:700; color:#0f172a; white-space:nowrap; }
.draw-nums{ display:flex; flex-wrap:nowrap; gap:4px; overflow:hidden; max-width:100%; }
.draw-issue{ font-size:11px; color:#94a3b8; font-family:var(--pm-font-mono); white-space:nowrap; }

/* Update list */
.update-item{
  display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:8px; align-items:center;
  padding:6px 0; border-bottom:1px solid rgba(148,163,184,.14);
}
.update-item:last-child{ border-bottom:none; }
.update-tag{
  font-size:11px; font-weight:700; background:var(--pm-grad); color:#fff;
  padding:2px 8px; border-radius:4px; white-space:nowrap;
}
.update-item a{ font-size:13px; color:#374151; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.update-item a:hover{ color:#2563eb; }
.update-date{ font-size:11px; color:#94a3b8; white-space:nowrap; }
.smcard-link{ margin-top:8px; text-align:right; }
.smcard-link a{ font-size:13px; font-weight:800; color:#2563eb; }

/* ---------- Issue Hub (横向专题栏) ---------- */
.issue-hub{
  background:var(--pm-card); border:1px solid var(--pm-border); border-radius:16px;
  padding:16px 20px; box-shadow:var(--pm-shadow); margin-top:30px;
}
.issue-hub-inner{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}
.issue-hub-label{
  font-size:14px; font-weight:900; color:#0f172a; white-space:nowrap;
}
.issue-hub-tags{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
}
.issue-hub-tags a{
  display:inline-flex; align-items:center; gap:4px;
  padding:6px 14px; border-radius:999px;
  font-size:13px; font-weight:700; color:#fff;
  background:var(--pm-grad); transition:transform .2s, box-shadow .2s;
}
.issue-hub-tags a:hover{ transform:translateY(-1px); box-shadow:0 4px 12px rgba(99,102,241,.3); }

/* ---------- Draw Card ---------- */
.draw-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--pm-gap); }
.draw-card{
  background:var(--pm-card); border:1px solid var(--pm-border); border-radius:var(--pm-radius);
  padding:20px; box-shadow:var(--pm-shadow); min-width:0; max-width:100%;
  transition:transform .2s, box-shadow .2s;
}
.draw-card:hover{ transform:translateY(-2px); box-shadow:var(--pm-shadow-hover); }
.draw-card h3{ font-size:15px; font-weight:900; color:#0f172a; margin-bottom:10px; display:flex; align-items:center; gap:8px; }
.draw-dot{ width:7px; height:7px; border-radius:50%; display:inline-block; }
.draw-balls{ display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:6px; overflow:hidden; }
.draw-meta{ font-size:12px; color:#64748b; font-family:var(--pm-font-mono); margin-bottom:8px; }
.draw-card-link{ font-size:13px; font-weight:800; color:#2563eb; }

/* ---------- Core Grid ---------- */
.core-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--pm-gap); }
.core-card{
  background:var(--pm-card); border:1px solid var(--pm-border); border-radius:var(--pm-radius);
  padding:14px; box-shadow:var(--pm-shadow); min-width:0; max-width:100%;
  transition:transform .2s;
}
.core-card:hover{ transform:translateY(-2px); box-shadow:var(--pm-shadow-hover); }
.core-card-header{
  display:flex; align-items:center; justify-content:space-between; margin-bottom:6px;
}
.core-card h3{ font-size:14px; font-weight:900; color:#0f172a; }
.core-more{ font-size:12px; font-weight:800; color:#2563eb; }
.core-list li{ border-bottom:1px solid rgba(148,163,184,.12); }
.core-list li:last-child{ border-bottom:none; }
.core-list a{
  display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:8px;
  align-items:center; padding:6px 0; font-size:13px; line-height:1.45; color:#0f172a;
}
.core-list a:hover{ color:#2563eb; }
.core-tag{
  max-width:60px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  font-size:11px; font-weight:700; color:#4f46e5; background:#eef2ff;
  padding:2px 6px; border-radius:4px;
}
.core-text{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; }
.core-date{ font-size:11px; color:#94a3b8; white-space:nowrap; }

/* ---------- Data Observe ---------- */
.observe-grid{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.observe-card{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  min-height:100px; padding:16px 12px; border-radius:16px;
  background:var(--pm-card); border:1px solid var(--pm-border); box-shadow:var(--pm-shadow);
  text-align:center; transition:transform .2s; min-width:0;
}
.observe-card:hover{ transform:translateY(-2px); box-shadow:var(--pm-shadow-hover); }
.observe-icon{ font-size:24px; margin-bottom:6px; }
.observe-label{ font-size:14px; font-weight:900; color:#0f172a; white-space:nowrap; }
.observe-desc{ margin-top:3px; font-size:11px; line-height:1.35; color:#64748b; }

/* ---------- Latest List ---------- */
.latest-list{
  background:var(--pm-card); border:1px solid var(--pm-border); border-radius:var(--pm-radius);
  padding:10px 20px; box-shadow:var(--pm-shadow);
}
.latest-list a{
  display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:10px;
  align-items:center; padding:7px 0; font-size:14px; line-height:1.45;
  border-bottom:1px solid rgba(148,163,184,.12); color:#0f172a;
}
.latest-list a:last-child{ border-bottom:none; }
.latest-list a:hover{ color:#2563eb; }
.latest-tag{
  max-width:66px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  font-size:11px; font-weight:800; color:#4f46e5; background:#eef2ff;
  padding:3px 8px; border-radius:999px;
}
.latest-text{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; font-size:14px; }
.latest-date{ font-size:12px; color:#94a3b8; white-space:nowrap; }

/* ---------- Hot Grid ---------- */
.hot-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.hot-card{
  background:var(--pm-card); border:1px solid var(--pm-border); border-radius:var(--pm-radius);
  padding:12px 16px; box-shadow:var(--pm-shadow); min-width:0;
}
.hot-card-header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:4px; }
.hot-card h3{ font-size:13px; font-weight:900; color:#0f172a; }
.hot-more{ font-size:12px; font-weight:800; color:#2563eb; }
.hot-card a{ display:block; font-size:13px; font-weight:600; padding:4px 0; color:#0f172a; }
.hot-card a:hover{ color:#2563eb; }
.hot-date{ font-size:11px; color:#94a3b8; white-space:nowrap; }

/* ---------- Archive ---------- */
.archive-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.archive-card{
  display:flex; align-items:center; gap:10px;
  padding:12px 14px; border-radius:14px;
  background:var(--pm-card); border:1px solid var(--pm-border); box-shadow:var(--pm-shadow);
  transition:transform .2s; min-width:0;
}
.archive-card:hover{ transform:translateY(-2px); box-shadow:var(--pm-shadow-hover); }
.archive-year{ font-size:16px; font-weight:900; color:#0f172a; }
.archive-cnt{ font-size:12px; color:#64748b; white-space:nowrap; }

/* ---------- Guide ---------- */
.guide-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.guide-card{
  background:var(--pm-card); border:1px solid var(--pm-border); border-radius:var(--pm-radius);
  padding:18px; box-shadow:var(--pm-shadow); min-width:0;
}
.guide-card h3{ font-size:15px; font-weight:900; color:#0f172a; margin-bottom:8px; }
.guide-card p{ font-size:13px; line-height:1.55; color:#475569; margin-bottom:10px; }
.guide-link{ font-size:13px; font-weight:800; color:#2563eb; }

/* ---------- Footer ---------- */
.footer{
  border-top:1px solid var(--pm-border); padding:28px 0; margin-top:36px;
}
.footer-inner{
  width:1200px; max-width:calc(100% - 40px); margin:0 auto;
  display:flex; justify-content:center; gap:20px; flex-wrap:wrap; margin-bottom:10px;
}
.footer-inner a{ font-size:13px; color:#64748b; }
.footer-inner a:hover{ color:#2563eb; }
.footer-copy{ text-align:center; font-size:12px; color:#94a3b8; line-height:1.6; }

/* ---------- Draw balls (flat capsules) ---------- */
.ball{
  display:inline-flex; align-items:center; justify-content:center;
  width:26px; min-width:26px; height:24px; padding:0;
  border-radius:7px; font-size:12px; font-weight:900; line-height:1;
  color:#fff; letter-spacing:-.3px;
}
.ball-red{ background:#f43f5e; }
.ball-blue{ background:#2563eb; }
.ball-cyan{ background:#0ea5e9; }

/* ---------- 平板 900px ---------- */
@media (max-width:900px){
  .hero-inner{ grid-template-columns:1fr !important; }
  .draw-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .core-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .guide-grid{ grid-template-columns:1fr !important; }
  .observe-grid{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  .archive-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}

/* ---------- 手机 640px ---------- */
@media (max-width:640px){
  .wrap,
  .hero,
  .footer-inner{
    width:calc(100% - 24px) !important;
    max-width:calc(100% - 24px) !important;
  }
  .hero-inner{ grid-template-columns:1fr !important; gap:14px !important; }
  .draw-grid{ grid-template-columns:1fr !important; gap:14px !important; }
  .core-grid{ grid-template-columns:1fr !important; gap:14px !important; }
  .hot-grid{ grid-template-columns:1fr !important; gap:14px !important; }
  .observe-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
  .archive-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }
  .guide-grid{ grid-template-columns:1fr !important; gap:14px !important; }

  .hero-main{ padding:20px !important; }
  .hero-body{ font-size:16px !important; padding:14px !important; }
  .hero-smcard{ padding:16px !important; }
  .draw-card{ padding:16px !important; }
  .core-card{ padding:12px !important; }
  .observe-card{ min-height:88px !important; padding:12px 8px !important; }
  .observe-icon{ font-size:20px !important; }
  .observe-label{ font-size:13px !important; }
  .observe-desc{ font-size:11px !important; }
  .latest-list{ padding:6px 14px !important; }
  .latest-list a{ font-size:15px !important; line-height:1.5 !important; padding:8px 0 !important; }
  .latest-text{ font-size:15px !important; }
  .core-list a{ font-size:15px !important; line-height:1.5 !important; padding:8px 0 !important; }
 }

/* ---------- Latest + Hot dual layout ---------- */
.lh-grid{
 display:grid;
 grid-template-columns:1fr 320px;
 gap:20px;
 align-items:start;
}

.lh-main{
 min-width:0;
 max-width:100%;
}

.lh-side{
 min-width:0;
 max-width:100%;
}

.lh-side-title{
 font-size:14px;
 font-weight:900;
 color:#0f172a;
 margin-bottom:10px;
 padding-bottom:8px;
 border-bottom:2px solid #2563eb;
}

.lh-list{
 background:var(--pm-card);
 border:1px solid var(--pm-border);
 border-radius:var(--pm-radius);
 padding:8px 14px;
 box-shadow:var(--pm-shadow);
}

.lh-list a{
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 gap:8px;
 align-items:center;
 padding:6px 0;
 font-size:14px;
 line-height:1.45;
 border-bottom:1px solid rgba(148,163,184,.1);
 color:#0f172a;
}

.lh-list a:last-child{ border-bottom:none; }
.lh-list a:hover{ color:#2563eb; }

.lh-text{
 min-width:0;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 font-weight:600;
}

.lh-date{
 white-space:nowrap;
 font-size:12px;
 color:#94a3b8;
}

@media (max-width:900px){
 .lh-grid{
 grid-template-columns:1fr !important;
 gap:16px !important;
 }
}

@media (max-width:640px){
 .lh-grid{
 grid-template-columns:1fr !important;
 gap:14px !important;
 }

 .lh-list a{
 font-size:15px !important;
 padding:8px 0 !important;
 }
}

/* ---------- Core list no tag override ---------- */
.core-list a{
 display:grid !important;
 grid-template-columns:minmax(0,1fr) auto !important;
 gap:10px !important;
 align-items:center;
 padding:6px 0 !important;
 font-size:14px;
 line-height:1.45;
 color:#0f172a;
}

.core-list a:hover{ color:#2563eb; }

.core-text{
 min-width:0;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 font-weight:600;
}

.core-date{
 font-size:12px;
 color:#94a3b8;
 white-space:nowrap;
}

/* ---------- Helpers & fixes ---------- */
.hero-auto{ margin:24px auto 0 !important; }

.empty{
 font-size:13px;
 color:#94a3b8;
 padding:8px 0;
}

.draw-dot{
 width:7px; height:7px; border-radius:50%; display:inline-block;
}
.dot-fc3d, .dot-p3{ background:#06b6d4; }
.dot-ssq{ background:#3b82f6; }
.dot-dlt{ background:#7c3aed; }

/* ===== 2026-05-21 手机版宽度统一 & 内容优化 ===== */
@media (max-width:640px){
 .wrap,
 .hero,
 .sec,
 .issue-hub,
 .footer-inner{
 width:calc(100% - 24px) !important;
 max-width:calc(100% - 24px) !important;
 margin-left:auto !important;
 margin-right:auto !important;
 }

 .hero-inner,
 .hero-main,
 .hero-side,
 .hero-smcard{
 width:100% !important;
 max-width:100% !important;
 min-width:0 !important;
 }

 .hero-inner{
 grid-template-columns:1fr !important;
 gap:14px !important;
 }

 .hero-side{
 display:grid !important;
 grid-template-columns:1fr !important;
 gap:14px !important;
 }
}

/* 手机版内容靠左 */
@media (max-width:640px){
 .core-card,
 .draw-card,
 .hero-main,
 .hero-smcard,
 .guide-card,
 .lh-main,
 .lh-side,
 .observe-card{
 text-align:left !important;
 }

 .core-list a,
 .latest-list a,
 .lh-list a{
 text-align:left !important;
 }

 .observe-card{
 align-items:flex-start !important;
 }
}

/* 核心资料标题强化 */
.core-card-header{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 padding-bottom:10px;
 margin-bottom:8px;
 border-bottom:1px solid rgba(148,163,184,.22);
}

.core-card-header h3{
 position:relative;
 margin:0;
 padding-left:12px;
 font-size:17px;
 font-weight:900;
 color:#0f172a;
}

.core-card-header h3::before{
 content:"";
 position:absolute;
 left:0;
 top:50%;
 width:4px;
 height:16px;
 border-radius:999px;
 background:linear-gradient(180deg,#2563eb,#7c3aed);
 transform:translateY(-50%);
}

.core-more{
 font-size:13px;
 font-weight:800;
 color:#2563eb;
 text-decoration:none;
}

@media (max-width:640px){
 .core-card-header h3{
 font-size:18px;
 }

 .core-more{
 font-size:13px;
 }
}

/* 核心资料列表圆点 */
.core-list{
 margin:0;
 padding:0;
 list-style:none;
}

.core-list li{
 border-bottom:1px dashed rgba(148,163,184,.28);
}

.core-list li:last-child{
 border-bottom:0;
}

.core-list a{
 position:relative;
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 gap:10px;
 align-items:center;
 padding:8px 0 8px 12px;
 text-decoration:none;
}

.core-list a::before{
 content:"";
 position:absolute;
 left:0;
 top:50%;
 width:5px;
 height:5px;
 border-radius:50%;
 background:#60a5fa;
 transform:translateY(-50%);
}

.core-text{
 min-width:0;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 font-size:14px;
 font-weight:650;
 color:#111827;
}

.core-date{
 font-size:12px;
 color:#94a3b8;
 white-space:nowrap;
}

@media (max-width:640px){
 .core-list a{
 padding:10px 0 10px 13px;
 }

 .core-text{
 font-size:15px;
 }
}

/* 数据观察手机版2列左对齐 */
@media (max-width:640px){
 .observe-grid{
 grid-template-columns:repeat(2,minmax(0,1fr)) !important;
 gap:12px !important;
 }

 .observe-card{
 padding:14px 12px !important;
 min-height:92px;
 }

 .observe-icon{
 font-size:20px;
 margin-bottom:6px;
 }

 .observe-label{
 font-size:14px;
 font-weight:900;
 color:#111827;
 }

 .observe-desc{
 margin-top:4px;
 font-size:11px;
 line-height:1.35;
 color:#64748b;
 }
}

/* ===== 2026-05-21 手机版加宽 & 开奖球修复 ===== */

/* 主容器从24px改为16px */
@media (max-width:640px){
 .wrap,
 .hero,
 .sec,
 .issue-hub,
 .footer-inner{
 width:calc(100% - 16px) !important;
 max-width:calc(100% - 16px) !important;
 margin-left:auto !important;
 margin-right:auto !important;
 }
}

/* 最新开奖：双行结构，球完整显示 */
@media (max-width:640px){
 .draw-row{
 display:grid !important;
 grid-template-columns:1fr auto !important;
 gap:6px 8px !important;
 align-items:center !important;
 padding:8px 0 !important;
 }

 .draw-name{
 grid-column:1;
 grid-row:1;
 font-size:13px;
 font-weight:900;
 white-space:nowrap;
 }

 .draw-issue{
 grid-column:2;
 grid-row:1;
 font-size:11px;
 color:#94a3b8;
 white-space:nowrap;
 }

 .draw-nums{
 grid-column:1 / -1;
 grid-row:2;
 display:flex !important;
 flex-wrap:nowrap !important;
 gap:3px !important;
 max-width:100% !important;
 overflow:visible !important;
 }

 .ball{
 width:22px !important;
 min-width:22px !important;
 height:22px !important;
 padding:0 !important;
 border-radius:6px !important;
 font-size:10.5px !important;
 line-height:22px !important;
 flex:0 0 22px !important;
 }

 .draw-balls{
 display:flex !important;
 flex-wrap:nowrap !important;
 gap:3px !important;
 overflow:visible !important;
 max-width:100% !important;
 }

 .draw-card{
 overflow:visible !important;
 }
}

/* 全部左对齐 */
@media (max-width:640px){
 .core-card,
 .observe-card,
 .guide-card,
 .latest-list,
 .lh-side,
 .lh-main{
 text-align:left !important;
 }

 .core-card-header,
 .core-list a,
 .observe-card,
 .guide-card,
 .latest-list a,
 .lh-list a{
 align-items:flex-start !important;
 }

 .observe-icon{
 text-align:left !important;
 }

 .observe-label,
 .observe-desc,
 .guide-card h3,
 .guide-card p{
 text-align:left !important;
 }
}

/* ===== 2026-05-21 手机版标题左对齐 & 圆点间隔 ===== */
@media (max-width:640px){
 .sec-title{
 justify-content:flex-start !important;
 text-align:left !important;
 width:100% !important;
 }

 .sec-title,
 .core-card-header h3,
 .observe-label,
 .guide-card h3{
 text-align:left !important;
 }
}

.core-list a{
 position:relative;
 padding-left:18px !important;
}

.core-list a::before{
 content:"";
 position:absolute;
 left:3px !important;
 top:50%;
 width:5px;
 height:5px;
 border-radius:50%;
 background:#60a5fa;
 transform:translateY(-50%);
}

.core-text{
 padding-left:0 !important;
 min-width:0;
}

@media (max-width:640px){
 .core-list a{
 padding-left:20px !important;
 }

 .core-list a::before{
 left:4px !important;
 }
}

.latest-list a,
.lh-list a{
 position:relative;
 padding-left:18px !important;
}

.latest-list a::before,
.lh-list a::before{
 content:"";
 position:absolute;
 left:3px !important;
 top:50%;
 width:5px;
 height:5px;
 border-radius:50%;
 background:#60a5fa;
 transform:translateY(-50%);
}

@media (max-width:640px){
 .latest-list a,
 .lh-list a{
 padding-left:20px !important;
 }

 .latest-list a::before,
 .lh-list a::before{
 left:4px !important;
 }
}


/* ===== NAVIGATION FINAL ===== */
nav.nav,
body > nav.nav{
 position:sticky !important;
 top:0px !important;
 z-index:99999 !important;
 display:block !important;
 width:100% !important;
 background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
 border-bottom:none !important;
 box-shadow:0 2px 12px rgba(0,0,0,.12) !important;
}

nav.nav > .nav-inner,
body > nav.nav > .nav-inner{
 position:relative !important;
 display:flex !important;
 align-items:center !important;
 justify-content:space-between !important;
 width:min(1200px,calc(100% - 16px)) !important;
 margin:0 auto !important;
 min-height:58px !important;
 height:auto !important;
}

nav.nav > .nav-inner > a.nav-logo{
 display:flex !important;
 flex-direction:column !important;
 justify-content:center !important;
 color:#ffffff !important;
 font-size:20px !important;
 font-weight:900 !important;
 line-height:1.3 !important;
}

nav.nav > .nav-inner > a.nav-logo small{
 font-size:11px !important;
 font-weight:600 !important;
 color:rgba(255,255,255,.72) !important;
 margin-top:1px !important;
 display:block !important;
}

nav.nav > .nav-inner > input.nav-toggle-input{
 display:none !important;
}

nav.nav > .nav-inner > label.nav-hamburger{
 display:none !important;
}

@media (max-width:768px){
 nav.nav > .nav-inner > label.nav-hamburger{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:40px !important;
  height:40px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.15) !important;
  color:#ffffff !important;
  font-size:22px !important;
  cursor:pointer !important;
 }

 nav.nav > .nav-inner > ul.nav-menu{
  display:none !important;
  position:absolute !important;
  top:calc(100% + 4px) !important;
  left:0 !important;
  right:0 !important;
  z-index:100000 !important;
  margin:0 !important;
  padding:10px !important;
  background:#ffffff !important;
  border:1px solid #e5e7eb !important;
  border-radius:14px !important;
  box-shadow:0 18px 40px rgba(15,23,42,.16) !important;
 }

 nav.nav > .nav-inner > input.nav-toggle-input:checked ~ ul.nav-menu{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
 }

 nav.nav > .nav-inner > ul.nav-menu li{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
 }

 nav.nav > .nav-inner > ul.nav-menu a{
  display:block !important;
  padding:12px 14px !important;
  font-size:14px !important;
  font-weight:800 !important;
  color:#111827 !important;
  background:#f8fafc !important;
  border-radius:10px !important;
  text-decoration:none !important;
 }

 nav.nav > .nav-inner > ul.nav-menu a.active{
  background:#eef2ff !important;
  color:#2563eb !important;
 }
}

@media (min-width:769px){
 nav.nav > .nav-inner > ul.nav-menu{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  position:static !important;
 }

 nav.nav > .nav-inner > ul.nav-menu a{
  display:block !important;
  padding:0 12px !important;
  line-height:58px !important;
  font-size:13px !important;
  font-weight:600 !important;
  color:rgba(255,255,255,.85) !important;
  background:transparent !important;
  text-decoration:none !important;
  border-radius:6px !important;
 }

 nav.nav > .nav-inner > ul.nav-menu a.active{
  background:rgba(255,255,255,.12) !important;
  color:#ffffff !important;
 }
}
.nav-logo img{ border:none; }