:root{color:#27364a;font-synthesis:none;background:#eff7ff;font-family:PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:#27364a;background:#e9eef6;border:0;border-radius:16px;min-height:48px;padding:14px 18px;font-weight:800}button:disabled{opacity:.55;cursor:default}button.primary{color:#fff;background:#4557bc;box-shadow:0 4px #2e3c86}button.secondary{background:#fff;border:2px solid #c5cde8}.wrap{max-width:560px;margin:auto;padding:24px 18px 38px}.brand{color:#536589;letter-spacing:1px;font-size:14px;font-weight:800}.hero{justify-content:space-between;align-items:center;gap:10px;margin:12px 0 18px;display:flex}.hero img{object-fit:contain;width:104px;height:104px}h1{margin:9px 0;font-size:30px;line-height:1.3}h2{margin:0 0 12px;font-size:22px}p{line-height:1.7}.muted{color:#58687d;font-size:14px}.card{background:#fff;border:2px solid #dce6f3;border-radius:24px;margin:14px 0;padding:22px;box-shadow:0 5px #e1e9f4}.roles{grid-template-columns:1fr 1fr;gap:12px;display:grid}.role{background:#f0f1ff;border:2px solid #c2c9ef;padding:22px 8px;font-size:19px}.role.selected{color:#fff;background:#4557bc;border-color:#4557bc}label{margin:18px 0 8px;font-weight:800;display:block}input,select{color:#27364a;background:#fff;border:2px solid #bec9dd;border-radius:12px;width:100%;padding:14px}input:focus,select:focus{outline:3px solid #cbd8ff}.full{width:100%;margin-top:18px}.banner{background:#fff0c2;border:2px solid #e5cc75;border-radius:18px;padding:16px 18px;font-weight:800}.rubric{border-left:6px solid var(--accent)}.rubric h2{color:var(--accent);font-size:22px}.stars{gap:12px;margin:14px 0 0;display:flex}.star{color:#788297;background:#f1f3f7;border:2px solid #d2d9e4;flex:1;font-size:34px;line-height:1}.star.on{color:#8c5700;background:#fff1bb;border-color:#eab338}.error{color:#a2263c;background:#fff0f0;border:2px solid #e6a8b0;border-radius:14px;margin:14px 0;padding:14px;line-height:1.6}.success{color:#215f39;background:#e9faee;border:2px solid #96cda6;border-radius:14px;margin:14px 0;padding:15px;line-height:1.6}.topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.small{min-height:40px;padding:8px;font-size:13px}footer{text-align:center;color:#62728a;margin-top:24px;font-size:12px;line-height:1.8}.spinner{text-align:center;padding:70px 12px}a{color:#4557bc}.hint{color:#51627a;font-size:14px;line-height:1.7}@media (max-width:360px){.wrap{padding:18px 12px}.card{padding:16px}.hero img{width:80px;height:80px}h1{font-size:26px}}