@charset "utf-8";
/* 小石主题样式 */

:root{
  --xs-main:#2e8b09;
  --xs-bg:#eef1f5;
  --xs-box:#ffffff;
  --xs-main-soft:#f0f7ec;
  --xs-text:#1a1d21;
  --xs-sub:#6b7280;
  --xs-faint:#9aa0a6;
  --xs-line:#e6e9ed;
  --xs-radius:14px;
  --xs-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.05);
  --xs-shadow-h:0 2px 6px rgba(16,24,40,.06),0 16px 36px rgba(16,24,40,.11);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--xs-bg);color:var(--xs-text);
  font:14px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{border:0;max-width:100%}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{margin:0;font-weight:600}
input,textarea,select,button{font-family:inherit}
.wide{max-width:1180px;margin:0 auto;padding:0 24px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}

/* ---------- 顶栏 ---------- */
.xs-top{background:var(--xs-box);border-bottom:1px solid var(--xs-line)}
.xs-top .wide{display:flex;align-items:center;gap:26px;min-height:56px}
.xs-logo{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:600;letter-spacing:.5px}
.xs-logo img{height:28px;width:auto;display:block}
.xs-logo .mark{width:27px;height:27px;border-radius:8px;background:var(--xs-main);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex:none}
.xs-nav{display:flex;align-items:center;gap:22px;color:var(--xs-sub);font-size:14px}
.xs-nav a{white-space:nowrap}
.xs-nav a:hover{color:var(--xs-main)}
/* 形式一：胶囊按钮 */
.xs-nav-capsule{gap:8px}
.xs-nav-capsule a{padding:7px 15px;border-radius:999px;background:var(--xs-bg);color:var(--xs-sub);
  font-size:13.5px;transition:background .18s,color .18s}
.xs-nav-capsule a:hover{background:var(--xs-main-soft);color:var(--xs-main);font-weight:500}
/* 手机端汉堡按钮（窄屏才出现） */
.xs-navbtn{display:none;width:38px;height:38px;flex:none;padding:0;cursor:pointer;
  border:1px solid var(--xs-line);border-radius:10px;background:var(--xs-box);
  flex-direction:column;align-items:center;justify-content:center;gap:4px}
.xs-navbtn span{display:block;width:16px;height:2px;border-radius:2px;background:var(--xs-sub)}
.xs-navbtn:hover{border-color:#cfe4c4}
.xs-navbtn:hover span{background:var(--xs-main)}
.xs-acts{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:13px}
.xs-acts .ghost{color:var(--xs-sub)}
.xs-acts .solid{background:var(--xs-main-soft);color:var(--xs-main);padding:6px 15px;border-radius:20px;font-weight:500}
.xs-acts .solid:hover{background:#e2f0d9}

/* ---------- 首屏搜索 ---------- */
.xs-hero{padding:32px 0 24px;text-align:center}
.xs-egroups{display:inline-flex;align-items:center;gap:2px;padding:5px;background:#e8ecf1;border-radius:999px}
.xs-egroups button{
  appearance:none;border:0;background:transparent;cursor:pointer;
  font-size:14px;color:var(--xs-sub);padding:9px 26px;border-radius:999px;letter-spacing:.8px;
  transition:color .2s,background .2s,box-shadow .2s;
}
.xs-egroups button:hover{color:var(--xs-text)}
.xs-egroups button.on{background:#fff;color:var(--xs-text);font-weight:600;
  box-shadow:0 1px 3px rgba(16,24,40,.08),0 4px 12px rgba(16,24,40,.08)}
.xs-search{
  display:flex;align-items:center;gap:13px;max-width:680px;margin:20px auto 0;height:58px;
  padding:0 9px 0 26px;background:#fff;border-radius:999px;
  box-shadow:0 2px 6px rgba(16,24,40,.05),0 18px 44px rgba(16,24,40,.10);
  transition:box-shadow .25s;
}
.xs-search:focus-within{box-shadow:0 2px 8px rgba(16,24,40,.06),0 26px 64px rgba(16,24,40,.16)}
.xs-search .mag{display:flex;align-items:center;color:#b6bcc4;flex:none}
.xs-search input{
  flex:1;min-width:0;border:0;outline:0;background:transparent;
  font-size:16px;color:var(--xs-text);letter-spacing:.3px;
}
.xs-search input::placeholder{color:#aab0b8;letter-spacing:.5px}
.xs-search .go{
  width:46px;height:46px;flex:none;border:0;border-radius:50%;cursor:pointer;
  background:var(--xs-main);color:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 16px rgba(46,139,9,.30);transition:background .2s,transform .2s;
}
.xs-search .go:hover{background:#26740a;transform:scale(1.05)}
.xs-eitems{display:flex;justify-content:center;align-items:center;gap:8px;margin:18px auto 0;
  flex-wrap:wrap;opacity:1;transition:opacity .22s ease}
.xs-eitems.fade{opacity:0}
.xs-eitems button{
  appearance:none;cursor:pointer;font-size:13px;color:#7b828b;padding:6px 16px;border-radius:999px;
  background:#eef1f5;border:1px solid transparent;letter-spacing:.4px;
  transition:background .18s,color .18s,box-shadow .18s,border-color .18s;
}
.xs-eitems button:hover{background:#e5eaf0;color:var(--xs-text)}
.xs-eitems button.on{background:#fff;color:var(--xs-main);font-weight:600;border-color:#d7e7cc;
  box-shadow:0 1px 3px rgba(16,24,40,.06),0 4px 12px rgba(16,24,40,.07)}

/* ---------- 锚点条 ---------- */
.xs-anchors{position:sticky;top:0;z-index:30;background:rgba(238,241,245,.9);
  backdrop-filter:saturate(1.6) blur(10px);border-bottom:1px solid var(--xs-line)}
.xs-anchors .wide{display:flex;gap:8px;overflow-x:auto;padding:11px 24px;scrollbar-width:none}
.xs-anchors .wide::-webkit-scrollbar{display:none}
.xs-anchors a{flex:none;font-size:13.5px;color:var(--xs-sub);padding:6px 15px;border-radius:18px;
  background:var(--xs-box);border:1px solid var(--xs-line);transition:color .18s,border-color .18s}
.xs-anchors a:hover{color:var(--xs-main);border-color:#cfe4c4}

/* ---------- 主体 ---------- */
.xs-main{padding:28px 0 12px}
.xs-block{background:var(--xs-box);border-radius:var(--xs-radius);box-shadow:var(--xs-shadow);
  padding:24px 26px 26px;margin-bottom:20px}
.xs-bhead{display:flex;align-items:baseline;gap:11px;margin-bottom:18px}
.xs-bhead .bar{width:3px;height:15px;background:var(--xs-main);border-radius:2px;align-self:center;flex:none}
.xs-bhead h2{font-size:16.5px;letter-spacing:.4px}
.xs-bhead .cnt{font-size:12.5px;color:var(--xs-faint)}
.xs-bhead .more{margin-left:auto;font-size:13px;color:var(--xs-sub)}
.xs-bhead .more:hover{color:var(--xs-main)}

/* 胶囊站点网格 */
.xs-grid{display:flex;flex-wrap:wrap;gap:9px}
.xs-site{
  flex:0 0 auto;width:calc(100% / 7 - 8px);min-width:130px;
  display:flex;align-items:center;gap:9px;padding:8px 14px 8px 8px;border-radius:999px;
  background:rgba(255,255,255,.72);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:0 1px 2px rgba(16,24,40,.06);
  transition:background .18s,transform .18s,box-shadow .18s;
}
.xs-site:hover{background:#fff;transform:translateY(-2px);box-shadow:var(--xs-shadow-h)}
.xs-ico{width:30px;height:30px;flex:none;border-radius:50%;background:rgba(15,23,42,.05);
  display:flex;align-items:center;justify-content:center;overflow:hidden}
.xs-ico img{width:20px;height:20px;object-fit:contain;display:block}
.xs-ico .fb{width:100%;height:100%;background:var(--xs-main-soft);color:var(--xs-main);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}
.xs-tx{min-width:0;flex:1}
.xs-tx .n{display:block;font-size:13.5px;font-weight:500;line-height:1.35;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xs-tx .d{display:block;font-size:11.5px;color:var(--xs-faint);line-height:1.35;margin-top:1px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 展示形式用到的附加元素：默认胶囊形态下一律不出现 */
.xs-th{display:none}
.xs-tx .i{display:none}
.xs-site .go{display:none}
.xs-tx .d:empty{display:none}

/* ---------- 展示形式：图文卡片 ---------- */
.xs-f-card{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.xs-f-card.xs-c2{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}
.xs-f-card.xs-c3{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}
.xs-f-card.xs-c4{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.xs-f-card.xs-c5{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.xs-f-card.xs-c6{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}
.xs-f-card.xs-c7{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}
.xs-f-card.xs-c8{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}
/* 每行列数：xs-c0 表示沿用各形式默认；胶囊按 9px 间距重算宽度 */
.xs-f-capsule.xs-c2 .xs-site{width:calc((100% - 9px) / 2)}
.xs-f-capsule.xs-c3 .xs-site{width:calc((100% - 18px) / 3)}
.xs-f-capsule.xs-c4 .xs-site{width:calc((100% - 27px) / 4)}
.xs-f-capsule.xs-c5 .xs-site{width:calc((100% - 36px) / 5)}
.xs-f-capsule.xs-c6 .xs-site{width:calc((100% - 45px) / 6)}
.xs-f-capsule.xs-c7 .xs-site{width:calc((100% - 54px) / 7)}
.xs-f-capsule.xs-c8 .xs-site{width:calc((100% - 63px) / 8)}
.xs-f-card .xs-site{
  width:auto;min-width:0;flex:initial;flex-wrap:wrap;gap:9px 10px;
  padding:0 0 13px;border:1px solid var(--xs-line);border-radius:12px;
  background:var(--xs-box);box-shadow:none;
}
.xs-f-card .xs-site:hover{border-color:#cfe4c4;background:var(--xs-box);box-shadow:var(--xs-shadow)}
.xs-f-card .xs-th{display:block;flex:0 0 100%;width:100%;aspect-ratio:16/9;overflow:hidden;
  border-radius:11px 11px 0 0;background:#f2f3f5}
.xs-f-card .xs-th:empty{display:none}
.xs-f-card .xs-th img{width:100%;height:100%;object-fit:cover;display:block}
.xs-f-card .xs-ico{margin-left:13px}
.xs-f-card .xs-tx{flex:1;padding-right:13px}
.xs-f-card .xs-tx .d{display:none}
.xs-f-card .xs-tx .i{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;font-size:12.5px;color:var(--xs-sub);line-height:1.6;margin-top:3px;
  white-space:normal}

/* ---------- 展示形式：列表 ---------- */
.xs-f-list{display:grid;gap:10px}
.xs-f-list .xs-site{
  width:100%;min-width:0;flex:initial;align-items:flex-start;gap:13px;
  padding:14px 16px;border:1px solid var(--xs-line);border-radius:12px;
  background:var(--xs-box);box-shadow:none;
}
.xs-f-list .xs-site:hover{border-color:#cfe4c4;background:var(--xs-box);box-shadow:var(--xs-shadow)}
.xs-f-list .xs-ico{width:44px;height:44px;border-radius:11px;background:#f2f3f5}
.xs-f-list .xs-ico img{width:28px;height:28px}
.xs-f-list .xs-ico .fb{font-size:15px;border-radius:11px}
.xs-f-list .xs-tx .n{font-size:15px}
.xs-f-list .xs-tx .d{display:none}
.xs-f-list .xs-tx .i{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;font-size:13px;color:var(--xs-sub);line-height:1.7;margin-top:4px;
  white-space:normal}
.xs-f-list .go{display:block;flex:none;align-self:center;font-size:13px;color:var(--xs-main);
  border:1px solid #cfe4c4;padding:6px 15px;border-radius:16px}
.xs-f-list .go:hover{background:var(--xs-main-soft)}
.xs-more{display:block;margin:14px auto 0;padding:8px 28px;border:0;border-radius:999px;cursor:pointer;
  background:rgba(255,255,255,.72);color:var(--xs-sub);font-size:13px;
  box-shadow:0 1px 2px rgba(16,24,40,.06);transition:background .18s,color .18s}
.xs-more:hover{background:#fff;color:var(--xs-main)}

/* 文章列表 */
.xs-arts{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.xs-art .thumb{display:block;aspect-ratio:16/9;border-radius:11px;overflow:hidden;background:#f2f3f5}
.xs-art .thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.xs-art:hover .thumb img{transform:scale(1.04)}
.xs-art .t{margin:9px 0 0;font-size:14px;line-height:1.5;color:var(--xs-text);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.xs-art:hover .t{color:var(--xs-main)}

/* 广告位 */
.xs-gg{margin-bottom:20px}
.xs-gg:empty{display:none}

/* ---------- 两栏布局（列表页、内容页） ---------- */
.xs-cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.xs-side .xs-block{padding:20px 22px}
.xs-side h3{font-size:15px;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.xs-side h3::before{content:"";width:3px;height:13px;background:var(--xs-main);border-radius:2px;flex:none}
.xs-sitelist a{display:flex;align-items:center;gap:10px;padding:8px;border-radius:9px;min-width:0}
.xs-sitelist a:hover{background:#f7f9f6}
.xs-sitelist .xs-ico{width:28px;height:28px}
.xs-sitelist .xs-ico img{width:18px;height:18px}
.xs-sitelist .n{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xs-cats{display:flex;flex-wrap:wrap;gap:8px}
.xs-cats.xs-subnav{margin-bottom:14px}
.xs-cats a{font-size:13px;color:var(--xs-sub);background:var(--xs-bg);padding:6px 13px;border-radius:16px}
.xs-cats a:hover,.xs-cats a.on{color:var(--xs-main);background:var(--xs-main-soft);font-weight:500}

/* 面包屑 */
.xs-crumb{font-size:13px;color:var(--xs-faint);padding:20px 0 0}
.xs-crumb a:hover{color:var(--xs-main)}
.xs-crumb i{font-style:normal;margin:0 7px;color:#c8ccd0}

/* 列表页条目 */
.xs-rows{display:grid;gap:10px}
.xs-row{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:12px;
  border:1px solid var(--xs-line);transition:border-color .18s,box-shadow .18s,transform .18s}
.xs-row:hover{border-color:#cfe4c4;box-shadow:var(--xs-shadow);transform:translateY(-1px)}
.xs-row .xs-ico{width:46px;height:46px;border-radius:11px;background:#f2f3f5}
.xs-row .xs-ico img{width:30px;height:30px}
.xs-row .xs-ico .fb{font-size:16px;border-radius:11px}
.xs-row .bd{flex:1;min-width:0}
.xs-row .n{font-size:15px;font-weight:500}
.xs-row .d{font-size:13px;color:var(--xs-sub);margin-top:5px;line-height:1.7}
.xs-row .go{flex:none;align-self:center;font-size:13px;color:var(--xs-main);
  border:1px solid #cfe4c4;padding:6px 15px;border-radius:16px}
.xs-row .go:hover{background:var(--xs-main-soft)}

/* 分类页条目：日期、域名、空列表 */
.xs-row .n a:hover{color:var(--xs-main)}
.xs-row .dt{font-size:12px;font-weight:400;color:var(--xs-faint);margin-left:9px}
.xs-row .ho{font-size:12.5px;color:var(--xs-faint);margin-top:3px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xs-empty{color:var(--xs-sub);font-size:13.5px;padding:18px 0}
.xs-empty a{color:var(--xs-main)}
.xs-row .d:empty{display:none}

/* 分类页形式：按导航站点（两列紧凑，只留名称与域名） */
.xs-list-site{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.xs-list-site .xs-row{padding:12px 14px;align-items:center}
.xs-list-site .xs-row .d{display:none}
.xs-list-site .xs-row .dt{display:none}
.xs-list-site .xs-row .n{font-size:14px}
.xs-list-site .xs-ico{width:34px;height:34px}
.xs-list-site .xs-ico img{width:22px;height:22px}
/* 分类页形式：按文章列表（不显示域名） */
.xs-list-post .xs-row .ho{display:none}

/* 分页 */
.xs-pagebar{display:flex;gap:6px;justify-content:center;margin-top:22px;flex-wrap:wrap}
.xs-pagebar a,.xs-pagebar span{min-width:34px;height:34px;display:flex;align-items:center;
  justify-content:center;border-radius:8px;font-size:13px;color:var(--xs-sub);
  background:var(--xs-box);border:1px solid var(--xs-line)}
.xs-pagebar .now,.xs-pagebar a:hover{background:var(--xs-main);color:#fff;border-color:var(--xs-main)}

/* ---------- 内容页 ---------- */
.xs-sitehead{display:flex;gap:20px;align-items:flex-start}
.xs-sitehead .big{width:72px;height:72px;flex:none;border-radius:16px;background:#f2f3f5;
  display:flex;align-items:center;justify-content:center;overflow:hidden}
.xs-sitehead .big img{width:52px;height:52px;object-fit:contain}
.xs-sitehead .big .fb{width:100%;height:100%;background:var(--xs-main-soft);color:var(--xs-main);
  display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:600}
.xs-sitehead h1{font-size:22px;letter-spacing:.3px}
.xs-sitehead .desc{color:var(--xs-sub);font-size:14px;margin:6px 0 0;line-height:1.7}
.xs-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.xs-tags span,.xs-tags a{font-size:12px;color:var(--xs-sub);background:var(--xs-bg);
  padding:4px 11px;border-radius:14px}
.xs-tags a{background:var(--xs-main-soft);color:var(--xs-main)}
.xs-tags a:hover{background:#e2f0d9}
.xs-meta{display:flex;gap:26px;flex-wrap:wrap;margin-top:18px;padding-top:16px;
  border-top:1px solid var(--xs-line);font-size:12.5px;color:var(--xs-faint)}
.xs-meta b{color:var(--xs-sub);font-weight:500}
.xs-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.xs-btn{display:inline-flex;align-items:center;height:40px;padding:0 22px;border:0;cursor:pointer;
  border-radius:20px;font-size:14px;font-weight:500;text-decoration:none}
.xs-btn.pri{background:var(--xs-main);color:#fff}
.xs-btn.pri:hover{background:#26740a}
.xs-btn.sec{background:var(--xs-main-soft);color:var(--xs-main)}
.xs-btn.sec:hover{background:#e2f0d9}

/* 正文 */
.xs-prose h2{font-size:16.5px;margin:26px 0 12px;display:flex;align-items:center;gap:9px}
.xs-prose h2::before{content:"";width:3px;height:14px;background:var(--xs-main);border-radius:2px;flex:none}
.xs-prose h2:first-child{margin-top:0}
.xs-prose h3{font-size:15px;margin:22px 0 8px}
.xs-prose p{margin:0 0 12px;color:#33373c;line-height:1.85;font-size:14.5px}
.xs-prose ul{margin:0 0 12px;padding-left:22px;list-style:disc;color:#33373c;line-height:1.85}
.xs-prose img{border-radius:10px;height:auto}
.xs-prose table{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:13.5px}
.xs-prose th,.xs-prose td{border:1px solid var(--xs-line);padding:8px 10px;text-align:left}
.xs-prose pre{background:#f6f7f9;padding:14px;border-radius:10px;overflow:auto;font-size:13px}
.xs-prose blockquote{margin:0 0 12px;padding:10px 16px;background:var(--xs-main-soft);
  border-left:3px solid var(--xs-main);border-radius:0 8px 8px 0;color:#3f6b28}

/* 评论 */
.xs-comments h3{font-size:15px;margin:0 0 14px}
.xs-comments .list li{padding:14px 0;border-top:1px solid var(--xs-line)}
.xs-comments .who{font-size:13.5px;font-weight:500}
.xs-comments .txt{font-size:13.5px;color:#33373c;margin-top:4px}
.xs-comments .time{font-size:12px;color:var(--xs-faint);margin-top:4px}
.xs-cform input[type=text],.xs-cform textarea{width:100%;border:1px solid var(--xs-line);
  border-radius:10px;background:#fafbfc;font-size:14px;padding:11px 14px;outline:0;margin-bottom:12px}
.xs-cform textarea{min-height:96px;resize:vertical}
.xs-cform input:focus,.xs-cform textarea:focus{border-color:var(--xs-main);background:#fff}

/* ---------- 收录表单 ---------- */
.xs-form .row{margin-bottom:18px}
.xs-form label{display:block;font-size:13.5px;font-weight:500;margin-bottom:7px}
.xs-form label i{font-style:normal;color:#c0392b;margin-right:3px}
.xs-form .count{float:right;font-size:12px;color:var(--xs-faint);font-weight:400}
.xs-form .hint{font-size:12.5px;color:var(--xs-faint);margin:6px 0 0}
.xs-form input[type=text],.xs-form textarea,.xs-form select{
  width:100%;border:1px solid var(--xs-line);border-radius:10px;background:#fafbfc;
  font-size:14px;padding:11px 14px;color:var(--xs-text);outline:0;transition:border-color .18s,background .18s}
.xs-form input[type=text]:focus,.xs-form textarea:focus,.xs-form select:focus{
  border-color:var(--xs-main);background:#fff}
.xs-form textarea{min-height:110px;resize:vertical;line-height:1.7}
.xs-notice{background:var(--xs-main-soft);border-radius:10px;padding:14px 16px;
  font-size:13px;color:#3f6b28;line-height:1.8;margin-bottom:22px}

/* ---------- 页脚 ---------- */
.xs-footer{padding:26px 0 46px;text-align:center;color:var(--xs-faint);font-size:12.5px;line-height:2}
.xs-footer a:hover{color:var(--xs-main)}
.xs-links{background:var(--xs-box);border-radius:var(--xs-radius);box-shadow:var(--xs-shadow);
  padding:20px 26px;margin-bottom:20px}
.xs-links h3{font-size:15px;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.xs-links h3::before{content:"";width:3px;height:13px;background:var(--xs-main);border-radius:2px}
.xs-links .chips{display:flex;flex-wrap:wrap;gap:8px}
.xs-links .chips li{display:block}
.xs-links .chips a{font-size:13px;color:var(--xs-sub);background:var(--xs-bg);
  padding:6px 13px;border-radius:16px}
.xs-links .chips a:hover{color:var(--xs-main);background:var(--xs-main-soft)}

/* 404 */
.xs-404{padding:90px 0;text-align:center}
.xs-404 .code{font-size:64px;font-weight:700;color:#cfd4da;line-height:1}
.xs-404 p{color:var(--xs-sub);margin:16px 0 22px}

/* ---------- 响应式 ---------- */
@media (max-width:1180px){
  .xs-site{width:calc(100% / 6 - 8px)}
}
@media (max-width:980px){
  .xs-site{width:calc(100% / 5 - 8px)}
  .xs-cols{grid-template-columns:minmax(0,1fr)}
  .xs-side{order:2}
}
@media (max-width:820px){
  .xs-site{width:calc(100% / 4 - 8px)}
}
@media (max-width:768px){
  .wide{padding:0 16px}
  .xs-top .wide{gap:14px;flex-wrap:wrap}
  .xs-navbtn{display:flex}
  .xs-nav{display:none;order:9;flex:0 0 100%;flex-direction:column;align-items:stretch;
    gap:2px;padding-top:8px;margin-top:8px;border-top:1px solid var(--xs-line)}
  .xs-nav.xs-open{display:flex}
  .xs-nav a{padding:11px 12px;border-radius:10px;font-size:14.5px}
  .xs-nav-capsule{gap:2px}
  .xs-nav-capsule a{padding:11px 12px;border-radius:10px}
  .xs-nav a:active{background:var(--xs-main-soft)}
  .xs-hero{padding:22px 0 20px}
  .xs-egroups{padding:4px}
  .xs-egroups button{font-size:13.5px;padding:8px 18px;letter-spacing:.5px}
  .xs-search{height:54px;padding-left:18px;gap:10px}
  .xs-search input{font-size:15px}
  .xs-search .go{width:42px;height:42px}
  .xs-eitems{gap:6px;margin-top:14px}
  .xs-eitems button{font-size:12.5px;padding:5px 13px}
  .xs-block{padding:18px 14px 20px}
  .xs-site{width:calc(100% / 2 - 8px);min-width:0}
  .xs-arts{grid-template-columns:repeat(2,1fr);gap:14px}
  .xs-art .t{font-size:13px}
  .xs-sitehead{gap:14px}
  .xs-sitehead .big{width:56px;height:56px;border-radius:13px}
  .xs-sitehead .big img{width:40px;height:40px}
  .xs-sitehead h1{font-size:19px}
  .xs-meta{gap:14px}
  .xs-row{padding:13px;gap:11px}
  .xs-row .go{display:none}
  .xs-f-card{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
  .xs-f-capsule.xs-c2 .xs-site,.xs-f-capsule.xs-c3 .xs-site,.xs-f-capsule.xs-c4 .xs-site,
  .xs-f-capsule.xs-c5 .xs-site,.xs-f-capsule.xs-c6 .xs-site,.xs-f-capsule.xs-c7 .xs-site,
  .xs-f-capsule.xs-c8 .xs-site{width:calc(100% / 2 - 8px)}
  .xs-f-list .go{display:none}
  .xs-f-list .xs-site{padding:12px 13px;gap:11px}
  .xs-f-list .xs-ico{width:38px;height:38px}
  .xs-f-list .xs-ico img{width:24px;height:24px}
}
@media (max-width:460px){
  .xs-site{width:calc(100% / 2 - 8px)}
  .xs-tx .d{display:none}
  .xs-f-list{gap:8px}
}