:root{color-scheme:light;--bg:#f5f6f8;--card:#fff;--ink:#20242b;--muted:#69707a;--line:#e2e5e9;--blue:#2563eb;--blue-soft:#eef4ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 "Segoe UI","Microsoft YaHei",sans-serif}button,input,textarea,select{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}.topbar{height:64px;position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);background:#fffffff5;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:750}.brand small{display:block;color:#76808d;font-size:9px;letter-spacing:1.5px;font-weight:500}.brand-wave{display:flex;align-items:center;gap:3px;height:25px}.brand-wave i{width:3px;border-radius:3px;background:var(--blue)}.brand-wave i:nth-child(1){height:12px}.brand-wave i:nth-child(2){height:23px}.brand-wave i:nth-child(3){height:17px}.brand-wave i:nth-child(4){height:9px}.topbar nav{display:flex;gap:30px;color:#525963;font-size:14px}.topbar nav a:hover{color:var(--blue)}.top-actions{justify-self:end;display:flex;gap:9px}.primary,.secondary,.search-toggle{min-height:40px;border-radius:7px;padding:9px 17px}.primary{border:1px solid var(--blue);background:var(--blue);color:white;font-weight:650}.primary:hover{background:#1d4ed8}.secondary{display:inline-flex;justify-content:center;border:1px solid #b9caf5;background:white;color:#2457c5}.search-toggle{display:none;width:40px;padding:0;border:1px solid var(--line);background:white;color:var(--blue);font-size:21px}main{width:min(1380px,94vw);margin:auto}.hero{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:45px;align-items:center;margin:28px 0 20px;padding:32px 38px;border:1px solid #d9e2f5;border-radius:12px;background:linear-gradient(110deg,#fff 0%,#f3f7ff 100%)}.kicker{margin:0 0 8px;color:var(--blue);font-size:10px;font-weight:750;letter-spacing:1.6px}.hero h1{font-size:clamp(28px,3vw,42px);line-height:1.3;letter-spacing:-1px;margin:0 0 13px}.hero-copy>p:not(.kicker){max-width:720px;color:#5e6671;font-size:15px;margin:0}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:20px}.hero-actions a{color:var(--blue)}.hero-board{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:10px;background:#fff}.hero-board div{padding:13px 16px;border-bottom:1px solid var(--line)}.hero-board div:nth-child(odd){border-right:1px solid var(--line)}.hero-board div:nth-child(n+3){border-bottom:0}.hero-board strong,.hero-board span{display:block}.hero-board strong{font-size:16px}.hero-board span{color:var(--muted);font-size:12px}.hero-board p{display:none}.community-shell{display:grid;grid-template-columns:180px minmax(0,1fr) 270px;gap:20px;padding:0 0 70px}.left-rail,.right-rail{position:sticky;top:84px;align-self:start}.rail-title{margin:7px 0 10px;color:#8a9098;font-size:11px}.topic-filter{width:100%;display:flex;gap:11px;align-items:center;padding:11px 12px;margin:3px 0;border:0;border-radius:7px;background:transparent;color:#555d67;text-align:left}.topic-filter span{width:18px;color:#838b96}.topic-filter:hover,.topic-filter.active{background:#e7eefc;color:#1f55bd}.topic-filter.active span{color:var(--blue)}.rail-note{margin-top:25px;padding:16px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#646b75}.rail-note strong{color:#343a43}.rail-note p{margin:8px 0 0;font-size:12px}.feed-panel{min-width:0;padding:23px 25px;border:1px solid var(--line);border-radius:11px;background:#fff}.feed-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.feed-head h2{margin:0;font-size:25px}.feed-tools{display:flex;gap:8px}.search{display:flex;align-items:center;gap:7px;width:235px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:#fafbfc}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.feed-tools select{border:1px solid var(--line);border-radius:7px;background:white;color:#505761;padding:9px 11px}.category-chips{display:flex;gap:7px;overflow:auto;padding:20px 0 14px;border-bottom:1px solid var(--line)}.category-chips button{white-space:nowrap;border:0;border-radius:6px;background:#f1f3f5;color:#606872;padding:6px 11px}.category-chips button.active{background:var(--blue);color:white}.feed-status{padding:15px 0 12px;color:var(--muted);font-size:13px}.post-list{border-top:1px solid var(--line)}.post-card{display:grid;grid-template-columns:48px 1fr auto;gap:14px;padding:21px 2px;border-bottom:1px solid var(--line)}.post-card:hover{background:#fafcff}.avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;background:#e8efff;color:#2459c4;font-weight:750}.post-main{min-width:0}.post-meta{display:flex;align-items:center;gap:7px;color:#858b93;font-size:12px}.type-badge{padding:1px 7px;border-radius:4px;background:#eef4ff;color:#2b5fc6}.post-card h3{margin:6px 0 5px;font-size:18px;line-height:1.45}.post-card h3 button{padding:0;border:0;background:transparent;text-align:left;font-weight:650}.post-card h3 button:hover{color:var(--blue)}.post-card p{margin:0;color:#666d76;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.tags span{color:#5d77ad;font-size:12px}.tags span:before{content:"#"}.post-stats{display:flex;align-items:center;gap:3px;align-self:center}.stat-button{min-width:48px;border:0;border-radius:6px;background:transparent;color:#858b93;padding:7px}.stat-button:hover,.stat-button.active{color:var(--blue);background:var(--blue-soft)}.side-card,.member-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:19px;margin-bottom:15px}.member-card h2{margin:0;font-size:21px}.member-card>p:not(.kicker){color:#69717a;font-size:13px}.member-card .secondary{width:100%}.side-card ol{list-style:none;padding:0;margin:13px 0 0}.side-card li{display:flex;gap:10px;padding:11px 0;border-top:1px solid #edf0f2}.side-card li b{color:var(--blue);font-size:11px}.side-card li span,.rules p{font-size:12px}.rules p{color:#737a83}.side-head{display:flex;justify-content:space-between;align-items:center}.side-head h3,.side-card h3{margin:0;font-size:16px}.side-head span{color:#9ca1a8;font-size:9px}.modal{width:min(760px,calc(100vw - 30px));max-height:calc(100dvh - 34px);overflow:auto;border:1px solid #d9dde2;border-radius:12px;background:#fff;color:var(--ink);padding:28px;box-shadow:0 30px 100px #15213c40}.modal::backdrop{background:#20293999;backdrop-filter:blur(5px)}.modal-close-row{position:sticky;top:0;z-index:3;display:flex;justify-content:flex-end;height:0}.modal-close-row button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;color:#3d434b;font-size:22px}.modal-head h2{font-size:28px;margin:0}.modal-head>p:not(.kicker){color:var(--muted)}.publish-form{display:grid;gap:14px;margin-top:22px}.publish-form label{display:grid;gap:6px;color:#555c65}.publish-form input,.publish-form textarea,.publish-form select,#comment-form textarea{width:100%;border:1px solid #d5d9de;border-radius:7px;background:#fff;color:var(--ink);padding:11px 13px;outline:none}.publish-form textarea{min-height:95px;resize:vertical}.publish-form label:nth-of-type(4) textarea{min-height:220px}.publish-form input:focus,.publish-form textarea:focus,#comment-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb12}.form-note,.form-status{color:#7a8088;font-size:13px}.detail-modal{width:min(850px,calc(100vw - 30px))}.detail-article .detail-type{color:var(--blue);font-size:12px}.detail-article h2{font-size:31px;line-height:1.4;margin:11px 0}.detail-byline{color:#858b93;font-size:13px}.detail-desc{font-size:17px;color:#515862;border-left:3px solid var(--blue);padding-left:15px}.detail-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.9}.comments{margin-top:32px;padding-top:22px;border-top:1px solid var(--line)}.comments-head{display:flex;justify-content:space-between;align-items:center}.comments-head span{color:var(--muted);font-size:12px}.comment{padding:15px 0;border-top:1px solid #edf0f2}.comment strong{color:#285bbe}.comment time{margin-left:10px;color:#92979e;font-size:12px}.comment p{margin:6px 0;white-space:pre-wrap}#comment-form{display:grid;gap:9px;margin-top:18px}#comment-form textarea{min-height:95px;resize:vertical}.toast{position:fixed;left:50%;bottom:25px;z-index:50;transform:translate(-50%,20px);opacity:0;pointer-events:none;border:1px solid #d7dce2;border-radius:7px;background:#fff;padding:11px 17px;box-shadow:0 14px 40px #19233b26;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1100px){.community-shell{grid-template-columns:155px minmax(0,1fr)}.right-rail{display:none}.hero{grid-template-columns:1fr 330px}}@media(max-width:780px){.topbar{grid-template-columns:1fr auto;height:62px;padding:0 16px}.topbar nav{display:none}.top-actions .primary{display:none}.search-toggle{display:block}.hero{grid-template-columns:1fr;margin-top:16px;padding:25px}.hero-board{display:none}.community-shell{grid-template-columns:1fr}.left-rail{position:static;display:flex;gap:6px;overflow:auto}.rail-title,.rail-note{display:none}.topic-filter{width:auto;white-space:nowrap;border:1px solid var(--line);background:#fff}.feed-head{display:block}.feed-tools{margin-top:15px}.search{width:100%}.post-card{grid-template-columns:40px 1fr}.avatar{width:36px;height:36px}.post-stats{grid-column:2;justify-self:start}}@media(max-width:520px){main{width:calc(100% - 24px)}.brand{font-size:16px}.hero h1{font-size:28px;letter-spacing:-.5px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.feed-panel{padding:18px 14px}.feed-tools select{display:none}.post-card{padding:18px 0;gap:9px}.modal{padding:20px}.detail-article h2{font-size:26px}}