/* 学习专栏 · 导航与列表页样式（2026-10-25）
   新增文件，避免改动已编译的 site.css；改动只作用于引用本文件的页面。 */
.site-nav{ display:flex; align-items:center; gap:2px; flex:0 1 auto; min-width:0; }
.site-nav a{ color:#C7D2FE; text-decoration:none; font-size:14px; line-height:1;
             padding:8px 12px; border-radius:6px; white-space:nowrap; }
.site-nav a:hover{ background:rgba(255,255,255,.12); color:#fff; }
.site-nav a.is-on{ background:rgba(255,255,255,.16); color:#fff; font-weight:600; }
/* 顶栏五项（首页/在线组卷/高考真题/学习专栏/试卷下载）的三级收窄：
   ① ≤1120px 收起「首页」（logo 可回首页）② ≤900px 收字号与内边距
   ③ ≤620px 顶栏横向可滑——不隐藏任何入口，避免手机上找不到高考真题 */
@media (max-width:1120px){ .site-nav a.hide-md{ display:none; } }
@media (max-width:900px){ .site-nav a{ padding:7px 10px; font-size:13.5px; } }
@media (max-width:620px){
  /* 窄屏空间不足，导航收缩为内部横向滚动，把完整空间让给右侧登录入口。
     右端加渐隐遮罩 + 一个小箭头区，暗示「右边还有，可横向滑动」，
     避免用户以为导航只有眼前这两项。 */
  .site-nav{ overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none;
    -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 20px), transparent 100%);
            mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 20px), transparent 100%);
  }
  .site-nav::-webkit-scrollbar{ display:none; }
  .site-nav a{ padding:6px 9px; font-size:13px; flex:0 0 auto; }
}

/* 专栏列表页 */
.learn-hero{ background:#1B3B8F; color:#fff; padding:44px 20px 40px; }
.learn-hero .inner{ max-width:960px; margin:0 auto; }
.learn-hero h1{ font-size:30px; font-weight:800; margin:0 0 12px; letter-spacing:-.3px; }
.learn-hero p{ font-size:15px; line-height:1.85; color:#C7D2FE; margin:0; max-width:640px; }
.learn-wrap{ max-width:960px; margin:0 auto; padding:34px 20px 72px; }
.learn-sec-h{ display:flex; align-items:baseline; gap:10px; margin:0 0 18px; }
.learn-sec-h h2{ font-size:19px; font-weight:700; color:#0F172A; margin:0; }
.learn-sec-h span{ font-size:13px; color:#94A3B8; }

a.card{ display:block; background:#fff; border:1px solid #E2E8F0; border-radius:10px;
        padding:22px 24px; text-decoration:none; margin-bottom:14px;
        transition:box-shadow .2s, border-color .2s, transform .2s; }
a.card:hover{ box-shadow:0 6px 18px rgba(15,23,42,.08); border-color:#CBD5E1; transform:translateY(-1px); }
.card .meta-row{ display:flex; align-items:center; gap:8px; margin-bottom:10px; }
.card .tag{ font-size:12px; padding:5px 9px; border-radius:4px; background:#DBEAFE; color:#1B3B8F; font-weight:600; line-height:1; }
.card .tag.gray{ background:#F1F5F9; color:#64748B; font-weight:400; }
.card h3{ font-size:19px; line-height:1.5; color:#0F172A; margin:0 0 8px; font-weight:700; }
.card p{ font-size:14.5px; line-height:1.8; color:#64748B; margin:0 0 12px; }
.card .more{ font-size:13.5px; color:#1B3B8F; font-weight:600; }

.card.soon{ background:#FCFCFD; border-style:dashed; cursor:default; }
.card.soon:hover{ box-shadow:none; transform:none; border-color:#E2E8F0; }
.card.soon h3{ color:#475569; font-weight:600; font-size:17px; }

.learn-foot{ margin-top:46px; padding-top:16px; border-top:1px solid #E2E8F0;
             font-size:13px; line-height:1.9; color:#94A3B8; }