.community-page{font-family:"Microsoft YaHei","PingFang SC","Segoe UI",sans-serif}
.community-page .container{width:min(1600px,calc(100% - 64px))}
.form-error{margin:12px 16px;padding:12px;color:#a63224;background:#fff1ef;border:1px solid #f1c9c2;border-radius:5px;font-size:13px;overflow-wrap:anywhere}
.form-error[hidden]{display:none}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:14px;border-top:1px solid #e8edf2;color:#718298;font-size:12px}
.topic-grid>p{grid-column:1/-1;margin:0;font-size:13px;line-height:1.8}
.pagination:empty{display:none}.pagination button,.content-actions button,#cancelReplyEdit{padding:7px 12px;border:1px solid #d7dfe7;background:#fff;border-radius:5px;color:#2868f0;font-size:12px}
.content-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.reply .question-author{margin-bottom:10px}.reply time{width:auto}
.question-copy,.question-stats,.feed-count{overflow-wrap:anywhere}
.community-page .site-header{background:#0c1d2d}
.community-page .topbar{background:#091725;backdrop-filter:none}
.community-page .topbar-inner{grid-template-columns:220px 1fr auto;gap:28px}
.community-page .brand-mark{transform:none;background:#2868f0;box-shadow:none}
.community-page .brand-mark i{transform:none}
.community-page .account-button,.community-page .btn.primary{background:#2868f0;box-shadow:none}
.community-page .account-button{font-size:14px;white-space:nowrap}
.community-banner{display:grid;grid-template-columns:40% 1fr;gap:26px;align-items:center;padding-block:17px 19px}
.community-banner h1{margin:0 0 5px;font-size:36px;line-height:1.3;letter-spacing:-1px}
.community-banner p{margin:0;color:#b9cadb;font-size:14px}
.banner-actions{display:flex;gap:14px;align-items:center;min-width:0}
.banner-actions form{display:flex;min-width:0;flex:1;border:1px solid #526d85;background:#182e40;border-radius:6px;overflow:hidden}
.banner-actions input{width:100%;min-width:0;height:48px;padding:0 16px;border:0;background:transparent;color:#fff;font-size:14px}
.banner-actions input::placeholder{color:#a8bbcc}
.banner-actions form button{flex-shrink:0;white-space:nowrap;border:0;background:transparent;color:#bacbdb;padding:0 13px;font-size:13px}
.banner-actions>.btn{min-width:120px;height:48px;justify-content:center}
.community-main{display:grid;grid-template-columns:190px minmax(0,1fr) 300px;gap:16px;align-items:start;flex:1;padding-block:22px 20px}
.community-main>*{min-width:0}
.community-sidebar{background:#fff;border-radius:6px;padding:7px 6px;align-self:stretch}
.community-sidebar nav{display:grid;gap:3px}
.community-sidebar nav button{display:flex;align-items:center;gap:18px;width:100%;min-height:51px;padding:12px 16px;border:0;border-left:3px solid transparent;border-radius:4px;color:#536579;background:transparent;text-align:left;font-size:14px}
.community-sidebar nav button i{font-size:20px}
.community-sidebar nav button:hover{background:#f6f8fb;color:#1859e7}
.community-sidebar nav button.active{border-left-color:#2868f0;background:#edf4ff;color:#1859e7;font-weight:700}
.discipline-label{display:flex;justify-content:space-between;margin:21px 15px 11px;padding-top:22px;border-top:1px solid #e8edf2;font-size:12px;color:#7b8da0}
.discipline-label button{border:0;background:none;color:#2868f0;padding:0;font-size:12px}
.question-feed,.support-panel{border:1px solid #e2e9f0;background:#fff;border-radius:7px;overflow:hidden}
.feed-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 20px;height:57px;border-bottom:1px solid #e8edf2}
.feed-tabs{display:flex;gap:27px;align-self:stretch}
.feed-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#526174;font-size:14px;padding:0 2px}
.feed-tabs button.active{color:#1859e7;border-bottom-color:#2868f0;font-weight:700}
.feed-count{color:#708398;font-size:12px;white-space:nowrap}
.filter-summary{padding:10px 20px;background:#f1f6fd;font-size:12px;color:#5d7190}
.filter-summary:not([hidden]){display:flex;justify-content:space-between;gap:12px}
.filter-summary button{border:0;background:none;color:#1859e7;white-space:nowrap}
.question-row{display:grid;grid-template-columns:56px minmax(0,1fr) 72px;gap:18px;margin:0 12px;padding:12px 6px;border-bottom:1px solid #e8edf2;min-height:140px}
.question-row:last-child{border-bottom:0}
.question-stats{display:flex;flex-direction:column;align-items:center;gap:3px;border-right:1px solid #edf1f5;padding-right:15px;font-size:12px;color:#8495a6}
.question-stats strong{font-size:17px;color:#233b56;font-weight:650;line-height:1.4}
.question-stats strong:nth-of-type(2){margin-top:10px;font-size:14px;font-weight:500}
.question-title{display:inline;border:0;background:none;padding:0;text-align:left;color:#152231;font-size:17px;font-weight:750;line-height:1.55;cursor:pointer;overflow-wrap:anywhere}
.question-title:hover{color:#1859e7}
.accepted-mark{display:inline-block;vertical-align:2px;border:1px solid #93d2bf;background:#f0fbf6;color:#078366;border-radius:20px;padding:2px 8px;margin-left:8px;font-size:11px;white-space:nowrap}
.question-copy{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:7px 0 10px;color:#718298;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.question-tags{display:flex;flex-wrap:wrap;gap:6px}
.question-tags button{border:1px solid #e6eef7;border-radius:4px;padding:4px 8px;background:#f3f7fc;color:#5b7390;font-size:11px}
.question-tags button:hover{background:#e6effc;color:#1859e7}
.question-author{display:flex;align-items:center;flex-wrap:wrap;align-content:start;gap:6px;color:#59718d;font-size:12px;padding-top:4px}
.surname{display:inline-grid;place-items:center;width:30px;height:32px;background:var(--author-color,#2868f0);color:#fff;border-radius:6px;font-size:13px;font-weight:700;flex-shrink:0}
.question-author time{width:100%;color:#8295ab;font-size:11px;line-height:1.8}
.community-support{display:grid;gap:15px}
.support-panel{padding:18px}
.support-panel h2{margin:0;font-size:16px;color:#152231}
.support-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.support-heading>span{font-size:11px;color:#8797aa}
.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.topic-grid button{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 9px;font-size:12px;background:#f5f8fc;border:1px solid #e6edf5;border-radius:5px;color:#566f8f}
.topic-grid button:hover,.topic-grid button.active{color:#1859e7;background:#eaf2ff;border-color:#c4d7f5}
.topic-grid small{color:#8293a7}
.guidance>p{font-size:12px;color:#788ba0;line-height:1.8;margin:9px 0 15px}
.guidance ol{list-style:decimal;padding:0;margin:0 0 16px;counter-reset:tips}
.guidance li{display:grid;grid-template-columns:24px 1fr;column-gap:10px;background:#f3f7fc;border-radius:5px;padding:10px;margin-top:8px;counter-increment:tips}
.guidance li::before{content:counter(tips);color:#2868f0;font-size:17px;font-weight:750;grid-row:span 2}
.guidance li strong{font-size:13px}
.guidance li span{font-size:12px;line-height:1.8;color:#788ba0;margin-top:3px}
.guidance>.btn{width:100%;justify-content:center;min-height:42px}
.community-footer{background:#0c1d2d;color:#8ca2b8;padding:14px 0;font-size:11px}
.community-footer>.container{display:flex;align-items:center;justify-content:space-between;gap:15px}
.community-footer .container>div{display:flex;align-items:center;gap:18px}
.community-footer .container>div>a{font-weight:750;color:#fff;font-size:15px}
.community-footer p{margin:0}
.empty-state{padding:70px 24px;text-align:center;color:#75869a;font-size:14px}
.empty-state strong{display:block;color:#344b66;font-size:18px;margin-bottom:9px}
.empty-state button{margin-top:20px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.community-page dialog{position:fixed;inset:0;width:min(580px,calc(100% - 28px));max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #d7dfe7;border-radius:10px;color:#152231;background:#fff;box-shadow:0 24px 90px #06132140;overflow:auto}
.community-page dialog::backdrop{background:#06132199}
.community-page .detail-dialog{width:min(840px,calc(100% - 28px))}
.dialog-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid #e8edf2;background:#fff}
.dialog-heading h2{margin:0;font-size:18px}
.dialog-heading button{border:1px solid #d7dfe7;border-radius:5px;background:#fff;padding:6px 10px;color:#52667c;font-size:12px}
.dialog-body{padding:24px;display:grid;gap:18px;font-size:14px;overflow-wrap:anywhere}
.dialog-body p{margin:0;line-height:1.9;white-space:pre-wrap}
.dialog-body label{display:grid;gap:7px;font-size:13px;font-weight:650}
.dialog-body input,.dialog-body textarea,.dialog-body select{width:100%;min-width:0;background:#f9fbfd;border:1px solid #d7dfe7;border-radius:6px;padding:10px 12px;color:#263a50;font-weight:400;font-size:14px}
.dialog-body textarea{resize:vertical}
.dialog-body h2{margin:0 0 13px;font-size:24px;line-height:1.5}
.dialog-body h3{font-size:16px}
.detail-meta{margin:10px 0 18px;color:#7b8da0;font-size:12px}
.demo-note{color:#647d99;background:#f1f6fc;padding:10px;border-radius:5px;font-size:12px}
.reply{border-top:1px solid #e8edf2;padding:16px 0}
.reply strong{font-size:13px;display:block;margin-bottom:7px}
.reply-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}
.reply-actions span{color:#7b8da0;font-size:12px}
.community-page button:disabled{opacity:.4;cursor:not-allowed}
@media(min-width:1600px){.community-main{grid-template-columns:205px minmax(0,1fr) 315px;gap:20px}.question-row{padding-block:27px;min-height:154px}.question-title{font-size:18px}.question-copy{font-size:14px}}
@media(max-width:1180px){.community-page .container{width:calc(100% - 40px)}.community-page .topbar-inner{grid-template-columns:180px 1fr auto;gap:16px}.community-page .nav-main{gap:16px}.community-page .nav-main a{font-size:12px}.community-main{grid-template-columns:162px minmax(0,1fr)}.community-support{grid-column:2;grid-template-columns:1fr 1fr}.community-sidebar{grid-row:span 2}.community-banner{grid-template-columns:35% 1fr}.community-banner h1{font-size:30px}.banner-actions>.btn{min-width:86px}.question-row{gap:15px}.community-footer .container>div>span{display:none}}
@media(max-width:780px){.community-page .container{width:calc(100% - 28px)}.community-page .topbar{height:auto}.community-page .topbar-inner{display:flex;flex-wrap:wrap;padding-top:12px;gap:12px;justify-content:space-between}.community-page .nav-main{display:flex;order:3;width:100%;overflow:auto;gap:22px}.community-page .nav-main a{padding:9px 0 12px;font-size:12px}.community-page .account-button{font-size:12px;padding:7px 10px!important}.community-banner{grid-template-columns:1fr;gap:17px;padding-block:20px}.community-banner h1{font-size:29px}.community-banner p{font-size:12px}.banner-actions{gap:9px}.banner-actions input{font-size:12px;padding-left:11px}.banner-actions>.btn{min-width:65px}.community-main{display:flex;flex-direction:column;gap:12px;padding-top:14px}.community-main>*{width:100%}.community-sidebar{padding:4px 6px}.community-sidebar .type-nav{display:flex;justify-content:space-between}.community-sidebar nav button{font-size:13px;gap:7px;padding:10px 7px;min-height:43px}.community-sidebar nav button i{font-size:16px}.discipline-label{display:none}.community-sidebar .discipline-nav{display:flex;border-top:1px solid #edf1f5;margin-top:4px}.discipline-nav button i{display:none}.community-sidebar .discipline-nav button{font-size:11px;justify-content:center;white-space:nowrap}.community-support{display:grid;grid-template-columns:1fr}.feed-toolbar{padding:0 14px}.feed-tabs{gap:20px}.feed-count{font-size:10px}.question-row{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:17px 0;min-height:0}.question-stats{padding-right:9px}.question-title{font-size:15px}.question-copy{font-size:12px}.question-author{grid-column:2;gap:8px;padding:0;justify-content:flex-end}.question-author time{width:auto}.question-author .surname{width:24px;height:25px;font-size:11px}.question-tags button{font-size:10px;padding:3px 6px}.accepted-mark{font-size:10px;margin-left:5px}.community-footer>.container{flex-wrap:wrap;font-size:10px}.community-footer p{order:3;width:100%}.dialog-body{padding:18px}.dialog-body h2{font-size:20px}.reply-actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:780px){.community-sidebar .type-nav button{gap:5px;padding-inline:5px;white-space:nowrap;font-size:12px}.community-sidebar .type-nav button i{font-size:15px}}
.header-account{display:flex;align-items:center;gap:12px;min-width:0}
.notification-trigger{display:flex;align-items:center;gap:6px;border:1px solid #38516a;background:#14293b;color:#c8d7e6;border-radius:5px;padding:8px 11px;font-size:12px;white-space:nowrap}
.notification-trigger span{background:#2868f0;color:white;border-radius:9px;padding:1px 5px;min-width:18px;font-size:10px}.notification-trigger span[hidden]{display:none}
.personal-shortcuts{border-top:1px solid #e8edf2;margin:20px 10px 8px;padding-top:13px}
.personal-shortcuts p{font-size:12px;color:#718298;line-height:1.8;overflow-wrap:anywhere;margin:0 0 8px}
.personal-shortcuts>div{display:grid;gap:4px}.personal-shortcuts button{border:0;border-radius:4px;background:transparent;color:#526174;font-size:13px;text-align:left;padding:9px 8px}
.personal-shortcuts button:hover,.personal-shortcuts button.active{background:#edf4ff;color:#1859e7}
.personal-shortcuts button[hidden]{display:none}
.draft-feedback{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#718298;font-size:11px;line-height:1.8}
.draft-feedback button{flex-shrink:0;border:0;background:transparent;color:#59718d;font-size:11px;padding:3px}
.content-actions .danger-action{color:#ad523f;border-color:#ead0c9}
.moderation-tabs{display:flex;gap:10px;border-bottom:1px solid #e8edf2;padding-bottom:10px}
.moderation-tabs button{border:0;border-radius:4px;background:#f3f6fa;padding:9px 13px;color:#526174;font-size:13px}.moderation-tabs button.active{background:#edf4ff;color:#1859e7}
.moderation-filters{display:flex;gap:14px;flex-wrap:wrap}.moderation-filters[hidden],.moderation-filters label[hidden],#actionReasonLabel[hidden]{display:none}
.moderation-filters select{font-size:12px}.moderation-filters label{flex:1;min-width:100px}
.moderation-row{padding:16px 0;border-bottom:1px solid #e8edf2;display:grid;gap:10px;overflow-wrap:anywhere}.moderation-row:first-child{padding-top:0}
.moderation-row-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.moderation-row strong{font-size:14px}.moderation-row p{font-size:12px;color:#59718d}.moderation-row time,.moderation-content small{font-size:11px;color:#8295ab}
.moderation-content{background:#f5f8fb;padding:13px;border:1px solid #e8edf2;border-radius:5px;display:grid;gap:8px}.moderation-content details{font-size:12px;color:#59718d}.moderation-content details p{margin-top:10px;white-space:pre-wrap}
.resolution-note{padding:9px 11px;background:#f0f8f4;border-radius:4px}.moderation-row>.btn{justify-self:start;font-size:12px}
@media(max-width:780px){.moderation-row-heading{flex-direction:column;gap:6px}.moderation-tabs button{font-size:12px;padding:9px}.draft-feedback{align-items:flex-start}.moderation-row-heading time{font-size:10px}}
.stat-votes{margin-top:12px;font-size:11px}.reply-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}
.reply-heading .question-author{margin-bottom:0}.reply-heading .accepted-mark{flex-shrink:0;margin-top:6px}
.reply.accepted-reply{border:1px solid #b8dfd2;background:#f5fbf8;border-radius:7px;padding:16px;margin-bottom:16px}
.content-actions{flex-wrap:wrap;justify-content:flex-start}.content-actions .vote-button.liked{border-color:#9dbcf1;background:#edf4ff;color:#1859e7}
.content-actions .accept-button{border-color:#9ecebd;color:#078366}.author-reputation{font-size:11px;color:#788a9c;margin-left:8px}
.contribution-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e8edf2;border-radius:6px;padding:17px 8px}
.contribution-stats>div{text-align:center;border-right:1px solid #e8edf2;display:grid;gap:6px}.contribution-stats>div:last-child{border-right:0}
.contribution-stats strong{font-size:24px;color:#1859e7}.contribution-stats span{font-size:12px;color:#718298}
.reputation-row{display:flex;align-items:flex-start;gap:15px;padding:14px 0;border-top:1px solid #e8edf2}.reputation-delta{min-width:40px;font-size:19px;color:#078875;font-weight:700}.reputation-delta.negative{color:#9a6652}
.reputation-row>div{display:grid;min-width:0;gap:6px}.reputation-row strong{font-size:13px}.reputation-row button{background:transparent;border:0;text-align:left;padding:0;font-size:12px;color:#59718d;overflow-wrap:anywhere}
.reputation-row time,.notification-row time{font-size:11px;color:#8295ab}
.notification-row{display:flex;align-items:flex-start;gap:12px;width:100%;border:0;border-bottom:1px solid #e8edf2;border-radius:4px;background:white;padding:15px 10px;text-align:left;overflow-wrap:anywhere;color:#59718d}
.notification-row.unread{background:#f1f6fe}.notification-row:hover{background:#eaf2ff}.notification-row>span:last-child{display:grid;min-width:0;gap:7px}
.notification-row strong{font-size:13px;color:#233b56;line-height:1.7}.notification-row>span>span{font-size:12px;line-height:1.7}
.notification-dot{background:#cbd5e1;width:6px;height:6px;flex-shrink:0;border-radius:50%;margin-top:9px}.unread .notification-dot{background:#2868f0}
@media(max-width:1180px){.community-page .topbar-inner{gap:12px}.community-page .nav-main{gap:12px}.header-account{gap:7px}}
@media(max-width:780px){.header-account{gap:7px}.notification-trigger{font-size:11px;padding:7px}.personal-shortcuts{margin:7px 0 0;padding:7px 3px 2px}.personal-shortcuts p{font-size:11px;margin:0 0 4px}.personal-shortcuts>div{display:flex;gap:8px;flex-wrap:wrap}.personal-shortcuts button{font-size:11px;padding:7px}.feed-tabs{gap:15px}.feed-tabs button{font-size:12px}.reply.accepted-reply{padding:12px}.dialog-heading{padding:14px}.dialog-heading h2{font-size:16px}.dialog-heading button{padding:6px;font-size:11px}.contribution-stats strong{font-size:21px}}