* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:"Microsoft YaHei",PingFangSC,Arial,sans-serif; color:#1f2937; background:#f3f4f6; }
a { color:#1f2937; text-decoration:none; }
.rail { position:fixed; left:0; top:0; bottom:0; width:220px; background:#1f2937; color:#cbd5e1;
  display:flex; flex-direction:column; z-index:100; }
.rail .logo { padding:26px 22px 20px; font-size:22px; font-weight:bold; color:#fff; line-height:1.4;
  border-bottom:1px solid #2f3c4f; }
.rail .logo i { display:block; font-style:normal; font-size:11px; color:#f97316; letter-spacing:3px; margin-top:4px; }
.rnav { flex:1; padding:12px 0; overflow-y:auto; }
.rnav a { display:block; padding:11px 22px; color:#9aa8bc; font-size:15px; border-left:3px solid transparent; }
.rnav a:hover { color:#fff; background:#26334a; }
.rnav a.on { color:#fff; background:#26334a; border-left-color:#f97316; font-weight:bold; }
.rail .rfoot { padding:16px 22px; font-size:11px; color:#5b6b80; line-height:1.9; border-top:1px solid #2f3c4f; }
.main { margin-left:220px; padding:0 28px 30px; }
.topbar { display:flex; justify-content:space-between; align-items:center; padding:16px 2px;
  font-size:13px; color:#8a94a6; border-bottom:1px solid #e5e7eb; margin-bottom:22px; }
.topbar .crumb a { color:#8a94a6; }
.topbar .crumb a:hover { color:#f97316; }
.banner { background:linear-gradient(120deg,#ea580c,#f97316 60%,#fb923c); border-radius:14px;
  color:#fff; padding:34px 38px; position:relative; overflow:hidden; }
.banner:after { content:"ROBOT"; position:absolute; right:18px; bottom:-26px; font-size:90px;
  font-weight:bold; color:rgba(255,255,255,.12); letter-spacing:6px; }
.banner .kick { font-size:12px; letter-spacing:3px; color:#ffedd5; margin-bottom:10px; }
.banner h1 { font-size:26px; line-height:1.5; margin-bottom:12px; max-width:760px; }
.banner h1 a { color:#fff; }
.banner p { color:rgba(255,255,255,.88); font-size:14px; line-height:1.8; max-width:700px; margin-bottom:14px; }
.banner .meta { font-size:12px; color:#ffedd5; }
.statrow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:20px 0; }
.stat { background:#fff; border-radius:12px; padding:16px 20px; border-left:4px solid #f97316; }
.stat b { display:block; font-size:22px; color:#1f2937; }
.stat span { font-size:12px; color:#8a94a6; }
.sec { margin-top:26px; }
.sec-h { display:flex; justify-content:space-between; align-items:baseline; margin-bottom:12px; }
.sec-h b { font-size:19px; color:#1f2937; }
.sec-h b:before { content:"■"; color:#f97316; font-size:12px; margin-right:9px; vertical-align:2px; }
.sec-h a { font-size:13px; color:#9ca3af; }
.sec-h a:hover { color:#f97316; }
.igrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.icard { background:#fff; border-radius:12px; padding:16px 18px; border:1px solid #e5e7eb;
  transition:box-shadow .15s, border-color .15s; }
.icard:hover { border-color:#fdba74; box-shadow:0 4px 14px rgba(249,115,22,.1); }
.icard h3 { font-size:16px; line-height:1.55; margin-bottom:8px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.icard h3 a:hover { color:#ea580c; }
.icard p { font-size:13px; color:#94a0b0; line-height:1.7; margin-bottom:10px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.icard .meta { font-size:12px; color:#b6bec9; }
.icard .meta em { font-style:normal; color:#f97316; margin-right:10px; }
.pager { text-align:center; padding:22px 0 4px; }
.pager a, .pager b { display:inline-block; min-width:34px; padding:7px 10px; border-radius:8px; margin:0 3px;
  background:#fff; border:1px solid #e5e7eb; font-size:14px; color:#4b5563; }
.pager b { background:#f97316; color:#fff; border-color:#f97316; }
.pager a:hover { color:#f97316; }
.article { background:#fff; border-radius:14px; padding:32px 40px; border:1px solid #e5e7eb; max-width:940px; }
.article h1 { font-size:26px; line-height:1.5; margin-bottom:12px; }
.article .meta { color:#9ca3af; font-size:13px; padding-bottom:14px; border-bottom:1px solid #f0f2f5; margin-bottom:18px; }
.article .meta span { margin-right:16px; }
.article h2 { font-size:19px; margin:22px 0 10px; color:#ea580c; }
.article h2:before { content:"■"; font-size:11px; margin-right:9px; vertical-align:2px; }
.article p { font-size:16px; line-height:1.95; margin-bottom:14px; color:#374151; }
.pn { display:flex; gap:14px; margin-top:18px; max-width:940px; }
.pn a, .pn span { flex:1; background:#fff; border:1px solid #e5e7eb; border-radius:10px;
  padding:13px 16px; font-size:14px; color:#4b5563; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.pn a:hover { color:#f97316; }
.rel { margin-top:24px; max-width:940px; }
.adbox { margin:20px 0; text-align:center; overflow:hidden; }
.article .adbox { margin:16px 0; }
.pfoot { margin-left:220px; background:#1f2937; color:#8a94a6; padding:22px 28px; font-size:13px;
  text-align:center; line-height:2.1; margin-top:34px; }
.pfoot a { color:#8a94a6; }
.pfoot a:hover { color:#fff; }
@media (max-width:900px){
  .rail { position:static; width:100%; flex-direction:row; flex-wrap:wrap; align-items:center; }
  .rail .logo { border-bottom:none; padding:14px 18px; }
  .rnav { display:flex; flex-wrap:wrap; padding:0 8px 10px; }
  .rnav a { padding:8px 10px; border-left:none; font-size:14px; }
  .rail .rfoot { display:none; }
  .main, .pfoot { margin-left:0; }
  .igrid, .statrow { grid-template-columns:1fr; }
  .article { padding:22px 18px; }
}