:root{color:#181421;background:#f6ffd7;font-family:PingFang SC,Microsoft YaHei UI,Arial Rounded MT Bold,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #171421;--pink: #ff4fb4;--mint: #18d8b8;--sun: #fff06a;--orange: #ff8a00;--blue: #16a8e8;--violet: #8338ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:1180px;overflow-x:hidden;background:linear-gradient(90deg,rgba(20,157,206,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(20,157,206,.08) 1px,transparent 1px),linear-gradient(180deg,#edff85,#fff7c9 46%,#ffe1ef);background-size:34px 34px,34px 34px,auto}button,input,select,textarea{font:inherit}button{cursor:pointer}.heroScroll{position:relative;min-height:200vh;--hero-progress: 0}.hero{position:sticky;top:0;display:grid;height:100vh;min-height:100vh;place-items:center;overflow:hidden;background:#f4ff9d;isolation:isolate}.hero:before{position:absolute;inset:0;content:"";background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.5),transparent 18%),radial-gradient(circle at 86% 24%,rgba(255,240,106,.38),transparent 20%),linear-gradient(90deg,#ff54ae38,#20b4e11a 48%,#ff7d1233),repeating-radial-gradient(circle at 20% 20%,rgba(255,255,255,.16) 0 1px,transparent 1px 5px);z-index:1;animation:sunnyDrift 13s ease-in-out infinite alternate;pointer-events:none}.hero:after{position:absolute;right:-4vw;bottom:-1px;left:-4vw;height:100px;content:"";background:#f8ffd5;clip-path:polygon(0 38%,10% 55%,23% 44%,35% 61%,48% 42%,62% 58%,76% 41%,90% 56%,100% 43%,100% 100%,0 100%);z-index:2}.heroVideo{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:clamp(.72,calc(.9 - (var(--hero-progress) * .16)),.9);transform:scale(calc(1.02 + (var(--hero-progress) * .08)));transform-origin:center;filter:saturate(1.18) contrast(1.02) brightness(1.08);will-change:transform,opacity}.heroShade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#fff6c56b,#ffe8f233 48%,#fffacf6b),radial-gradient(circle at 50% 47%,rgba(255,252,215,.2),transparent 42%);pointer-events:none}.teamBadge,.heroCenter,.scrollCue{position:relative;z-index:3}.teamBadge{position:absolute;top:40px;left:52px;padding:18px 30px;border:3px solid #181421;border-radius:999px;background:var(--pink);color:#fff8d8;font-size:22px;font-weight:950;box-shadow:9px 10px #171421eb}.heroCenter{width:min(1280px,calc(100% - 72px));opacity:clamp(0,calc(1 - (var(--hero-progress) * 1.16)),1);text-align:center;transform:translate3d(0,calc(var(--hero-progress) * -74vh),0) scale(calc(1 + (var(--hero-progress) * 1.45))) rotate(calc(-.6deg + (var(--hero-progress) * .8deg)));backface-visibility:hidden;contain:paint;transform-origin:center;will-change:transform,opacity}.heroCenter h1{display:block;margin:0;padding:0;color:var(--ink);font-family:PingFang SC,Microsoft YaHei UI,Arial Rounded MT Bold,system-ui,sans-serif;font-size:clamp(52px,9.4vw,132px);font-weight:950;line-height:.98;letter-spacing:.01em;white-space:nowrap;-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--orange),10px 10px 0 var(--blue)}.heroTagline{position:relative;z-index:0;display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:900px;min-width:640px;min-height:82px;margin:40px auto 0;padding:20px 46px 21px;border:4px solid var(--ink);border-radius:999px;background:linear-gradient(120deg,rgba(255,255,255,.42) 0 18%,transparent 18% 100%),linear-gradient(180deg,#a469ff,#7834f4);color:#fff;font-size:28px;font-weight:900;line-height:1.18;letter-spacing:.01em;box-shadow:0 0 0 4px #11c7f0,7px 8px #ff4fb4,8px 13px #171421f0,inset 0 4px #ffffff5c,inset 0 -5px #3f1b9757;text-shadow:2px 2px 0 rgba(23,20,33,.28);transform:rotate(.6deg)}.heroTagline:before{position:absolute;inset:8px 34px auto 18px;z-index:-1;height:12px;content:"";border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent);opacity:.86}.heroTagline:after{position:absolute;right:34px;bottom:14px;z-index:-1;width:38px;height:10px;content:"";border-radius:999px;background:#fff06ad1;box-shadow:-56px 0 #fff06a57;opacity:.92;transform:rotate(-4deg)}.scrollCue{position:absolute;bottom:34px;left:50%;display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border:3px solid var(--ink);border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 42%),var(--mint);color:var(--ink);font-weight:950;text-decoration:none;box-shadow:7px 8px #171421eb;transform:translate(-50%) rotate(2deg);will-change:transform,opacity}.scrollCue svg{transform:rotate(90deg)}.pageShell{position:relative;isolation:isolate;max-width:1700px;margin:0 auto;padding:96px 48px 120px}.pageShell:before{position:absolute;top:28px;left:50%;width:min(760px,70vw);height:18px;content:"";border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--sun),var(--mint),var(--blue));filter:blur(18px);z-index:0;opacity:.55;transform:translate(-50%)}.pageShell:after{position:absolute;top:0;right:calc(50% - 50vw);left:calc(50% - 50vw);z-index:0;height:min(118vh,980px);content:"";background:linear-gradient(180deg,#f8ffd5c7,#fff7c9a3 45%,#ffe1efeb),repeating-linear-gradient(90deg,rgba(20,157,206,.08) 0 1px,transparent 1px 34px),repeating-linear-gradient(0deg,rgba(20,157,206,.08) 0 1px,transparent 1px 34px),url(/assets/picnic-style.jpg) center 18% / cover no-repeat;opacity:.82;pointer-events:none}.pageShell>*{position:relative;z-index:1}.workspace{display:block}.calculator,.resultSection,.finalBar,.resultFooter{border:3px solid #181421;border-radius:22px;background:linear-gradient(135deg,#ffffffdb,#fffdf1eb),#fffdf1;box-shadow:14px 16px #171421eb,0 28px 80px #ff4fb429;will-change:transform,opacity,clip-path}.calculator{width:min(100%,1120px);margin:0 auto;padding:36px;scroll-margin-top:32px}.wizardProgress{display:flex;justify-content:center;gap:14px;margin-bottom:30px}.wizardProgress span{display:grid;width:44px;height:44px;place-items:center;border:3px solid #181421;border-radius:50%;background:#fff;color:#181421;font-weight:950;box-shadow:4px 4px #181421;transition:transform .2s ease,background .2s ease}.wizardProgress span.active{background:#ffe900;transform:translateY(-4px)}.stepBlock{padding:0}.stepNo{display:inline-flex;margin-bottom:16px;padding:8px 14px;border:3px solid #181421;border-radius:999px;background:#ff4fb4;color:#fff;font-size:15px;font-weight:950;box-shadow:4px 4px #181421}.stepBlock h3{margin:0 0 28px;color:#181421;font-size:46px;font-weight:950;letter-spacing:0}.fieldGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}label,.fieldLabel{display:grid;gap:10px;color:#181421;font-size:18px;font-weight:950}.cityField,.selectField{position:relative}input,textarea{width:100%;border:3px solid #181421;border-radius:16px;background:#fff;color:#181421;outline:none;box-shadow:5px 5px #181421;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}input,select,.selectTrigger{height:62px;padding:0 18px;font-size:19px;font-weight:850}.selectTrigger{display:flex;width:100%;align-items:center;justify-content:space-between;border:3px solid #181421;border-radius:16px;background:#fff;color:#181421;box-shadow:5px 5px #181421;text-align:left;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.selectTrigger.open,.selectTrigger:focus{background:#f4ffb2;box-shadow:8px 8px #181421;transform:translate(-2px,-2px)}.selectTrigger svg{flex:0 0 auto;transition:transform .18s ease}.selectTrigger.open svg{transform:rotate(180deg)}textarea{min-height:158px;resize:vertical;padding:18px;font-size:18px;font-weight:800;line-height:1.65}input:focus,textarea:focus{background:#f4ffb2;box-shadow:8px 8px #181421;transform:translate(-2px,-2px)}.selectMenu{grid-template-columns:1fr}.cityMenu{position:absolute;z-index:8;top:calc(100% + 10px);right:0;left:0;display:grid;max-height:282px;overflow:auto;border:3px solid #181421;border-radius:16px;background:#fffdf1;box-shadow:8px 8px #181421}.cityMenu button,.emptyCity{width:100%;min-height:48px;padding:0 18px;border:0;border-bottom:2px solid #181421;border-radius:0;background:#fffdf1;color:#181421;font-weight:950;text-align:left}.cityMenu button:nth-child(4n+1){background:#efff63}.cityMenu button:nth-child(4n+2){background:#b7f4ff}.cityMenu button:nth-child(4n+3){background:#ffe2f2}.cityMenu button:hover{background:#ff8a00;color:#fff}.emptyCity{display:flex;align-items:center;color:#6d6175}.hint{width:fit-content;margin:18px 0 0;padding:10px 14px;border:2px solid #181421;border-radius:8px;background:#b7f4ff;color:#181421;font-weight:850}.stepTitleRow{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.iconButton{display:grid;width:52px;height:52px;place-items:center;border:3px solid #181421;border-radius:50%;background:#ffe900;color:#181421;box-shadow:5px 5px #181421;transition:transform .16s ease,box-shadow .16s ease}.contributionList{display:grid;gap:16px}.addButton{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 14px;border:3px solid #181421;border-radius:999px;background:#8d39ff;color:#fff;font-weight:950;box-shadow:5px 5px #181421}.addButton:disabled{cursor:not-allowed;filter:grayscale(.6);opacity:.6}.stepActions{display:flex;justify-content:flex-end;gap:16px;margin-top:30px}.primaryButton,.secondaryButton,.footerActions button,.modalHeader button{display:inline-flex;height:58px;align-items:center;justify-content:center;gap:10px;border:3px solid #181421;border-radius:18px;color:#181421;font-size:18px;font-weight:950;box-shadow:6px 6px #181421;transition:transform .14s ease,box-shadow .14s ease}.primaryButton{min-width:188px;padding:0 26px;background:#ff8a00}.secondaryButton{min-width:158px;padding:0 22px;background:#b7f4ff}.primaryButton:hover,.secondaryButton:hover,.footerActions button:hover,.modalHeader button:hover,.addButton:hover,.iconButton:hover,.scrollCue:hover{box-shadow:3px 3px #181421;transform:translate(3px,3px)}.primaryButton:disabled{cursor:not-allowed;background:#c9c4cf;box-shadow:3px 3px #181421;transform:none}.resultStack{display:grid;gap:26px;width:min(100%,1340px);margin:46px auto 0}.resultSection,.resultFooter{padding:32px}.resultSection h2{display:inline-block;margin:0 0 24px;padding:8px 12px;background:#ffe900;color:#181421;font-size:30px;font-weight:950;border-radius:10px}.metrics,.judgmentGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.judgmentGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{display:grid;align-content:center;justify-items:center;min-height:118px;padding:20px;border:3px solid #181421;border-radius:18px;background:#b7f4ff;box-shadow:5px 5px #181421}.metric:nth-child(2n){background:#ffe2f2}.metric span{display:block;margin-bottom:14px;color:#574a60;font-weight:950;text-align:center}.metricValue{color:#181421;font-size:25px;font-weight:950;line-height:1.2;text-align:center}.positionValue{display:grid;gap:8px;justify-items:center;text-align:center}.positionValue strong{color:#181421;font-size:28px;font-weight:950;line-height:1.05}.positionValue span{display:inline-flex;width:fit-content;margin:0;padding:8px 12px;border:2px solid #181421;border-radius:999px;background:#ff4fb4;color:#181421;font-size:14px;font-weight:950;box-shadow:3px 3px #181421}.positionValue small{color:#6a4b62;font-size:14px;font-weight:900;line-height:1.45}.tableLike{display:grid;overflow:hidden;border:3px solid #181421;border-radius:18px;background:#fffdf1;box-shadow:6px 6px #181421}.tableRow{display:grid;grid-template-columns:1.8fr 1fr .7fr .5fr;gap:16px;align-items:center;padding:17px;border-bottom:3px solid #181421;color:#181421;font-weight:850}.tableRow:last-child{border-bottom:0}.tableRow strong,.tableRow b{color:#c6007e}.tableRow em{color:#1148a5;font-style:normal;font-weight:950}.contributionResult{background:linear-gradient(135deg,rgba(255,79,180,.12),transparent 34%),linear-gradient(315deg,rgba(24,216,184,.14),transparent 36%),#fffdf1}.contributionSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.contributionSummary div{display:grid;align-content:center;justify-items:center;min-height:122px;padding:20px;border:3px solid #181421;border-radius:18px;background:#efff63;box-shadow:6px 6px #181421}.contributionSummary div:nth-child(2){background:#b7f4ff}.contributionSummary div:nth-child(3){background:#ffe2f2}.contributionSummary span,.contributionCard p,.contributionInsight{color:#312a39;font-weight:850;text-align:center}.contributionSummary strong{display:block;margin-top:12px;color:#181421;font-size:34px;font-weight:950;line-height:1.08;text-align:center}.contributionSummary .positionValue{margin-top:12px}.contributionSummary .positionValue span{background:#18d8b8;color:#181421}.contributionSummary .positionValue small{color:#59415b}.contributionCards{display:grid;gap:16px}.contributionCard{padding:18px;border:3px solid #181421;border-radius:18px;background:#fff;box-shadow:5px 5px #181421}.contributionCard p{margin:0 0 14px;font-size:18px;line-height:1.55;text-align:left}.contributionMeta,.evidenceList{display:flex;flex-wrap:wrap;gap:10px}.contributionMeta span,.contributionMeta em,.contributionMeta b,.contributionMeta strong,.evidenceList span{display:inline-flex;align-items:center;min-height:34px;padding:5px 10px;border:2px solid #181421;border-radius:999px;color:#181421;font-size:14px;font-style:normal;font-weight:950}.contributionMeta span{background:#b7f4ff}.contributionMeta em{background:#ffe2f2}.contributionMeta b{background:#fff}.contributionMeta strong{background:#ff8a00}.evidenceList{margin-top:12px}.evidenceList span{border-color:#18142138;background:#fff06a6b;color:#4c4056;font-size:13px;box-shadow:none}.contributionInsight{margin:18px 0 0;padding:14px 16px;border:2px dashed #181421;border-radius:16px;background:#ffffffb8;line-height:1.65}.unmatched,.combo,.targetLine,.warning{margin:20px 0;padding:16px;border:3px solid #181421;border-radius:18px;background:#efff63;color:#181421;font-weight:950;box-shadow:5px 5px #181421}.unmatched span{display:inline-block;margin-left:10px}.quoteLine{margin:0 0 18px;padding:18px 20px;border:3px solid #181421;border-radius:18px;background:#ff4fb4;color:#fff;font-size:22px;font-weight:950;line-height:1.45;box-shadow:6px 6px #181421}.finalBar{padding:38px;background:#8d39ff;color:#fff}.finalBar h2{margin:0;color:#fff;font-size:58px;font-weight:950;line-height:1.12;text-shadow:4px 4px 0 #181421}.finalBar p{max-width:930px;margin-bottom:0;color:#fffbd6;font-size:20px;font-weight:800;line-height:1.7}.pathGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pathCard{min-height:270px;padding:22px;border:3px solid #181421;border-radius:18px;background:#fff;box-shadow:6px 6px #181421}.pathCard:nth-child(1){background:#ffe2f2}.pathCard:nth-child(2){background:#b7f4ff}.pathCard:nth-child(3){background:#efff63}.pathCard h3{margin:0 0 14px;color:#181421;font-size:23px;font-weight:950}.pathCard p{color:#312a39;font-weight:800;line-height:1.65}.pathCard span,.pathCard b,.pathCard small{display:block;margin-top:12px}.pathCard>span{color:#c6007e;font-weight:950}.pathCard small{color:#53465d;font-weight:800;line-height:1.45}.reachLine{display:grid;gap:9px;margin-top:12px}.reachLine>span,.reachLine small{display:inline-flex;width:fit-content;margin-top:0;padding:8px 11px;border:2px solid #181421;border-radius:999px;font-size:13px;font-weight:950}.reachLine>span{background:#181421;color:#fff}.reachLine small{margin-top:8px;background:#fff06a;color:#181421;box-shadow:3px 3px #181421}.resultFooter p{color:#312a39;font-weight:800}.footerActions{display:flex;justify-content:flex-start;gap:14px}.footerActions button{min-width:124px;padding:0 18px;background:#12d6b1}.toast{color:#c6007e;font-weight:950}.modalLayer{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:40px;background:#1814218c}.modal{width:min(620px,100%);padding:28px;border:3px solid #181421;border-radius:22px;background:#fffdf1;box-shadow:10px 10px #181421}.modalHeader{display:flex;align-items:center;justify-content:space-between;gap:18px}.modal h2{margin:0;font-size:30px}.modalHeader button{height:46px;padding:0 16px;background:#ff4fb4;color:#fff}.modal li,.modal p{color:#312a39;font-size:18px;font-weight:800;line-height:1.75}@keyframes sunnyDrift{0%{transform:translate3d(-1.2%,-.8%,0) scale(1.02)}to{transform:translate3d(1.2%,.8%,0) scale(1.05)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media(max-width:1240px){body{min-width:0}.heroCenter{width:min(92vw,820px)}.heroCenter h1{font-size:clamp(42px,10vw,70px)}.heroTagline{font-size:23px;min-width:0;max-width:min(86vw,720px);min-height:74px;padding:18px 34px 19px;box-shadow:0 0 0 3px #11c7f0,7px 8px #ff4fb4,8px 12px #171421f0,inset 0 3px #ffffff5c,inset 0 -4px #3f1b9757}.pageShell{padding:70px 28px 90px}.metrics,.judgmentGrid,.pathGrid,.fieldGrid,.tableRow{grid-template-columns:1fr}}