:root{--ink:#15375f;--muted:#758aa4;--line:#dbe5f1;--blue:#326cf0;--paper:#fff}.community-page{background:#f4f7fb}.brand-mark{width:58px;height:44px;object-fit:contain}.community-account{flex:none;line-height:1.3;text-align:right}.community-account strong{display:block;color:#1b3b63;font-size:13px}.community-account small{display:block;margin-top:3px;color:#8192a8;font-size:10px}.community-board{padding-top:28px;padding-bottom:100px}.forum-page-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:24px 28px;border:1px solid var(--line);border-radius:14px;background:white;box-shadow:0 10px 28px rgba(35,70,112,.06)}.forum-page-head>div{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:16px}.forum-page-head p{grid-column:1/-1;margin:0 0 7px;color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.2em}.forum-page-head h1{margin:0;color:var(--ink);font:900 34px/1 var(--display);letter-spacing:-.04em}.forum-page-head span{color:#8496ab;font-size:12px}.forum-page-head .button{min-height:46px;padding:10px 20px;box-shadow:0 10px 22px rgba(50,108,240,.2)}.forum-toolbar{position:sticky;top:80px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px;padding:13px 0;background:rgba(244,247,251,.92);backdrop-filter:blur(12px)}.forum-categories{display:flex;gap:7px;overflow-x:auto;padding:3px;scrollbar-width:none}.forum-categories button{min-height:38px;padding:8px 13px;border:1px solid #d6e1ef;border-radius:8px;color:#617894;background:white;white-space:nowrap;cursor:pointer}.forum-categories button.is-active{border-color:var(--blue);color:white;background:var(--blue);box-shadow:0 8px 18px rgba(50,108,240,.18)}.forum-search{width:220px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #d5e0ed;border-radius:8px;background:white;color:#8395aa;font-size:10px}.forum-search input{width:100%;height:40px;border:0;outline:0;color:#23456d;background:transparent}.forum-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px}.forum-feed{min-width:0}.feed-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.feed-heading>div{display:flex;align-items:baseline;gap:10px}.feed-heading h2{margin:0;color:#18385f;font:900 25px/1.2 var(--display)}.feed-heading span{color:#91a0b2;font-size:11px}.feed-heading select{height:36px;padding:0 9px;border:1px solid #d6e1ee;border-radius:7px;color:#5e7592;background:white}.forum-post{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:15px;margin-bottom:10px;padding:21px;border:1px solid var(--line);border-radius:13px;background:white;box-shadow:0 3px 0 rgba(88,132,193,.14),0 9px 22px rgba(38,70,108,.05);cursor:pointer;transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .28s ease}.forum-post:hover{transform:translateY(-3px);border-color:#aac4e8;box-shadow:0 4px 0 rgba(72,120,187,.2),0 18px 34px rgba(38,70,108,.11)}.post-avatar{width:50px;height:50px;display:grid;place-items:center;overflow:hidden;border:3px solid white;border-radius:12px;outline:1px solid #d1dfee;color:#2b60c7;background:#e6effd;box-shadow:0 7px 15px rgba(40,76,122,.12);font-weight:900}.post-avatar img{width:100%;height:100%;object-fit:cover}.post-main{min-width:0}.post-meta{display:flex;align-items:center;gap:8px;color:#8797aa;font-size:10px}.post-meta strong{color:#47617f;font-size:12px}.post-badge{padding:3px 7px;border-radius:5px;color:#285fc7;background:#e7f0ff}.post-pin{color:#d26737;font-weight:800}.forum-post h3{overflow:hidden;margin:8px 0 6px;color:#17375d;font-size:18px;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}.forum-post p{display:-webkit-box;overflow:hidden;margin:0;color:#6f839c;font-size:12px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:2}.post-thumb{width:112px;height:78px;overflow:hidden;border-radius:9px;background:#e8f0fb}.post-thumb img{width:100%;height:100%;object-fit:cover}.post-stats{grid-column:2/-1;display:flex;align-items:center;gap:17px;padding-top:8px;border-top:1px solid #edf1f6;color:#8a9aae;font-size:10px}.post-stats button{padding:0;border:0;color:inherit;background:none;cursor:pointer}.post-stats button.is-liked{color:#e14c63}.post-stats b{font-weight:800}.forum-sidebar{position:sticky;top:150px;display:grid;gap:13px}.forum-sidebar section{padding:19px;border:1px solid var(--line);border-radius:13px;background:white;box-shadow:0 10px 24px rgba(38,70,108,.05)}.side-heading{display:flex;align-items:center;gap:8px;margin-bottom:13px}.side-heading h2,.rules-panel h2{margin:0;color:#24466d;font-size:15px}.side-heading a{margin-left:auto;color:#6280a4;font-size:10px;text-decoration:none}.live-dot{width:7px;height:7px;border-radius:50%;background:#28b77e;box-shadow:0 0 0 5px rgba(40,183,126,.1)}.active-list{display:grid}.active-list a{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #edf2f7;color:var(--ink);text-decoration:none}.active-list img{width:42px;height:42px;border-radius:10px;object-fit:cover}.active-list span{display:grid;gap:4px}.active-list strong{font-size:12px}.active-list small{color:#8a9caf;font-size:9px}.active-list b{color:#28a978;font-size:9px}.topic-list{display:grid}.topic-list button{display:flex;justify-content:space-between;padding:11px 0;border:0;border-top:1px solid #edf2f7;color:#3e669a;background:none;text-align:left;cursor:pointer}.topic-list small{color:#9cabbc}.rules-panel p{margin:9px 0 0;color:#7c8fa6;font-size:10px;line-height:1.8}.forum-empty{padding:70px 20px;border:1px dashed #bbcbdf;border-radius:13px;text-align:center;background:white;color:#8092a8}.forum-empty strong{color:#29496e;font-size:18px}.forum-empty p{margin-top:5px;font-size:12px}.compose-dialog,.post-dialog{width:min(700px,calc(100% - 32px));max-height:calc(100dvh - 36px);overflow:auto;padding:0;border:0;border-radius:16px;color:#17375e;background:white;box-shadow:0 30px 85px rgba(8,32,63,.35)}.post-dialog{width:min(850px,calc(100% - 32px))}.compose-dialog::backdrop,.post-dialog::backdrop{background:rgba(8,28,56,.62);backdrop-filter:blur(8px)}.compose-dialog form{padding:38px}.dialog-heading p{margin:0 0 12px;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.18em}.dialog-heading h2{margin:0 0 24px;font:900 32px/1.2 var(--display)}.dialog-x{position:absolute;z-index:3;right:14px;top:14px;width:40px;height:40px;border:0;border-radius:10px;color:#274a72;background:#edf3fb;font-size:25px}.compose-dialog label:not(.post-images){display:grid;gap:7px;margin-bottom:17px;color:#29496d;font-size:12px;font-weight:800}.compose-dialog input,.compose-dialog select,.compose-dialog textarea,.reply-section textarea{width:100%;padding:12px;border:1px solid #cedbea;border-radius:8px;color:#183a61;background:#fbfdff;font:inherit;outline:0}.compose-dialog input,.compose-dialog select{height:48px;padding-block:0}.compose-dialog textarea,.reply-section textarea{resize:vertical;line-height:1.7}.compose-dialog input:focus,.compose-dialog select:focus,.compose-dialog textarea:focus,.reply-section textarea:focus{border-color:#5b8be8;box-shadow:0 0 0 4px #e4edff}.post-images{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0;padding:16px;border:1px dashed #b8cae0;border-radius:9px;color:#2a5fbf;background:#f6f9fe;cursor:pointer}.post-images span{color:#8496ab;font-size:10px}.post-image-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.post-image-preview img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.dialog-message{min-height:20px;margin:10px 0;color:#b44242;font-size:12px}.compose-dialog .button{width:100%;min-height:50px}.post-detail{padding:42px 42px 30px}.post-detail .post-meta{margin-bottom:12px}.post-detail h2{margin:0;color:#14355d;font:900 clamp(27px,4vw,40px)/1.25 var(--display)}.post-content{margin:22px 0;color:#506985;font-size:15px;line-height:1.95;white-space:pre-wrap}.detail-images{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:20px 0}.detail-images img{width:100%;max-height:420px;object-fit:cover;border-radius:10px}.detail-images img:only-child{grid-column:1/-1}.post-actions{display:flex;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid #e6edf5}.post-actions button{padding:9px 13px;border:1px solid #d5e0ed;border-radius:8px;color:#56708e;background:white}.post-actions button.is-liked{color:#d94b61;background:#fff0f3}.reply-section{padding:28px 42px 42px;background:#f6f9fd}.reply-section h3{margin-bottom:16px}.reply-item{margin-bottom:10px;padding:14px;border:1px solid #dde6f1;border-radius:9px;background:white}.reply-item strong{font-size:12px}.reply-item time{margin-left:8px;color:#9aa8b8;font-size:10px}.reply-item p{margin-top:6px;color:#637995;font-size:12px}.reply-empty{color:#8798ac;font-size:12px}.reply-section form{display:flex;align-items:end;gap:10px;margin-top:16px}.reply-section textarea{min-height:75px}.reply-section .button{min-height:44px;flex:none}.forum-toast{position:fixed;z-index:400;right:24px;bottom:24px;padding:14px 17px;border:1px solid #b9d1be;border-radius:9px;color:#275c39;background:#f2fbf3;box-shadow:0 15px 35px rgba(25,57,91,.18);font-size:12px;font-weight:800}
@media(max-width:1000px){.community-account{display:none}.forum-layout{grid-template-columns:minmax(0,1fr) 260px}.nav-links{gap:14px}.nav-link{font-size:13px}}@media(max-width:780px){.forum-layout{grid-template-columns:1fr}.forum-sidebar{position:static;grid-template-columns:repeat(2,1fr)}.active-panel{grid-row:1/span 2}.forum-toolbar{top:70px;align-items:stretch;flex-direction:column}.forum-search{width:100%}}@media(max-width:600px){.community-board{padding-top:16px}.forum-page-head{align-items:stretch;padding:18px;flex-direction:column}.forum-page-head>div{display:block}.forum-page-head span{display:block;margin-top:5px}.forum-page-head .button{width:100%}.forum-sidebar{grid-template-columns:1fr}.active-panel{grid-row:auto}.forum-post{grid-template-columns:42px minmax(0,1fr);padding:15px;gap:11px}.post-avatar{width:42px;height:42px}.post-thumb{display:none}.post-stats{grid-column:2}.forum-post h3{font-size:16px}.compose-dialog form,.post-detail,.reply-section{padding:28px 20px}.reply-section form{align-items:stretch;flex-direction:column}.reply-section .button{width:100%}.detail-images{grid-template-columns:1fr}.post-image-preview{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.forum-post{transition:none}.forum-post:hover{transform:none}}