/* Community detail page */
.community-page{background:#eef3f7;color:#1f2b3d;min-height:100vh}
.community-top{height:72px;display:flex;align-items:center;gap:22px;padding:0 max(24px,calc((100vw - 1380px)/2));background:#fff;border-bottom:1px solid #e2e8ef;position:sticky;top:0;z-index:10}
.community-brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:750;letter-spacing:-.4px;color:#35435c}
.community-brand>span:last-child>span{color:#5865f2}
.community-brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#5865f2;color:#fff;font-size:22px;font-weight:500;line-height:1;box-shadow:0 5px 12px #5865f225}
.community-page-label{font-size:15px;color:#7f8b9d;padding-left:22px;border-left:1px solid #e1e6ed}
.community-actions{margin-left:auto;display:flex;align-items:center;gap:7px;color:#56647b;font-size:12px}
.community-actions>a:not(.community-search){padding:3px 6px;border:1px solid #e2e8ef;border-radius:999px}
.community-search{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#56647b;font-size:29px;line-height:1;transition:background .2s,color .2s}
.community-search:hover{background:#eef1ff;color:#5865f2}
.community-wrap{width:min(1380px,calc(100% - 48px));margin:0 auto;padding:42px 0 58px}
.community-loading{min-height:360px;display:grid;place-items:center;color:#8591a3;font-size:16px}
.community-layout{display:grid;grid-template-columns:318px minmax(0,1fr);gap:30px;align-items:start}
.profile-card,.detail-panel{background:#fff;border:1px solid #e0e7ef;border-radius:16px;box-shadow:0 8px 26px #334e6810}
.profile-card{padding:20px;position:sticky;top:94px;overflow:hidden}
.profile-avatar{position:relative;overflow:hidden;display:grid;place-items:center;background:#e8edff;color:#5865f2;font-weight:750}
.profile-avatar{height:270px;border-radius:12px;font-size:76px;margin-bottom:20px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.profile-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;user-select:none;-webkit-user-drag:none;pointer-events:none}
.profile-avatar>span{position:relative;z-index:0}
.profile-type{display:inline-flex;font-size:13px!important;padding:5px 10px!important;border-radius:6px!important}
.profile-card h1{font-size:25px;line-height:1.35;margin-top:13px;color:#25334a;word-break:break-word}
.profile-username{font-size:15px;color:#8793a5;margin-top:5px;word-break:break-all}
.profile-action{margin-top:18px}
.profile-action .button{width:100%;font-size:15px;padding:12px 16px}.profile-action .button-primary{background:#20ad63;box-shadow:0 5px 14px #20ad632b}.profile-action .button-primary:hover{background:#149453}
.detail-demo-action{display:block;background:#f5f7fa;border:1px solid #e8edf2;border-radius:9px;padding:11px 12px;text-align:center;color:#8a96a7;font-size:13px;line-height:1.5}
.community-main{display:grid;gap:20px;min-width:0}
.detail-panel{padding:30px 34px}
.intro-panel{padding:27px 34px 25px}
.intro-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:19px;align-items:center}
.detail-source,.panel-kicker{display:block;color:#8996a8;font-size:12px;letter-spacing:.7px;text-transform:uppercase}
.intro-heading h2{font-size:28px;line-height:1.35;color:#25334a;margin-top:4px;word-break:break-word}
.intro-heading p{font-size:16px;color:#6e7b8f;line-height:1.75;margin-top:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.panel-search-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e4eaf0;border-radius:50%;font-size:26px;color:#8a96a8}
.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.detail-tags span{font-size:13px;color:#5b6c85;background:#f1f4f8;border-radius:6px;padding:5px 10px}
.detail-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;border-top:1px solid #edf1f5;margin-top:25px;padding-top:21px}
.detail-facts>div{min-width:0}.detail-facts span,.stats-grid span{display:block;color:#8a96a7;font-size:13px;margin-bottom:5px}.detail-facts strong,.stats-grid strong{display:block;color:#3e4e65;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.panel-heading h2{font-size:22px;line-height:1.35;color:#29384e;margin-top:3px}
.panel-heading-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eef1ff;color:#5865f2;font-size:21px}
.detail-description{font-size:17px;line-height:1.95;color:#526177;margin-top:21px;white-space:pre-wrap;word-break:break-word}
.detail-notice{font-size:14px;line-height:1.7;color:#88765d;background:#fff8eb;border:1px solid #f6e8c9;border-radius:9px;padding:12px 14px;margin-top:22px}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:23px}
.stats-grid>div{background:#f7f9fb;border-radius:10px;padding:15px 16px;min-width:0}
.ranking-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:23px;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5}
.ranking-grid>div{min-width:0;padding:18px 18px 20px;border-right:1px solid #edf1f5}
.ranking-grid>div:last-child{border-right:0}
.ranking-grid span{display:block;color:#8a96a7;font-size:13px;white-space:nowrap}
.ranking-grid strong{display:flex;align-items:center;gap:8px;margin-top:10px;color:#26344a;font-size:24px;line-height:1.2}
.ranking-grid em{font-style:normal;font-size:11px;font-weight:500;color:#e56b6b;background:#fff0f0;border-radius:10px;padding:3px 7px}
.ranking-grid em.is-empty,.change-value.is-empty{color:#97a2b2;background:#f1f4f7}
.ranking-grid .change-value{color:#e05555}.ranking-grid .change-value.is-up{color:#159a67}.ranking-grid .change-value.is-down{color:#e05555}
.ranking-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;color:#8090a5;font-size:13px}
.ranking-footer>div{display:flex;gap:8px}.ranking-footer button{border:0;border-radius:10px;background:#f1f4f7;color:#8794a6;font-size:13px;padding:8px 12px}.ranking-footer button:disabled{opacity:1;cursor:default}
.subscriber-panel{padding-bottom:24px}.member-range-tabs{display:flex;gap:7px;margin-top:16px}.member-range-tabs button{border:1px solid #e1e8ef;border-radius:999px;background:#fff;color:#748298;padding:6px 12px;font-size:12px;cursor:pointer}.member-range-tabs button[aria-selected="true"]{border-color:#b8c8d7;background:#edf5f8;color:#315367;font-weight:600}.subscriber-chart{position:relative;height:190px;margin-top:12px;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;color:#d8e3ea;overflow:hidden}.subscriber-chart .chart-grid{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-evenly}.subscriber-chart .chart-grid i{display:block;border-top:1px dashed #edf1f5}.subscriber-chart svg{position:absolute;inset:10px 0 29px;width:100%;height:calc(100% - 39px);color:#78a5b5}.subscriber-chart polyline{stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.subscriber-chart>span{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#97a4b4;font-size:14px;padding:20px}.chart-caption{position:absolute;left:12px;right:12px;bottom:8px;display:flex;justify-content:space-between;align-items:center;color:#97a4b4;font-size:11px}.chart-caption strong{color:#315367;font-size:13px}.subscriber-chart[hidden]{display:none}
.community-error{background:#fff;border:1px solid #e0e7ef;border-radius:16px;padding:70px 30px;text-align:center;box-shadow:0 8px 26px #334e6810}.community-error h1{font-size:24px;color:#35445b}.community-error p{font-size:15px;color:#8793a5;margin:12px 0 22px}.community-error .button{font-size:14px}
.community-page .site-footer{background:#fff;border-top:1px solid #e2e8ef}
@media(max-width:1000px){.community-layout{grid-template-columns:270px minmax(0,1fr);gap:22px}.profile-avatar{height:225px}.detail-panel,.intro-panel{padding-left:25px;padding-right:25px}.intro-heading h2{font-size:25px}.detail-facts,.stats-grid,.ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-grid>div:nth-child(2){border-right:0}.ranking-grid>div:nth-child(-n+2){border-bottom:1px solid #edf1f5}.ranking-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.community-top{height:62px;padding:0 17px;gap:14px}.community-brand{font-size:18px;gap:7px}.community-brand-mark{width:30px;height:30px;font-size:19px}.community-page-label{font-size:13px;padding-left:14px}.community-search{width:36px;height:36px;font-size:25px}.community-wrap{width:calc(100% - 30px);padding:24px 0 38px}.community-layout{display:flex;flex-direction:column;gap:17px}.profile-card{position:static;width:100%;padding:16px}.profile-avatar{height:210px;margin-bottom:16px}.profile-card h1{font-size:23px}.profile-action{margin-top:18px}.detail-panel,.intro-panel{padding:21px 19px;border-radius:13px}.intro-heading{grid-template-columns:minmax(0,1fr) auto;gap:13px}.intro-heading h2{font-size:21px}.intro-heading p{font-size:14px;line-height:1.65;margin-top:4px}.panel-search-icon{display:none}.detail-source,.panel-kicker{font-size:10px}.detail-tags{margin-top:18px}.detail-tags span{font-size:12px;padding:4px 8px}.detail-facts{gap:13px;margin-top:19px;padding-top:17px}.detail-facts span,.stats-grid span{font-size:12px}.detail-facts strong,.stats-grid strong{font-size:14px}.panel-heading h2{font-size:20px}.panel-heading-icon{width:34px;height:34px;font-size:18px}.detail-description{font-size:15px;line-height:1.85;margin-top:16px}.detail-notice{font-size:13px;margin-top:17px}.stats-grid{gap:10px;margin-top:17px}.stats-grid>div{padding:12px 11px}.ranking-grid{grid-template-columns:1fr 1fr}.ranking-grid>div{padding:14px 11px}.ranking-grid span{font-size:11px}.ranking-grid strong{font-size:20px}.ranking-footer{font-size:12px}.ranking-footer>div{display:none}.subscriber-chart{height:155px}.subscriber-chart>span{font-size:13px}.community-page .footer-inner{padding-left:18px;padding-right:18px}}
@media(max-width:390px){.detail-facts{grid-template-columns:1fr 1fr}}