:root{--bg:#090b12;--panel:#121620;--panel-2:#171c28;--line:#b8c6e024;--text:#f4f6fb;--muted:#a5adbd;--quiet:#778195;--purple:#9d78ff;--purple-2:#6f4cd6;--gold:#d9b75f;--green:#63ddb1;--safe-bottom:max(12px, env(safe-area-inset-bottom))}*{box-sizing:border-box}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;min-width:320px;max-width:100%;overflow-x:hidden}body{background:radial-gradient(circle at 14% -10%, #6742ba42, transparent 34rem), radial-gradient(circle at 100% 28%, #1c749724, transparent 28rem), var(--bg);width:100%;max-width:100%;min-height:100vh;color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}button,input{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}img{max-width:100%;display:block}.app-shell{width:100%;max-width:100vw;min-height:100vh;padding-bottom:calc(78px + var(--safe-bottom));overflow-x:clip}.content-wrap,.topbar{width:min(100%,680px);margin:0 auto}.content-wrap{padding:8px 14px 32px}.topbar{height:72px;padding:max(10px, env(safe-area-inset-top)) 16px 8px;z-index:5;justify-content:space-between;align-items:center;display:flex;position:relative}.brand{text-align:left;background:0 0;border:0;align-items:center;gap:10px;min-height:48px;padding:0;display:flex}.brand-mark{background:linear-gradient(145deg,#8b64f4,#37226e);border:1px solid #cfbcff85;border-radius:13px;place-items:center;width:42px;height:42px;font-size:19px;font-weight:900;display:grid;box-shadow:0 0 24px #7d52e357}.brand>span:last-child{display:block}.brand strong{letter-spacing:.04em;font-size:18px;line-height:1.2;display:block}.brand small{color:var(--quiet);margin-top:3px;font-size:12px;display:block}.patch-button{border:1px solid var(--line);background:#11151fdb;border-radius:13px;grid-template-columns:auto auto;align-items:center;column-gap:6px;min-height:44px;padding:6px 10px;font-size:14px;display:grid}.patch-button small{color:var(--quiet);grid-column:1/-1;font-size:12px;line-height:1.1}.live-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 9px var(--green);border-radius:50%}.hero-card{background:#151725;border:1px solid #b197f045;border-radius:24px;min-height:330px;padding:18px;position:relative;overflow:hidden;box-shadow:0 18px 52px #00000061}.hero-splash{object-fit:cover;object-position:68% 20%;width:100%;height:100%;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#080a10f5 0%,#080a10c2 54%,#080a1052 100%),linear-gradient(#0000 34%,#080a10fa 100%);position:absolute;inset:0}.hero-card-top,.stats-head,.metric-grid,.no-data{z-index:2;position:relative}.hero-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.hero-identity{text-align:left;background:0 0;border:0;align-items:center;gap:12px;min-width:0;min-height:72px;padding:0;display:flex}.hero-identity>span:last-child{min-width:0}.hero-identity small,.hero-identity strong,.hero-identity em{display:block}.hero-identity small{color:#c6c1d5;font-size:12px}.hero-identity strong{margin-top:4px;font-size:27px;line-height:1.08}.hero-identity em{color:#aaa4b8;margin-top:4px;font-size:14px;font-style:normal}.champion-portrait{object-fit:cover;background:#1b1e2b;border:1px solid #e0d1ff73;flex:none}.portrait-large{border-radius:16px;width:64px;height:64px}.portrait-medium{border-radius:14px;width:52px;height:52px}.portrait-small{border-radius:12px;width:46px;height:46px}.hero-actions{gap:6px;display:flex}.hero-actions button{color:#d8c4ff;background:#0e0e18b8;border:1px solid #cab4ff42;border-radius:13px;width:44px;height:44px;font-size:20px}.stats-head{justify-content:space-between;align-items:center;gap:8px;margin-top:66px;display:flex}.region-switch{border:1px solid var(--line);background:#080a10bd;border-radius:12px;padding:3px;display:inline-flex}.region-switch button{min-width:56px;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:7px 10px;font-size:14px}.region-switch button.active{background:var(--purple-2);color:#fff;box-shadow:0 5px 16px #5b39ae5c}.source-link{color:#b9a0eb;text-align:right;background:0 0;border:0;min-height:44px;padding:5px 0 5px 8px;font-size:12px}.metric-grid{background:#07090fc2;border:1px solid #ffffff12;border-radius:15px;grid-template-columns:repeat(4,1fr);margin-top:13px;display:grid}.metric-grid>div{text-align:center;border-right:1px solid #ffffff12;min-width:0;padding:12px 5px}.metric-grid>div:last-child{border:0}.metric-grid span,.metric-grid strong{display:block}.metric-grid span{color:var(--quiet);font-size:12px}.metric-grid strong{white-space:nowrap;margin-top:3px;font-size:15px}.metric-grid .tier-value{color:var(--gold);font-size:18px}.no-data{background:#07090fc7;border:1px solid #ffffff14;border-radius:15px;min-height:90px;margin-top:13px;padding:13px}.no-data strong,.no-data span{display:block}.no-data strong{font-size:15px}.no-data span{color:var(--muted);margin-top:2px;font-size:13px}.no-data button{background:#5e3cb5;border:0;border-radius:9px;min-height:44px;margin-top:8px;padding:7px 12px;font-size:13px}.sample-line{z-index:2;color:#ffffffc7;margin:10px 0 0;font-size:13px;line-height:1.45;position:relative}.strategy-card{border:1px solid var(--line);background:#10131ce6;border-radius:17px;margin-top:12px;padding:13px}.strategy-card>div:first-child{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.strategy-card strong{font-size:15px}.strategy-card span{color:var(--quiet);text-align:right;font-size:12px}.strategy-row{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px;display:grid}.strategy-row button{border:1px solid var(--line);min-height:44px;color:var(--muted);background:#0c0f16;border-radius:11px;font-size:14px}.strategy-row button.active{color:#fff;background:linear-gradient(135deg,#7751d8,#4c3294);border-color:#8765dc}.section-heading{align-items:center;gap:9px;min-height:52px;margin-top:18px;display:flex}.section-heading>span{color:#b796ff;text-align:center;border:1px solid #9d78ff73;border-radius:8px;min-width:32px;padding:4px 6px;font-size:12px}.section-heading h2{margin:0;font-size:18px}.section-heading small{color:var(--quiet);margin-left:auto;font-size:12px}.text-action{color:#b292ff;background:0 0;border:0;min-height:44px;margin-left:auto;padding:8px 0 8px 12px;font-size:14px}.selected-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.empty-slot,.selected-augment{background:#10131cdb;border:1px dashed #4f5364;border-radius:15px;min-height:74px}.empty-slot{color:var(--quiet);justify-content:center;align-items:center;gap:8px;display:flex}.empty-slot b{font-size:24px;font-weight:300}.empty-slot span{font-size:13px}.selected-augment{text-align:left;border-style:solid;align-items:center;gap:9px;padding:9px;display:flex}.selected-augment>span:last-child{min-width:0}.selected-augment strong,.selected-augment small{display:block}.selected-augment strong{font-size:14px;line-height:1.25}.selected-augment small{color:var(--quiet);margin-top:4px;font-size:12px}.augment-icon{background:#202535;border-radius:10px;flex:none;place-items:center;display:grid;overflow:hidden;transform:rotate(45deg)}.augment-icon>img,.augment-icon>.asset-placeholder{object-fit:cover;width:100%;height:100%;transform:rotate(-45deg)scale(1.15)}.augment-icon.size-small{width:42px;height:42px}.augment-icon.size-medium{width:50px;height:50px}.augment-icon.size-large{width:58px;height:58px}.rarity-白银{border:2px solid #9fb5cc;box-shadow:0 0 12px #9fb5cc2e}.rarity-黄金{border:2px solid #d7ae4d;box-shadow:0 0 14px #d7ae4d33}.rarity-棱彩{border:2px solid #b982ff;box-shadow:0 0 15px #b982ff40}.asset-placeholder{color:#a9b0bf;text-align:center;background:repeating-linear-gradient(135deg,#242938,#242938 7px,#1c202c 7px 14px);place-items:center;font-size:12px;font-style:normal;line-height:1.1;display:grid}.hero-splash.asset-placeholder{border-radius:0;width:100%;height:100%;position:absolute;inset:0}.champion-portrait.asset-placeholder{display:grid}.candidate-list,.recommend-list{gap:8px;width:100%;min-width:0;display:grid}.candidate-row,.recommend-row{border:1px solid var(--line);text-align:left;background:linear-gradient(110deg,#171b26,#10131c);border-radius:16px;align-items:center;gap:10px;width:100%;min-width:0;max-width:100%;min-height:78px;padding:10px;display:flex}.candidate-row.best{background:linear-gradient(110deg,#2a2043,#12151f);border-color:#9d78ffb8}.candidate-rank{width:37px;color:var(--quiet);text-align:center;flex:none;font-size:13px}.candidate-row.best .candidate-rank{color:#c4a9ff;font-weight:800}.candidate-copy,.recommend-copy{flex:1;min-width:0;max-width:100%;overflow:hidden}.candidate-copy strong,.candidate-copy small,.recommend-copy strong,.recommend-copy small,.recommend-copy i{display:block}.candidate-copy strong{font-size:15px}.candidate-copy small{color:var(--quiet);margin-top:3px;font-size:12px}.match-score{text-align:right;flex:none;min-width:48px}.match-score strong,.match-score small{display:block}.match-score strong{color:#c2a6ff;font-size:23px;line-height:1}.match-score small{color:var(--quiet);margin-top:4px;font-size:12px}.candidate-empty{background:#10131c;border:1px dashed #5b536e;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:108px;display:flex}.candidate-empty span{color:var(--purple);font-size:27px}.candidate-empty strong{margin-top:2px;font-size:15px}.candidate-empty small{color:var(--quiet);margin-top:4px;font-size:12px}.recommend-row{min-height:96px;padding:12px 10px}.recommend-row.rank-1{background:linear-gradient(110deg,#2c2147,#12151f);border-color:#9d78ffb8}.recommend-row .number{width:22px;color:var(--quiet);text-align:center;flex:none;font-size:14px}.recommend-row.rank-1 .number{color:#cfb8ff;font-weight:900}.recommend-copy strong{font-size:15px}.recommend-copy strong em{color:var(--gold);margin-left:7px;font-size:12px;font-style:normal;font-weight:600}.recommend-copy small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:13px;overflow:hidden}.recommend-copy i{color:#8f80af;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:12px;font-style:normal;overflow:hidden}.model-note{color:var(--quiet);margin:9px 3px 0;font-size:12px;line-height:1.6}.build-card{border:1px solid var(--line);background:linear-gradient(135deg,#1c1f2bf5,#0f121bf5);border-radius:18px;padding:14px}.build-icons{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.build-icons button{background:0 0;border:0;min-width:0;min-height:50px;padding:0;position:relative}.item-image{aspect-ratio:1;object-fit:cover;background:#262a34;border:1px solid #fff3;border-radius:10px;width:100%}.build-icons button.equipped .item-image{outline:2px solid var(--purple);outline-offset:1px}.build-icons button small{color:#c7ccd6;background:#0a0c12;border:1px solid #555d6c;border-radius:50%;place-items:center;width:19px;height:19px;font-size:12px;display:grid;position:absolute;bottom:-2px;right:-2px}.build-card>strong{margin-top:14px;font-size:15px;display:block}.build-card>p{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.65}.owned-items{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding-top:10px;display:flex}.owned-items span{width:100%;color:var(--quiet);font-size:12px}.owned-items button{color:#c9bfda;background:#201a2b;border:1px solid #514266;border-radius:9px;min-height:38px;padding:6px 9px;font-size:12px}.reset-button{border:1px solid var(--line);width:100%;min-height:48px;color:var(--muted);background:#0e1119;border-radius:14px;margin-top:22px;font-size:14px}.legal-note{color:#747d8f;padding:18px 4px 4px;font-size:12px;line-height:1.7}.legal-note button{color:#aa8bea;background:0 0;border:0;min-height:44px;padding:6px 0;display:block}.bottom-nav{z-index:20;width:min(100%,680px);height:calc(66px + var(--safe-bottom));padding:6px 12px var(--safe-bottom);-webkit-backdrop-filter:blur(18px);background:#080a10f0;border-top:1px solid #a096bb33;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#778094;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:52px;font-size:12px;display:flex}.bottom-nav button i{font-size:21px;font-style:normal;line-height:1.1}.bottom-nav button.active{color:#b99cff}.page-heading{padding:12px 2px 18px}.page-heading>span{color:#a98cff;letter-spacing:.06em;font-size:12px}.page-heading h1{margin:4px 0 2px;font-size:29px;line-height:1.25}.page-heading p{color:var(--muted);margin:0;font-size:14px}.board-tools{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.search-box{border:1px solid var(--line);min-height:48px;color:var(--quiet);background:#151923;border-radius:13px;align-items:center;gap:9px;padding:0 13px;display:flex}.search-box input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:16px}.search-box input::placeholder{color:#737c8d}.leader-list{gap:7px;margin-top:11px;display:grid}.leader-list>button{border:1px solid var(--line);text-align:left;background:linear-gradient(100deg,#171b25,#0e1119);border-radius:15px;align-items:center;gap:9px;min-height:72px;padding:9px;display:flex}.leader-list>button>b{color:#7d8698;text-align:center;width:31px;font-size:13px}.leader-name{flex:1;min-width:0}.leader-name strong,.leader-name small,.leader-stat strong,.leader-stat small{display:block}.leader-name strong{font-size:15px}.leader-name small{color:var(--quiet);font-size:12px}.tier{text-align:center;min-width:34px;font-size:13px;font-style:normal;font-weight:900}.tier-T1{color:#f1c764}.tier-T2{color:#ca92ff}.tier-T3{color:#7ccde9}.tier-T4{color:#aeb7c9}.tier-T5{color:#8a93a4}.leader-stat{text-align:right;min-width:71px}.leader-stat strong{color:var(--green);font-size:15px}.leader-stat small{color:var(--quiet);font-size:12px}.data-footnote,.source-policy{color:var(--muted);background:#10131b;border-radius:13px;padding:13px;font-size:13px;line-height:1.65}.inline-source{color:#aa8bea;background:0 0;border:0;min-height:44px;padding:4px 0 10px;font-size:14px}.filter-row{grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px;display:grid}.filter-row button{border:1px solid var(--line);min-height:44px;color:var(--muted);background:#11151e;border-radius:11px;font-size:14px}.filter-row button.active{color:#fff;background:#5b3ca9;border-color:#8462d7}.augment-board{gap:8px;margin-top:11px;display:grid}.augment-board>button{border:1px solid var(--line);text-align:left;background:#121620;border-radius:16px;align-items:center;gap:13px;min-height:92px;padding:12px;display:flex}.augment-board>button>span:nth-child(2){flex:1;min-width:0}.augment-board strong,.augment-board small{display:block}.augment-board strong{font-size:15px}.augment-board small{color:var(--quiet);margin-top:3px;font-size:12px}.augment-board p{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.45}.augment-board em{color:var(--gold);font-size:15px;font-style:normal;font-weight:900}.favorite-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.favorite-grid button{border:1px solid var(--line);background:#131720;border-radius:17px;flex-direction:column;align-items:center;gap:7px;min-height:145px;padding:12px 7px;display:flex}.favorite-grid strong{font-size:15px}.favorite-grid small{color:var(--quiet);text-align:center;font-size:12px}.transparency-card{border:1px solid var(--line);background:linear-gradient(135deg,#201832,#11151e);border-radius:19px;margin-top:18px;padding:17px}.transparency-card>span{color:#b08dff;font-size:12px}.transparency-card h2{margin:5px 0;font-size:20px}.transparency-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.transparency-card button{color:#baa0f2;background:0 0;border:0;min-height:44px;margin-top:8px;padding:6px 0;font-size:14px}.empty-state{min-height:160px;color:var(--quiet);border:1px dashed #414958;border-radius:17px;place-items:center;display:grid}.sheet-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);background:#020408c7;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet{width:min(100%,680px);min-height:58vh;max-height:min(84vh,820px);padding:10px 14px calc(16px + env(safe-area-inset-bottom));background:#0f131c;border:1px solid #35394a;border-radius:24px 24px 0 0;flex-direction:column;display:flex;box-shadow:0 -20px 60px #0000008c}.sheet-handle{background:#424959;border-radius:9px;flex:none;width:46px;height:5px;margin:0 auto 8px}.sheet-title{flex:none;justify-content:space-between;align-items:center;min-height:58px;display:flex}.sheet-title small{color:#a98cff;font-size:12px;display:block}.sheet-title h2{margin:1px 0 0;font-size:21px}.sheet-title>button{border:1px solid var(--line);color:#cbd0db;background:#1d222e;border-radius:50%;width:44px;height:44px;font-size:22px}.sheet-search{flex:none;margin:7px 0 10px}.sheet-list,.hero-picker-grid{overscroll-behavior:contain;min-height:0;padding-bottom:10px;overflow-y:auto}.sheet-list>button{text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff12;align-items:center;gap:11px;width:100%;min-height:68px;padding:9px 3px;display:flex}.sheet-list>button.selected{background:#6f4cd629}.sheet-list>button>span:nth-child(2){flex:1;min-width:0}.sheet-list strong,.sheet-list small{display:block}.sheet-list strong{font-size:15px}.sheet-list small{color:var(--quiet);margin-top:3px;font-size:12px}.sheet-list em{color:#baa0f2;font-size:14px;font-style:normal}.sheet-list .item-image{flex:none;width:48px;height:48px}.hero-picker-grid{grid-template-columns:repeat(4,1fr);align-content:start;gap:9px;display:grid}.hero-picker-grid button{border:1px solid var(--line);background:#151923;border-radius:14px;flex-direction:column;align-items:center;gap:5px;min-width:0;min-height:115px;padding:8px 4px;display:flex}.hero-picker-grid strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.hero-picker-grid small{color:var(--gold);font-size:12px}.sheet-primary{color:#fff;background:#6844c5;border:0;border-radius:13px;flex:none;width:100%;min-height:50px;font-size:15px;font-weight:700}.sheet-primary:disabled{color:#737c8d;background:#252a36}.source-sheet{min-height:70vh;display:block;overflow-y:auto}.source-summary{grid-template-columns:repeat(2,1fr);gap:8px;margin:8px 0 13px;display:grid}.source-summary>div{border:1px solid var(--line);background:#151923;border-radius:13px;padding:11px}.source-summary span,.source-summary strong{display:block}.source-summary span{color:var(--quiet);font-size:12px}.source-summary strong{margin-top:3px;font-size:14px}.source-list{gap:8px;display:grid}.source-list a{border:1px solid var(--line);color:inherit;background:#141822;border-radius:14px;padding:12px;text-decoration:none;display:block}.source-list a>span{color:#a98cff;font-size:12px}.source-list a strong{margin-top:2px;font-size:16px;display:block}.source-list a p{color:var(--muted);margin:4px 0 0;font-size:13px}.source-list a em{color:#b99cff;margin-top:7px;font-size:12px;font-style:normal;display:block}.source-policy{margin-bottom:0}.toast{z-index:80;left:50%;bottom:calc(76px + var(--safe-bottom));white-space:nowrap;background:#241b39;border:1px solid #9d78ff94;border-radius:99px;padding:11px 17px;font-size:14px;position:fixed;transform:translate(-50%);box-shadow:0 9px 30px #00000080}@media (width<=360px){.content-wrap{padding-left:10px;padding-right:10px}.hero-card{padding:14px}.hero-identity{gap:9px}.hero-identity strong{font-size:24px}.portrait-large{width:58px;height:58px}.hero-actions button{width:42px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-grid>div:nth-child(2){border-right:0}.metric-grid>div:nth-child(-n+2){border-bottom:1px solid #ffffff12}.stats-head{margin-top:54px}.recommend-row{gap:7px}.recommend-row .augment-icon{width:44px;height:44px}.recommend-copy small{max-width:120px}.build-icons{gap:4px}.hero-picker-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=559px){.content-wrap,.topbar,.bottom-nav{width:100%;max-width:none}}@media (width>=560px){.content-wrap{padding-left:22px;padding-right:22px}.hero-card{min-height:350px;padding:22px}.stats-head{margin-top:80px}.selected-grid{grid-template-columns:repeat(4,1fr)}}@media (orientation:landscape) and (height<=520px){.bottom-sheet{max-height:94vh}.hero-card{min-height:280px}.stats-head{margin-top:36px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}