.bracket-workbench{color:#21182d;background:#f6f5f8;min-height:100%;padding:26px;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif}.bracket-hero{color:#fff;background:radial-gradient(circle at 88% 12%,#e64c9d66,#0000 28%),linear-gradient(135deg,#24105e,#6631c7);border-radius:20px;justify-content:space-between;align-items:flex-end;gap:24px;padding:26px 28px;display:flex}.bracket-hero small{color:#cdbcec;letter-spacing:.12em;font-size:9px;font-weight:900}.bracket-hero h2{margin:7px 0 8px;font-size:26px}.bracket-hero p{color:#ded3ee;max-width:920px;margin:0;font-size:10px;line-height:1.8}.bracket-hero a{color:#fff;white-space:nowrap;background:#ffffff16;border-radius:10px;padding:9px 12px;font-size:9px;font-weight:900;text-decoration:none}.bracket-generate-card{background:#fff;border:1px solid #e5deeb;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 20px;margin-top:16px;padding:24px;display:grid}.bracket-generate-card small{color:#76569e;font-size:9px;font-weight:900}.bracket-generate-card h3{margin:6px 0 8px;font-size:18px}.bracket-generate-card p{color:#807587;margin:0;font-size:10px;line-height:1.8}.bracket-generate-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6632ce,#db479b);border:0;border-radius:11px;padding:11px 15px;font-size:9px;font-weight:900}.bracket-generate-card button:disabled{opacity:.45;cursor:not-allowed}.bracket-generate-card>small,.bracket-generate-card>p{grid-column:1/-1}.bracket-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.bracket-metrics article{background:#fff;border:1px solid #e7e1ec;border-radius:15px;padding:17px}.bracket-metrics span{color:#82768a;font-size:8px;display:block}.bracket-metrics strong{margin:6px 0 4px;font-size:25px;display:block}.bracket-metrics small{color:#9a909f;font-size:8px}.bracket-note{background:#f2ecfa;border:1px solid #ddd3eb;border-radius:14px;align-items:flex-start;gap:14px;margin-top:12px;padding:14px 16px;display:flex}.bracket-note strong{color:#603691;min-width:145px;font-size:9px}.bracket-note p{color:#75697e;margin:0;font-size:9px;line-height:1.75}.bracket-message{color:#603691;background:#eee7f7;border-radius:10px;padding:10px 12px;font-size:9px}.bracket-toolbar{background:#fff;border:1px solid #e6e0ea;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding:12px 14px;display:flex}.bracket-toolbar>div{gap:7px;display:flex}.bracket-toolbar button,.bracket-division-tabs button{color:#6d4a95;cursor:pointer;background:#fff;border:1px solid #dfd6e8;border-radius:9px;padding:8px 10px;font-size:8px;font-weight:900}.bracket-toolbar button.active,.bracket-division-tabs button.active{color:#fff;background:#6734cd;border-color:#6734cd}.bracket-toolbar span{color:#978d9d;font-size:8px}.bracket-division-tabs{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.bracket-round-board{background:#fff;border:1px solid #e6e0ea;border-radius:16px;grid-template-columns:repeat(5,minmax(210px,1fr));gap:12px;margin-top:12px;padding:14px;display:grid;overflow-x:auto}.bracket-round-column{min-width:0}.bracket-round-column>header{border-bottom:1px solid #ece7f0;grid-template-columns:auto 1fr auto;align-items:end;gap:8px;min-height:49px;padding-bottom:9px;display:grid}.bracket-round-column>header span{color:#886ba9;font-size:7px;font-weight:900}.bracket-round-column>header strong{font-size:11px}.bracket-round-column>header small{color:#9c929f;font-size:7px}.bracket-round-list{flex-direction:column;justify-content:space-around;gap:9px;min-height:640px;margin-top:9px;display:flex}.bracket-round-list article{background:#fbfafc;border:1px solid #e8e2ec;border-radius:11px;padding:10px}.bracket-round-list article.auto{background:#f5f1f9;border-style:dashed}.bracket-match-code{justify-content:space-between;align-items:center;gap:7px;margin-bottom:7px;display:flex}.bracket-match-code b{color:#6e459d;font-size:7px}.bracket-match-code span{color:#6b4593;background:#eae1f4;border-radius:999px;padding:3px 6px;font-size:6px}.bracket-player{border-top:1px solid #eee9f2;align-items:center;gap:7px;min-height:28px;padding:5px 6px;display:flex}.bracket-player i{color:#fff;background:#7250aa;border-radius:6px;place-items:center;width:18px;height:18px;font-size:6px;font-style:normal;font-weight:900;display:grid}.bracket-player strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.bracket-round-list article>small{color:#897d91;margin-top:6px;font-size:7px;line-height:1.5;display:block}.bracket-final-rule{background:#fff;border:1px solid #e1dae8;border-radius:14px;align-items:flex-start;gap:18px;margin-top:12px;padding:16px;display:flex}.bracket-final-rule strong{color:#5d358c;min-width:130px;font-size:10px}.bracket-final-rule p{color:#7d7284;margin:0;font-size:9px;line-height:1.75}.bracket-playoff-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px;display:grid}.bracket-playoff-list article{background:#fff;border:1px solid #e5dfe9;border-radius:12px;grid-template-columns:70px 1fr 26px 1fr;align-items:center;gap:7px;padding:12px;display:grid}.bracket-playoff-list span{color:#6d449a;font-size:8px;font-weight:900}.bracket-playoff-list strong{font-size:9px}.bracket-playoff-list i{color:#a294aa;text-align:center;font-size:7px;font-style:normal}.bracket-playoff-list small{color:#978c9e;grid-column:2/-1;font-size:7px}@media (max-width:1100px){.bracket-round-board{grid-template-columns:repeat(5,220px)}.bracket-playoff-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.bracket-workbench{padding:14px 12px}.bracket-hero{flex-direction:column;align-items:flex-start;padding:20px}.bracket-hero h2{font-size:22px}.bracket-generate-card{grid-template-columns:1fr}.bracket-generate-card>small,.bracket-generate-card>p{grid-column:auto}.bracket-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.bracket-note,.bracket-final-rule{flex-direction:column;gap:6px}.bracket-toolbar{flex-direction:column;align-items:flex-start}.bracket-playoff-list{grid-template-columns:1fr}}
.bracket-next-step{background:#fff;border:1px solid #ddd3eb;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin:18px 26px -8px;padding:13px 15px;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;display:flex}.bracket-next-step>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bracket-next-step small{color:#8468a4;letter-spacing:.1em;font-size:8px;font-weight:900}.bracket-next-step strong{font-size:10px}.bracket-next-step span{color:#8a8090;font-size:9px}.bracket-next-step a{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#6331cb,#d9449b);border-radius:10px;padding:9px 12px;font-size:9px;font-weight:900;text-decoration:none}@media (max-width:760px){.bracket-next-step{flex-direction:column;align-items:flex-start;margin:12px 12px -4px}.bracket-next-step>div{flex-direction:column;align-items:flex-start;gap:4px}}