@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--bg:#fafafc;--paper:#fff;--ink:#252638;--muted:#898a9c;--line:#ebebf2;--purple:#6d63df;--lav:#f0edff;--green:#3a9b80;--shadow:0 5px 25px #29234c05}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'Outfit','Noto Sans SC',sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a59cf7;outline-offset:3px}a{color:inherit;text-decoration:none}button{color:inherit}p{line-height:1.8}h1,h2,h3,p{margin-top:0}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:white;border-right:1px solid var(--line);padding:34px 20px;z-index:30;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding-left:12px;font-size:23px;font-weight:800;letter-spacing:1px}.brandmark{display:grid;place-items:center;width:38px;height:42px;border-radius:12px 12px 16px 12px;background:var(--purple);color:white;font-size:23px;box-shadow:0 4px 10px #6d63df25}.brand small{display:block;font-size:9px;letter-spacing:3px;color:#a6a4b7;margin-top:1px}.nav-label{font-size:9px;letter-spacing:2px;font-weight:600;color:#aaa8b9;padding:52px 15px 18px}nav{display:flex;flex-direction:column;gap:7px}nav a{padding:13px 15px;display:flex;align-items:center;gap:13px;color:#818192;font-size:13px;border-radius:9px}nav a.active{background:var(--lav);color:var(--purple);font-weight:600}nav a:hover{background:#f7f5ff}nav svg{width:18px;height:18px;stroke-width:1.6}nav .nav-new{font-size:8px;padding:3px 5px;color:var(--purple);background:#e5e0ff;margin-left:auto;border-radius:4px;letter-spacing:.5px}.side-bottom{margin-top:auto;padding:24px 14px 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px}.side-bottom b{font-weight:500}.season-dot{width:7px;height:7px;background:#75ac88;border-radius:50%}.side-bottom>span{width:100%;color:#a4a3b1;font-size:10px;letter-spacing:1px}.side-source{border:0;background:none;padding:15px 0 0;width:100%;text-align:left;color:#92909f;font-size:11px}.side-source span{float:right}.workspace{margin-left:224px;width:calc(100% - 224px)}header{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 46px;gap:24px;background:#ffffffb3}.crumb{font-size:12px;color:#9a99a9;flex:1}.crumb span{padding:0 14px;color:#d5d3de}.crumb strong{font-weight:500;color:#686779}.game-switch{display:flex;padding:4px;border:1px solid var(--line);border-radius:9px;background:#f5f5f8}.game-switch button{border:0;background:none;color:#9c9aaa;padding:8px 14px;font-size:11px;border-radius:6px}.game-switch .selected{background:white;color:#565366;box-shadow:0 1px 6px #29234c0d;font-weight:600}.version-pill{background:#eeedf8;border:0;border-radius:6px;padding:8px 10px;font-size:10px;color:#8175c9;letter-spacing:.7px}#menu{display:none}main{max-width:1280px;margin:auto;padding:38px 46px 44px;min-height:calc(100vh - 152px)}footer{max-width:1280px;margin:auto;display:flex;justify-content:space-between;gap:16px;padding:20px 46px;color:#aaa8b6;font-size:10px;border-top:1px solid var(--line)}footer i{font-style:normal;margin:0 8px;color:#cfced9}footer button{border:0;background:none;padding:0;font-size:inherit;color:inherit}.eyebrow{letter-spacing:2px;font-size:10px;color:#9b97af;font-weight:500;margin-bottom:12px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:28px}.page-heading h1{font-size:26px;letter-spacing:-.7px;font-weight:700;margin-bottom:8px}.page-heading p{font-size:12px;color:var(--muted);margin:0}.date-chip{padding:9px 12px;border:1px solid var(--line);background:white;border-radius:6px;color:#9691aa;font-size:10px;white-space:nowrap}.hero{position:relative;overflow:hidden;display:flex;background:linear-gradient(110deg,#efedff 0%,#f2effb 55%,#f5f1fc 100%);border:1px solid #e8e3f8;border-radius:16px;min-height:246px;padding:32px 36px}.hero-copy{position:relative;z-index:1;width:65%}.hero .eyebrow{color:#8f80c5;letter-spacing:2.4px;font-size:9px}.hero h2{font-size:30px;letter-spacing:-.7px;line-height:1.5;font-weight:700;margin-bottom:10px}.hero h2 em{color:var(--purple);font-style:normal}.hero p{font-size:11px;color:#9a93ad;margin-bottom:21px}.primary,.secondary{border:0;border-radius:7px;padding:12px 19px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-weight:500}.primary{background:var(--purple);color:#fff;box-shadow:0 4px 9px #6d63df14}.primary:hover{background:#5d51d3}.secondary{background:white;border:1px solid #e8e5ef;color:#716b88}.small-btn{padding:9px 14px;font-size:11px}.hero-link{font-size:11px;margin-left:20px;color:#8d83aa}.hero-art{position:absolute;right:32px;top:0;width:300px;height:100%;transform:rotate(-6deg)}.orb{position:absolute;width:220px;height:220px;border-radius:50%;background:#e6defb88;top:14px;right:2px}.art-board{position:absolute;top:70px;right:25px;display:grid;grid-template-columns:repeat(4,49px);gap:5px;transform:perspective(500px) rotateX(23deg) rotateZ(-8deg)}.art-cell{width:49px;height:49px;background:#fff7;border:1px solid #fff;border-radius:11px;box-shadow:0 6px 8px #6a55920c;display:grid;place-items:center}.art-cell.filled{background:#b9a7ec;color:white;font-size:19px;font-weight:600;box-shadow:0 5px 0 #9f8bd3,0 10px 12px #6a559215}.art-cell.gold{background:#efd4a1;box-shadow:0 5px 0 #d2b078;color:white}.float-label{position:absolute;right:16px;top:35px;padding:8px 11px;background:#fffe;border:1px solid white;border-radius:7px;font-size:9px;color:#9c8caf;box-shadow:0 8px 20px #8f76bc0c;transform:rotate(6deg)}.art-star{position:absolute;color:#b3a1da;font-size:25px;bottom:34px;right:18px}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:24px 0 32px}.mini-stat{display:flex;gap:13px;align-items:center;background:white;border:1px solid var(--line);border-radius:10px;padding:18px 19px}.stat-icon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;background:#f3f0fc;color:#a69acb}.stat-icon svg{width:17px;height:17px}.mini-stat:nth-child(2) .stat-icon{background:#ecf5f1;color:#78ab93}.mini-stat:nth-child(3) .stat-icon{background:#fff6e8;color:#d2b07a}.mini-stat:nth-child(4) .stat-icon{background:#eff2fd;color:#9aace2}.mini-stat strong{font-size:22px;font-weight:600;display:block;line-height:1.2}.mini-stat strong small{font-size:11px;color:#a6a1b1;margin-left:4px;font-weight:400}.mini-stat label{display:block;font-size:9px;color:#aaa5b6;margin-top:5px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-title h2{font-size:16px;margin:0;font-weight:600}.section-title>span{font-size:10px;color:#a6a2b3}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.module-card{position:relative;display:block;background:white;border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:var(--shadow);transition:transform .18s,border-color .18s}.module-card:hover{transform:translateY(-4px);border-color:#c3b9ef;box-shadow:0 9px 22px #6d63df09}.module-card .module-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.module-icon{height:43px;width:43px;border-radius:11px;background:#f0ecfe;color:#a394d5;display:grid;place-items:center}.module-icon svg{width:22px;height:22px}.module-card:nth-child(2) .module-icon{background:#edf6f0;color:#84b296}.module-card:nth-child(3) .module-icon{background:#fff5e8;color:#d8b678}.module-card:nth-child(4) .module-icon{background:#edf2fd;color:#8fa7dc}.module-card:nth-child(5) .module-icon{background:#fceff3;color:#ce99ac}.module-card:nth-child(6) .module-icon{background:#f2f1f7;color:#a7a1bb}.tag{font-size:9px;letter-spacing:.5px;color:#aaa3ba;background:#f7f6fa;border-radius:4px;padding:4px 7px}.module-card h3{font-size:16px;margin-bottom:8px;font-weight:600}.module-card p{font-size:11px;color:#a19bac;line-height:1.8;min-height:40px;margin-bottom:21px}.card-footer{border-top:1px solid #f2f0f6;padding-top:14px;display:flex;justify-content:space-between;color:#a69eb6;font-size:10px}.card-footer b{color:#9183c0;font-weight:400}.bottom-note{display:flex;align-items:center;gap:12px;margin-top:27px;padding:16px 20px;border:1px solid var(--line);border-radius:9px;color:#aaa4b6;background:white;font-size:10px}.bottom-note svg{color:#aca0cb;width:17px}.bottom-note b{color:#8f88a0;font-weight:500}.bottom-note a{color:#9182be;margin-left:auto;white-space:nowrap}.panel{border:1px solid var(--line);border-radius:13px;background:#fff;padding:24px;margin-bottom:20px}.panel h2{font-size:16px;margin-bottom:17px}.muted{color:var(--muted);font-size:12px;line-height:1.8}.fields{display:flex;align-items:flex-end;gap:15px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:8px;min-width:115px}.field label{font-size:11px;color:#8b849d}select,input{background:#fcfbff;border:1px solid #e4e0ee;border-radius:6px;color:#585269;padding:10px;max-width:100%;outline:none}input[type=number]{width:100px}.field.wide{flex:1}.field.wide select,.field.wide input{width:100%}.hint{font-size:11px;line-height:1.9;color:#a098b0;margin:14px 0 0}.target-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.target-chip{border:1px solid #e6e0f4;background:#faf8ff;padding:6px 11px 6px 6px;display:flex;align-items:center;gap:7px;border-radius:6px;color:#76638f;font-size:11px}.target-chip img{width:25px;height:25px;object-fit:cover;border-radius:4px}.target-chip.chosen{background:#eee9ff;border-color:#a697dd}.arena{background:radial-gradient(ellipse at top,#282d47,#171c2e);color:#fff;border:1px solid #34394d;position:relative;padding:25px;border-radius:13px;margin-bottom:20px}.arena-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:12px}.arena-top .eyebrow{color:#85869f;margin:0}.timer{font-size:27px;font-variant-numeric:tabular-nums}.arena-status{display:flex;gap:22px;font-size:11px;color:#a7abc6}.arena-status b{color:#e1d6aa;font-size:16px;margin-left:6px}.shop{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.champ-card{border:1px solid #b6b7c3;border-bottom:4px solid var(--cost,#858e9e);border-radius:7px;background:#20283c;color:white;padding:0;overflow:hidden;position:relative;min-width:0;text-align:left;transition:transform .12s}.champ-card:hover{transform:translateY(-3px)}.champ-card img{display:block;width:100%;aspect-ratio:1.4;object-fit:cover}.champ-card .champ-body{padding:12px 10px}.champ-card .champ-name{display:flex;justify-content:space-between;gap:5px;font-size:13px;font-weight:600}.champ-card .champ-traits{font-size:9px;color:#a5acc3;line-height:1.7;margin-top:7px;min-height:30px}.champ-card .slot-key{position:absolute;top:7px;left:7px;background:#111b;min-width:20px;padding:4px;border-radius:4px;text-align:center;font-size:10px;color:#ddd}.champ-card.bought{opacity:.35;transform:none}.champ-card.bought:after{content:'已购买';position:absolute;inset:0;display:grid;place-items:center;background:#1116;font-size:14px;letter-spacing:3px}.champ-card.mistake{animation:shake .2s;border-color:#f48091}@keyframes shake{50%{transform:translateX(4px)}}.arena-actions{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:15px}.arena-actions p{font-size:10px;margin:0;color:#838aa7}.roll-btn{background:#d4bd7c;color:#34303a;box-shadow:0 3px 0 #998455}.roll-btn:hover{background:#e2cc8c}kbd{background:#ffffff12;border:1px solid #ffffff20;border-radius:4px;padding:2px 5px;font-size:10px}.meter{height:4px;background:#ffffff12;overflow:hidden;border-radius:10px;margin-top:25px}.meter>span{display:block;height:100%;background:#b1a4e9;width:100%;transition:width .2s}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.result-cell{padding:16px;border:1px solid var(--line);background:#faf9fd;border-radius:8px}.result-cell b{font-size:24px;display:block;color:#7666c4}.result-cell span{font-size:11px;color:#a69db5}.two-col{display:grid;grid-template-columns:1fr 300px;gap:20px}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.board-slot{display:grid;place-items:center;aspect-ratio:1.2;background:#f7f5fc;border:1px dashed #dcd5eb;border-radius:9px;color:#c7bfd6;position:relative;overflow:hidden}.board-slot img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.board-slot .label{position:absolute;bottom:0;inset-inline:0;background:#211c3bb3;font-size:10px;padding:5px;color:white}.board-slot.filled{border:2px solid var(--cost);cursor:pointer}.trait-row{display:flex;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid #f0edf5;font-size:12px}.trait-row .count{min-width:30px;text-align:center;color:#bbb5c8;background:#f2f0f6;border-radius:5px;padding:5px}.trait-row.on .count{background:#f6edd7;color:#b09b60}.trait-row b{font-weight:500}.trait-row small{display:block;color:#b2a9c0;font-size:9px;margin-top:4px}.trait-row strong{margin-left:auto;color:#a89cbd;font-size:10px;font-weight:400}.roster{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:20px}.unit{background:white;border:1px solid var(--line);border-radius:7px;overflow:hidden;padding:0;text-align:center;min-width:0;position:relative;border-bottom:3px solid var(--cost)}.unit img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.unit span{display:block;font-size:9px;padding:7px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unit.selected{outline:2px solid #a290dd;opacity:.5}.unit .cost{position:absolute;top:4px;right:4px;padding:2px 4px;background:#18122a9c;color:white;font-size:9px;border-radius:3px}.filter-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter-row input{flex:1;min-width:160px}.filter-chip{background:#fff;border:1px solid var(--line);border-radius:5px;padding:7px 12px;font-size:11px;color:#9a90ac}.filter-chip.active{background:#eeebfc;border-color:#b4a7dc;color:#7864a8}.question{padding:20px;background:#f5f2ff;border:1px solid #e9e2fb;border-radius:10px;margin-bottom:18px}.question h3{font-size:15px;color:#7965b1;margin-bottom:8px}.question p{margin:0;color:#9c8bb7;font-size:11px}.feedback{padding:16px;border-radius:8px;background:#edf7f0;color:#5b9b76;font-size:12px;line-height:1.8;margin-top:16px}.feedback.bad{background:#fff2ee;color:#bd8a77}.augment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.augment{background:linear-gradient(#fffcf4,white);border:1px solid #e8ddbf;border-radius:10px;text-align:center;padding:24px 18px;min-height:210px}.augment img{width:50px;height:50px;object-fit:contain;margin-bottom:16px}.augment h3{font-size:15px;margin-bottom:12px}.augment p{font-size:11px;color:#a19781;line-height:1.9;margin:0}.augment .hex-icon{color:#b9a26e;font-size:30px;display:block;margin-bottom:12px}.augment.picked{outline:2px solid #a28ed7}.augment button{margin-top:16px}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:23px}.tabs button{padding:12px 0;border:0;border-bottom:2px solid transparent;background:none;color:#a599b7;font-size:12px}.tabs button.active{color:#7967b2;border-bottom-color:#8f7bc8}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line)}th{font-weight:500;color:#aaa0b9;font-size:10px}td{color:#777084}td.big{font-weight:600;color:#8c72bc}.empty{padding:40px 20px;text-align:center;color:#a69ab6;font-size:12px}.data-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.data-card{padding:20px;border:1px solid var(--line);background:white;border-radius:9px}.data-card h3{font-size:14px}.data-card p{font-size:11px;color:#a094ad;margin-bottom:0}.data-card .icon{width:36px;height:36px;object-fit:contain;float:right}.sources a{display:block;color:#8d76bf;font-size:12px;padding:10px 0;word-break:break-all}.loading{padding:90px;text-align:center;color:#9b8cb7}#toast{position:fixed;bottom:30px;left:50%;background:#312a45;color:white;padding:12px 23px;border-radius:8px;z-index:80;opacity:0;pointer-events:none;transition:opacity .15s;font-size:12px;transform:translateX(-50%)}#toast.show{opacity:1}dialog{border:1px solid #e5deef;border-radius:15px;width:min(600px,92vw);padding:32px;box-shadow:0 20px 100px #28203c30;color:var(--ink)}dialog::backdrop{background:#27203755;backdrop-filter:blur(3px)}.close-dialog{float:right;background:none;border:0;font-size:24px;color:#ab9cba}.inline-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.progress-track{height:6px;background:#f0ebf8;border-radius:10px;margin-top:12px}.progress-track span{display:block;height:100%;background:#ac96d5;border-radius:10px}.tiny{font-size:10px;color:#aa9fb8}.skill-desc{line-height:2;color:#9d92aa;font-size:12px}.legend{display:flex;gap:10px;align-items:center;margin-top:16px}.legend i{width:6px;height:6px;border-radius:50%;background:#b4a1d2}.notice{border-left:3px solid #b6a5dc;background:#f4f0fc;padding:13px 17px;color:#9b8eb0;font-size:11px;line-height:1.9;margin-bottom:18px}.catalog-heroes{grid-template-columns:repeat(10,1fr)}.best-badge{padding:4px 9px;background:#eee7fb;color:#8c70b7;border-radius:5px;font-size:10px}.check-item{font-size:11px;color:#9a8caa;margin:9px 0}.check-item:before{content:'✓';color:#8eb79e;margin-right:8px}
@media(min-width:1550px){main{padding-top:45px}.hero{min-height:265px}.hero h2{font-size:33px}.module-card{padding:28px}.module-card p{font-size:12px}.hero-art{right:65px}}@media(max-width:1150px){.sidebar{width:190px;padding-inline:14px}.workspace{margin-left:190px;width:calc(100% - 190px)}header{padding-inline:28px;gap:14px}main{padding:30px 28px}.module-grid{gap:13px}.module-card{padding:20px}.mini-stat{padding:15px 12px;gap:9px}.stats-strip{gap:12px}.hero-art{right:-25px;opacity:.65}.hero-copy{width:75%}.two-col{grid-template-columns:1fr 250px}.roster{grid-template-columns:repeat(6,1fr)}footer{padding-inline:28px}.catalog-heroes{grid-template-columns:repeat(8,1fr)}}@media(max-width:900px){.module-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.trait-panel{max-height:260px;overflow:auto}.hero-art{opacity:.35}.hero-copy{width:90%}.stats-strip{grid-template-columns:repeat(2,1fr)}.shop{gap:6px}.champ-card .champ-body{padding:10px 6px}.champ-card .champ-name{font-size:11px}.version-pill{display:none}.augment-grid{gap:10px}.augment{padding:18px 12px}.catalog-heroes{grid-template-columns:repeat(6,1fr)}}@media(max-width:680px){.sidebar{transform:translateX(-100%);width:220px;transition:transform .2s;box-shadow:10px 0 30px #3332}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0;width:100%}header{height:68px;padding:0 20px;gap:10px}#menu{display:block;border:0;background:none;color:#9386ab;font-size:18px;padding:7px}.crumb{display:none}.game-switch{margin-left:auto}.game-switch button{padding:7px 12px}main{padding:25px 20px}.page-heading h1{font-size:23px}.date-chip{display:none}.hero{padding:25px;min-height:245px}.hero h2{font-size:25px}.hero-copy{width:100%}.hero p{max-width:210px}.hero-art{right:-90px;opacity:.28}.hero-link{margin-left:10px;font-size:10px}.stats-strip{gap:10px;margin-block:18px 26px}.mini-stat{padding:13px}.mini-stat strong{font-size:20px}.module-grid{gap:12px}.module-card{padding:18px}.module-card .module-top{margin-bottom:17px}.module-card h3{font-size:14px}.module-card p{font-size:10px;min-height:54px}.module-card .tag{font-size:8px;padding:3px 5px}.module-icon{width:35px;height:35px}.card-footer{font-size:9px}.bottom-note{padding:13px;font-size:9px;gap:8px}.bottom-note a{display:none}footer{padding:19px 20px;font-size:9px;flex-direction:column;gap:8px}.panel{padding:19px}.fields{gap:12px}.field{flex:1;min-width:100px}.arena{padding:16px 10px}.champ-card .champ-name{font-size:9px;display:block}.champ-card .champ-traits{font-size:8px;min-height:40px}.champ-card .champ-body{padding:9px 5px}.shop{gap:4px}.arena-status{gap:12px;font-size:9px}.arena-status b{font-size:13px;margin-left:4px}.arena-actions{gap:8px}.arena-actions p{font-size:8px;max-width:170px}.arena-actions .primary{font-size:11px;padding:10px 12px;gap:8px}.result-grid{grid-template-columns:repeat(2,1fr)}.roster{grid-template-columns:repeat(5,1fr);gap:7px}.board{gap:7px}.augment-grid{grid-template-columns:1fr}.augment{min-height:auto;padding:20px}.data-grid{grid-template-columns:1fr}.catalog-heroes{grid-template-columns:repeat(5,1fr)}.tabs{gap:16px}.tabs button{font-size:11px}.filter-row{gap:6px}.filter-chip{padding:7px 9px}.section-title>span{font-size:9px}.page-heading p{font-size:11px}h1{line-height:1.5}}

.brand{padding-left:4px;gap:7px;letter-spacing:0}.brand .brandmark{background:none;box-shadow:none;width:42px;height:48px;flex:0 0 42px;border-radius:0}.brandmark img{display:block;width:42px;height:48px;object-fit:contain}.brand-title{font-size:13px;font-weight:700;line-height:1.65;white-space:normal;color:#3e382c}