:root{--bg:#f5f5f7;--ink:#1d1d1f;--muted:#707078;--line:#e5e5ea;--blue:#0071e3;--blue-bg:#edf5ff;--red:#bd3d30;--amber:#9b600d;--green:#2b7458;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font:1rem/1.55 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:.005em}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #0071e388;outline-offset:4px}button{border:0;background:none}a{color:inherit;text-decoration:none}button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}header{background:#ffffffc9;backdrop-filter:blur(22px);border-bottom:1px solid #e9e9ec;position:sticky;top:0;z-index:20}.nav-wrap{max-width:1280px;margin:auto;padding:0 40px;height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand svg{width:29px;height:29px;stroke:var(--ink);fill:none;stroke-width:1.7}.brand b{font-size:1.1875rem;letter-spacing:.09em}.brand span{font-weight:400;color:#77777d;margin-left:9px}nav{display:flex;gap:30px;align-self:stretch}nav button{font-size:0.875rem;padding:0 1px;position:relative;color:#77777d}nav button.active{color:var(--ink)}nav button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--ink)}.version{font-size:0.75rem;color:var(--muted);white-space:nowrap}main{max-width:1280px;margin:auto;padding:0 40px}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:46px 0 32px}.eyebrow{font-size:0.75rem;letter-spacing:.12em;color:#74747b;margin:0 0 10px;font-weight:500}h1{font-size:2.875rem;line-height:1.22;letter-spacing:-.04em;margin:0;font-weight:650}h1 span{color:var(--blue)}.intro-copy{font-size:1rem;color:var(--muted);margin:16px 0 0}.outline,.primary{border:1px solid #d1d1d6;border-radius:30px;min-height:42px;padding:9px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;font-size:0.875rem;background:transparent}.outline:hover{background:#ebebef}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover{background:#0077ed}.project-strip{display:flex;align-items:center;gap:32px;padding:21px 0;border-top:1px solid #dcdce1;border-bottom:1px solid #dcdce1;margin-bottom:29px}.project-strip>div{display:flex;align-items:center;gap:14px;min-width:0}.project-strip label{color:var(--muted);font-size:0.875rem;white-space:nowrap}.project-strip input{font-size:0.875rem;width:170px;background:none;border:0;border-bottom:1px solid transparent;padding:3px 0;outline:none;border-radius:0}.project-strip input:focus{border-bottom-color:var(--blue)}.project-strip .record-status{margin-left:auto;gap:18px}.record-status>span{font-size:0.75rem;color:var(--muted)}.text-button{color:var(--blue);font-size:0.875rem;padding:3px 0;white-space:nowrap}.text-button:hover{text-decoration:underline}.section-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 23px}.segmented{background:#e9e9ed;padding:4px;border-radius:12px;display:inline-flex;gap:3px}.segmented button{border-radius:9px;padding:10px 20px;font-size:0.875rem;color:#64646b;display:flex;gap:8px;align-items:center}.segmented button.active{background:white;box-shadow:0 2px 7px #1d1d1f13;color:var(--ink)}.segmented button span{font-size:0.75rem;color:var(--blue);background:var(--blue-bg);padding:1px 5px;border-radius:4px}.quiet{color:var(--muted);font-size:0.8125rem}.workspace{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);gap:24px;align-items:start}.panel{background:white;border-radius:var(--radius);box-shadow:0 4px 22px #1d1d1f03}.input-panel{padding:30px 32px 20px}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:27px}.panel-top h2,h2{font-size:1.5rem;line-height:1.35;letter-spacing:-.025em;margin:0;font-weight:600}.panel-top .eyebrow{font-size:0.75rem;margin-bottom:7px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 20px}.field{display:flex;flex-direction:column;min-width:0}.field-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.field label,.field-head label{font-size:0.875rem}.field .weight{color:#929299;font-size:0.75rem;white-space:nowrap}.field select,.field input:not([type=range]),.numeric input{width:100%;min-height:48px;outline:none;border:1px solid #ddddE3;border-radius:11px;padding:11px 35px 11px 13px;background:white;font-size:0.875rem;transition:border-color .2s,box-shadow .2s}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20'%3E%3Cpath d='m5 8 5 5 5-5' fill='none' stroke='%23707078' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;text-overflow:ellipsis}.field input:focus,.field select:focus,.numeric input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0071e310}.field small{font-size:0.75rem;color:var(--muted);margin-top:7px}.form-foot{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:17px;margin-top:27px;font-size:0.75rem;color:var(--muted)}.form-foot span:first-child{color:var(--blue)}.result-column{position:sticky;top:96px}.result-panel{padding:30px;overflow:hidden}.result-kicker{display:flex;justify-content:space-between;align-items:center;font-size:0.8125rem;color:var(--muted)}.badge{font-size:0.75rem;background:#f3f3f6;padding:4px 9px;border-radius:6px}.grade-head{display:flex;align-items:center;gap:20px;padding:26px 0 28px;border-bottom:1px solid var(--line)}.grade-symbol{font-size:3.875rem;line-height:1;font-weight:400;letter-spacing:-.05em;min-width:60px}.grade-head h3{font-size:1.5rem;line-height:1.35;margin:0 0 5px;font-weight:600}.grade-head p{font-size:0.8125rem;color:var(--muted);margin:0}.grade-head.level3{color:var(--red)}.grade-head.level2{color:#a9670a}.grade-head.level1{color:#2676b9}.grade-head.level0{color:var(--green)}.bar-list{padding:25px 0 8px}.bar-row{margin-bottom:17px}.bar-label{display:flex;justify-content:space-between;font-size:0.8125rem;margin-bottom:7px}.bar-label b{font-weight:500;font-variant-numeric:tabular-nums}.bar-track{height:7px;background:#f2f2f5;border-radius:10px;overflow:hidden}.bar-fill{height:100%;border-radius:10px;background:#c7c7ce;transition:width .35s ease}.bar-row.winner .bar-fill{background:var(--red)}.result-foot{border-top:1px solid var(--line);padding-top:18px;margin-top:5px;font-size:0.8125rem;color:var(--muted)}.result-foot b{font-weight:500;color:var(--ink)}.result-foot p{margin:0 0 8px}.result-foot .text-button{font-size:0.8125rem}.source-note{display:flex;gap:11px;padding:22px 7px;color:var(--muted)}.source-note p{font-size:0.75rem;line-height:1.75;margin:0}.source-note .text-button{display:block;font-size:0.75rem;margin-top:6px}.note-icon{border:1px solid #98989e;border-radius:50%;width:16px;height:16px;font-size:0.75rem;text-align:center;line-height:14px;flex-shrink:0;margin-top:3px}.evidence{margin-top:24px;padding:0 28px}.evidence summary{cursor:pointer;list-style:none;padding:23px 0;font-size:1rem;display:flex;align-items:center;gap:16px}.evidence summary:after{content:"＋";margin-left:auto;color:var(--muted)}.evidence[open] summary:after{content:"−"}.evidence summary span{font-size:0.8125rem;color:var(--muted)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:0.8125rem;white-space:nowrap}th{text-align:left;color:var(--muted);font-weight:400;background:#fafafa}th,td{padding:13px 12px;border-bottom:1px solid var(--line)}td.num{font-variant-numeric:tabular-nums;text-align:right}.detail-note{font-size:0.8125rem;color:var(--muted);line-height:1.8;padding-bottom:22px}.empty{padding:38px 0}.empty .grade-symbol{font-size:3rem;color:#d2d2d7;display:block;margin-bottom:20px}.empty h3{margin:0 0 8px;font-size:1.375rem}.empty p{font-size:0.875rem;color:var(--muted);margin:0}.metric{font-size:3rem;letter-spacing:-.04em;font-weight:500;margin:23px 0 5px;line-height:1.15;font-variant-numeric:tabular-nums}.metric small{font-size:1rem;margin-left:7px;letter-spacing:0;color:var(--muted)}.formula{background:#f5f5f7;border-radius:12px;padding:15px 18px;font-size:0.9375rem;color:#626269;margin:20px 0}.formula b{color:var(--ink);font-weight:500}.notice{font-size:0.8125rem;line-height:1.8;color:#8d5815;background:#fff8ec;padding:13px 16px;border-radius:12px;margin:18px 0 0}.subhead{font-size:1rem;font-weight:600;margin:27px 0 18px}.hint{color:var(--muted);font-size:0.8125rem;line-height:1.8}.input-unit{position:relative}.input-unit span{position:absolute;right:14px;top:13px;font-size:0.8125rem;color:var(--muted)}.input-unit input{padding-right:55px!important}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mini-result{padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.mini-result h3{font-size:0.875rem;color:var(--muted);font-weight:400;margin:0}.mini-result .metric{font-size:2.25rem;margin:10px 0}.days{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.days .field input{padding:10px!important}.toggle-line{display:flex;align-items:center;gap:10px;font-size:0.875rem;margin:20px 0}.toggle-line input{width:17px;height:17px;accent-color:var(--blue)}.guide-lead{padding:34px;display:flex;justify-content:space-between;align-items:center;gap:30px}.guide-lead h2{font-size:1.875rem}.guide-lead p{color:var(--muted);max-width:690px;font-size:0.9375rem;margin-bottom:0}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}.guide-card{padding:28px}.step{font-size:2.25rem;color:#b8b8c0;margin-bottom:25px}.guide-card h3{font-size:1.25rem;font-weight:600;margin:0 0 12px}.guide-card p{font-size:0.875rem;color:var(--muted);line-height:1.8}.guide-content{padding:32px;margin:24px 0}.guide-content h3{font-size:1.1875rem;margin:0 0 16px}.guide-content li{font-size:0.875rem;color:#626269;margin-bottom:12px;line-height:1.8}.guide-content ol{padding-left:20px}.guide-content ul{padding-left:20px}.guide-content table{white-space:normal}footer{border-top:1px solid #dcdce1;margin:44px 0 0;padding:24px 0 30px;display:flex;justify-content:space-between;gap:28px;align-items:flex-start;color:#85858d;font-size:0.75rem}footer p{margin:0;max-width:570px}footer>span{white-space:nowrap}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);padding:12px 22px;border-radius:28px;background:#1d1d1feF;color:white;font-size:0.875rem;opacity:0;pointer-events:none;transition:.2s;z-index:99}#toast.show{opacity:1;transform:translate(-50%,0)}.skip{position:fixed;top:-80px;padding:14px;background:white;z-index:100}.skip:focus{top:8px}[hidden]{display:none!important}input[type=range]{width:100%;accent-color:var(--blue)}.score-input{display:flex;align-items:center;gap:15px}.score-input input[type=number]{width:82px!important;padding-right:8px!important}.score-input input[type=range]{flex:1}.view{animation:appear .25s ease}@keyframes appear{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}@media(min-width:1500px){.intro{padding-top:56px;padding-bottom:38px}}@media(max-width:1100px){.version{display:none}.project-strip{gap:20px}.project-strip input{width:130px}.record-status>span{max-width:100px}.workspace{grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr)}.input-panel{padding:26px 24px 20px}.result-panel{padding:26px}footer{flex-wrap:wrap}footer p{order:3;max-width:100%}}@media(max-width:800px){main{padding:0 22px}.nav-wrap{padding:0 22px;height:auto;min-height:64px;flex-wrap:wrap;gap:0}.brand{height:58px}nav{height:48px;width:100%;justify-content:space-between;gap:15px;order:3}.intro{padding:32px 0 25px}h1{font-size:2.1875rem}.intro-copy{font-size:0.875rem;max-width:270px}.intro .outline{font-size:0;padding:10px;border-radius:50%;min-height:40px;width:40px;flex-shrink:0}.intro .outline svg{width:20px;height:20px}.project-strip{flex-wrap:wrap;gap:14px 20px}.project-strip>div{flex:1}.project-strip input{width:100%;min-width:0}.project-strip .record-status{flex-basis:100%;justify-content:space-between}.record-status>span{max-width:none}.workspace{grid-template-columns:1fr}.result-column{position:static}.source-note{padding-bottom:4px}.result-panel .grade-head{padding:20px 0}.bar-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.guide-grid{grid-template-columns:1fr}.guide-card{display:grid;grid-template-columns:46px 1fr;gap:0 20px}.guide-card .step{grid-row:1/3;margin:0}.guide-card p{margin:0}.guide-lead{padding:28px}.guide-lead h2{font-size:1.5625rem}.guide-content{padding:25px}.evidence summary span{display:none}.section-top .quiet{font-size:0.75rem}.segmented button{padding:9px 12px;font-size:0.8125rem}.panel-top h2{font-size:1.375rem}}@media(max-width:420px){main{padding:0 16px}.nav-wrap{padding:0 18px}nav button{font-size:0.8125rem}h1{font-size:2rem}.input-panel,.result-panel{padding:23px 20px}.field-grid{grid-template-columns:1fr;gap:18px}.section-top .quiet{display:none}.panel-top{gap:12px}.panel-top h2{font-size:1.25rem}.panel-top .text-button{font-size:0.8125rem}.metric-grid{grid-template-columns:1fr}.days{grid-template-columns:repeat(3,1fr)}.form-foot{font-size:0.75rem}.project-strip label{font-size:0.75rem}.project-strip{gap:13px}.project-strip>div{gap:9px}.project-strip input{font-size:0.8125rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{header,.intro button,.record-status,.section-top,footer,#toast,.text-button{display:none!important}body{background:white}main{max-width:none;padding:0}.workspace{display:block}.result-column{position:static}.panel{box-shadow:none;border:1px solid #ddd;margin-bottom:20px}.intro{padding-top:0}details{display:none}.view{animation:none}.field-grid{grid-template-columns:1fr 1fr}}


