/* PokeJIA 论坛 · 对齐自研端 PixelChrome */
*{margin:0;padding:0;box-sizing:border-box}
body.fm{
  background:#C8CED6;
  background-image:linear-gradient(180deg,#D8DCE4 0,#C8CED6 48%,#B8BEC6 100%);
  color:#2A323C;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Microsoft YaHei',sans-serif;
  font-size:14px;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased
}
.fm a{color:#2A6CB4;text-decoration:none}.fm a:hover{text-decoration:underline}
a.trow,a.stopic,a.brow{color:inherit;text-decoration:none;cursor:pointer}
a.trow:hover,a.stopic:hover,a.brow:hover{text-decoration:none}
.fwrap{max-width:1010px;margin:0 auto;padding:0 18px;width:100%}
.fnav{
  background:#2E3842;color:#E8EEF4;position:sticky;top:0;z-index:100;
  box-shadow:0 0 0 1px #080A0C,inset 0 1px 0 #9AADB8,inset 0 -1px 0 #101418
}
.fnav .fwrap{display:flex;align-items:center;height:60px;gap:6px}
.flogo{display:inline-flex;align-items:center;margin-right:20px;text-decoration:none}
.flogo img{height:28px;width:auto;image-rendering:pixelated;image-rendering:crisp-edges}
.flogo:hover{text-decoration:none}
.fmenu{display:flex;gap:2px}
.fmenu a{color:#9AADB8!important;padding:8px 12px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.8px}
.fmenu a:hover{color:#fff!important;text-decoration:none;background:#242C34}
.fspace{flex:1}
.fuser{display:flex;align-items:center;gap:9px;color:#9AADB8;font-size:13px}
.fuser form{display:flex;gap:6px;align-items:center}
.fuser input{
  height:34px;border:0;padding:2px 10px;font-size:13px;width:110px;color:#E8EEF4;background:#14181C;
  box-shadow:inset 1px 1px 0 #101418,0 0 0 1px #080A0C
}
.fuser input:focus{outline:none}
.fuser .rbtn,.fuser .lbtn{
  background:#2A6CB4;color:#fff!important;border:0;height:34px;padding:0 16px;font-weight:800;cursor:pointer;
  display:inline-flex;align-items:center;text-transform:uppercase;letter-spacing:.5px;font-size:11px;
  box-shadow:inset 1px 1px 0 #7eb3e8,inset -1px -1px 0 #163a66,0 0 0 1px #080A0C
}
.fuser .rbtn:hover,.fuser .lbtn:hover{filter:brightness(1.08);text-decoration:none}
.fuser .out{
  color:#E8EEF4;background:#3A4650;border:0;height:32px;padding:0 12px;cursor:pointer;
  box-shadow:inset 1px 1px 0 #9AADB8,inset -1px -1px 0 #101418,0 0 0 1px #080A0C
}
.fnav2{background:#242C34;box-shadow:0 0 0 1px #080A0C}
.fnav2 .fwrap{display:flex;align-items:center;height:42px;gap:14px}
.fcrumb{color:#9AADB8;font-size:12px;text-transform:uppercase;letter-spacing:.6px}
.fcrumb a{color:#9AADB8!important}.fcrumb b{color:#E8EEF4;font-weight:700}
.fsearch{margin-left:auto;display:flex;margin-bottom:0}
.fsearch input{
  height:30px;border:0;padding:2px 12px;font-size:13px;width:210px;background:#14181C;color:#E8EEF4;
  box-shadow:inset 1px 1px 0 #101418,0 0 0 1px #080A0C
}
.fsearch input:focus{outline:none}
.fsearch input::placeholder{color:#7a8794}
.fpage{padding:26px 0 16px;flex:1}
.fgrid{display:grid;grid-template-columns:1fr 296px;gap:22px;align-items:start}
.ftitle{font-size:26px;font-weight:800;margin:0 0 18px;color:#080A0C;letter-spacing:.3px;text-shadow:1px 1px 0 #fff}
.rules{
  background:#2E3842;color:#E8EEF4;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;
  margin-bottom:18px;font-size:13px;
  box-shadow:inset 1px 1px 0 #9AADB8,inset -1px -1px 0 #101418,0 0 0 1px #080A0C
}
.rules .x{cursor:pointer;opacity:.6;font-size:18px;line-height:1}
.cblock{
  background:#f4f6f8;overflow:hidden;margin-bottom:18px;
  box-shadow:0 0 0 1px #080A0C,inset 1px 1px 0 #fff
}
.chead{
  background:#2E3842;color:#fff;font-weight:800;padding:12px 18px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;
  box-shadow:inset 1px 1px 0 #9AADB8
}
.brow{display:flex;align-items:center;gap:15px;padding:16px 18px;border-top:1px solid #d0d5dc;color:#080A0C!important}
.brow:hover{background:#fff;text-decoration:none}
.bicon{
  width:42px;height:42px;background:#2A6CB4;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;
  box-shadow:inset 1px 1px 0 #7eb3e8,inset -1px -1px 0 #163a66,0 0 0 1px #080A0C
}
.bicon svg{width:20px;height:20px;fill:none;stroke:#fff}
.bmain{flex:1;min-width:0}
.bname{font-weight:800;font-size:16px;color:#080A0C}
.bdesc{color:#4a5560;font-size:13px;margin-top:3px;line-height:1.45}
.bcount{text-align:center;color:#080A0C;font-size:18px;font-weight:800;min-width:80px;flex-shrink:0}
.bcount span{display:block;font-size:10px;color:#7a8794;font-weight:400;margin-top:2px;text-transform:uppercase;letter-spacing:.5px}
.blast{display:flex;align-items:center;gap:9px;width:196px;flex-shrink:0}
.blast .lt{font-size:13px;font-weight:700;display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#080A0C}
.blast .meta{color:#7a8794;font-size:12px}
.blast .none{color:#9AADB8;font-size:13px}
.favatar{border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;line-height:1;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.swidget{
  background:#f4f6f8;overflow:hidden;margin-bottom:18px;
  box-shadow:0 0 0 1px #080A0C,inset 1px 1px 0 #fff
}
.shead{background:#2E3842;color:#fff;font-weight:800;padding:12px 15px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}
.stopic{display:flex;gap:9px;padding:11px 15px;border-top:1px solid #d0d5dc;color:#080A0C!important}
.stopic:hover{background:#fff;text-decoration:none}
.stopic .st{font-weight:700;color:#2A6CB4;font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.stopic:hover .st{text-decoration:underline}
.stopic .meta{color:#7a8794;font-size:12px;margin-top:2px}
.sempty{padding:16px;color:#7a8794;font-size:13px;text-align:center}
.sstats{display:flex;justify-content:space-around;padding:18px 10px;text-align:center}
.sstats div{color:#7a8794;font-size:11px;text-transform:uppercase;letter-spacing:.5px}
.sstats b{display:block;color:#080A0C;font-size:24px;font-weight:800}
.ttoolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:10px;flex-wrap:wrap}
.tdesc{color:#4a5560;font-size:13px}
.btn-new{
  background:#2A6CB4;color:#fff!important;font-weight:800;padding:10px 18px;text-transform:uppercase;letter-spacing:.5px;font-size:12px;
  box-shadow:inset 1px 1px 0 #7eb3e8,inset -1px -1px 0 #163a66,0 0 0 1px #080A0C
}
.btn-new:hover{filter:brightness(1.08);text-decoration:none}
.tlist{background:#f4f6f8;overflow:hidden;box-shadow:0 0 0 1px #080A0C,inset 1px 1px 0 #fff}
.trow{display:flex;align-items:center;gap:14px;padding:15px 16px;border-top:1px solid #d0d5dc}
.trow:first-child{border-top:0}
.trow:hover{background:#fff}
.trow .tav{flex-shrink:0}
.trow .ti{flex:1;min-width:0}
.trow .ti .tt{font-weight:700;font-size:15px;color:#2A6CB4}
.trow:hover .ti .tt{text-decoration:underline}
.trow .ti .meta{color:#7a8794;font-size:12px;margin-top:2px}
.trow .ts{text-align:center;min-width:54px;color:#080A0C;flex-shrink:0;font-weight:800}
.trow .ts span{display:block;font-size:11px;color:#7a8794;font-weight:400}
.tempty{background:#f4f6f8;padding:40px;text-align:center;color:#7a8794;box-shadow:0 0 0 1px #080A0C;line-height:1.7}
.tempty a{color:#2A6CB4;font-weight:700}
.postcard{background:#f4f6f8;overflow:hidden;margin-bottom:16px;display:flex;box-shadow:0 0 0 1px #080A0C,inset 1px 1px 0 #fff}
.pauthor{width:170px;background:#2E3842;color:#E8EEF4;padding:20px 14px;text-align:center;flex-shrink:0}
.pauthor .nm{font-weight:800;color:#fff;margin-top:10px;word-break:break-word;font-size:15px}
.pauthor .role{display:inline-block;color:#fff;background:#3A4650;font-size:10px;margin-top:6px;padding:2px 10px;text-transform:uppercase;letter-spacing:.5px}
.pauthor .role.op{background:#2A6CB4}
.pbody{flex:1;min-width:0;padding:16px 20px}
.pbody .ph{color:#7a8794;font-size:12px;border-bottom:1px solid #d0d5dc;padding-bottom:9px;margin-bottom:12px}
.pbody .pc{font-size:15px;line-height:1.8;white-space:pre-wrap;word-break:break-word;color:#2A323C}
.fform{
  background:#2E3842;color:#E8EEF4;padding:18px 20px;margin-top:16px;
  box-shadow:inset 1px 1px 0 #9AADB8,inset -1px -1px 0 #101418,0 0 0 1px #080A0C
}
.fform .lbl{font-weight:800;margin-bottom:12px;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#9AADB8}
.fform input.title{
  width:100%;height:44px;border:0;padding:6px 12px;font-size:15px;margin-bottom:12px;color:#E8EEF4;background:#14181C;
  box-shadow:inset 1px 1px 0 #101418,0 0 0 1px #080A0C
}
.fform input.title:focus,.fform textarea:focus{outline:none}
.fform textarea{
  width:100%;min-height:140px;border:0;padding:10px 12px;font-size:15px;font-family:inherit;line-height:1.7;
  color:#E8EEF4;background:#14181C;box-shadow:inset 1px 1px 0 #101418,0 0 0 1px #080A0C
}
.fform .sub{
  background:#2A6CB4;color:#fff;border:0;padding:11px 26px;font-weight:800;cursor:pointer;margin-top:14px;font-size:12px;
  text-transform:uppercase;letter-spacing:1px;
  box-shadow:inset 1px 1px 0 #7eb3e8,inset -1px -1px 0 #163a66,0 0 0 1px #080A0C
}
.fform .sub:hover{filter:brightness(1.08)}
.fform .cancel{color:#9AADB8;margin-left:14px}
.loginbox{
  background:#2E3842;color:#E8EEF4;padding:22px;margin-top:16px;text-align:center;
  box-shadow:inset 1px 1px 0 #9AADB8,inset -1px -1px 0 #101418,0 0 0 1px #080A0C
}
.loginbox form{display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:12px}
.loginbox input{
  height:40px;border:0;padding:4px 12px;color:#E8EEF4;background:#14181C;
  box-shadow:inset 1px 1px 0 #101418,0 0 0 1px #080A0C
}
.loginbox input:focus{outline:none}
.loginbox .sub{
  background:#2A6CB4;color:#fff;border:0;padding:0 24px;font-weight:800;cursor:pointer;height:40px;
  text-transform:uppercase;letter-spacing:.5px;
  box-shadow:inset 1px 1px 0 #7eb3e8,inset -1px -1px 0 #163a66,0 0 0 1px #080A0C
}
.tbadge{display:inline-block;font-size:10px;font-weight:800;color:#fff;padding:2px 8px;margin-right:7px;vertical-align:2px;text-transform:uppercase;letter-spacing:.5px;background:#2A6CB4}
.tbadge.pin{background:#2A6CB4}.tbadge.feat{background:#2A6CB4}.tbadge.lock{background:#3A4650}
.modbar{
  background:#2E3842;color:#E8EEF4;padding:10px 14px;margin-bottom:16px;font-size:13px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;
  box-shadow:inset 1px 1px 0 #9AADB8,inset -1px -1px 0 #101418,0 0 0 1px #080A0C
}
.mbtn{
  background:#3A4650;border:0;color:#E8EEF4;padding:5px 12px;font-size:13px;cursor:pointer;font-weight:700;
  box-shadow:inset 1px 1px 0 #9AADB8,inset -1px -1px 0 #101418,0 0 0 1px #080A0C
}
.mbtn:hover{background:#2A6CB4;color:#fff}
.mbtn.del{color:#ffb4b4}.mbtn.del:hover{background:#8b1e1e;color:#fff}
.mbtn.sm{padding:2px 9px;font-size:12px}
.pfoot{margin-top:14px;border-top:1px solid #d0d5dc;padding-top:12px}
.likebtn{
  background:#3A4650;border:0;color:#E8EEF4;padding:6px 15px;font-size:13px;cursor:pointer;font-weight:700;
  box-shadow:inset 1px 1px 0 #9AADB8,inset -1px -1px 0 #101418,0 0 0 1px #080A0C
}
.likebtn:hover{background:#2A6CB4;color:#fff}
.likebtn.on{background:#2A6CB4;color:#fff}
.likebtn b{font-weight:800}
.likestat{color:#7a8794;font-size:13px}
.ph{display:flex;justify-content:space-between;align-items:center}
.pimgs{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
.pimgs img{max-width:230px;max-height:190px;cursor:pointer;object-fit:cover;box-shadow:0 0 0 1px #080A0C}
.pimgs img:hover{filter:brightness(.97)}
.filerow{margin:10px 0}
.filebtn{
  display:inline-flex;align-items:center;gap:6px;background:#3A4650;border:0;color:#E8EEF4;padding:9px 14px;font-size:13px;cursor:pointer;
  box-shadow:inset 1px 1px 0 #9AADB8,inset -1px -1px 0 #101418,0 0 0 1px #080A0C
}
.filebtn:hover{background:#2A6CB4;color:#fff}
.filebtn input{display:none}
.fpager{display:flex;gap:6px;justify-content:center;margin:18px 0 4px;flex-wrap:wrap}
.fpager a,.fpager span{
  min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;
  background:#2E3842;color:#E8EEF4;font-size:14px;
  box-shadow:inset 1px 1px 0 #9AADB8,inset -1px -1px 0 #101418,0 0 0 1px #080A0C
}
.fpager a:hover{background:#2A6CB4;color:#fff;text-decoration:none}
.fpager .cur{background:#2A6CB4;color:#fff;font-weight:800}
.fpager .dots{border:0;background:none;box-shadow:none;color:#4a5560}
.profile{
  background:#f4f6f8;padding:24px;margin-bottom:18px;
  box-shadow:0 0 0 1px #080A0C,inset 1px 1px 0 #fff
}
.phead{display:flex;align-items:center;gap:20px}
.pinfo .pn{font-size:24px;font-weight:800;color:#080A0C}
.pinfo .pmeta{color:#7a8794;font-size:13px;margin-top:4px}
.pinfo .pstats{display:flex;gap:26px;margin-top:14px}
.pinfo .pstats span{color:#7a8794;font-size:12px;text-transform:uppercase;letter-spacing:.5px}
.pinfo .pstats b{color:#080A0C;font-size:22px;margin-right:4px;font-weight:800}
.fft{background:#2E3842;color:#7a8794;padding:22px 0;font-size:11px;text-align:center;letter-spacing:.3px;margin-top:auto;
  box-shadow:0 0 0 1px #080A0C,inset 0 1px 0 #9AADB8}
@media(max-width:860px){.fgrid{grid-template-columns:1fr}.blast{display:none}.fsearch input{width:130px}}
@media(max-width:600px){.postcard{flex-direction:column}.pauthor{width:auto;display:flex;align-items:center;gap:12px;text-align:left}.pauthor .nm{margin-top:0}.bcount{display:none}}