.club-portal{--club-blue:#1768e5;--club-ink:#17243a;--club-muted:#7b8799;min-height:100dvh;color:var(--club-ink);background:#f4f7fb;padding-bottom:76px}.club-topbar{background:#fff;border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:center;height:62px;padding:0 max(18px,50vw - 520px);display:flex}.club-brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.club-brand>span{color:#fff;background:linear-gradient(145deg,#2377ec,#1056c5);border-radius:11px;place-items:center;width:35px;height:35px;font-size:16px;font-weight:950;display:grid;box-shadow:0 5px 12px #1768e52d}.club-brand p{margin:0}.club-brand b,.club-brand small{display:block}.club-brand b{font-size:15px}.club-brand small{color:#8b96a6;margin-top:2px;font-size:9px}.club-topbar nav{gap:5px;display:flex}.club-topbar nav a{color:#657187;border-radius:8px;padding:8px 13px;font-size:13px;text-decoration:none}.club-topbar nav a.active{color:var(--club-blue);background:#eaf2ff;font-weight:850}.club-hero{color:#fff;background:linear-gradient(130deg,#123b7a,#1768d8 65%,#2898e5);border-radius:22px;grid-template-columns:1fr auto;gap:22px;width:min(1040px,100% - 32px);margin:18px auto 0;padding:25px 28px;display:grid;position:relative;overflow:hidden;box-shadow:0 15px 38px #154f9f2b}.club-hero:after{content:"";border:45px solid #ffffff0e;border-radius:50%;width:280px;height:280px;position:absolute;top:-140px;right:-100px}.club-hero>div>small{color:#a9d2ff;letter-spacing:1.7px;font-size:9px;font-weight:850}.club-hero h1{margin:7px 0 6px;font-size:28px;line-height:1.1}.club-hero p{color:#dbeaff;margin:0;font-size:13px}.club-hero dl{align-items:center;gap:24px;margin:0 185px 0 0;display:flex}.club-hero dl div{text-align:center;display:grid}.club-hero dl b{font-size:23px}.club-hero dl span{color:#c5dcfa;margin-top:3px;font-size:10px}.club-hero>a{z-index:2;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff18;border:1px solid #ffffff4f;border-radius:13px;align-items:center;gap:9px;width:155px;padding:10px 11px;text-decoration:none;display:flex;position:absolute;bottom:20px;right:23px}.club-hero>a>i{color:#1768e5;background:#fff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:20px;font-style:normal;display:grid}.club-hero>a span{min-width:0}.club-hero>a b,.club-hero>a small{display:block}.club-hero>a b{font-size:12px}.club-hero>a small{color:#dbeaff;white-space:nowrap;margin-top:3px;font-size:8px}.club-hero>a em{margin-left:auto;font-size:20px;font-style:normal}.club-directory{width:min(1040px,100% - 32px);margin:14px auto}.club-tools{justify-content:space-between;align-items:center;gap:14px;display:flex}.club-tools label{background:#fff;border:1px solid #dfe6ef;border-radius:13px;align-items:center;width:min(410px,45%);height:44px;padding:0 12px;display:flex;box-shadow:0 5px 18px #203b6610}.club-tools label i{color:#8794a7;font-size:20px;font-style:normal}.club-tools input{color:#25334a;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 9px;font-size:13px}.club-tools label button{color:#9aa5b5;background:0 0;border:0;font-size:18px}.club-tools>nav{background:#e9eef5;border-radius:12px;gap:5px;padding:4px;display:flex}.club-tools>nav button{color:#667389;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 15px;font-size:12px}.club-tools>nav button.active{color:#1768e5;background:#fff;font-weight:850;box-shadow:0 2px 7px #1c355218}.club-list-head{justify-content:space-between;align-items:end;margin:19px 2px 9px;display:flex}.club-list-head>div{align-items:center;gap:8px;display:flex}.club-list-head h2{margin:0;font-size:17px}.club-list-head span{color:#3171c8;background:#e8f1ff;border-radius:10px;padding:3px 7px;font-size:10px}.club-list-head>small{color:#98a2b0;font-size:10px}.club-list{grid-template-columns:1fr 1fr;gap:9px;display:grid}.club-list-card{min-height:89px;color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:15px;grid-template-columns:58px minmax(0,1fr) auto 42px;align-items:center;gap:12px;padding:13px;text-decoration:none;transition:all .18s;display:grid;box-shadow:0 5px 15px #203b6609}.club-list-card:hover{border-color:#a9c8f5;transform:translateY(-1px);box-shadow:0 9px 22px #1c5eac18}.club-avatar{color:#276ac5;background:#e7f0ff;border-radius:16px;place-items:center;width:56px;height:56px;display:grid;position:relative;overflow:hidden}.club-avatar img{object-fit:cover}.club-avatar b{font-size:14px}.club-avatar.tone-1{color:#208361;background:#e7f8f0}.club-avatar.tone-2{color:#c66d25;background:#fff1df}.club-avatar.tone-3{color:#7750bb;background:#f1eaff}.club-avatar.tone-4{color:#c84c6c;background:#ffe9ee}.club-info{min-width:0}.club-info>span{align-items:center;gap:7px;display:flex}.club-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.club-info>span i{color:#66809e;background:#edf3fa;border-radius:5px;flex:none;padding:3px 5px;font-size:8px;font-style:normal}.club-info>small,.club-info>em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.club-info>small{color:#8b96a6;margin-top:4px;font-size:10px}.club-info>em{color:#5d6b7e;margin-top:7px;font-size:11px;font-style:normal}.club-stats{align-items:center;gap:12px;display:flex}.club-stats>span{text-align:center;display:grid}.club-stats b{font-size:14px}.club-stats small{color:#9aa4b2;margin-top:3px;font-size:9px}.club-stats>i{background:#e5e9ef;width:1px;height:23px}.club-enter{color:#5e78a0;align-items:center;gap:3px;font-size:10px;display:flex}.club-enter b{color:#2672d9;font-size:19px}.club-empty{color:#7d8999;text-align:center;background:#fff;border:1px dashed #ccd8e8;border-radius:17px;place-items:center;padding:38px;display:grid}.club-empty>span{font-size:28px}.club-empty>b{color:#33445c;margin-top:8px}.club-empty>small{margin-top:5px}.club-empty>a{color:#fff;background:#1768e5;border-radius:9px;margin-top:14px;padding:9px 15px;font-size:12px;text-decoration:none}.club-pagination{justify-content:center;align-items:center;gap:13px;margin:18px 0;display:flex}.club-pagination button{color:#40516a;background:#fff;border:1px solid #dbe3ed;border-radius:9px;padding:8px 15px}.club-pagination button:disabled{opacity:.35}.club-pagination span{color:#8490a1;font-size:12px}@media (max-width:760px){.club-topbar{height:55px;padding:0 14px}.club-brand small{display:none}.club-topbar nav{gap:0}.club-topbar nav a{padding:7px 8px;font-size:11px}.club-hero{border-radius:18px;width:calc(100% - 20px);margin-top:10px;padding:20px;display:block}.club-hero h1{font-size:23px}.club-hero dl{justify-content:flex-start;gap:23px;margin:20px 160px 0 0}.club-hero dl b{font-size:19px}.club-hero>a{width:130px;bottom:15px;right:14px}.club-hero>a small{display:none}.club-directory{width:calc(100% - 20px);margin-top:10px}.club-tools{display:block}.club-tools label{box-sizing:border-box;width:100%}.club-tools>nav{margin-top:8px;overflow-x:auto}.club-tools>nav button{flex:1;min-width:max-content;padding:8px 12px}.club-list{grid-template-columns:1fr}.club-list-head{margin-top:15px}.club-list-card{grid-template-columns:50px minmax(0,1fr) auto;gap:10px;min-height:77px;padding:10px}.club-avatar{border-radius:14px;width:48px;height:48px}.club-stats{gap:8px}.club-enter{display:none}.club-info>em{margin-top:5px}.club-info>small{display:none}}@media (max-width:390px){.club-topbar nav a:nth-child(3){display:none}.club-hero dl{gap:15px;margin-right:126px}.club-hero>a{width:106px}.club-hero>a>i{display:none}.club-list-card{grid-template-columns:46px minmax(0,1fr) auto}.club-avatar{width:45px;height:45px}.club-stats>i,.club-stats>span:last-child{display:none}}.create-club-page{color:#143b32;background:linear-gradient(145deg,#eef6f3,#f7faf9);min-height:100vh;padding:34px 16px}.create-club-page>section{background:#fff;border:1px solid #d7e5df;border-radius:24px;width:min(620px,100%);margin:auto;padding:28px;box-shadow:0 20px 55px #16473a1a}.create-club-page>section>header{justify-content:space-between;align-items:center;display:flex}.create-club-page>section>header a{color:#315b50;font-weight:800}.create-club-page>section>header span{color:#167052;background:#e2f5ec;border-radius:999px;padding:7px 12px;font-weight:900}.create-club-mark{color:#fff;background:#176f58;border-radius:22px;place-items:center;width:72px;height:72px;margin:28px auto 12px;font-size:31px;font-weight:950;display:grid}.create-club-page h1{text-align:center;margin:0;font-size:32px}.create-club-page>section>p{color:#657a73;text-align:center;max-width:510px;margin:10px auto 24px;line-height:1.8}.create-club-form{gap:15px;display:grid}.create-club-form label{color:#365b51;gap:7px;font-weight:850;display:grid}.create-club-form input,.create-club-form select{box-sizing:border-box;color:#173f35;background:#fbfdfc;border:1px solid #cadbd4;border-radius:12px;outline:0;width:100%;min-height:52px;padding:0 14px;font-size:16px}.create-club-form input:focus,.create-club-form select:focus{border-color:#21816a;box-shadow:0 0 0 3px #21816a18}.create-club-page aside{background:#f0f7f4;border-radius:15px;gap:7px;margin:20px 0;padding:16px;display:grid}.create-club-page aside b{margin-bottom:3px}.create-club-page aside span:before{content:"✓";color:#16825f;margin-right:8px;font-weight:950}.create-club-submit{color:#fff;background:#176f58;border:0;border-radius:13px;width:100%;min-height:56px;font-size:18px;font-weight:950}.create-club-submit:disabled{opacity:.5}.create-club-notice{color:#fff;background:#173f35;border:0;border-radius:12px;padding:13px 18px;font-weight:850;position:fixed;bottom:24px;right:20px}@media (max-width:620px){.create-club-page{padding:10px}.create-club-page>section{box-sizing:border-box;border-radius:18px;padding:18px}.create-club-page h1{font-size:27px}}