:root{--bg-1: #f2f8ff;--bg-2: #f8fff5;--ink-1: #112133;--ink-2: #4f6074;--line: #d5e0ec;--brand: #0f6bcf;--brand-2: #0a8f65;--danger: #c62828;--card-bg: #ffffffcc;--shadow: 0 14px 36px rgba(18, 45, 82, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink-1);font-family:Source Han Sans SC,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;background:radial-gradient(1200px 700px at 100% -100px,#d8f0ff 15%,transparent 75%),radial-gradient(900px 560px at -120px 100%,#e5ffe4 12%,transparent 72%),linear-gradient(150deg,var(--bg-1),var(--bg-2))}a{color:var(--brand)}.page-shell{width:min(1080px,100% - 2rem);margin:1.4rem auto 2.2rem}.hero{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:18px;background:linear-gradient(130deg,#ffffffd0,#f5fbffde);box-shadow:var(--shadow);animation:hero-rise .36s ease-out}.hero h1{margin:0;font-size:clamp(1.2rem,2.6vw,1.75rem);letter-spacing:.02em}.hero p{margin:.35rem 0 0;color:var(--ink-2)}.health-badge{border-radius:999px;padding:.3rem .7rem;font-size:.8rem;font-weight:700;letter-spacing:.03em}.health-ok{background:#dff8ea;color:#0a6a49}.health-bad{background:#ffe2e2;color:#9b1f1f}.health-unknown{background:#e9eef5;color:#445267}.panel{margin-top:1rem;border:1px solid var(--line);border-radius:18px;background:var(--card-bg);box-shadow:var(--shadow);padding:1rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.search-form,.detail-tools{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.search-form input,.detail-tools input,.jump-floor input{height:2.35rem;border:1px solid #bed0e0;border-radius:11px;padding:0 .75rem;outline:none;font-size:.95rem;background:#fff}.search-form input,.detail-tools>input{flex:1 1 18rem}.search-form button,.jump-floor button,.pager-row button,.back-btn{height:2.35rem;border:none;border-radius:11px;padding:0 .9rem;color:#fff;font-weight:700;cursor:pointer;background:linear-gradient(130deg,var(--brand),var(--brand-2));transition:transform .15s ease,box-shadow .15s ease}.search-form button:hover,.jump-floor button:hover,.pager-row button:hover,.back-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #105c9d38}.search-form button:disabled,.jump-floor button:disabled,.pager-row button:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}.list-meta{display:flex;justify-content:space-between;color:var(--ink-2);font-size:.88rem;margin-top:.75rem}.error-box,.loading-box,.empty-box{margin-top:.85rem;padding:.8rem;border-radius:12px;font-size:.92rem}.error-box{background:#ffefef;border:1px solid #efb0b0;color:#9c1f1f}.loading-box,.empty-box{background:#f1f6fb;border:1px solid #d0dfec;color:#3f5165}.topic-list,.post-list{margin-top:.8rem;display:grid;gap:.75rem}.topic-item{border:1px solid var(--line);border-radius:14px;background:#fff;padding:.8rem .85rem;animation:item-rise .28s ease both}.topic-title{color:var(--ink-1);text-decoration:none;font-size:1rem;font-weight:700}.topic-title:hover{color:var(--brand)}.topic-subline{margin-top:.38rem;color:var(--ink-2);font-size:.86rem;display:flex;flex-wrap:wrap;gap:.75rem}.topic-authors{margin-top:.2rem;color:#2f435a;font-size:.9rem}.pager-row{margin-top:.9rem;display:flex;justify-content:flex-end;gap:.55rem}.detail-hero p a{word-break:break-all}.detail-tools{justify-content:space-between}.jump-floor{display:flex;gap:.45rem}.post-section{margin-top:.9rem}.post-section h2{margin:0;font-size:1rem}.post-card{border:1px solid var(--line);border-radius:14px;background:#fffe;padding:.8rem}.post-card-hot{border-left:4px solid var(--danger);background:#fff7f7}.post-header{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.post-floor{font-weight:800;color:#0c3f7d}.post-user{font-weight:700}.post-time{color:#5a6e84;font-size:.86rem}.post-content{margin-top:.5rem;white-space:pre-wrap;line-height:1.6;word-break:break-word}.post-segment{white-space:pre-wrap}.inline-link{color:#0e6ad0}.post-image-wrap{margin:.55rem 0}.post-image{width:min(100%,680px);border-radius:10px;border:1px solid #c8d5e3;display:block}.post-footer{margin-top:.62rem;color:#405267;display:flex;gap:1rem;font-size:.88rem}@media (max-width: 900px){.page-shell{width:min(1080px,100% - 1rem)}.hero,.panel{border-radius:14px}.list-meta{flex-direction:column;gap:.2rem}.detail-tools{flex-direction:column;align-items:stretch}.jump-floor{width:100%}.jump-floor input{flex:1}}@keyframes hero-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes item-rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}