/* kaoshi-zhinan.css · 备考指南 */

.banner-head{position:relative;padding-top:var(--header-h)}
.banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.banner-mask{position:relative;background:linear-gradient(90deg,rgba(24,48,72,.78),rgba(31,74,110,.45));padding:96px 0 80px;color:#fff}
.bc-light a{color:#cfe4f5}
.bc-light .bc-now{color:#fff}
.banner-mask h1{color:#fff;margin:16px 0 12px}
.banner-mask p{color:#e2effa;max-width:520px;font-size:16px}

.sec{padding:72px 0}
.plan-sec{background:#fff}
.table-wrap{overflow-x:auto;border-radius:var(--radius-m);border:1px solid var(--gray-100);box-shadow:var(--shadow-s)}
.plan-table{width:100%;border-collapse:collapse;min-width:600px;font-size:14px;background:#fff}
.plan-table th,.plan-table td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--gray-100)}
.plan-table thead th{background:var(--blue-50);color:var(--blue-800)}
.plan-table tbody tr:last-child td{border-bottom:none}
.plan-table td:first-child{font-weight:700;color:var(--blue-700);white-space:nowrap}

.method-sec{background:var(--gray-50)}
.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.method-text h2{margin:8px 0 14px}
.method-text p{color:var(--gray-600);margin-bottom:14px}
.method-img img{border-radius:var(--radius-l);width:100%;height:300px;object-fit:cover;box-shadow:var(--shadow-m)}

.hot-sec{background:#fff}
.magnet{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.magnet-item{background:var(--blue-50);border:1px solid var(--blue-150);border-radius:var(--radius-m);padding:22px 18px;text-align:center;font-weight:600;color:var(--blue-800);transition:transform var(--trans),background var(--trans)}
.magnet-item:hover{transform:translateY(-4px);background:var(--blue-100)}

.tishi-sec{background:var(--gray-50)}
.tishi-flex{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.tishi-img img{border-radius:var(--radius-l);width:100%;height:300px;object-fit:cover;box-shadow:var(--shadow-m)}
.tishi-text h2{margin:8px 0 16px}
.tishi-steps{counter-reset:ts}
.tishi-steps li{position:relative;padding-left:44px;margin-bottom:14px;font-size:14.5px;color:var(--gray-700)}
.tishi-steps li::before{counter-increment:ts;content:counter(ts);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--blue-500);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}
.tishi-steps b{color:var(--gray-900)}

.week-sec{background:#fff}
.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
.day{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-m);padding:16px 12px;text-align:center}
.day b{display:block;color:var(--blue-600);margin-bottom:8px;font-size:14px}
.day p{font-size:12.5px;color:var(--gray-600)}

.mood-sec{background:var(--blue-50);padding:64px 0}
.mood-quote{max-width:720px;margin:0 auto;background:#fff;border-radius:var(--radius-l);padding:36px 40px;box-shadow:var(--shadow-m);text-align:center;position:relative}
.mood-quote p{font-size:18px;color:var(--gray-800);line-height:1.9;font-style:italic}
.mood-quote cite{display:block;margin-top:16px;font-style:normal;font-size:13px;color:var(--gray-400)}

.cta-band{background:linear-gradient(120deg,var(--blue-700),var(--blue-500));padding:48px 0}
.cta-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;color:#fff}
.cta-inner h2{color:#fff;margin-bottom:8px}
.cta-inner p{color:#eaf3fb;max-width:560px}
.cta-actions{display:flex;gap:14px;flex-wrap:wrap}

@media (max-width:920px){
  .method-grid,.tishi-flex{grid-template-columns:1fr;gap:28px}
  .magnet{grid-template-columns:1fr 1fr}
  .week-strip{grid-template-columns:1fr 1fr}
}

/* 每周任务分解表 */
.wtask-sec{background:var(--gray-50)}
.table-wrap{overflow-x:auto;border-radius:var(--radius-m);box-shadow:var(--shadow-s);border:1px solid var(--gray-100);margin-top:24px}
.wt-table{width:100%;border-collapse:collapse;min-width:560px;font-size:14px}
.wt-table th,.wt-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--gray-100);vertical-align:top}
.wt-table thead th{background:var(--blue-50);color:var(--blue-800)}
.wt-table td:first-child{font-weight:700;white-space:nowrap}
.wt-table tbody tr:last-child td{border-bottom:none}
