/* 0937.biz 内容库 - 列表页样式 */
:root{
  --bg:#f5f6fa;
  --panel:#ffffff;
  --text:#1b2130;
  --muted:#6b7280;
  --line:#e8eaf1;
  --brand:#4f46e5;
  --brand2:#7c3aed;
  --shadow:0 1px 2px rgba(16,24,40,.04), 0 10px 28px rgba(16,24,40,.07);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--text);line-height:1.65;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
.wrap{max-width:980px;margin:0 auto;padding:0 20px}

/* 头部 */
.hero{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 55%,#9333ea 100%);color:#fff;padding:38px 0 32px}
.hero .brand{font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.82;font-weight:600}
.hero h1{margin:8px 0 6px;font-size:30px;line-height:1.25;font-weight:700}
.hero .sub{font-size:14px;opacity:.85}
.hero .meta{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}
.pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);
  padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:500;backdrop-filter:blur(4px)}

/* 导航 */
.nav{background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.nav .wrap{display:flex;gap:4px;overflow-x:auto}
.nav a{padding:14px 16px;font-size:14.5px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}
.nav a:hover{color:var(--text)}
.nav a.on{color:var(--brand);border-bottom-color:var(--brand)}

main{padding:26px 0 60px}

/* 搜索 */
.search{position:relative;margin-bottom:22px}
.search input{
  width:100%;padding:13px 16px 13px 44px;border:1px solid var(--line);border-radius:12px;
  font-size:15px;background:var(--panel);color:var(--text);outline:none;transition:.18s;
  box-shadow:0 1px 2px rgba(16,24,40,.03);font-family:inherit;
}
.search input:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(79,70,229,.11)}
.search svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:17px;height:17px;stroke:#9aa1b1}

/* 分组 */
.group{margin-bottom:26px}
.group h2{font-size:15px;font-weight:700;color:var(--muted);margin:0 0 12px;display:flex;align-items:center;gap:8px}
.group h2 .cnt{background:#eef0f7;color:var(--muted);font-size:12px;font-weight:600;padding:1px 9px;border-radius:999px}

/* 卡片列表 */
.list{display:grid;gap:10px}
.item{
  display:flex;align-items:center;gap:15px;background:var(--panel);border:1px solid var(--line);
  border-radius:14px;padding:15px 18px;box-shadow:0 1px 2px rgba(16,24,40,.03);transition:.18s;
}
.item:hover{border-color:#cfd4e6;box-shadow:var(--shadow);transform:translateY(-2px)}
.ico{
  flex:0 0 42px;width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#eef0ff,#f3e8ff);color:var(--brand);font-size:19px;font-weight:700;
}
.ico.g{background:linear-gradient(135deg,#e6f7f0,#e8f2ff);color:#0f9d70}
.body{min-width:0;flex:1}
.title{font-size:15.5px;font-weight:600;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.item:hover .title{color:var(--brand)}
.fname{font-size:12.5px;color:#9aa1b1;margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arrow{flex:0 0 auto;color:#c3c8d6;transition:.18s}
.item:hover .arrow{color:var(--brand);transform:translateX(3px)}

/* 空态 */
.empty{text-align:center;padding:56px 20px;color:var(--muted);background:var(--panel);border:1px dashed var(--line);border-radius:14px}
.empty b{display:block;font-size:15px;color:var(--text);margin-bottom:5px}

footer{border-top:1px solid var(--line);background:var(--panel);padding:22px 0;color:var(--muted);font-size:13px}
footer .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

@media (max-width:640px){
  .hero{padding:28px 0 24px}
  .hero h1{font-size:23px}
  .item{padding:13px 14px;gap:12px}
  .ico{flex-basis:38px;width:38px;height:38px;font-size:17px}
  .title{font-size:14.5px}
}