@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:#f6f4e8;background:#0c2d27;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 8% 15%,rgba(112,194,109,.18),transparent 26%),radial-gradient(circle at 92% 80%,rgba(225,171,70,.12),transparent 28%),linear-gradient(145deg,#123c32,#08251f 58%,#071e1b)}button,input,select{font:inherit}button{cursor:pointer}.page-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:42px 0 24px}.hero{display:flex;align-items:center;gap:18px;margin-bottom:30px}.hero>div:last-child{min-width:0}.brand-mark{display:grid;width:58px;height:58px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:#ffffff1a;box-shadow:inset 0 1px #ffffff1f;font-size:27px}.eyebrow{margin:0 0 5px;color:#e2bc68;font-size:11px;font-weight:700;letter-spacing:.2em}h1,h2,h3,p{margin-top:0}h1{margin-bottom:6px;font-size:clamp(27px,3vw,40px);line-height:1.2;letter-spacing:-.035em}.hero-copy{margin-bottom:0;color:#f0f4eaa6;font-size:14px}.calculator-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:20px;align-items:stretch}.panel{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#f6f6edf7;color:#17362f;box-shadow:0 24px 60px #000c0933}.input-panel{padding:26px}.result-panel{display:flex;min-height:665px;flex-direction:column;padding:26px;background:linear-gradient(#fffffff2,#f9f7ecf7),repeating-linear-gradient(45deg,transparent 0 12px,rgba(26,74,62,.03) 12px 13px)}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.panel-heading>div{display:flex;align-items:center;gap:10px}.panel-heading h2{margin:0;font-size:19px}.step-number{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#173f34;color:#fff9df;font-size:11px;font-weight:800}.auto-tag,.result-status{border-radius:999px;background:#e8f1e2;color:#31633d;padding:6px 10px;font-size:11px;font-weight:700}.helper-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.helper-option{position:relative;display:grid;min-height:84px;grid-template-columns:64px 1fr 14px;align-items:center;gap:10px;padding:8px 12px 8px 6px;border:1px solid #dce2d8;border-radius:16px;background:#fff;color:#17362f;text-align:left;transition:.16s ease}.helper-option:hover{border-color:#94ae99;transform:translateY(-1px)}.helper-option.selected{border-color:#2f7353;background:#eef6eb;box-shadow:0 0 0 2px #2f73531a}.helper-option strong,.helper-option small{display:block}.helper-option strong{margin-bottom:4px;font-size:14px}.helper-option small{color:#789087;font-size:11px}.portrait-wrap{position:relative;display:block;overflow:hidden;width:64px;height:66px;border-radius:13px;background:linear-gradient(145deg,#d5edcc,#8cb497)}.portrait-wrap img{position:absolute;max-width:none;object-fit:contain}.lab-portrait img{width:83px;height:82px;left:-8px;bottom:-10px}.builder-portrait img{width:88px;height:75px;left:-14px;bottom:-5px}.select-dot{width:13px;height:13px;border:1px solid #afbbb4;border-radius:50%}.selected .select-dot{border:4px solid #2f7353}.field-group{margin-top:20px}.field-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.field-title label,.select-field>span{font-size:13px;font-weight:700}.field-title>span,.field-hint{color:#82928c;font-size:11px}.duration-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.duration-fields label{display:flex;overflow:hidden;align-items:center;border:1px solid #d9e0d9;border-radius:12px;background:#fff}.duration-fields input{width:100%;min-width:0;border:0;outline:0;background:transparent;padding:13px 4px 13px 14px;color:#17362f;font-weight:700}.duration-fields label:focus-within,.select-field select:focus{border-color:#2f7353;box-shadow:0 0 0 3px #2f73531a}.duration-fields label span{padding-right:12px;color:#7a8c85;font-size:12px}.two-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:10px}.select-field{display:flex;flex-direction:column;gap:8px}.select-field select{width:100%;border:1px solid #d9e0d9;border-radius:12px;outline:0;background:#fff;padding:12px 35px 12px 13px;color:#17362f}.level-note{display:flex;flex-direction:column;justify-content:center;border-radius:12px;background:#eee9d7;padding:10px 13px}.level-note strong{margin-bottom:3px;color:#876327;font-size:12px}.level-note span{color:#8d826c;font-size:10px;line-height:1.45}.field-hint{margin:7px 0 0}.cooldown-group{border-radius:14px;background:#edf1ea;padding:14px}.two-time-fields{grid-template-columns:repeat(2,1fr)}.error-message{margin:15px 0 0;border-radius:10px;background:#fff0eb;color:#a33c27;padding:10px 12px;font-size:12px}.calculate-button{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:22px;border:0;border-radius:14px;background:linear-gradient(135deg,#2e7655,#205d48);box-shadow:0 12px 24px #1f5b4538;color:#fff;padding:15px 18px;font-weight:700}.calculate-button:hover{filter:brightness(1.06)}.finish-card{position:relative;display:flex;overflow:hidden;min-height:180px;align-items:center;border-radius:19px;background:radial-gradient(circle at 95% 10%,rgba(235,198,108,.35),transparent 26%),linear-gradient(135deg,#173f34,#0f3029);color:#fff;padding:26px 20px 26px 42%}.result-character{position:absolute;left:-10px;bottom:-24px;width:44%;height:190px}.result-character img{width:100%;height:100%;object-fit:contain;object-position:bottom}.result-character.builder{bottom:-8px;width:48%;height:165px}.finish-main span,.finish-main small,.finish-main strong{display:block}.finish-main span{color:#d7c184;font-size:12px;font-weight:700}.finish-main strong{margin:8px 0 6px;font-size:clamp(21px,2.4vw,31px);line-height:1.25;letter-spacing:-.03em}.finish-main small{color:#ffffff8c;font-size:11px}.comparison-grid{display:grid;grid-template-columns:1.35fr 1fr .72fr;gap:1px;overflow:hidden;margin-top:14px;border:1px solid #e0e3da;border-radius:15px;background:#e0e3da}.comparison-grid>div{background:#ffffffe0;padding:15px}.comparison-grid span,.comparison-grid strong{display:block}.comparison-grid span{margin-bottom:5px;color:#7b8d86;font-size:10px}.comparison-grid strong{font-size:13px}.comparison-grid .saved-time strong{color:#37764b}.schedule-section{margin-top:25px}.schedule-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.schedule-title h3{margin:0;font-size:14px}.schedule-title span{color:#8a9993;font-size:10px}.boost-list{max-height:250px;overflow-y:auto;margin:0;padding:0;list-style:none}.boost-list li{display:grid;min-height:54px;grid-template-columns:29px 10px 1fr;align-items:start;gap:8px}.boost-index{color:#9b7b3a;font-size:10px;font-weight:800;padding-top:2px}.boost-line{position:relative;width:8px;height:100%}.boost-line:before{position:absolute;top:4px;left:1px;width:6px;height:6px;border-radius:50%;background:#d7aa50;content:""}.boost-line:after{position:absolute;top:12px;bottom:0;left:3.5px;width:1px;background:#dfe4dc;content:""}.boost-list li:last-child .boost-line:after{display:none}.boost-list div strong,.boost-list div span{display:block}.boost-list div strong{font-size:12px}.boost-list div span{margin-top:3px;color:#82928c;font-size:10px}.no-boost{border-radius:12px;background:#f1eee3;color:#7f745d;padding:15px;font-size:12px}.empty-result{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty-orbit{position:relative;display:grid;width:108px;height:108px;place-items:center;margin-bottom:20px;border:1px dashed #b9c8bc;border-radius:50%}.empty-orbit:before,.empty-orbit:after{position:absolute;border:1px solid #e0e5db;border-radius:50%;content:""}.empty-orbit:before{top:13px;right:13px;bottom:13px;left:13px}.empty-orbit:after{top:27px;right:27px;bottom:27px;left:27px}.empty-orbit span{position:absolute;top:5px;right:20px;width:9px;height:9px;border-radius:50%;background:#d3a74e}.empty-orbit b{z-index:1;font-size:28px}.empty-result h3{margin-bottom:7px;font-size:17px}.empty-result p{width:min(330px,90%);margin-bottom:0;color:#80918a;font-size:12px;line-height:1.7}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:18px;color:#f2f6ed7a;font-size:10px}footer a{color:inherit;text-underline-offset:2px}@media(max-width:900px){.calculator-layout{grid-template-columns:1fr}.result-panel{min-height:560px}}@media(max-width:600px){.page-shell{width:auto;margin-right:10px;margin-left:10px;padding-top:24px}.hero{align-items:flex-start;margin-bottom:20px}.brand-mark{width:46px;height:46px;border-radius:14px;font-size:21px}.hero-copy{font-size:12px}.eyebrow{overflow-wrap:anywhere;font-size:9px;letter-spacing:.12em}.panel,.input-panel,.result-panel{border-radius:18px}.input-panel,.result-panel{padding:18px}.helper-picker,.two-columns{grid-template-columns:1fr}.helper-option{min-height:76px}.level-note{display:none}.finish-card{min-height:170px;padding-left:40%}.comparison-grid{grid-template-columns:1fr 1fr}.comparison-grid>div:first-child{grid-column:1 / -1}.schedule-title{align-items:flex-start;flex-direction:column;gap:4px}footer{flex-direction:column;gap:5px}}@media(max-width:350px){.hero{gap:10px}.brand-mark{width:40px;height:40px}h1{font-size:24px}}