:root{color:#17233b;--navy:#102b4e;--red:#d8483e;--line:#dfe5ea;--muted:#6d7887;background:#f3f6f8;font-family:Inter,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}svg{width:17px;height:17px}.site>header{border-bottom:1px solid var(--line);z-index:20;background:#fff;justify-content:space-between;align-items:center;height:78px;padding:0 max(24px,50vw - 590px);display:flex;position:sticky;top:0}.brand{text-align:left;background:0 0;border:0;align-items:center;gap:11px;display:flex}.brand i,footer i{background:var(--navy);color:#fff;width:44px;height:44px;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 5px var(--red);border-radius:50%;place-items:center;font:800 25px Barlow Condensed;display:grid}.brand b,.brand small{display:block}.brand b{letter-spacing:.07em;font:700 21px Barlow Condensed}.brand small{color:#7b8491;font-size:9px}.site nav{gap:5px;display:flex}.site nav button{color:#526071;background:0 0;border:0;border-radius:9px;gap:6px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.site nav button:hover{background:#edf3f8}.hero{color:#fff;background:linear-gradient(105deg,#0a2542,#174f86);justify-content:space-between;align-items:center;min-height:420px;padding:52px max(28px,50vw - 590px);display:flex;overflow:hidden}.hero>div{z-index:1}.hero em,.section-title em,.page>em{letter-spacing:.18em;color:#f1766c;font-size:10px;font-style:normal;font-weight:800}.hero h1,.page h1{margin:15px 0;font:800 72px/.95 Barlow Condensed}.hero p{color:#d7e0e9}.hero aside{gap:42px;margin-top:30px;display:flex}.hero aside span{color:#adbdcc;font-size:10px;display:grid}.hero aside b{color:#fff;font:700 31px Barlow Condensed}.hero figure{background:#faf8ef;border-radius:50%;place-items:center;width:280px;height:280px;display:grid;position:relative;transform:rotate(-10deg);box-shadow:-30px 25px 55px #06152788}.hero figure:before,.hero figure:after{content:"";border:5px dashed var(--red);border-top-color:#0000;border-bottom-color:#0000;border-radius:50%;width:170px;height:245px;position:absolute}.hero figure:before{left:-35px}.hero figure:after{right:-35px}.hero figure b{color:var(--navy);text-align:center;font:800 29px/.9 Barlow Condensed}.section-title,.grid,.page{max-width:1180px;margin:auto}.section-title{justify-content:space-between;align-items:end;padding:50px 0 22px;display:flex}.section-title h2{margin:5px 0 0;font:700 38px Barlow Condensed}.section-title p,.page>p{color:var(--muted);font-size:12px}.grid{grid-template-columns:1fr 1fr;gap:22px;padding-bottom:75px;display:grid}.grid article{border:1px solid var(--line);background:#fff;border-radius:17px;padding:25px;position:relative;box-shadow:0 12px 30px #17273b12}.date{background:var(--navy);color:#fff;text-align:center;border-radius:11px;width:64px;padding:8px;position:absolute;top:65px;right:22px}.date b,.date span{font-family:Barlow Condensed;display:block}.date b{font-size:31px;line-height:1}.date span{text-transform:uppercase;font-size:11px}.status{justify-content:space-between;display:flex}.status span{color:var(--red);background:#fbe8e5;border-radius:99px;padding:6px 9px;font-size:10px;font-weight:700}.status small{color:var(--muted)}.grid h3{margin:23px 80px 17px 0;font:700 29px Barlow Condensed}.grid article>p{color:#5e6a79;align-items:center;gap:7px;font-size:12px;display:flex}.grid article>p svg{color:var(--red)}.people{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:12px;margin-top:20px;padding-top:17px;font-size:10px;display:flex}.people>div{display:flex}.people i,.roster i,.leaders i{background:#deebf4;border:2px solid #fff;border-radius:50%;place-items:center;width:32px;height:32px;margin-right:-5px;font-size:8px;font-style:normal;font-weight:800;display:grid}.join{width:100%;color:var(--navy);background:#edf3f7;border:0;border-radius:9px;justify-content:space-between;margin-top:17px;padding:12px;font-weight:700;display:flex}.join:hover{background:var(--navy);color:#fff}.page{padding:58px 0 85px}.page h1{margin:12px 0 8px;font-size:55px}.leaders{border:1px solid var(--line);background:#fff;border-radius:17px;max-width:780px;margin-top:28px;overflow:hidden}.leaders>div{border-bottom:1px solid var(--line);grid-template-columns:35px 45px 1fr auto;align-items:center;gap:11px;padding:15px 21px;display:grid}.leaders>div:last-child{border:0}.leaders strong{color:#89939f;font:700 20px Barlow Condensed}.leaders i{width:38px;height:38px}.leaders span{color:var(--muted);font-size:11px}.leaders big{color:var(--red);font:700 25px Barlow Condensed}.admin{grid-template-columns:1fr 1fr;gap:22px;margin-top:27px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:17px;padding:24px}.panel h2{gap:7px;margin:0 0 18px;font:700 27px Barlow Condensed;display:flex}.panel label,.login label,.signup label{color:#596574;gap:6px;margin-bottom:13px;font-size:11px;font-weight:600;display:grid}.panel input,.panel textarea,.login input,.signup input{background:#fafcfd;border:1px solid #d8dfe5;border-radius:9px;padding:11px}.panel textarea{min-height:80px}.row{grid-template-columns:1fr 1fr;gap:11px;display:grid}.primary,.cancel{border:0;border-radius:9px;padding:12px 17px;font-weight:700}.primary{background:var(--red);color:#fff}.manage{flex-direction:column;gap:9px;display:flex}.manage>div{background:#f4f7f9;border-radius:9px;justify-content:space-between;align-items:center;padding:13px;display:flex}.manage b,.manage small{display:block}.manage small{color:var(--muted);margin-top:4px;font-size:9px}.danger,.restore{color:#ad3932;background:#f6dfdc;border:0;border-radius:7px;padding:8px;font-size:9px;font-weight:700}.restore{color:#34754a;background:#e1f1e5}footer{color:#94a6b8;background:#0c223d;align-items:center;gap:12px;min-height:80px;padding:0 max(24px,50vw - 590px);font-size:10px;display:flex}footer i{width:31px;height:31px;font-size:17px}footer span:last-child{margin-left:auto}.shade{z-index:50;background:#09182baa;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal,.login{background:#fff;border-radius:19px;width:min(620px,100%);max-height:92vh;position:relative;overflow:auto}.close{background:#fffd;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:14px;right:14px}.banner{background:var(--navy);color:#fff;padding:27px 58px 23px 27px}.banner small{color:#ef9991}.banner h2{margin:7px 0 10px;font:700 34px Barlow Condensed}.banner p{color:#cbd7e2;align-items:center;margin:0;font-size:10px;display:flex}.banner svg{width:13px}.body{padding:23px 27px}.body>p{color:#657181;font-size:11px}.summary{background:#edf3f7;border-radius:10px;align-items:center;gap:9px;margin:17px 0;padding:12px;display:flex}.summary span{display:grid}.summary b{font-size:11px}.summary small{color:var(--muted);font-size:9px}.roster{gap:6px;max-height:210px;display:grid;overflow:auto}.roster>div{border:1px solid #e4e9ed;border-radius:9px;grid-template-columns:38px 1fr auto 18px;align-items:center;gap:9px;padding:8px;display:grid}.roster i{width:35px;height:35px}.roster b{font-size:11px}.roster small{color:var(--muted);font-size:9px}.roster svg{color:#438158;width:14px}.signup{grid-template-columns:1fr auto;align-items:end;gap:9px;margin-top:18px;display:grid}.signup label{margin:0}.signup button{height:40px}.cancel{color:#ad3932;background:#f4e5e3}.notice{background:#e7f3ea;border-radius:8px;align-items:center;gap:5px;padding:8px;color:#36774c!important;display:flex!important}.privacy{color:#8b949f;align-items:center;gap:5px;font-size:8px;display:flex}.privacy svg{width:12px}.login{text-align:center;width:min(400px,100%);padding:35px;overflow:visible}.login>svg{background:#e7eef4;border-radius:50%;width:45px;height:45px;padding:11px}.login h2{margin:13px 0 4px;font:700 29px Barlow Condensed}.login>p{color:var(--muted);margin-bottom:20px;font-size:11px}.login label{text-align:left}.login .primary{width:100%}.login>small{color:#99a2ad;font-size:8px}.error{color:var(--red)!important}@media (width<=800px){.site>header{height:68px;padding:0 13px}.brand small{display:none}.hero{min-height:420px;padding:42px 19px}.hero h1{font-size:54px}.hero figure{opacity:.2;position:absolute;right:-160px}.hero aside{gap:18px}.section-title,.grid,.page{margin-left:15px;margin-right:15px}.section-title{padding-top:36px;display:block}.grid,.admin,.row,.signup{grid-template-columns:1fr}.roster>div{grid-template-columns:38px 1fr 18px}.roster small{display:none}.page h1{font-size:45px}footer{flex-wrap:wrap;padding:17px}footer span:last-child{width:100%;margin:0}}.site>header{height:58px}.brand b{letter-spacing:0;font-family:Inter,Microsoft YaHei,sans-serif;font-size:15px}.hero{background:var(--navy);min-height:145px;padding-top:28px;padding-bottom:28px}.hero>div{justify-content:space-between;align-items:center;gap:40px;width:100%;display:flex}.hero h1{margin:0;font-size:42px}.hero aside{gap:26px;margin:0}.hero aside span{min-width:90px}.hero aside b{font-size:26px}.hero figure{display:none}.section-title{padding:30px 0 16px}.section-title h2{font-size:30px}.grid{gap:14px}.grid article{box-shadow:none;border-radius:12px;padding:20px}.date{border-radius:8px;width:58px;top:54px}.grid h3{margin-top:18px;font-size:25px}.people{margin-top:15px;padding-top:14px}.join{background:var(--navy);color:#fff;margin-top:14px}.modal,.login,.panel,.leaders{border-radius:12px}.banner{padding-top:23px;padding-bottom:20px}footer{justify-content:center;min-height:54px}footer span:last-child{margin:0}@media (width<=800px){.site>header{height:56px}.hero{min-height:150px;padding:24px 18px}.hero>div{display:block}.hero h1{font-size:36px}.hero aside{margin-top:18px}.section-title{padding-top:25px}.grid article{padding:18px}}.site nav button[aria-current=page]{color:var(--navy);background:#e8eef5}.manage-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.manage-toolbar h2{margin:0}.manage-toolbar button,.load-error button{border:1px solid var(--line);color:var(--navy);background:#fff;border-radius:7px;padding:10px}.managed-activity{border:1px solid var(--line);background:#fafcfd;border-radius:8px;padding:14px}.managed-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.managed-heading h3{overflow-wrap:anywhere;margin:0;font-size:16px}.activity-state{white-space:nowrap;background:#e8eef5;border-radius:5px;padding:4px 8px;font-size:12px}.managed-activity p{color:var(--muted);overflow-wrap:anywhere;margin:8px 0;font-size:13px;line-height:1.6}.managed-activity summary{cursor:pointer;padding:12px 0;font-size:14px;font-weight:600}.admin-roster{overflow-wrap:anywhere;gap:8px;margin:0 0 14px;padding-left:28px;display:grid}.managed-activity>.danger,.managed-activity>.restore{min-height:40px;margin-top:8px;font-size:12px}.load-error{background:#fff0e9;justify-content:space-between;align-items:center;gap:12px;max-width:1180px;margin:16px auto;padding:14px;display:flex}button:disabled{opacity:.6;cursor:wait}button:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #448dcc}@media (width<=800px){.site>header{flex-direction:column;align-items:stretch;gap:8px;height:auto;min-height:92px;padding:10px 15px}.brand{justify-content:center}.site nav{justify-content:space-between;width:100%}.site nav button{flex:1;justify-content:center;align-items:center;min-height:40px;padding:10px 5px;font-size:14px;display:flex}.load-error{flex-wrap:wrap;margin:12px 15px}.leaders>div{grid-template-columns:24px 32px minmax(0,1fr) auto;gap:7px;padding:12px}.leaders i{width:30px;height:30px}.leaders b{overflow-wrap:anywhere;font-size:14px}.panel{min-width:0;padding:16px}.row input{width:100%;min-width:0}}