.community-page { background:#f3f5f8; }
.community-page .header { background:white; }
.community-main { max-width:1520px; margin:auto; padding:28px 5% 80px; min-height:80vh; }
.community-top { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:26px; }
.community-top>div { display:flex; align-items:center; gap:14px; color:#778699; font-size:14px; }
.community-top h1 { font-size:22px; font-weight:500; color:#172533; }
.community-search { display:flex; align-items:center; background:white; border:1px solid #dce3ed; padding:9px 16px; width:340px; }
.community-search input { border:0; outline:0; background:none; min-width:0; width:100%; font:inherit; font-size:14px; }
.community-search:focus-within { border-color:var(--blue); }
.community-search>span:last-child { color:var(--blue); font-size:25px; }
.community-tabs { display:grid; grid-template-columns:1fr 1fr; background:white; margin-bottom:24px; }
.community-tabs button { display:flex; align-items:center; gap:20px; padding:24px 32px; background:white; text-align:left; border-bottom:3px solid transparent; }
.community-tabs button[aria-pressed=true] { background:#edf3ff; border-color:var(--blue); }
.community-tabs svg { width:30px; height:30px; fill:none; stroke:var(--blue); stroke-width:2; flex-shrink:0; }
.community-tabs strong { display:block; font-size:22px; font-weight:500; margin-bottom:6px; }
.community-tabs small { color:#73849b; font-size:14px; }
.community-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:24px; align-items:start; }
.community-feed { background:white; min-width:0; padding:0 28px; }
#feed-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid #e1e6ee; padding:22px 0; }
#feed-title { font-size:18px; font-weight:500; color:var(--blue); }
#feed-count { font-size:12px; color:#8492a5; }
.feed-row { display:flex; gap:28px; padding:28px 0; border-bottom:1px solid #e1e6ee; }
.feed-row:last-child { border:0; }
.feed-copy { flex:1; min-width:0; }
.feed-row h3 { font-size:20px; font-weight:500; line-height:1.6; margin-bottom:12px; }
.feed-row a:hover h3, .side-question:hover { color:var(--blue); }
.feed-row p { font-size:14px; color:#7a899d; line-height:1.8; margin-bottom:18px; }
.feed-meta { display:flex; flex-wrap:wrap; align-items:center; gap:12px; font-size:12px; color:#8997a9; }
.feed-meta .author-mark { display:inline-grid; place-items:center; width:25px; height:25px; border-radius:50%; color:var(--blue); background:#eaf1ff; font-size:11px; }
.feed-thumbnail { width:170px; height:105px; object-fit:cover; align-self:center; }
.feed-tag { color:#6580a0; background:#f2f5fa; padding:3px 8px; }
.community-sidebar { display:grid; gap:20px; }
.side-panel { background:white; padding:24px; }
.side-panel h2 { font-size:17px; font-weight:500; padding-bottom:17px; border-bottom:1px solid #e1e6ee; margin-bottom:18px; }
.side-panel h2 button { background:none; color:var(--blue); font-size:12px; float:right; padding-top:4px; }
.side-panel p { font-size:14px; line-height:1.9; color:#78879b; }
.welcome-panel { text-align:center; padding-top:30px; }
.community-symbol { display:inline-grid; place-items:center; width:46px; height:46px; background:#edf3ff; color:var(--blue); border-radius:50%; font-size:23px; margin-bottom:16px; }
.welcome-panel h2 { border:0; padding:0; margin-bottom:12px; }
.welcome-panel .primary-button { width:100%; margin:22px 0 12px; }
.welcome-panel small { font-size:11px; line-height:1.7; display:block; color:#8695a6; }
.side-question { display:block; font-size:14px; line-height:1.8; margin:16px 0; }
.side-question::before { content:'问'; color:var(--blue); font-size:11px; margin-right:9px; border:1px solid #ccdbf4; padding:1px 3px; }
.community-guide p+p { margin-top:12px; }
.community-reader { padding:28px 8px 40px; }
.community-reader h2 { font-size:30px; line-height:1.5; font-weight:500; margin:25px 0 18px; }
.community-reader .article-body { font-size:16px; line-height:2; }
.community-reader .article-body section { scroll-margin-top:120px; }
.community-reader .article-body h3 { font-size:22px; margin:32px 0 14px; }
.community-reader .article-body p { color:#536577; }
.community-reader .article-access { margin-top:30px; }
#outline-links a { display:block; color:#6c7f96; font-size:14px; line-height:1.7; padding:8px 0; }
.community-page .library-footer { background:white; }
@media(max-width:1050px) { .community-layout { grid-template-columns:minmax(0,1fr) 250px; gap:18px; } .feed-thumbnail { width:125px; height:86px; } .feed-row { gap:15px; } }
@media(max-width:760px) { .community-main { padding:20px 16px 50px; } .community-top { flex-wrap:wrap; } .community-search { width:100%; } .community-tabs button { padding:18px 14px; gap:12px; } .community-tabs strong { font-size:19px; } .community-tabs small { font-size:12px; } .community-layout { grid-template-columns:1fr; } .community-feed { padding:0 18px; } .feed-row h3 { font-size:17px; } .feed-thumbnail { width:92px; height:76px; } .feed-row { padding:22px 0; } .feed-row p { font-size:13px; } .community-reader h2 { font-size:25px; } .community-sidebar { grid-template-columns:1fr; } }