*{box-sizing:border-box}html,body{padding:0;margin:0;color:#f6f2e8;background:#120f18;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;content:"";background:linear-gradient(135deg,rgba(35,24,31,.94),rgba(16,22,28,.96)),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 96px)}button,input,select{font:inherit}button{border:1px solid rgba(255,196,87,.34);border-radius:8px;background:rgba(255,196,87,.16);color:#fff2d5;cursor:pointer;padding:10px 12px}.heroPicker{position:relative;z-index:40;display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:12px;align-items:end;margin-top:22px}.compactHeroPicker,.avatarHeroPickerMode{grid-template-columns:minmax(220px,340px)}.heroPickerTop{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:end}.heroPickerTop .quietButton,.announcementButton{min-height:47px;white-space:nowrap}.globalSettingsAnchor,.announcementAnchor{position:relative;width:max-content}.announcementButton{position:relative}.announcementButton span{position:absolute;top:-7px;right:-7px;display:inline-grid;width:18px;height:18px;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#ff4f5f;color:#fff;font-size:12px;font-weight:900;line-height:1;box-shadow:0 8px 18px #ff4f5f59}.globalSettingsMenu{position:absolute;z-index:120;top:0;left:calc(100% + 8px);width:max-content;min-width:min(280px,100%);max-width:min(360px,calc(100vw - 32px));padding:12px;border:1px solid rgba(255,213,107,.28);border-radius:14px;background:rgba(23,19,29,.96);box-shadow:0 18px 48px #00000057;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.appSignature{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:6px 9px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.05);color:#a9a0a0;font-size:12px;line-height:1}.versionButton{padding:0;border:0;border-radius:0;background:transparent;color:#ffd56b;font-size:11px;letter-spacing:0;line-height:1}.versionButton:not(.editable){cursor:default}.announcementOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483646;display:grid;place-items:start center;padding:min(12vh,96px) 18px 24px;background:rgba(5,6,12,.46);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.announcementDialog{width:min(640px,calc(100vw - 36px));max-height:min(760px,calc(100vh - 48px));overflow:auto;padding:18px;border:1px solid rgba(255,213,107,.28);border-radius:16px;background:rgba(23,19,29,.98);color:#f6f2e8;box-shadow:0 28px 72px #0000006b}.announcementHead,.announcementActions{display:flex;align-items:center;justify-content:space-between;gap:14px}.announcementHead{margin-bottom:16px}.announcementHead h2{margin:0;color:#fff2d5}.announcementEditor,.announcementContent{display:grid;gap:14px}.announcementEditor textarea{width:100%;min-height:220px;resize:vertical;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;background:rgba(12,10,16,.74);color:#fff5e7;font:inherit;line-height:1.55}.announcementEditor .announcementHistoryInput{min-height:150px}.announcementActions{align-items:flex-start;flex-direction:column}.announcementActions small,.announcementContent small{color:#a9a0a0;font-size:12px;line-height:1.45}.announcementContent strong{color:#ffd56b;font-size:20px}.announcementContent p{margin:0;color:#f6f2e8;line-height:1.8;white-space:pre-wrap}.announcementHistory{display:grid;gap:8px;margin-top:8px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.announcementHistory h3{margin:0;color:#fff2d5;font-size:15px}.heroAvatarPicker{display:flex;flex-direction:column;max-height:min(620px,calc(100vh - 140px));gap:8px;overflow:hidden;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(18,16,23,.94);scrollbar-color:rgba(255,213,107,.46) rgba(255,255,255,.06);scrollbar-width:thin;box-shadow:0 18px 48px #00000052;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.heroAvatarPicker h3{margin:0;color:#f6f2e8;font-size:13px;letter-spacing:0}.floatingHeroAvatarPicker{position:absolute;z-index:1;top:0;left:0;width:176px}.heroAvatarList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;overflow:auto;padding-right:2px;scrollbar-color:rgba(255,213,107,.46) rgba(255,255,255,.06);scrollbar-width:thin}.heroAvatarList::-webkit-scrollbar{width:8px}.heroAvatarList::-webkit-scrollbar-track{border-radius:999px;background:rgba(255,255,255,.06)}.heroAvatarList::-webkit-scrollbar-thumb{border:2px solid rgba(18,16,23,.94);border-radius:999px;background:linear-gradient(180deg,rgba(255,213,107,.76),rgba(116,166,255,.42))}.heroAvatarList::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(255,225,143,.92),rgba(130,184,255,.58))}.floatingHeroAvatarPicker .heroAvatarList{grid-template-columns:repeat(2,minmax(0,1fr))}.heroAvatarOption{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:flex-start;min-width:0;min-height:84px;padding:7px 5px;border-color:#ffffff1a;background:rgba(255,255,255,.06);color:#f6f2e8;text-align:center}.heroAvatarOption.active{border-color:#ffd56bd1;background:rgba(255,213,107,.16)}.heroAvatarOption img,.heroAvatarFallback{width:44px;height:44px;border-radius:7px}.heroAvatarOption img{object-fit:cover}.heroAvatarFallback{display:grid;place-items:center;background:rgba(255,255,255,.1);color:#ffd56b;font-weight:800}.heroAvatarSearch{display:grid;gap:6px;flex:0 0 auto}.heroAvatarSearch span{color:#a9a0a0;font-size:12px}.heroAvatarSearch input{width:100%;min-height:38px;padding:9px 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.06);color:#f6f2e8}.heroAvatarOption span{min-width:0;max-width:100%}.heroAvatarOption strong,.heroAvatarOption small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heroAvatarOption strong{color:#fff2d5;font-size:13px}.heroAvatarOption small{margin-top:2px;color:#a9a0a0;font-size:11px}.heroAvatarEmpty{grid-column:1 / -1;margin:0;padding:12px 0 2px;color:#a9a0a0;font-size:12px;text-align:center}.stackBlocks button{background:rgba(255,255,255,.08);color:#d9cfc3}.stackBlocks button.active{border-color:#ffd56bbf;background:rgba(255,213,107,.2);color:#fff2d5}main{position:relative;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:36px 0 56px}.hero{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:stretch;margin-bottom:24px}.heroIntroBlock{min-width:0}.heroTitleLine{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px}.hero h1{margin:8px 0 14px;max-width:760px;font-size:clamp(40px,5vw,64px);line-height:1.05;letter-spacing:0;overflow-wrap:anywhere}.intro{max-width:720px;margin:0;color:#c9c0b3;font-size:18px;line-height:1.75}.heroPanel,.panel,.statCard{border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.05));box-shadow:0 24px 70px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.heroPanel{display:flex;flex-direction:column;justify-content:center;min-height:220px;padding:26px;border-radius:32px}.heroPanel span,.statCard span,.field span,.selectBlock span,.damageRow span,.note{color:#b9ad9f}.heroPanel strong{margin:6px 0;color:#ffd56b;font-size:64px;line-height:1}.heroIdentity{align-items:center;text-align:center}.heroIdentity img{width:92px;height:92px;margin-bottom:14px;border:1px solid rgba(255,255,255,.14);border-radius:8px;object-fit:cover}.heroIdentity strong{max-width:100%;color:#fff2d5;font-size:30px;overflow-wrap:anywhere}.heroPanel small,.statCard small{color:#a9a0a0;line-height:1.5}.eyebrow{margin:0;color:#ffb45d;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.grid{display:grid;gap:20px}.twoColumns{grid-template-columns:repeat(2,minmax(0,1fr))}.buildTargetGrid{grid-template-columns:minmax(0,1.18fr) minmax(360px,.92fr);align-items:start}.buildArea{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}.buildArea.hasHeroAvatarRail{grid-template-columns:minmax(132px,176px) minmax(0,1fr)}.buildArea.hasHeroAvatarRail .buildPanel{grid-column:2}.panel{padding:22px;border-radius:28px}.panelHead{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:18px}.panel h2{margin:4px 0 0;font-size:26px;letter-spacing:0}.pill,.chip{border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.08);color:#f7ead4;font-size:13px;font-weight:700}.pill{padding:9px 12px;white-space:nowrap}.gearGrid,.formGrid,.formulaGrid,.stats{display:grid;gap:14px}.gearGrid,.formGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.finalDamageModBlock{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:16px;padding:16px 18px;border:1px solid rgba(255,213,107,.22);border-radius:8px;background:rgba(255,213,107,.08)}.finalDamageModBlock span{color:#f7ead4;font-size:14px;font-weight:800}.finalDamageModBlock strong{color:#ffd56b;font-size:30px;letter-spacing:0;line-height:1}.buildControlLayout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}.formulaGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:20px 0}.selectBlock,.field{display:flex;flex-direction:column;gap:8px}.labelWithHelp{display:inline-flex;position:relative;gap:6px;align-items:center;max-width:100%;overflow:visible;vertical-align:middle}.helpNote{display:inline-flex;position:relative;flex:0 0 auto;align-items:center}.helpButton{display:inline-grid;place-items:center;width:18px;height:18px;min-width:18px;padding:0;border-color:#ffd56b80;border-radius:50%;background:rgba(255,213,107,.13);color:#ffe2a0;font-size:12px;font-weight:800;line-height:1}.helpPopover{position:fixed;z-index:2147483647;display:block;width:min(320px,calc(100vw - 24px));padding:10px;border:1px solid rgba(255,213,107,.28);border-radius:8px;background:rgba(18,15,24,.98);box-shadow:0 18px 48px #00000057;color:#f6f2e8;font-size:12px;line-height:1.55;white-space:normal}.helpPortalPopover{pointer-events:auto;isolation:isolate}.hovercardAnchor{display:inline-flex;min-width:0;cursor:help}.hovercardAnchor:focus-visible{outline:1px solid rgba(255,213,107,.72);outline-offset:3px}.skillDescriptionPopover{width:min(380px,calc(100vw - 24px))}.skillDescriptionContent{display:grid;gap:8px;color:#f2e7da;font-size:13px;line-height:1.5}.skillDescriptionContent>strong{color:#ffd56b;font-size:14px}.skillDescriptionContent span{white-space:pre-wrap}.skillDescriptionEntry{display:grid;gap:4px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.skillDescriptionEntry:first-of-type{padding-top:0;border-top:0}.skillDescriptionEntry b,.skillFormulaText{color:#fff2d5}.skillFormulaText{font-family:Consolas,SFMono-Regular,monospace;font-size:12px}.helpPopover:after{position:absolute;left:10px;width:10px;height:10px;background:rgba(18,15,24,.98);content:"";transform:rotate(45deg)}.helpPopover.above:after{top:100%;border-right:1px solid rgba(255,213,107,.28);border-bottom:1px solid rgba(255,213,107,.28);transform:translateY(-5px) rotate(45deg)}.helpPopover.below:after{bottom:100%;border-top:1px solid rgba(255,213,107,.28);border-left:1px solid rgba(255,213,107,.28);transform:translateY(5px) rotate(45deg)}.helpPopover textarea{width:100%;min-height:96px;padding:8px;resize:vertical;border:1px solid rgba(255,255,255,.12);border-radius:6px;outline:none;background:rgba(255,255,255,.06);color:#fff5e7;font:inherit}.helpSaveButton{width:auto;margin-top:8px;padding:7px 10px;border-radius:6px;font-size:12px}.helpSaveButton:disabled{cursor:not-allowed;opacity:.58}.helpPopover small{display:block;margin-top:6px;color:#a9a0a0}.helpPopover .helpSaveError{color:#ff9f9f}.selectBlock.full{margin-bottom:14px}select,input{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:16px;outline:none;background:rgba(12,10,16,.74);color:#fff5e7}select{padding:13px 14px}input{padding:12px 13px}select:focus,input:focus{border-color:#ffc457b8;box-shadow:0 0 0 4px #ffc45714}.fieldInput{position:relative}.fieldInput b{position:absolute;top:50%;right:12px;color:#8c837b;font-size:12px;transform:translateY(-50%)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.chip{padding:7px 10px}.chip.red{background:rgba(250,83,83,.16);color:#ffc4c4}.chip.gold{background:rgba(255,201,89,.14);color:#ffe2a0}.chip.purple{background:rgba(154,112,255,.16);color:#d6c7ff}.statCard{display:flex;flex-direction:column;gap:6px;min-height:116px;padding:18px;border-radius:24px}.statCard strong{color:#fff2d5;font-size:30px;letter-spacing:0}.attributePanel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.attributePanel div,.talentResult,.equippedStats,.currentStatsBlock{display:flex;flex-direction:column;gap:5px;min-height:76px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(12,10,16,.38)}.attributePanel span,.talentPick small,.talentResult span,.talentResult small,.damageValue small{color:#a9a0a0;font-size:12px;line-height:1.45}.attributePanel small{color:#a9a0a0;font-size:11px;line-height:1.45}.attributePanel strong,.talentResult strong{color:#fff2d5;font-size:20px}.compactToggles{margin-top:14px}.statSettings{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 12px;max-height:220px;overflow:auto;margin-top:16px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(12,10,16,.38)}.panelSubhead{display:flex;justify-content:space-between;gap:12px;color:#f7ead4}.panelSubhead span{color:#a9a0a0;font-size:12px}.equippedStats,.currentStatsBlock{margin-top:12px}.collapsibleStats{min-height:0}.collapsibleStats:not([open]){gap:0}.collapsibleStats>summary{cursor:pointer;list-style:none}.collapsibleStats>summary::-webkit-details-marker{display:none}.collapsibleStats>summary:after{content:"展开";color:#ffd56b;font-size:12px}.collapsibleStats[open]>summary:after{content:"收起"}.buildTargetStatsBlock{grid-column:1 / -1;margin-top:0}.buildTargetStatsBlock .attributePanel{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.equipmentEffectRail{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(12,10,16,.38)}.equipmentEffectRail{position:sticky;z-index:3;top:16px;max-height:calc(100vh - 32px);overflow:hidden}.equipmentEffectSummary{display:flex;justify-content:space-between;gap:10px;color:#f7ead4;cursor:pointer;list-style:none}.equipmentEffectSummary::-webkit-details-marker{display:none}.equipmentEffectSummary:after{content:"收起";color:#a9a0a0;font-size:12px}.equipmentEffectRail:not([open]) .equipmentEffectSummary:after{content:"展开"}.equipmentEffectSummary span{color:#a9a0a0;font-size:12px;white-space:nowrap}.equipmentEffectList{display:grid;gap:8px;margin-top:10px;max-height:calc(100vh - 96px);overflow-y:auto;padding-right:2px}.equipmentEffectItem{display:grid;gap:3px;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:rgba(255,255,255,.05)}.equipmentEffectItem span,.equipmentEffectItem small,.equipmentEffectEmpty{color:#a9a0a0;font-size:12px;line-height:1.4}.equipmentEffectItem strong{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:15px;overflow-wrap:anywhere}.equipmentEffectDuplicate{padding:2px 6px;border:1px solid rgba(255,190,85,.35);border-radius:999px;background:rgba(255,190,85,.12);color:#ffd56b;font-size:11px;font-style:normal;line-height:1.2}.equipmentEffectEmpty{padding:9px}.mobileEquipmentEffectRail{display:none}.statPills{display:flex;flex-wrap:wrap;gap:7px}.statPill{padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:rgba(255,255,255,.06);color:#d9cfc3;font-size:12px}.talentPanel,.sourcePanel{margin-bottom:20px}.sourceDetails{padding:0}.sourceSummary{min-height:74px;margin:0;padding:22px;cursor:pointer;list-style:none}.sourceSummary::-webkit-details-marker{display:none}.sourceSummary:after{content:"展开";min-width:48px;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.08);color:#f7ead4;font-size:13px;font-weight:800;text-align:center}.sourceDetails[open]>.sourceSummary:after{content:"折叠"}.sourceBody{padding:0 22px 22px}.sourceGrid{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:14px}.characterCard{display:grid;grid-template-columns:74px 1fr;gap:14px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(12,10,16,.38)}.characterCard img{width:74px;height:74px;border-radius:8px;object-fit:cover}.characterCard div,.officialSkillStrip div{display:flex;flex-direction:column;gap:5px}.characterCard span,.characterCard small{color:#a9a0a0;font-size:12px;line-height:1.45}.characterWeapons{margin-top:4px;color:#ffd56b!important}.miniStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.miniStats .statCard{min-height:96px;border-radius:8px}.miniStats .statCard strong{font-size:24px}.officialSkillStrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:14px}.officialSkillStrip div{min-height:48px;padding:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(12,10,16,.38)}.officialSkillCard .officialSkillHover{width:100%;min-height:24px;align-items:center}.skillSlotHover,.skillNameHover{align-items:center}.talentGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.talentPick small{min-height:34px}.traitBuilder{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px}.traitColumn{display:grid;align-content:start;gap:14px}.traitSectionHead,.traitLaneHead{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.traitSectionHead strong,.traitLaneHead strong{color:#fff2d5}.traitSectionHead span,.traitLaneHead span{overflow:hidden;color:#a9a0a0;font-size:12px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.traitGroupTabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.traitGroupButton,.traitButton{display:flex;align-items:center;min-width:0;border:1px solid rgba(255,255,255,.08);background:rgba(12,10,16,.42);color:#eee4dc}.traitGroupButton{justify-content:center;gap:7px;min-height:44px;padding:8px;border-radius:8px}.traitGroupButton img{width:24px;height:24px;flex:0 0 auto;object-fit:contain}.traitGroupButton span,.traitButton span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.traitGroupButton.active,.traitButton.active{border-color:#ffc475d1;background:rgba(214,137,62,.24);color:#fff4da;box-shadow:0 0 0 1px #ffc4752e}.traitLane{display:grid;gap:8px}.traitGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.traitButton{gap:8px;min-height:48px;padding:7px 8px;border-radius:8px;text-align:left}.traitIcon{width:30px;height:30px;flex:0 0 auto;object-fit:contain}.traitSummary{display:flex;flex-direction:column;gap:5px;min-height:96px;padding:12px;border:1px solid rgba(255,196,117,.22);border-radius:8px;background:rgba(42,28,18,.42)}.traitSummary span,.traitSummary small{color:#a9a0a0;font-size:12px;line-height:1.45}.traitSummary strong{color:#fff2d5;font-size:18px;line-height:1.35}.damageList{display:grid;gap:10px}.skillGroups{display:grid;gap:12px}.skillGroup,.effectGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.configSkillList{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.damageLayout{display:grid;gap:16px}.skillDamagePanel{overflow:hidden}.skillDamagePanel>summary{cursor:pointer;list-style:none}.skillDamagePanel>summary::-webkit-details-marker{display:none}.skillMainGrid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;align-items:stretch}.skillMainColumn{display:grid;grid-template-rows:auto 1fr;gap:10px;min-width:0;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(12,10,16,.38)}.skillPassiveRow{margin-top:12px}.skillPassiveRow .skillMainColumn{grid-template-rows:auto}.skillPassiveRow .skillSubGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.skillMainHead{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px}.skillMainHead>strong{color:#ffd56b;font-size:22px}.skillSubGrid{display:grid;gap:10px}.skillDamageLeaf{display:grid;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.04)}.skillLeafHead,.targetStepper,.skillLeafValues{display:flex;align-items:center}.skillLeafHead{justify-content:space-between;gap:8px}.skillLeafTitle{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:0}.skillLeafHead strong{color:#f4eadc;font-size:14px}.skillSourceMeta{max-width:100%;padding:2px 6px;border:1px solid rgba(255,213,107,.24);border-radius:999px;color:#ffd56b;background:rgba(255,213,107,.08);font-size:11px;line-height:1.35;white-space:nowrap}.targetStepper{gap:5px;color:#b9ad9f;font-size:12px;white-space:nowrap}.targetStepper button{min-width:24px;padding:4px 0;border-radius:6px}.targetStepper b{min-width:18px;color:#ffd56b;text-align:center}.skillLeafValues{flex-wrap:wrap;gap:8px}.skillLeafValues>div{flex:1 1 112px;min-width:0;padding:8px;border-radius:8px;background:rgba(0,0,0,.16)}.skillLeafValues span{color:#a9a0a0;font-size:12px}.skillTotalValue{border:1px solid rgba(255,196,87,.2)}.damageRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(12,10,16,.46)}.damageRow div{display:flex;flex-direction:column;gap:4px}.damageRow b{color:#ffd56b;font-size:28px}.compactDamageRow{align-items:stretch;min-height:118px;padding:12px}.compactDamageRow strong{font-size:15px}.compactDamageRow b{font-size:24px}.damageValue{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px}.damageRow.highlight{border-color:#ffc4575c;background:rgba(255,196,87,.12)}.damageTools,.levelSelect,.buttonRow{display:flex;align-items:center}.damageTools{flex-direction:row!important;gap:12px!important}.stackBlocks{display:grid;grid-template-columns:repeat(5,38px);gap:6px}.stackBlocks button{min-width:38px;padding:8px 0}.levelSelect{flex-direction:row;gap:6px;color:#b9ad9f}.levelSelect select{min-width:62px;padding:8px 10px}.buttonRow{flex-wrap:wrap;gap:8px}.quietButton{border-color:#ffffff1f;background:rgba(255,255,255,.08)}.quietButton.active{border-color:#ffc475ad;background:rgba(214,137,62,.22);color:#fff4da}.buildSettingsMenu{display:grid;gap:12px;margin-bottom:16px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(12,10,16,.46)}.buildSettingsMenu .statSettings{margin-top:0}.qualityLegend{display:flex;flex-wrap:wrap;gap:8px}.qualityLegend span{min-width:44px;padding:6px 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.06);font-size:12px;font-weight:700;text-align:center}.toggle{display:flex;gap:8px;align-items:center;color:#d9cfc3;font-size:14px;white-space:nowrap}.toggle input{width:18px;height:18px;accent-color:#ffb45d}body[data-theme=day]{color:#20222a;background:#f6f8fb}body[data-theme=day]:before{background:linear-gradient(135deg,rgba(245,248,252,.96),rgba(234,241,249,.94)),repeating-linear-gradient(90deg,rgba(55,89,132,.06) 0 1px,transparent 1px 96px)}body[data-theme=day] button{border-color:#2d62a638;background:rgba(49,111,190,.1);color:#18345b}body[data-theme=day] button:hover,body[data-theme=day] button.active,body[data-theme=day] .quietButton.active{border-color:#c98d236b;background:rgba(255,196,87,.22);color:#5d3c00}body[data-theme=day] .heroPanel,body[data-theme=day] .panel,body[data-theme=day] .statCard{border-color:#2c40601f;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(237,244,252,.78));box-shadow:0 22px 58px #2f486829}body[data-theme=day] .globalSettingsMenu,body[data-theme=day] .heroAvatarPicker,body[data-theme=day] .announcementDialog{border-color:#2d62a62e;background:rgba(255,255,255,.96);box-shadow:0 18px 44px #2d46682e}body[data-theme=day] .heroAvatarPicker,body[data-theme=day] .heroAvatarList{scrollbar-color:rgba(49,111,190,.46) rgba(45,98,166,.1)}body[data-theme=day] .heroAvatarList::-webkit-scrollbar-track{background:rgba(45,98,166,.1)}body[data-theme=day] .heroAvatarList::-webkit-scrollbar-thumb{border-color:#fffffff5;background:linear-gradient(180deg,rgba(49,111,190,.72),rgba(255,180,93,.56))}body[data-theme=day] .heroAvatarList::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(31,92,176,.82),rgba(225,143,37,.72))}body[data-theme=day] .heroAvatarOption{border-color:#2d62a629;background:rgba(49,111,190,.07);color:#1f2633}body[data-theme=day] .heroAvatarOption.active{border-color:#c98d23ad;background:rgba(255,196,87,.24)}body[data-theme=day] .heroAvatarFallback{background:rgba(49,111,190,.1);color:#1f5bb0}body[data-theme=day] .hero h1,body[data-theme=day] .panel h2,body[data-theme=day] .heroAvatarPicker h3,body[data-theme=day] .panelSubhead strong,body[data-theme=day] .heroIdentity strong,body[data-theme=day] .statCard strong,body[data-theme=day] .heroAvatarOption strong{color:#1e2430}body[data-theme=day] .heroPanel span,body[data-theme=day] .statCard span,body[data-theme=day] .field span,body[data-theme=day] .selectBlock span,body[data-theme=day] .damageRow span,body[data-theme=day] .note,body[data-theme=day] .intro,body[data-theme=day] .toggle,body[data-theme=day] .heroAvatarSearch span,body[data-theme=day] .heroAvatarOption small,body[data-theme=day] .heroPanel small,body[data-theme=day] .statCard small,body[data-theme=day] .panelSubhead span{color:#5f6876}body[data-theme=day] .eyebrow,body[data-theme=day] .versionButton{color:#b57012}body[data-theme=day] .appSignature,body[data-theme=day] .pill,body[data-theme=day] .chip,body[data-theme=day] .qualityLegend span{border-color:#2d62a624;background:rgba(49,111,190,.08);color:#2b4568}body[data-theme=day] select,body[data-theme=day] input,body[data-theme=day] .heroAvatarSearch input,body[data-theme=day] .helpPopover textarea,body[data-theme=day] .announcementEditor textarea{border-color:#2d62a647;background:#ffffff;color:#1c2430;box-shadow:inset 0 1px #ffffffb8,0 1px 2px #2d466814}body[data-theme=day] select{background-color:#fff;background-image:linear-gradient(180deg,#ffffff,#f1f6fc)}body[data-theme=day] select option,body[data-theme=day] .qualitySelect option{background:#ffffff;color:#1c2430}body[data-theme=day] select:focus,body[data-theme=day] input:focus{border-color:#316fbe85;box-shadow:0 0 0 4px #316fbe1a}body[data-theme=day] .helpButton{border-color:#c98d237a;background:rgba(255,196,87,.2);color:#8a5700}body[data-theme=day] .helpPopover{border-color:#2d62a633;background:rgba(255,255,255,.98);box-shadow:0 18px 44px #2d46682e;color:#20222a}body[data-theme=day] .helpPopover:after{border-color:#2d62a633;background:rgba(255,255,255,.98)}body[data-theme=day] .finalDamageModBlock{border-color:#c98d2347;background:rgba(255,196,87,.16)}body[data-theme=day] .finalDamageModBlock span,body[data-theme=day] .finalDamageModBlock strong{color:#7b4f00}body[data-theme=day] .announcementOverlay{background:rgba(229,237,248,.5)}body[data-theme=day] .announcementHead h2,body[data-theme=day] .announcementContent p{color:#1e2430}body[data-theme=day] .announcementContent strong{color:#9a5f00}body[data-theme=day] .announcementHistory{border-top-color:#2d62a624}body[data-theme=day] .announcementHistory h3{color:#26344a}body[data-theme=day] .announcementActions small,body[data-theme=day] .announcementContent small{color:#576274}body[data-theme=day] .toggle input{accent-color:#316fbe}body[data-theme=day] .characterCard,body[data-theme=day] .officialSkillStrip div,body[data-theme=day] .equippedStats,body[data-theme=day] .currentStatsBlock,body[data-theme=day] .skillMainColumn,body[data-theme=day] .traitButton,body[data-theme=day] .traitGroupButton,body[data-theme=day] .comboHitChip{border-color:#2d62a629;background:#f7fafe;color:#1f2633}body[data-theme=day] .skillMainColumn{background:linear-gradient(180deg,#ffffff,#f0f6fd);box-shadow:inset 0 1px #ffffffd6}body[data-theme=day] .skillDamageLeaf{border-color:#2d62a629;background:#ffffff;box-shadow:0 8px 24px #2f486814}body[data-theme=day] .skillLeafValues>div,body[data-theme=day] .damageRow,body[data-theme=day] .compactDamageRow,body[data-theme=day] .traitSummary,body[data-theme=day] .finalDamageModBlock{border-color:#2d62a61f;background:#eef5fc;color:#1f2633}body[data-theme=day] .skillTotalValue{border-color:#c98d234d;background:#fff7e5}body[data-theme=day] .skillMainHead>strong,body[data-theme=day] .skillSlotHover>strong,body[data-theme=day] .skillSourceMeta,body[data-theme=day] .targetStepper b,body[data-theme=day] .damageRow b,body[data-theme=day] .compactDamageRow b,body[data-theme=day] .traitSummary strong,body[data-theme=day] .configSheetSummary b{color:#9a5f00}body[data-theme=day] .skillLeafHead strong,body[data-theme=day] .skillDescriptionEntry b,body[data-theme=day] .skillFormulaText,body[data-theme=day] .characterCard strong,body[data-theme=day] .traitSectionHead strong,body[data-theme=day] .traitLaneHead strong,body[data-theme=day] caption,body[data-theme=day] .configSheetSummary{color:#1e2430}body[data-theme=day] .skillLeafValues span,body[data-theme=day] .targetStepper,body[data-theme=day] .characterCard span,body[data-theme=day] .characterCard small,body[data-theme=day] .traitSummary span,body[data-theme=day] .traitSummary small,body[data-theme=day] .traitSectionHead span,body[data-theme=day] .traitLaneHead span,body[data-theme=day] .sheetDash{color:#576274}body[data-theme=day] .skillSourceMeta{border-color:#c98d2352;background:rgba(255,196,87,.22)}body[data-theme=day] .traitGroupButton.active,body[data-theme=day] .traitButton.active,body[data-theme=day] .comboHitChip.active,body[data-theme=day] .stackBlocks button.active{border-color:#c98d239e;background:#fff2cf;color:#5d3c00}body[data-theme=day] .sheetWrap{border-color:#2d62a629;background:#ffffff;box-shadow:0 14px 36px #2f48681a}body[data-theme=day] th,body[data-theme=day] td{border-top-color:#2d62a61f;border-right-color:#2d62a614}body[data-theme=day] th{background:#e8f0fa;color:#26344a}body[data-theme=day] tr:nth-child(2n) td{background:#f8fbff}.formulaPanel{margin-top:20px}.formulaDetails{padding:0}.formulaSummary{min-height:74px;margin:0;padding:22px;cursor:pointer;list-style:none}.formulaSummary::-webkit-details-marker{display:none}.formulaSummary:after{content:"展开";min-width:48px;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.08);color:#f7ead4;font-size:13px;font-weight:800;text-align:center}.formulaDetails[open]>.formulaSummary:after{content:"折叠"}.formulaDetails>.formulaGrid,.formulaDetails>.note{margin-right:22px;margin-left:22px}.formulaDetails>.note{margin-bottom:22px}.effectsPanel{padding:0}.effectsPanel.collapsed{overflow:hidden}.effectToggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 22px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left}.effectToggle:hover{background:rgba(255,255,255,.04)}.effectGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:0 22px 22px}.comboGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.comboCard{min-height:96px}.comboHitEditor{display:flex;flex-wrap:wrap;gap:8px;min-width:360px}.comboHitChip{display:inline-flex;align-items:center;gap:6px;padding:5px 6px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.05)}.comboHitChip.active{border-color:#ffc475ad;background:rgba(214,137,62,.16)}.comboHitChip span{max-width:92px;overflow:hidden;color:#f4eadc;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.comboHitChip button{min-width:24px;padding:4px 0;border-radius:6px}.comboHitChip b{min-width:18px;color:#ffd56b;text-align:center}.compact{max-width:520px;margin-top:16px}.toggles{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:16px}.note{margin:18px 0 0;line-height:1.7}.qualitySelect option{background:#17121d}.configPanel{margin-top:20px}.configSaveStatus{display:block;margin-top:6px;color:#8de1ad;font-size:12px}.configSaveStatus.error{color:#ff9f9f}.sheetWrap{overflow-x:auto;margin-top:18px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(12,10,16,.4)}.editSheetWrap{overflow:visible}.editSheetWrap[open]{overflow-x:auto}.configSheetSummary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;color:#fff2d5;cursor:pointer;list-style:none}.configSheetSummary::-webkit-details-marker{display:none}.configSheetSummary span{font-size:16px;font-weight:800}.configSheetSummary b{color:#ffd56b;font-size:12px}table{width:100%;min-width:980px;border-collapse:collapse}caption{padding:14px 14px 10px;color:#fff2d5;font-size:16px;font-weight:800;text-align:left}th,td{padding:8px;border-top:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.06);text-align:left;vertical-align:middle}th{color:#d9cfc3;background:rgba(255,255,255,.06);font-size:13px;white-space:nowrap}td input,td select{min-width:84px;border-radius:6px;padding:9px 10px}td:nth-child(3) input,td:last-child input{min-width:160px}.sheetDash{display:block;color:#8c837b;text-align:center}@media (max-width: 920px){.hero,.twoColumns,.buildTargetGrid,.buildArea,.buildControlLayout,.formulaGrid,.stats,.talentGrid,.traitBuilder,.heroPicker,.sourceGrid,.miniStats{grid-template-columns:1fr}.desktopEquipmentEffectRail{display:none}.mobileEquipmentEffectRail{display:block;position:static;max-height:none;margin-top:12px}.mobileEquipmentEffectRail .equipmentEffectList{display:flex;gap:8px;max-height:none;overflow-x:auto;overflow-y:hidden;padding:0 0 4px;scroll-snap-type:x proximity}.mobileEquipmentEffectRail .equipmentEffectItem,.mobileEquipmentEffectRail .equipmentEffectEmpty{flex:0 0 min(220px,78vw);scroll-snap-align:start}.floatingHeroAvatarPicker{position:static;width:100%;max-height:360px;margin-bottom:12px}.attributePanel{grid-template-columns:repeat(2,minmax(0,1fr))}.heroAvatarPicker{grid-template-columns:1fr}}@media (max-width: 620px){main{width:min(100% - 22px,1180px);padding-top:22px}.hero h1{font-size:46px}.heroPanel strong{font-size:58px}.gearGrid,.formGrid,.buildControlLayout,.attributePanel,.traitGroupTabs,.traitGrid,.skillGroup,.effectGrid,.heroAvatarList{grid-template-columns:1fr}.panel,.heroPanel{border-radius:22px;padding:18px}.panelHead,.skillRow,.damageTools{align-items:flex-start;flex-direction:column}.heroPickerTop{grid-template-columns:1fr}.globalSettingsMenu{top:calc(100% + 8px);left:0;width:min(100%,360px)}}