:root{color:#f4efe5;background:#07111c;font-family:Segoe UI,PingFang SC,Microsoft YaHei UI,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#07111c}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;font-size:15px;line-height:1.5}button,input{font:inherit;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}button{color:inherit}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #77d9f2;outline-offset:3px}.app{position:relative;min-height:100vh;isolation:isolate}.app:before,.app:after{position:fixed;inset:0;z-index:-2;content:"";pointer-events:none}.app:before{background-image:url(./beijing02-BOLCEkqS.webp);background-position:62% center;background-size:cover;filter:saturate(.82)}.app:after{z-index:-1;background:linear-gradient(180deg,#050d17a6,#050c14e8 54%,#040a11f7),radial-gradient(circle at 82% 8%,rgba(95,205,238,.12),transparent 38%),radial-gradient(circle at 12% 30%,rgba(179,58,49,.13),transparent 30%)}.hero{position:relative;min-height:260px;overflow:hidden;border-bottom:1px solid rgba(215,175,91,.46);background-image:url(./beijing01-DUQwrljU.webp);background-position:center;background-size:cover;box-shadow:0 24px 70px #00000073}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0d08109e,#050c1933 52%,#040a14a8),linear-gradient(0deg,rgba(5,12,20,.92),transparent 58%)}.hero-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:min(1180px,calc(100% - 40px));min-height:260px;margin:0 auto;padding:38px 150px 34px;text-align:center}.eyebrow{margin:0 0 8px;color:#ebc975;font-size:12px;font-weight:700;letter-spacing:.32em}.hero h1{margin:0;color:#fff9e9;font-size:clamp(34px,5vw,62px);font-weight:850;letter-spacing:.045em;line-height:1.12;text-shadow:0 2px 0 #72502c,0 0 28px rgba(245,220,144,.34),0 7px 22px #000}.hero-content>p:last-of-type{margin:12px 0 0;color:#f2f4f7c7;font-size:14px;letter-spacing:.08em}.reset-button{position:absolute;right:0;bottom:35px;min-height:42px;padding:0 18px;border:1px solid rgba(236,207,140,.55);border-radius:8px;background:#0a121cb8;color:#f0d99c;cursor:pointer;transition:.16s ease;backdrop-filter:blur(10px)}.reset-button:hover{border-color:#f1d383;background:#2a231cd9;transform:translateY(-1px)}.page-content{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:28px 0 156px}.matchup-card,.side-card{border:1px solid rgba(151,178,199,.2);background:linear-gradient(145deg,#1e142af2,#0a1724f0 55%,#07111cf2),#08121df0;box-shadow:0 22px 54px #00000052,inset 0 1px #ffffff0a;backdrop-filter:blur(16px)}.matchup-card{padding:22px;border-radius:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 2px 18px;border-bottom:1px solid rgba(151,178,199,.14)}.section-heading span,.side-card-title small{color:#93adbf;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.section-heading h2,.side-card-title h2{margin:4px 0 0;font-size:26px;font-weight:800;letter-spacing:.02em;line-height:1.2}.restraint-badge{min-width:128px;padding:10px 16px;border:1px solid;border-radius:999px;font-size:14px;font-weight:800;text-align:center;box-shadow:inset 0 1px #ffffff14}.restraint-badge.advantage{border-color:#ee5e4994;background:#91261f3b;color:#ff9a83}.restraint-badge.disadvantage{border-color:#90829b85;background:#372e4173;color:#c6bbcc}.restraint-badge.neutral{border-color:#dfdbcf66;background:#ece8dc14;color:#f0ede5}.matchup-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px minmax(0,1fr);gap:22px;padding-top:24px}.attribute-selector{min-width:0;margin:0;padding:0;border:0}.attribute-selector legend{margin-bottom:10px;color:#dde8ee;font-size:15px;font-weight:700}.attribute-selector.attack legend:before,.attribute-selector.defense legend:before{display:inline-block;width:3px;height:13px;margin-right:8px;border-radius:2px;background:#d85245;content:"";vertical-align:-2px}.attribute-selector.defense legend:before{background:#4aa9cf}.attribute-grid{display:grid;grid-template-columns:repeat(5,minmax(54px,1fr));gap:7px}.attribute-grid button{display:flex;min-width:0;min-height:68px;padding:7px 4px 6px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid rgba(134,161,181,.18);border-radius:10px;background:#040c1585;color:#aebec8;cursor:pointer;transition:.15s ease}.attribute-grid button:hover{border-color:#7bd6f07a;background:#102837b8}.attribute-grid button.selected{border-color:#70d3ef;background:linear-gradient(160deg,#378fab61,#0d2433c7);color:#f5fbff;box-shadow:0 0 0 1px #64d8f433,0 0 18px #40b2d526}.attribute-grid img{width:34px;height:34px;object-fit:contain}.neutral-glyph{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(229,225,211,.55);border-radius:50%;color:#eee9dc;font-size:17px;font-weight:750}.attribute-grid button>span:last-child{font-size:13px;font-weight:650}.soul-chain{margin-top:12px;padding:12px;border:1px solid rgba(200,173,102,.22);border-radius:12px;background:#30271d4d}.soul-chain-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:9px}.soul-chain-heading span{color:#ebd7a1;font-size:13px;font-weight:700}.soul-chain-heading small{color:#9e9682;font-size:11px}.soul-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.soul-options button{display:flex;min-height:44px;padding:4px 5px;align-items:center;justify-content:center;gap:3px;border:1px solid rgba(209,188,132,.18);border-radius:8px;background:#0a0f1573;color:#bcb7aa;font-size:12px;cursor:pointer}.soul-options button.selected{border-color:#d6b75d;background:#7e60245c;color:#fff1c4}.soul-options img{width:22px;height:22px;object-fit:contain}.restraint-summary{display:grid;grid-template-columns:38px 1fr 38px;align-content:start;align-items:center;gap:7px;padding:22px 12px 0}.duel-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid #b34b40;border-radius:50%;background:#771f1c59;color:#ff9d8b;font-size:15px;font-weight:800}.duel-mark.defense{border-color:#398aad;background:#1c526b61;color:#8bd9f5}.coefficient-total{text-align:center}.coefficient-total small{display:block;color:#91a6b6;font-size:11px;font-weight:650}.coefficient-total strong{display:block;margin-top:2px;color:#f2d37b;font-size:28px;font-weight:850;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;letter-spacing:0;line-height:1.1}.restraint-summary dl{grid-column:1 / -1;margin:16px 0 0;padding:10px;border-top:1px solid rgba(152,176,192,.14)}.restraint-summary dl div{display:flex;justify-content:space-between;padding:3px 0;color:#8095a5;font-size:11px}.restraint-summary dt,.restraint-summary dd{margin:0}.restraint-summary dd{color:#d9c37f;font-weight:750;font-variant-numeric:tabular-nums lining-nums}.restraint-adjustments{margin-top:16px;overflow:hidden;border:1px solid rgba(201,170,94,.23);border-radius:13px;background:linear-gradient(120deg,#2a1a31a8,#091825b8);box-shadow:inset 0 1px #ffffff09}.restraint-adjustments>summary{display:flex;min-height:54px;padding:0 15px;align-items:center;gap:12px;list-style:none;cursor:pointer;user-select:none}.restraint-adjustments>summary::-webkit-details-marker{display:none}.restraint-adjustments>summary:after{color:#8b9dab;content:"⌄";font-size:19px;transition:transform .16s ease}.restraint-adjustments:not([open])>summary:after{transform:rotate(-90deg)}.restraint-adjustments>summary>span{color:#f1e9dc;font-size:14px;font-weight:750}.restraint-adjustments>summary>strong{margin-left:auto;color:#8297a6;font-size:12px;font-weight:750;font-variant-numeric:tabular-nums lining-nums}.restraint-adjustments>summary>strong.active{color:#efd175}.restraint-adjustment-grid{display:grid;padding:12px 14px 8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border-top:1px solid rgba(167,177,185,.12)}.restraint-adjustment{position:relative;padding:10px 12px 6px;border:1px solid rgba(155,176,190,.16);border-radius:10px;background:#030b1375}.restraint-adjustment.attack{border-left:3px solid #df5b4d}.restraint-adjustment.defense{border-left:3px solid #4fb5d9}.calculator-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;align-items:start}.side-card{overflow:hidden;border-radius:20px}.attack-card{border-top-color:#d04c3e94}.defense-card{border-top-color:#4aa9cf94}.side-card-title{display:flex;align-items:center;gap:12px;min-height:92px;padding:18px 22px;border-bottom:1px solid rgba(151,178,199,.15)}.side-card-title>span{display:grid;width:50px;height:50px;place-items:center;border:1px solid rgba(226,96,80,.6);border-radius:50%;background:radial-gradient(circle at 35% 30%,#e85e4d66,#53191873);color:#ffb0a0;font-size:20px;font-weight:850}.defense-card .side-card-title>span{border-color:#51b6db94;background:radial-gradient(circle at 35% 30%,#47a7ca66,#153e5175);color:#a8e5f8}.side-card-title h2{font-size:24px}.base-fields{display:grid;gap:14px;padding:20px 22px 22px;border-bottom:1px solid rgba(151,178,199,.14);background:linear-gradient(115deg,#42243d47,#0d1f2b3d)}.attack-base-fields{grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(0,.82fr))}.defense-base-fields{grid-template-columns:minmax(0,1fr)}.base-fields .field-label{color:#f0e8dc;font-size:14px;font-weight:750}.base-fields .input-shell input{height:54px;border-color:#ccb2714d;background:#030a12c2;font-size:16px}.base-fields .field-evaluation{font-size:11px}.field-section{border-bottom:1px solid rgba(151,178,199,.13)}.field-section.attack{box-shadow:inset 3px 0 #d8524561}.field-section.defense{box-shadow:inset 3px 0 #4aa9cf61}.field-section.gold{box-shadow:inset 3px 0 #cfae5e5c}.field-section:last-child{border-bottom:0}.field-section summary{display:flex;min-height:68px;padding:14px 20px 14px 22px;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;user-select:none}.field-section summary::-webkit-details-marker{display:none}.field-section summary:after{color:#7f99aa;content:"⌄";font-size:22px;transition:transform .16s ease}.field-section:not([open]) summary:after{transform:rotate(-90deg)}.field-section summary>span{display:flex;align-items:center;min-width:0}.field-section summary>span>strong{color:#e8edf0;font-size:18px;font-weight:800;line-height:1.2}.section-total{display:grid;min-width:94px;min-height:52px;margin-left:auto;padding:6px 12px;place-content:center;border:1px solid rgba(211,181,105,.32);border-radius:12px;background:#4a371f47;text-align:center}.field-section.attack .section-total{border-color:#e05b4b61;background:#69262747}.field-section.defense .section-total{border-color:#4ab0d45c;background:#1b4e6247}.section-total small{color:#9e9175;font-size:10px;font-style:normal;font-weight:750;letter-spacing:.1em}.section-total strong{margin-top:1px;color:#f0d073;font-size:19px;font-style:normal;font-weight:850;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;line-height:1.05}.field-section.attack .section-total strong{color:#ff9a82}.field-section.defense .section-total strong{color:#8adcf5}.field-section summary em{margin-left:auto;font-style:normal}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:4px 22px 24px}.expression-field{position:relative;min-width:0;scroll-margin-bottom:150px}.field-label{display:block;margin-bottom:8px;overflow:hidden;color:#d8e2e8;font-size:15px;font-weight:700;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.input-shell{position:relative;display:block}.input-shell input{width:100%;height:50px;padding:0 13px;border:1px solid rgba(129,158,178,.24);border-radius:10px;background:#020a1194;color:#eff7fa;font-size:16px;font-weight:600;line-height:1;transition:.15s ease}.input-shell input::placeholder{color:#667d8b;font-family:inherit;font-size:13px;font-weight:450}.input-shell input:focus{border-color:#63c8e6;background:#05121ceb;box-shadow:0 0 0 3px #53bfde1a,inset 0 1px #ffffff0a;outline:0}.field-evaluation{min-height:20px;padding:4px 2px 0;overflow:hidden;color:#8fb0bf;font-size:12px;font-weight:650;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.field-evaluation.error{color:#ff8d7d}.expression-field.has-error input{border-color:#e85b49b8}.quick-steps{position:relative;z-index:1;top:auto;left:0;display:grid;width:100%;min-width:220px;margin-top:2px;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;border:1px solid rgba(104,192,218,.35);border-radius:10px;background:#07141ffa;box-shadow:0 12px 28px #00000073}.operator-keys{display:none}.quick-steps button{min-height:44px;padding:0 4px;border:1px solid rgba(132,168,188,.2);border-radius:7px;background:#152f3fb8;color:#c8eaf4;font-size:12px;font-weight:700;cursor:pointer}.quick-steps button:hover:not(:disabled){border-color:#72d2ed;background:#28677ebd}.quick-steps button:disabled{cursor:not-allowed;opacity:.38}.fixed-value{display:grid;min-height:78px;padding:10px 13px;grid-template-columns:1fr auto;align-content:center;border:1px solid rgba(201,170,94,.28);border-radius:10px;background:#3a2d1940}.fixed-value span{color:#cfc4a6;font-size:13px;font-weight:650}.fixed-value strong{grid-row:1 / 3;grid-column:2;align-self:center;color:#efd37b;font-size:23px;font-weight:850;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;line-height:1}.fixed-value small{color:#7f765f;font-size:10px}.total-critical{border-color:#64b9d540;background:#183c4d40}.brand-footer{position:relative;display:grid;min-height:clamp(290px,28vw,350px);margin-top:26px;overflow:hidden;place-items:end center;border:1px solid rgba(164,172,179,.15);border-radius:18px;background-image:url(./beijing03-NvOIQzyS.webp);background-color:#030607;background-position:center 42%;background-repeat:no-repeat;background-size:cover;box-shadow:0 20px 55px #00000059}.brand-footer:after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,9,15,.94),rgba(3,9,15,.18) 32%,transparent 52%);content:""}.brand-footer div{position:relative;z-index:1;display:flex;padding:20px 24px 22px;flex-direction:column;align-items:center}.brand-footer strong{color:#f2e7cd;font-size:19px;font-weight:800;letter-spacing:.08em}.brand-footer span{margin-top:4px;color:#768691;font-size:11px;letter-spacing:.08em}.result-dock{position:fixed;z-index:50;right:50%;bottom:14px;display:grid;width:min(1060px,calc(100% - 36px));min-height:112px;padding:14px 26px;grid-template-columns:120px 1fr 1px 1fr;align-items:center;gap:24px;border:1px solid rgba(216,190,122,.4);border-radius:16px;background:linear-gradient(110deg,#1c1225f7,#081621fa 56%,#070f18fa);box-shadow:0 18px 65px #0000009e,inset 0 1px #ffffff0d;transform:translate(50%);backdrop-filter:blur(18px)}.result-coefficient{padding-right:18px;border-right:1px solid rgba(146,169,184,.16)}.result-coefficient small,.result-item span{display:block;margin-bottom:4px;color:#8298a7;font-size:11px;font-weight:700;letter-spacing:.16em}.result-coefficient strong{color:#d7bf7a;font-size:27px;font-weight:850;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;line-height:1.05}.result-item{min-width:0;text-align:center}.damage-number{display:block;overflow:hidden;font-size:clamp(28px,3.25vw,42px);font-weight:800;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;line-height:1.1;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.damage-number.waiting{font-size:clamp(20px,2.2vw,29px);font-weight:750}.damage-number.advantage{color:#ff3b30}.damage-number.disadvantage{color:#746b7d}.damage-number.neutral{color:#f5f1e8}.damage-number.critical{color:#ffd24a}.result-divider{width:1px;height:48px;background:linear-gradient(transparent,rgba(196,172,108,.4),transparent)}.negative-warning{position:fixed;z-index:70;top:18px;right:18px;display:grid;width:min(410px,calc(100% - 36px));min-height:76px;padding:13px 12px;grid-template-columns:38px 1fr 28px;align-items:center;gap:10px;border:1px solid rgba(228,112,82,.62);border-radius:12px;background:#2a1516f7;box-shadow:0 18px 55px #00000080;animation:warning-in .22s ease-out}.negative-warning>span{display:grid;width:34px;height:34px;place-items:center;border:1px solid #e4775f;border-radius:50%;color:#ffb19e;font-size:20px;font-weight:800}.negative-warning p{margin:0;color:#cdb6b2;font-size:11px;line-height:1.55}.negative-warning strong{display:block;color:#ffd1c5;font-size:13px}.negative-warning button{border:0;background:transparent;color:#aa817a;font-size:22px;cursor:pointer}@keyframes warning-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.hero-content{padding-right:110px;padding-left:110px}.matchup-layout{grid-template-columns:1fr 210px 1fr}.attribute-grid{grid-template-columns:repeat(3,minmax(52px,1fr))}.field-grid,.attack-base-fields{grid-template-columns:1fr}.result-dock{grid-template-columns:92px 1fr 1px 1fr;gap:14px}}@media(max-width:760px){.app:before{background-position:68% top}.app:after{background:linear-gradient(180deg,#050d17c2,#050c14f5 48%,#050b12)}.hero,.hero-content{min-height:190px}.hero{background-position:center}.hero-content{width:calc(100% - 28px);padding:30px 0 24px}.hero h1{font-size:clamp(30px,9.8vw,44px);letter-spacing:.02em}.hero-content>p:last-of-type{max-width:270px;margin-top:9px;font-size:12px;line-height:1.6}.reset-button{top:12px;right:0;bottom:auto;min-height:36px;padding:0 12px;font-size:12px}.eyebrow{font-size:10px}.page-content{width:calc(100% - 20px);padding-top:14px;padding-bottom:136px}.matchup-card{padding:16px 12px;border-radius:14px}.section-heading{padding-bottom:13px}.section-heading h2{font-size:21px}.restraint-badge{min-width:auto;padding:8px 11px;font-size:12px}.matchup-layout{grid-template-columns:1fr;gap:14px}.attribute-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.attribute-grid button{min-height:64px}.attribute-grid img{width:31px;height:31px}.restraint-summary{grid-row:2;grid-template-columns:40px 1fr 40px;padding:14px 22px;border:1px solid rgba(189,163,98,.2);border-radius:14px;background:#040d1680}.restraint-summary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 14px;padding:10px 2px 0}.restraint-summary dl div{font-size:11px}.restraint-adjustments{margin-top:14px}.restraint-adjustment-grid{padding:10px;grid-template-columns:1fr}.soul-options button{min-height:42px}.calculator-columns{grid-template-columns:1fr;gap:14px;margin-top:14px}.side-card{border-radius:14px}.side-card-title{min-height:86px;padding:16px 18px}.base-fields{grid-template-columns:1fr;padding:18px}.field-section summary{min-height:66px;padding:12px 14px 12px 17px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:4px 16px 20px}.input-shell input{height:50px}.quick-steps{min-width:0}.operator-keys{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:2px;padding:6px;border:1px solid rgba(116,151,171,.25);border-radius:10px;background:#061019d1}.operator-keys.percentage-operators{grid-template-columns:repeat(6,1fr)}.operator-keys button{min-width:0;min-height:40px;padding:0;border:1px solid rgba(130,164,184,.18);border-radius:7px;background:#132a38b3;color:#d4e8ef;font-family:inherit;font-weight:750;cursor:pointer}.quick-steps button{min-height:42px}.brand-footer{min-height:220px;background-position:center 42%}.result-dock{right:0;bottom:0;left:0;width:100%;min-height:110px;padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));grid-template-columns:62px 1fr 1px 1fr;gap:9px;border-right:0;border-bottom:0;border-left:0;border-radius:15px 15px 0 0;transform:none}.result-coefficient{padding-right:6px}.result-coefficient strong{font-size:20px}.result-coefficient small,.result-item span{font-size:10px;letter-spacing:.08em}.damage-number{font-size:clamp(22px,6.4vw,29px)}.damage-number.waiting{font-size:clamp(16px,4.5vw,21px)}.negative-warning{top:10px;right:10px;width:calc(100% - 20px)}}@media(max-width:430px){.attribute-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid{grid-template-columns:1fr}.field-label{white-space:normal}.field-section summary>span>strong{font-size:17px}.section-total{min-width:78px;min-height:48px;padding:5px 8px}.section-total strong{font-size:17px}.result-dock{grid-template-columns:54px minmax(0,1fr) 1px minmax(0,1fr);gap:7px}.damage-number{font-size:22px}.damage-number.waiting{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}