/* ===========================================================
   流星蝴蝶剑.net · 时光机存档  —  Discuz! X 风格静态模板
   演示样式表 / demo/assets/style.css
   =========================================================== */

/* ---------- 1. 基础 ---------- */
:root{
  --blue:#2b7ecd;
  --blue-dark:#1f64a8;
  --blue-soft:#eaf3fb;
  --bg:#f2f4f7;
  --card:#ffffff;
  --line:#e0e6ed;
  --line-soft:#eef2f6;
  --txt:#333333;
  --txt-2:#63707d;
  --txt-3:#93a0ad;
  --warn:#c47b1a;
  --radius:4px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  font:13px/1.6 "Microsoft YaHei","PingFang SC","Hiragino Sans GB",Tahoma,Helvetica,Arial,sans-serif;
  color:var(--txt);background:var(--bg);
}
body{overflow-x:hidden}
a{color:#2b3a4a;text-decoration:none}
a:hover{color:var(--blue)}
img{max-width:100%;vertical-align:middle;border:0}
ul,ol{list-style:none}
button,input,textarea{font-family:inherit;font-size:inherit;outline:none}
.wrap{width:1180px;margin:0 auto}
.clearfix::after{content:"";display:table;clear:both}

/* ---------- 2. 顶栏 ---------- */
.topbar{height:32px;background:#f7f8fa;border-bottom:1px solid #edf0f4;font-size:12px;color:#8c99a6}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:32px}
.tb-left{display:flex;align-items:center;gap:8px}
.tb-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#3fb27f;box-shadow:0 0 0 3px rgba(63,178,127,.15)}
.tb-sep{color:#d3dae2;margin:0 4px}
.tb-right span{color:#98a5b1}

/* ---------- 3. 头部 ---------- */
.sitehead{background:#fff;border-bottom:1px solid #eef1f5}
.sitehead .wrap{display:flex;align-items:center;justify-content:space-between;padding:16px 0 14px}
.logo{display:block;line-height:1.15}
.logo .lg-main{font-size:27px;font-weight:700;color:#20374f;letter-spacing:.5px}
.logo .lg-main em{font-style:normal;color:var(--blue)}
.logo .lg-sub{display:block;margin-top:5px;font-size:11.5px;letter-spacing:2.2px;color:#a3b0bd;font-weight:400}
.head-right{display:flex;align-items:center;gap:14px}
.ro-pill{
  display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:14px;
  background:#eef6ff;border:1px solid #d3e6fa;color:#2b7ecd;font-size:12px;
}
.ro-pill i{font-style:normal;font-size:13px}
.search{display:flex;height:34px}
.search input{
  width:250px;height:34px;padding:0 12px;border:1px solid #d8e0e8;border-right:0;border-radius:3px 0 0 3px;
  background:#fbfcfd;color:#9aa7b4;font-size:12.5px;
}
.search button{
  height:34px;padding:0 20px;border:0;border-radius:0 3px 3px 0;cursor:pointer;
  background:linear-gradient(#3f8ede,#2b7ecd);color:#fff;font-size:13px;letter-spacing:1px;
}
.search button:hover{background:linear-gradient(#2f7fd0,#1f6bb8)}

/* ---------- 4. 导航 ---------- */
.mainnav{background:#fff;border-bottom:1px solid #dfe5ec;box-shadow:0 1px 3px rgba(23,43,63,.04)}
.mainnav .wrap{display:flex;align-items:center}
.mainnav a{
  display:block;padding:0 20px;line-height:44px;font-size:14.5px;color:#41505f;
}
.mainnav a:hover{color:var(--blue)}
.mainnav a.on{color:var(--blue);font-weight:600;box-shadow:inset 0 -3px 0 var(--blue)}
.mainnav .nav-right{margin-left:auto;font-size:12px;color:#a5b1bd}

/* ---------- 5. 存档提示条 ---------- */
.notice{background:linear-gradient(#fffdf6,#fff8ea);border-bottom:1px solid #f3e3c0}
.notice .wrap{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:12.5px;color:#9a7429}
.notice b{color:#8a6117}
.notice .clk{margin-left:auto;color:#b8934f}

/* ---------- 6. 面包屑 ---------- */
.crumb{font-size:12.5px;color:#93a0ad;padding:14px 0 12px}
.crumb a{color:#68757f}
.crumb a:hover{color:var(--blue)}
.crumb span.sp{margin:0 6px;color:#ccd4dc}

/* ---------- 7. 分区与版块 ---------- */
.board-wrap{display:flex;flex-direction:column;gap:16px}
.cat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.cat-hd{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 18px;border-bottom:1px solid #e9eef4;
  background:linear-gradient(#fbfcfe,#f2f6fa);
}
.cat-hd h2{
  font-size:15px;font-weight:700;color:#2a3d52;padding-left:11px;
  border-left:3px solid var(--blue);line-height:1.1;
}
.cat-hd h2 small{font-weight:400;font-size:12px;color:#9aa7b4;margin-left:8px;letter-spacing:.5px}
.cat-hd .cnt{font-size:12px;color:#a5b1bd}

.board{
  display:grid;grid-template-columns:52px minmax(0,1fr) 168px 216px;
  gap:14px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--line-soft);
}
.board:last-child{border-bottom:0}
.board:hover{background:#fafcff}
.bicon{
  width:44px;height:44px;border-radius:8px;display:grid;place-items:center;
  color:#fff;font-size:17px;font-weight:700;letter-spacing:0;
  background:linear-gradient(135deg,var(--c1,#5a9bdc),var(--c2,#2f6ea8));
  box-shadow:0 1px 2px rgba(20,40,60,.18), inset 0 1px 0 rgba(255,255,255,.25);
  text-shadow:0 1px 1px rgba(0,0,0,.15);
}
.bmain{min-width:0}
.bname{font-size:14.5px;font-weight:700;color:#2a3d52;display:inline-block}
.bname:hover{color:var(--blue)}
.bmain p{font-size:12px;color:#93a0ad;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sub-boards{margin-top:4px;font-size:12px;color:#b2bdc8}
.sub-boards a{color:#7d8b98;margin-right:10px}
.sub-boards a:hover{color:var(--blue)}
.bstats{font-size:12px;color:#93a0ad;display:flex;flex-direction:column;gap:2px}
.bstats b{color:#4a5b6c;font-weight:600}
.blast{font-size:12px;color:#93a0ad;text-align:right;overflow:hidden}
.blast .bt{display:block;color:#6d7c8a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blast .bt:hover{color:var(--blue)}
.blast .ba{margin-top:2px;color:#a9b4bf}

/* ---------- 8. 版块页头部 ---------- */
.forum-head{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:16px 20px;display:flex;align-items:center;gap:16px;margin-bottom:14px;
}
.forum-head .bicon{width:52px;height:52px;font-size:19px;border-radius:9px}
.forum-head h1{font-size:19px;color:#22364a;font-weight:700}
.forum-head p{font-size:12.5px;color:#93a0ad;margin-top:4px}
.forum-head .fh-right{margin-left:auto;text-align:right;font-size:12px;color:#93a0ad;line-height:1.8}
.forum-head .fh-right b{color:#5b6a78}

.toolbar{
  display:flex;align-items:center;justify-content:space-between;
  background:var(--card);border:1px solid var(--line);border-bottom:0;
  border-radius:var(--radius) var(--radius) 0 0;padding:9px 16px;
}
.tabs{display:flex;gap:6px}
.tabs a{
  padding:4px 13px;border:1px solid transparent;border-radius:3px;font-size:12.5px;color:#5b6a78;
}
.tabs a:hover{color:var(--blue);background:#f4f9ff}
.tabs a.on{background:var(--blue-soft);border-color:#cfe4f8;color:var(--blue-dark);font-weight:600}
.toolbar .tb-info{font-size:12px;color:#a5b1bd}

/* ---------- 9. 主题列表 ---------- */
.tlist{background:var(--card);border:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);overflow:hidden}
.tlist-hd,.trow{display:grid;grid-template-columns:minmax(0,1fr) 132px 126px 196px;align-items:center;gap:10px}
.tlist-hd{padding:9px 16px;background:#f7f9fb;border-bottom:1px solid var(--line);font-size:12px;color:#8b98a5}
.trow{padding:11px 16px;border-bottom:1px solid #f2f5f8;font-size:12px;color:#93a0ad}
.trow:last-child{border-bottom:0}
.trow:hover{background:#fafcff}
.tt{display:flex;align-items:center;gap:8px;min-width:0}
.tt .tag{flex:none;font-size:11px;line-height:17px;padding:0 5px;border-radius:2px;color:#fff}
.tag-top{background:#e2574c}
.tag-best{background:#e39a2a}
.tag-pic{background:#59a86f}
.tag-att{background:#8a93a0}
.tt a.tname{font-size:14px;color:#2b3a4a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tt a.tname:hover{color:var(--blue);text-decoration:underline}
.tt .pages{flex:none;font-size:11px;color:#b6c0ca}
.t-author a{color:#5b6a78}
.t-cnt{display:flex;align-items:baseline;gap:4px;white-space:nowrap}
.t-cnt span{color:#5b6a78}
.t-cnt .sep{color:#ccd4dc;margin:0 1px}
.t-cnt .vw{color:#9aa7b4}
.t-last{text-align:right;line-height:1.7}
.t-last a{color:#5b6a78}
.t-last .tm{color:#b0bbc6}

/* ---------- 10. 分页 ---------- */
.pg{display:flex;justify-content:center;align-items:center;gap:5px;margin:20px 0}
.pg a,.pg span.cur{
  min-width:30px;height:30px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #dbe3eb;border-radius:3px;background:#fff;color:#5b6a78;font-size:13px;
}
.pg a:hover{border-color:var(--blue);color:var(--blue)}
.pg span.cur{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}
.pg .gap{border:0;background:none;color:#b6c0ca}
.pg .info{border:0;background:none;color:#a5b1bd;font-size:12px;margin-left:8px}

/* ---------- 11. 帖子页 ---------- */
.thread-head{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px;margin-bottom:14px}
.thread-head h1{font-size:20px;line-height:1.45;color:#1f3245;font-weight:700}
.thread-head h1 .tag{vertical-align:3px;margin-right:8px;font-size:11px}
.thread-sub{margin-top:9px;font-size:12px;color:#93a0ad;display:flex;gap:16px;flex-wrap:wrap}
.thread-sub b{color:#5b6a78;font-weight:600}

.post{
  display:grid;grid-template-columns:198px minmax(0,1fr);background:var(--card);
  border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;overflow:hidden;
}
.p-side{background:#f8fafc;border-right:1px solid var(--line);padding:16px 14px 14px;text-align:center}
.p-avatar{width:118px;height:118px;border:1px solid #dce3eb;border-radius:4px;background:#fff;object-fit:cover}
.p-avatar-fallback{
  width:118px;height:118px;border:1px solid #dce3eb;border-radius:4px;margin:0 auto;
  display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:700;color:#fff;
  background:linear-gradient(135deg,#7fa8cd,#4c7ea8);
}
.p-name{margin-top:10px;font-size:15px;font-weight:700;color:#22364a}
.p-name:hover{color:var(--blue)}
.p-group{display:inline-block;margin-top:6px;font-size:11px;padding:1px 8px;border-radius:10px;
  background:#fff4d8;border:1px solid #f0dcae;color:#96701c}
.p-group.member{background:#eef6ff;border-color:#d5e7f9;color:#3d7ab5}
.p-group.admin{background:#fff0ee;border-color:#f6d3cd;color:#bd5a4d}
.p-stats{margin-top:14px;text-align:left;font-size:12px;color:#8b98a5;line-height:2}
.p-stats b{color:#5b6a78;font-weight:600;float:right}
.p-main{padding:14px 22px 18px;display:flex;flex-direction:column}
.p-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#a5b1bd;
  border-bottom:1px dashed #e8edf3;padding-bottom:10px;margin-bottom:14px}
.p-head .ph-left{display:flex;gap:12px;align-items:center}
.p-head .floor{color:#b6c0ca}
.p-body{font-size:14.5px;line-height:1.95;color:#313d49;word-break:break-word}
.p-body p{margin:0 0 .8em}
.p-body p:last-child{margin-bottom:0}
.p-body blockquote{
  margin:.8em 0;padding:10px 14px;background:#f7f9fb;border-left:3px solid #d8e2ec;
  color:#65727f;font-size:13.5px;border-radius:2px;
}
.p-body code{font-family:Consolas,Monaco,monospace;background:#f4f6f9;border:1px solid #e6ebf1;
  border-radius:3px;padding:1px 5px;font-size:13px;color:#b0564c}
.p-edit{margin-top:14px;font-size:12px;color:#a8b3be;text-align:right}
.p-foot{margin-top:auto;padding-top:14px;display:flex;gap:10px;align-items:center;
  border-top:1px solid #f1f4f7;font-size:12px;color:#b0bbc6}
.p-foot .pf-right{margin-left:auto;display:flex;gap:6px}
.mini-btn{
  height:26px;padding:0 12px;border:1px solid #dbe3eb;border-radius:3px;background:#fff;
  color:#7d8b98;font-size:12px;cursor:not-allowed;
}
.mini-btn.on{cursor:pointer;color:#5b6a78}
.mini-btn.on:hover{border-color:#b9c9d9;color:var(--blue);background:#f8fbff}

/* 签名 */
.p-sign{margin-top:16px;padding:10px 12px;border-top:1px dashed #e8edf3;font-size:12px;color:#93a0ad;line-height:1.8}

/* 图片附件 */
.attach-img{margin:12px 0;display:inline-block;padding:4px;border:1px solid #e2e8ef;background:#fff;border-radius:3px;cursor:zoom-in}
.attach-img img{display:block;max-width:560px;border-radius:2px}
.attach-cap{margin-top:6px;font-size:12px;color:#9aa7b4;text-align:center}

/* 普通附件卡片 */
.attach-card{
  margin:12px 0;max-width:560px;display:flex;align-items:center;gap:12px;padding:12px 14px;
  border:1px solid #e2e8ef;background:#fbfcfe;border-radius:4px;
}
.attach-ico{
  flex:none;width:40px;height:40px;border-radius:6px;display:grid;place-items:center;
  color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;
  background:linear-gradient(135deg,#f0a94f,#e08b2e);box-shadow:inset 0 1px 0 rgba(255,255,255,.3);
}
.attach-ico.img{background:linear-gradient(135deg,#63b284,#3f9366)}
.attach-meta{min-width:0;flex:1}
.attach-meta b{display:block;font-size:13.5px;color:#2b3a4a;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attach-meta span{display:block;margin-top:3px;font-size:12px;color:#9aa7b4}
.attach-act{flex:none;text-align:right}
.btn-request{
  height:30px;padding:0 14px;border:1px solid #cfe0f2;border-radius:3px;cursor:pointer;
  background:linear-gradient(#f4f9ff,#e9f3fd);color:var(--blue-dark);font-size:12.5px;
}
.btn-request:hover{background:linear-gradient(#eaf3fd,#dcecfb);border-color:#b9d5ef}

/* 底部快捷回复（禁用） */
.reply-closed{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px;
}
.reply-closed h3{font-size:14px;color:#5b6a78;font-weight:700;margin-bottom:10px}
.reply-closed textarea{
  width:100%;height:76px;padding:10px 12px;border:1px solid #e6ebf1;border-radius:3px;
  background:#f7f9fb;color:#b0bbc6;resize:none;font-size:13px;
}
.reply-closed .rc-foot{margin-top:10px;display:flex;align-items:center;gap:10px;font-size:12px;color:#a5b1bd}
.btn-dead{
  height:32px;padding:0 18px;border:0;border-radius:3px;background:#e9edf2;color:#aab5c0;
  font-size:13px;cursor:not-allowed;
}

/* ---------- 12. 用户页 ---------- */
.space-head{position:relative;height:158px;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;
  background:linear-gradient(120deg,#26405c 0%,#3a6287 52%,#4d7ea6 100%)}
.space-head::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(600px 220px at 78% 10%,rgba(255,255,255,.16),transparent 70%);
}
.space-head .sh-txt{position:absolute;right:22px;bottom:18px;color:rgba(255,255,255,.5);font-size:12px;letter-spacing:2px}
.space-body{background:var(--card);border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius) var(--radius);padding:0 24px 24px}
.space-top{display:flex;align-items:flex-end;gap:18px;margin-top:-58px;position:relative;z-index:2}
.space-avatar{width:116px;height:116px;border:4px solid #fff;border-radius:6px;box-shadow:0 2px 10px rgba(20,40,60,.18);object-fit:cover;background:#fff}
.space-id{padding-bottom:6px}
.space-id h1{font-size:22px;color:#1f3245;font-weight:700;display:flex;align-items:center;gap:10px}
.space-id .badge{font-size:11px;font-weight:400;padding:2px 9px;border-radius:10px;background:#eef6ff;border:1px solid #d5e7f9;color:#3d7ab5}
.space-id .sub{margin-top:6px;font-size:12.5px;color:#93a0ad}
.space-id .sub b{color:#5b6a78}

.space-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;margin-top:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.card-hd{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:1px solid var(--line-soft);background:#fbfcfe}
.card-hd h3{font-size:14px;color:#2a3d52;font-weight:700;padding-left:9px;border-left:3px solid var(--blue)}
.card-hd a{font-size:12px;color:#93a0ad}
.card-bd{padding:16px}

.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.stat{border:1px solid var(--line-soft);border-radius:4px;padding:12px 10px;text-align:center;background:#fcfdfe}
.stat b{display:block;font-size:20px;color:#2a3d52;font-weight:700;line-height:1.2}
.stat span{font-size:12px;color:#93a0ad}

.dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px}
.dl div{display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed #eef2f6;font-size:12.5px}
.dl dt{flex:none;width:64px;color:#93a0ad}
.dl dd{flex:1;min-width:0;color:#4a5b6c}

.mini-list li{display:flex;gap:10px;align-items:baseline;padding:9px 0;border-bottom:1px dashed #eef2f6;font-size:13px}
.mini-list li:last-child{border-bottom:0}
.mini-list .mi-time{margin-left:auto;color:#a9b4bf;font-size:12px;white-space:nowrap}
.mini-list a{color:#2b3a4a}
.mini-list a:hover{color:var(--blue)}
.mini-list .mi-fid{font-size:11px;color:#9aa7b4;background:#f3f6f9;border:1px solid #e7ecf2;border-radius:2px;padding:0 5px}

.quote-item{padding:11px 0;border-bottom:1px dashed #eef2f6}
.quote-item:last-child{border-bottom:0}
.quote-item .qi-hd{font-size:12px;color:#a5b1bd;display:flex;gap:8px}
.quote-item .qi-hd a{color:#6d7c8a}
.quote-item p{margin-top:5px;font-size:13px;color:#4a5b6c;line-height:1.75}

.timeline{border-left:2px solid #e9eef4;margin-left:6px;padding-left:16px}
.timeline li{position:relative;padding:0 0 16px;font-size:12.5px;color:#63707d}
.timeline li::before{content:"";position:absolute;left:-22px;top:5px;width:8px;height:8px;border-radius:50%;background:#fff;border:2px solid #c9d6e2}
.timeline li:first-child::before{border-color:var(--blue)}
.timeline b{display:block;color:#2a3d52;font-size:13px}
.timeline span{color:#a5b1bd}

/* ---------- 13. 页脚 ---------- */
.sitefoot{background:#fff;border-top:1px solid var(--line);margin-top:26px;padding:22px 0 26px}
.sitefoot .wrap{text-align:center;font-size:12px;color:#9aa7b4;line-height:2.1}
.sitefoot b{color:#63707d;font-weight:600}
.sitefoot .flinks a{margin:0 8px;color:#7d8b98}
.sitefoot .flinks a:hover{color:var(--blue)}
.sitefoot .fnote{margin-top:6px;color:#b0bbc6}

/* ---------- 14. 轻提示 / 灯箱 ---------- */
.toast{
  position:fixed;left:50%;bottom:38px;transform:translateX(-50%) translateY(12px);
  background:rgba(32,45,58,.94);color:#fff;font-size:13px;padding:9px 16px;border-radius:4px;
  opacity:0;pointer-events:none;transition:.22s;z-index:99;box-shadow:0 6px 20px rgba(0,0,0,.2);
}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.lightbox{position:fixed;inset:0;background:rgba(15,22,30,.86);display:none;align-items:center;justify-content:center;z-index:100;padding:40px}
.lightbox.show{display:flex}
.lightbox img{max-width:92vw;max-height:88vh;box-shadow:0 10px 40px rgba(0,0,0,.5);border-radius:3px}

/* ---------- 15. 响应式 ---------- */
@media (max-width:1240px){ .wrap{width:auto;margin:0 16px} }
@media (max-width:900px){
  /* 顶栏收起 */
  .topbar{display:none}

  /* 头部改为纵向 */
  .sitehead .wrap{flex-direction:column;align-items:stretch;gap:12px;padding:14px 0}
  .head-right{gap:10px}
  .search{flex:1;min-width:0}
  .search input{flex:1;width:auto;min-width:0}
  .search button{padding:0 14px}
  .logo .lg-main{font-size:22px}
  .logo .lg-sub{letter-spacing:1.6px}

  /* 导航横向滚动 */
  .mainnav .wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .mainnav a{flex:none;white-space:nowrap;padding:0 15px;line-height:42px;font-size:14px}
  .mainnav .nav-right{display:none}

  /* 提示条折行 */
  .notice .wrap{flex-wrap:wrap;gap:4px 10px}
  .notice .clk{margin-left:0;width:100%}

  /* 面包屑 */
  .crumb{padding:12px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  /* 版块行 */
  .board{grid-template-columns:42px minmax(0,1fr) 96px;gap:10px;padding:12px 14px}
  .bicon{width:38px;height:38px;font-size:15px;border-radius:7px}
  .blast{display:none}
  .bmain p{white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
  .bstats{font-size:11px;text-align:right}

  /* 版块头 */
  .forum-head{flex-wrap:wrap;padding:14px;gap:12px}
  .forum-head h1{font-size:17px}
  .forum-head .fh-right{margin-left:0;width:100%;text-align:left;border-top:1px dashed #eef2f6;padding-top:8px}

  /* 主题列表 */
  .tlist-hd,.trow{grid-template-columns:minmax(0,1fr) 96px}
  .t-author,.t-cnt,.t-last,.tlist-hd .t-author,.tlist-hd .t-cnt{display:none}
  .toolbar{flex-wrap:wrap;gap:8px}

  /* 帖子 */
  .thread-head{padding:14px}
  .thread-head h1{font-size:17px}
  .post{grid-template-columns:1fr}
  .p-side{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border-right:0;border-bottom:1px solid var(--line)}
  .p-avatar,.p-avatar-fallback{width:52px;height:52px;font-size:20px;margin:0;flex:none}
  .p-name{margin-top:0;font-size:14px}
  .p-side > .p-group{margin-top:0;margin-left:6px}
  .p-stats,.p-sign{display:none}
  .p-main{padding:14px 16px 16px}
  .p-body{font-size:14px;line-height:1.9}
  .p-head{flex-wrap:wrap;gap:4px 10px}
  .p-foot{flex-wrap:wrap;gap:6px}
  .p-foot .pf-right{margin-left:0;width:100%}
  .attach-card{max-width:none;flex-wrap:wrap}
  .attach-meta{flex-basis:calc(100% - 52px)}
  .attach-act{width:100%;text-align:left;padding-left:52px}

  /* 用户页 */
  .space-head{height:120px}
  .space-body{padding:0 15px 18px}
  .space-top{gap:12px;flex-wrap:wrap}
  .space-avatar{width:84px;height:84px;font-size:30px;margin-top:-42px}
  .space-id h1{font-size:18px}
  .space-grid{grid-template-columns:1fr}
  .dl{grid-template-columns:1fr}
  .stat-row{grid-template-columns:repeat(2,1fr)}
}