.ch328-party{position:relative;width:min(1180px,calc(100% - 32px));margin:20px auto 34px;padding:0;background:#fff;border:1px solid #cad9e9;box-shadow:0 16px 38px #1b365317;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);color:#10233e;font-family:inherit;overflow:hidden}.ch328-party:before{content:"";position:absolute;left:0;top:0;width:72px;height:4px;background:#ff5424}.ch328-party:after{content:"";position:absolute;right:0;bottom:0;width:72px;height:4px;background:#ff5424}.ch328-party>header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px 20px;border-bottom:1px solid #d9e4ef;background:linear-gradient(100deg,#fff 0%,#fff9f6 52%,#f5f9fd 100%)}.ch328-party-kicker{display:block;color:#f04b22;font-size:12px;font-weight:900;letter-spacing:1.8px}.ch328-party h2{margin:5px 0 4px;font-size:25px;line-height:1;color:#0b1e3a;letter-spacing:.4px}.ch328-party header p{margin:0;color:#63758c;font-size:14px;line-height:1.45}.ch328-party-game{display:grid;grid-template-columns:42px auto;grid-template-rows:auto auto;align-items:center;gap:1px 10px;min-width:190px}.ch328-party-game img{grid-row:1/3;width:42px;height:42px;object-fit:contain;border-radius:9px;background:#0c1830;padding:5px}.ch328-party-game span{font-size:14px;font-weight:900}.ch328-party-game i{font-style:normal;color:#7c8da2;font-size:10px;font-weight:900;letter-spacing:.8px}.ch328-party-game i.is-live{color:#16a15b}.ch328-party-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:0}.ch328-party-members{padding:22px 28px 26px;border-right:1px solid #d9e4ef}.ch328-party-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px}.ch328-party-section-title b{letter-spacing:1px}.ch328-party-section-title span{color:#71839a}.ch328-party-members ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}.ch328-party-members li{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:9px 11px;border:1px solid #dbe5ef;background:#f8fafc}.ch328-party-members li.is-ready{border-color:#a9dbc2;background:#f5fcf8}.ch328-party-members li.is-joined{border-color:#70c79b;background:#ecfaf3}.ch328-party-avatar{width:42px;height:42px;border:2px solid #d4dfeb;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#eaf0f6;color:#203b5e;font-weight:900}.ch328-party-avatar img{width:100%;height:100%;object-fit:cover}.ch328-party-member-copy{min-width:0}.ch328-party-member-copy b{display:flex;align-items:center;gap:6px;min-width:0;font-size:14px}.ch328-party-member-copy b em{font-size:8px;font-style:normal;color:#ed4d24;border:1px solid #ffb49f;padding:2px 4px}.ch328-party-member-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#71839a;font-size:12px;margin-top:3px}.ch328-party-members li>strong{color:#8190a3;font-size:10px;text-transform:uppercase}.ch328-party-members li.is-ready>strong,.ch328-party-members li.is-joined>strong{color:#138a4e}.ch328-party aside{padding:22px 24px 26px;background:#fbfcfe}.ch328-party-code{position:relative;padding:14px 92px 14px 15px;border:1px solid #ffb299;background:#fff7f3}.ch328-party-code span{display:block;color:#e74b23;font-size:9px;font-weight:900;letter-spacing:1.2px}.ch328-party-code b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:15px}.ch328-party-code button{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:#ff5424;color:#fff;padding:9px 12px;font-weight:900;cursor:pointer}.ch328-party-code.is-empty{padding-right:15px;border-color:#d8e3ed;background:#f5f8fb}.ch328-party-code.is-empty span{color:#6c7f96}.ch328-party-code.is-empty b{font-size:12px;color:#78899e}.ch328-party-form{margin-top:13px}.ch328-party-form label{display:block;margin-bottom:6px;color:#52677f;font-size:11px;font-weight:800}.ch328-party-form>div{display:grid;grid-template-columns:1fr auto}.ch328-party-form input{min-width:0;height:42px;border:1px solid #cbd9e6;padding:0 12px;font:inherit}.ch328-party-form button{border:0;background:#ff5424;color:#fff;padding:0 16px;font-weight:900;cursor:pointer}.ch328-party-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.ch328-party-actions a,.ch328-party-actions button{display:flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #bdcddd;background:#fff;color:#17304f;text-decoration:none;font:800 11px/1 inherit;cursor:pointer}.ch328-party-actions a:first-child,.ch328-party-actions button.is-confirmed{border-color:#ff5424;background:#ff5424;color:#fff}.ch328-party-actions button:disabled{cursor:not-allowed;opacity:.45}.ch328-party-complete{margin-top:12px;padding:11px;border:1px solid #8bd2ab;background:#ecfaf3;color:#08753c;font-size:12px;font-weight:900;text-align:center}.ch328-party-toast{position:absolute;right:22px;bottom:18px;z-index:4;max-width:330px;padding:11px 14px;background:#102a48;color:#fff;font-size:12px;font-weight:800;box-shadow:0 10px 25px #102a4840}.ch328-party-toast.is-error{background:#b62924}@media(max-width:820px){.ch328-party>header{align-items:flex-start;padding:20px}.ch328-party-grid{grid-template-columns:1fr}.ch328-party-members{border-right:0;border-bottom:1px solid #d9e4ef;padding:18px 20px}.ch328-party-members ul{grid-template-columns:1fr}.ch328-party aside{padding:18px 20px}}@media(max-width:560px){.ch328-party{width:calc(100% - 20px);margin-top:14px}.ch328-party>header{display:block}.ch328-party-game{margin-top:15px}.ch328-party h2{font-size:21px}.ch328-party-section-title{align-items:flex-start;gap:8px}.ch328-party-members li{grid-template-columns:38px minmax(0,1fr)}.ch328-party-avatar{width:38px;height:38px}.ch328-party-members li>strong{grid-column:2}.ch328-party-actions{grid-template-columns:1fr}.ch328-party-form>div{grid-template-columns:1fr}.ch328-party-form button{height:40px}.ch328-party-toast{left:14px;right:14px;bottom:14px}}