:root{--ink:#142033;--muted:#748096;--line:#e5eaf1;--blue:#2866c6;--mint:#36b6a5;--bg:#f4f7fb}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--ink);background:var(--bg);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.hero{min-height:420px;padding:28px max(24px,calc((100vw - 1040px)/2));color:#fff;background:radial-gradient(circle at 82% -30%,#3eaca666 0,transparent 45%),linear-gradient(140deg,#07101d,#112d52 58%,#17516a);border-radius:0 0 42px 42px}.hero nav{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none}.brand span{display:grid;place-items:center;width:54px;height:36px;border:1px solid #ffffff55;border-radius:10px;font-size:13px;font-weight:900;letter-spacing:2px}.admin-link{color:#ffffffb8;text-decoration:none;font-size:14px}.hero-copy{margin-top:70px}.eyebrow{margin:0;color:#69dfce;font-size:11px;font-weight:800;letter-spacing:.28em}.eyebrow.blue{color:var(--blue)}.hero h1{margin:16px 0 13px;max-width:680px;font-size:clamp(42px,7vw,72px);line-height:1.08;letter-spacing:-.055em}.hero-copy>p:not(.eyebrow){margin:0;color:#ffffffb2;font-size:15px}.round-pill{display:inline-block;margin-top:28px;padding:10px 15px;border:1px solid #ffffff2b;border-radius:999px;background:#ffffff12;color:#ffffffe3;font-size:13px}.shell,.admin-shell{width:min(1040px,calc(100% - 40px));margin:auto;padding:30px 0 68px}.notice{padding:20px 22px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 10px 32px #142a500b}.notice b{font-size:14px}.notice p{margin:6px 0 0;color:var(--muted);font-size:13px}.message{margin:18px 0;padding:14px 17px;border-radius:14px;font-size:14px}.message.success{color:#17684d;background:#e4f7ef;border:1px solid #cbeee0}.message.error{color:#9c4545;background:#faebeb;border:1px solid #f1d5d5}.section{margin-top:45px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:0 2px 20px}.section-head small{color:var(--blue);font-size:10px;font-weight:850;letter-spacing:.2em}.section-head h2{margin:6px 0 0;font-size:26px;letter-spacing:-.04em}.section-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.text-button{padding:8px 0;border:0;background:transparent;color:#667286}.slot-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.slot-card{display:flex;align-items:center;min-height:108px;padding:18px 20px;border:2px solid transparent;border-radius:20px;color:var(--ink);background:#fff;text-align:left;box-shadow:0 10px 30px #182e520b}.slot-card:hover:not(.disabled){transform:translateY(-2px)}.slot-card.selected{border-color:#3270cf;background:#f5f8ff}.slot-card.disabled{opacity:.58;cursor:not-allowed}.slot-card>span:first-child{display:flex;flex-direction:column;width:84px;border-right:1px solid var(--line)}.slot-card>span:nth-child(2){display:flex;flex:1;flex-direction:column;padding-left:20px}.slot-card b{font-size:18px}.slot-card small{margin-top:5px;color:var(--muted);font-size:11px}.slot-card em{padding:7px 10px;border-radius:999px;color:#167352;background:#e2f7ee;font-size:12px;font-style:normal;font-weight:700}.slot-card.disabled em{color:#a04949;background:#f7e5e5}.form-panel{padding:28px;border-radius:23px;background:#fff;box-shadow:0 10px 34px #142a500c}.form-panel label{display:block;margin:0 0 10px;font-size:13px;font-weight:750}.form-panel label:nth-of-type(2){margin-top:25px}.form-panel>input,.login-card input{width:100%;height:56px;padding:0 16px;border:1px solid var(--line);border-radius:14px;background:#f6f8fb;outline:0}.form-panel>input:focus,.login-card input:focus{border-color:#6b98dd;box-shadow:0 0 0 3px #3976d218}.direction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.direction-grid button{display:flex;flex-direction:column;gap:8px;padding:18px;border:2px solid var(--line);border-radius:16px;color:var(--ink);background:#fff;text-align:left}.direction-grid button.active{border-color:#3472d0;background:#f0f5ff}.primary{width:100%;height:56px;margin-top:24px;border:0;border-radius:14px;color:#fff;background:linear-gradient(100deg,#255fc2,#238ba1);font-weight:750}.primary:disabled{opacity:.6}.selection{text-align:center;color:var(--muted);font-size:12px}.mine{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:18px 20px;border-left:5px solid var(--mint);border-radius:15px;background:#fff}.mine p{margin:5px 0 0;color:var(--muted);font-size:12px}.mine button{border:0;color:#ad4d4d;background:none}footer{padding:22px;text-align:center;color:#98a1af;font-size:11px}
.login-page{min-height:100vh;padding:28px;background:radial-gradient(circle at 80% 10%,#d8f3ef,transparent 35%),linear-gradient(150deg,#eef4fc,#f7f9fc)}.back{color:#68768a;text-decoration:none;font-size:13px}.login-card{width:min(440px,100%);margin:9vh auto 0;padding:38px;border:1px solid #e1e7ef;border-radius:25px;background:#ffffffed;box-shadow:0 24px 70px #263b5f1a}.key{display:grid;place-items:center;width:58px;height:58px;margin-bottom:25px;border-radius:17px;color:var(--blue);background:#e9f1ff;font-size:26px}.login-card h1{margin:9px 0 8px;font-size:32px}.login-card>p:not(.eyebrow){margin:0 0 25px;color:var(--muted);font-size:14px}.login-card .primary{margin-top:13px}.error-text{min-height:20px;margin-top:8px;color:#b24848;font-size:12px}.admin-hero{display:flex;align-items:flex-end;justify-content:space-between;padding:50px max(24px,calc((100vw - 1040px)/2)) 62px;color:#fff;background:linear-gradient(140deg,#091523,#17375e);border-radius:0 0 38px 38px}.admin-hero h1{margin:10px 0 7px;font-size:42px}.admin-hero>div>p:last-child{margin:0;color:#ffffffa8}.admin-actions{display:flex;gap:10px}.admin-actions a,.admin-actions button{padding:10px 13px;border:1px solid #ffffff2b;border-radius:11px;color:#ffffffc7;background:#ffffff0c;text-decoration:none;font-size:12px}.summary{display:flex;align-items:center;justify-content:space-between;padding:25px 28px;border-radius:21px;color:#fff;background:linear-gradient(120deg,#225aa6,#238d8f)}.summary small{color:#ffffffaf}.summary h2{margin:7px 0 0}.summary>div:last-child{min-width:100px;border-left:1px solid #ffffff3d;text-align:center}.summary strong{display:block;font-size:35px}.toolbar{display:flex;gap:11px;margin:16px 0 25px}.toolbar button{flex:1;height:46px;border:0;border-radius:13px;color:#285da9;background:#e7f0fd;font-weight:700}.toolbar button:last-child{color:#276b61;background:#e0f4ef}.compact{margin:28px 2px 16px}.compact h2{font-size:25px}.count-pill{padding:8px 12px;border-radius:999px;color:#276650;background:#dcf2e8;font-size:12px;font-weight:700}.stats-grid,.roster{display:grid;grid-template-columns:1fr 1fr;gap:11px}.stats-grid article,.roster article{padding:17px;border:1px solid var(--line);border-radius:16px;background:#fff}.stat-head{display:flex;align-items:center;gap:12px}.avatar,.rank{display:grid;place-items:center;width:39px;height:39px;flex:none;border-radius:12px;color:#285da9;background:#e8f0fd;font-weight:850}.stat-head>div,.roster article>div{flex:1;min-width:0}.stat-head p,.roster p{overflow:hidden;margin:4px 0 0;color:#929baa;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.stat-head strong{color:#245cae;font-size:28px}.stat-head strong small{margin-left:3px;color:#8b96a7;font-size:10px}.stat-tags{display:flex;gap:6px;margin:13px 0 0 51px}.tag{padding:7px 9px;border-radius:8px;font-size:10px;font-weight:700}.software{color:#315eae;background:#e8f0ff}.ros{color:#895a18;background:#fbefd5}.embedded{color:#26705f;background:#dff4ed}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:30px}.tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:16px;border:2px solid transparent;border-radius:15px;color:#68768a;background:#fff}.tabs button.active{border-color:#3977d4;color:#245cae;background:#f1f6ff}.tabs span{color:#929baa;font-size:11px}.roster article{display:flex;align-items:center}.rank{width:36px;height:36px;margin-right:14px}.empty{grid-column:1/-1;padding:50px;text-align:center;border-radius:18px;color:#929baa;background:#fff}
@media(max-width:720px){.hero{min-height:390px;padding:24px 20px 42px;border-radius:0 0 30px 30px}.brand b{display:none}.hero-copy{margin-top:58px}.hero h1{font-size:45px}.shell,.admin-shell{width:calc(100% - 28px);padding-top:20px}.slot-grid,.stats-grid,.roster{grid-template-columns:1fr}.slot-card{min-height:96px;padding:15px}.direction-grid{gap:7px}.direction-grid button{align-items:center;padding:15px 6px;text-align:center}.admin-hero{align-items:flex-start;padding:36px 20px 46px}.admin-hero h1{font-size:34px}.admin-actions a{display:none}.tabs{display:flex;overflow-x:auto}.tabs button{min-width:135px}.summary h2{font-size:19px}.login-card{padding:28px 22px}}