@charset "utf-8";
/* ==========================================================================
   独立模板 link_index —— 站群「城市分站链接页」样式
   只服务本主题（.lk-* 类），不依赖 msite_geo / default 等任何主题的样式与变量
   ========================================================================== */

/* ---------- 1. 变量 ---------- */
:root{
  --lk-ink:#1d2129;
  --lk-gray:#4e5969;
  --lk-light:#86909c;
  --lk-line:#e5e6eb;
  --lk-soft:#f5f7fa;
  --lk-brand:#1d4ed8;
  --lk-brand-2:#0b2f8f;
  --lk-accent:#0ea57a;
  --lk-r:12px;
  --lk-shadow:0 4px 18px rgba(29,33,41,.06);
}

/* ---------- 2. 基础 ---------- */
*,*::before,*::after{box-sizing:border-box}
body.lk-page{margin:0;background:var(--lk-soft);color:var(--lk-ink);line-height:1.7;
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",-apple-system,BlinkMacSystemFont,sans-serif;
  -webkit-font-smoothing:antialiased;font-size:15px}
body.lk-page a{color:inherit;text-decoration:none}
body.lk-page img{display:block;max-width:100%;height:auto}
body.lk-page ul,body.lk-page ol{list-style:none;margin:0;padding:0}
body.lk-page h1,body.lk-page h2,body.lk-page h3,body.lk-page h4,body.lk-page p{margin:0}
.lk-wrap{width:1200px;max-width:calc(100% - 32px);margin:0 auto}

/* ---------- 3. 头部（只有站点名，不做导航） ---------- */
.lk-top{background:#fff;border-bottom:1px solid var(--lk-line);position:sticky;top:0;z-index:20}
.lk-top .lk-wrap{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.lk-brand{display:flex;align-items:center;gap:10px;min-width:0}
.lk-brand h1{font-size:19px;font-weight:800;color:var(--lk-brand);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}

/* ---------- 4. 主体（无页脚栏，底部留白适度加大） ---------- */
.lk-main{padding:18px 0 40px}
.lk-hd{margin:22px 0 0;font-size:17px;font-weight:800;color:var(--lk-ink);padding-left:10px;
  border-left:4px solid var(--lk-brand);line-height:1.3}

/* ---------- 5. 列表 ---------- */
.lk-links{margin-top:14px}
.lk-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lk-list li{min-width:0}
.lk-list a{display:block;padding:8px 12px;border:1px solid var(--lk-line);border-radius:9px;background:#f8fafc;
  color:#334155;font-size:13px;font-weight:700;line-height:1.55;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lk-list a:hover{border-color:var(--lk-brand);background:#fff;color:var(--lk-brand)}

/* ---------- 6. 空状态 / 底部说明 ---------- */
.lk-empty{margin:22px 0;padding:22px;text-align:center;color:var(--lk-light);font-size:14px;
  background:#fff;border:1px dashed var(--lk-line);border-radius:var(--lk-r)}
.lk-meta{margin:16px 0 0;color:var(--lk-light);font-size:13px;text-align:center}

/* ---------- 7. 响应式 ---------- */
@media (max-width:900px){
  .lk-list{grid-template-columns:1fr}
        .lk-top .lk-wrap{min-height:58px}
}
@media (max-width:560px){
  .lk-wrap{max-width:calc(100% - 22px)}
  .lk-list a{font-size:12px}
  .lk-brand h1{font-size:16px}
}