:root {
  --e90: #1e3a8a;
  --j75: #fbbf24;
  --j10: #f0f9ff;
  --q1: #ffffff;
  --y5: #64748b;
  --a95: #e2e8f0;
  --d69: #ef4444;
  --f56: #22c55e;
  --x54: 4px;
  --x28: 8px;
  --t15: 12px;
  --q81: 4px;
  --f27: 8px;
  --q33: 16px;
  --k62: 24px;
  --a90: 32px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  background: var(--j10);
  color: var(--e90);
  line-height: 1.6;
  min-height: 100vh;
}

a { color: var(--e90); text-decoration: none; transition: color .2s; }
a:hover { color: var(--j75); }

.t2a3r6 { max-width: 1200px; margin: 0 auto; padding: 0 var(--q33); }

/* Header */
.top-bar { background: var(--e90); color: #fff; padding: var(--f27) 0; font-size: 13px; }
.top-bar a { color: #93c5fd; }
._husro { background: var(--q1); border-bottom: 3px solid var(--j75); padding: var(--q33) 0; }
._husro h1 { font-size: 28px; color: var(--e90); }
._husro ._l37bu { font-size: 14px; color: var(--y5); margin-top: var(--q81); }

/* Navigation */
.hp-cell { background: var(--q1); border-radius: var(--x28); padding: var(--q33); margin: var(--q33) 0; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
.hp-cell .k1r5h2 { display: flex; flex-wrap: wrap; gap: var(--f27); list-style: none; }
.hp-cell ._wehow { padding: var(--f27) var(--q33); background: var(--j10); border-radius: var(--x54); font-size: 14px; border: 1px solid var(--a95); }
.hp-cell ._wehow:hover { border-color: var(--j75); background: #fffbeb; }

/* Post list */
._z0iq1 { background: var(--q1); border-radius: var(--x28); overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
._d9fda { display: flex; align-items: center; padding: var(--q33); border-bottom: 1px solid var(--a95); gap: var(--q33); }
._d9fda:last-child { border-bottom: none; }
._d9fda:hover { background: var(--j10); }
.s4w7z1 { display: inline-block; padding: 2px 6px; border-radius: 3px; font-size: 12px; font-weight: 600; margin-right: var(--q81); }
._ecvx0 { background: var(--d69); color: #fff; }
.rp-tag { background: var(--j75); color: var(--e90); }
.n5e6f6 { background: #dbeafe; color: var(--e90); }
.rp-area { font-weight: 600; font-size: 15px; flex: 1; }
.h1v1c2 { font-size: 12px; color: var(--y5); display: flex; gap: var(--q33); align-items: center; }

/* Avatar */
.qr-item { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 600; font-size: 14px; flex-shrink: 0; }

/* Sidebar */
.rp-chip { display: grid; grid-template-columns: 1fr 320px; gap: var(--k62); margin: var(--q33) 0; }
.w3u8c2 { background: var(--q1); border-radius: var(--x28); padding: var(--q33); margin-bottom: var(--q33); box-shadow: 0 1px 3px rgba(0,0,0,.06); }
.w3u8c2 ._6mugp { font-size: 16px; font-weight: 600; padding-bottom: var(--f27); border-bottom: 2px solid var(--j75); margin-bottom: var(--q33); }

/* User card */
.bx-pan { display: flex; align-items: center; gap: var(--f27); padding: var(--f27) 0; border-bottom: 1px solid var(--a95); }
.bx-pan:last-child { border-bottom: none; }
.bw-head { flex: 1; }
.bw-head ._p8oxt { font-weight: 600; font-size: 14px; }
.bw-head .f7o7b7 { font-size: 12px; color: var(--y5); }
.h4d2o1 { font-size: 12px; color: var(--j75); font-weight: 600; }

/* Topic tags */
.k5m7n4 { display: inline-block; padding: var(--q81) var(--f27); background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 20px; font-size: 13px; margin: 3px; color: var(--e90); }
.k5m7n4:hover { background: #dbeafe; }

/* Comments */
.mv-tag { background: var(--q1); border-radius: var(--x28); padding: var(--k62); margin: var(--q33) 0; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
.mv-tag .n1q8l2 { font-size: 18px; font-weight: 600; margin-bottom: var(--q33); padding-bottom: var(--f27); border-bottom: 2px solid var(--j75); }
.z8v6c8 { display: flex; gap: var(--q33); padding: var(--q33) 0; border-bottom: 1px solid var(--a95); }
.z8v6c8:last-child { border-bottom: none; }
.lq-mark { flex: 1; }
.lq-mark .c1l1a7 { font-weight: 600; font-size: 14px; }
.lq-mark .sl-list { font-size: 12px; color: var(--y5); margin-left: var(--f27); }
.lq-mark ._39627 { margin-top: var(--q81); font-size: 14px; line-height: 1.7; }
.lq-mark ._2u37r { margin-top: var(--f27); font-size: 12px; color: var(--y5); display: flex; gap: var(--q33); }

/* Online indicator */
._dvnc4 { display: inline-block; width: 8px; height: 8px; background: var(--f56); border-radius: 50%; margin-right: 6px; animation: pulse-dot 1.5s infinite; }
@keyframes pulse-dot { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .5; transform: scale(1.4); } }

/* Marquee */
.qr-box { background: var(--e90); color: #93c5fd; padding: 8px 0; overflow: hidden; position: relative; height: 32px; font-size: 13px; }
.qr-box ._nuhhx { position: absolute; white-space: nowrap; animation: scroll-left 30s linear infinite; }
@keyframes scroll-left { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } }

/* Stats bar */
._5idmb { background: var(--q1); padding: var(--q33); border-radius: var(--x28); text-align: center; font-size: 14px; color: var(--y5); margin: var(--q33) 0; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
._5idmb span { margin: 0 var(--q33); }
._5idmb strong { color: var(--e90); }

/* Post detail */
._428ic { background: var(--q1); border-radius: var(--x28); padding: var(--k62); margin: var(--q33) 0; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
.a1y9q5 { display: flex; gap: var(--k62); padding: var(--k62) 0; border-bottom: 1px solid var(--a95); }
.a1y9q5:last-child { border-bottom: none; }
._axa1e { width: 140px; text-align: center; flex-shrink: 0; }
._axa1e .qr-item { width: 56px; height: 56px; font-size: 20px; margin: 0 auto var(--f27); }
._axa1e .u8t9s4 { font-weight: 600; font-size: 14px; }
._axa1e .h6f7x7 { font-size: 12px; color: var(--y5); margin-top: 2px; }
.y6n8d5 { flex: 1; }
.y6n8d5 .tx-item { font-size: 12px; color: var(--y5); margin-bottom: var(--f27); }
.y6n8d5 .e4e4i1 { font-size: 15px; line-height: 1.8; }
.y6n8d5 ._vhagg { margin-top: var(--q33); display: flex; gap: var(--q33); font-size: 13px; color: var(--y5); }
.y6n8d5 .dk-head { width: 100%; height: 200px; border-radius: var(--x28); margin: var(--q33) 0; }

/* Breadcrumb */
._9a2cr { font-size: 13px; color: var(--y5); padding: var(--q33) 0; }
._9a2cr a { color: var(--e90); }
._9a2cr span { margin: 0 var(--q81); }

/* Pagination */
.a5v1e5 { display: flex; gap: var(--q81); justify-content: center; padding: var(--q33) 0; }
.a5v1e5 a, .a5v1e5 span { padding: 6px 12px; border: 1px solid var(--a95); border-radius: var(--x54); font-size: 13px; }
.a5v1e5 .wd-pill { background: var(--e90); color: #fff; border-color: var(--e90); }

/* New post button */
._yiqdk { display: inline-block; padding: var(--f27) var(--k62); background: var(--j75); color: var(--e90); font-weight: 600; border-radius: var(--x28); font-size: 15px; border: none; cursor: pointer; }
._yiqdk:hover { background: #f59e0b; color: #fff; }

/* Footer */
._f7t0z { background: var(--e90); color: #93c5fd; padding: var(--a90) 0; margin-top: var(--a90); font-size: 13px; }
._f7t0z a { color: #bfdbfe; }
._f7t0z .w6q4u5 { display: flex; flex-wrap: wrap; gap: var(--q33); margin-bottom: var(--q33); }

/* Highlight badge */
.g1t5o1 { background: #fef3c7; color: #92400e; padding: 2px 6px; border-radius: 3px; font-size: 11px; }

/* Responsive */
@media (max-width: 1024px) {
  .rp-chip { grid-template-columns: 1fr 280px; }
}
@media (max-width: 768px) {
  .rp-chip { grid-template-columns: 1fr; }
  .a1y9q5 { flex-direction: column; }
  ._axa1e { width: 100%; display: flex; align-items: center; gap: var(--f27); text-align: left; }
  ._axa1e .qr-item { margin: 0; width: 40px; height: 40px; font-size: 16px; }
}
@media (max-width: 480px) {
  .t2a3r6 { padding: 0 var(--f27); }
  ._d9fda { flex-direction: column; align-items: flex-start; }
  .h1v1c2 { flex-wrap: wrap; }
}