:root{--bg:#f4f6f6;--paper:#fff;--ink:#24332f;--muted:#82908b;--line:#e7ece9;--green:#265e49;--dark:#142c29;--mint:#d7edc5;--red:#b3423d;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #83b6a0;outline-offset:4px}input:focus,select:focus{outline:none}input:focus-visible,select:focus-visible{outline:2px solid #83b6a0;outline-offset:2px}input,select{min-width:0}input[readonly]{color:#8a9791;background:#f1f4f2}input::placeholder{color:#a3ada8;font-size:12px}fieldset{padding:0;border:0;min-width:0}p,h1,h2,h3{margin:0}button{transition:background .15s,transform .15s}button:active{transform:translateY(1px)}[hidden]{display:none!important}.sidebar{width:222px;position:fixed;inset:0 auto 0 0;background:#142c29;color:#b5c5bd;padding:37px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:13px;align-items:center;color:#f2f6f3;font-size:25px;font-weight:650;letter-spacing:3px}.brand-icon{display:grid;place-items:center;width:39px;height:41px;background:#cdebb9;color:#284d3c;border-radius:10px;font-size:37px;line-height:1;letter-spacing:0}.brand small{display:block;font-size:8px;letter-spacing:1.5px;color:#8ba99c;margin-top:6px}.nav-label{font-size:10px;letter-spacing:2px;margin:59px 12px 15px;color:#758f83}.nav-link{height:46px;display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:7px;margin-bottom:8px;font-size:13px}.nav-link>span:first-child{font-size:19px}.nav-link:hover{background:#203b34}.nav-link.active{background:#2a453c;color:#d8edc4}.count{margin-left:auto;font-size:10px;background:#355047;padding:2px 6px;border-radius:4px}.side-note{margin-top:auto;padding:30px 10px}.small-mark{font-size:35px;color:#a4bf93}.side-note h3{font-size:13px;font-weight:500;margin:15px 0;line-height:1.8;color:#d5e1d9}.side-note p{font-size:11px;line-height:1.9;color:#8da497}.side-line{height:1px;background:#2e463c;margin:24px 0 15px}.side-note small{font-size:7px;letter-spacing:1.1px;color:#779385}.local-status{font-size:10px;color:#8da497;display:flex;gap:8px;align-items:center;padding:20px 10px 0;border-top:1px solid #294037}.local-status i{width:5px;height:5px;background:#a5c08f;border-radius:50%}main{margin-left:222px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;background:#fbfcfb;font-size:11px;color:#8c9691}.topbar strong{color:#47574f;font-weight:500}.crumb{margin:0 14px;color:#c7cfca}.top-badge{color:#4d6657}.top-badge span{margin-left:12px;padding-left:12px;border-left:1px solid #dce4de;font-size:9px;color:#9aa69e}.page{max-width:1320px;margin:auto;padding:38px 44px 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.eyebrow{font-size:9px;letter-spacing:2px;color:#7a9786;margin-bottom:12px;font-weight:600}h1{font-size:28px;font-weight:600;letter-spacing:1px}.intro p{color:#85928b;font-size:12px;margin-top:11px}.button{border:1px solid var(--line);border-radius:7px;background:#fff;color:#4e6155;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;font-weight:500;font-size:12px}.button:hover{background:#f0f5ef}.subtle{background:transparent}.intro .button{border-color:#dce4df;font-size:11px}.workspace{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:24px;align-items:start;scroll-margin-top:24px}.card{background:var(--paper);border:1px solid var(--line);border-radius:12px}.input-card{padding:25px 27px}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.card-heading>div{display:flex;align-items:center;gap:12px}.section-num{font-family:monospace;font-size:10px;color:#98aa9f;border:1px solid #dbe4de;border-radius:4px;padding:3px 5px;font-weight:400}h2{font-size:15px;font-weight:600}.autosave{font-size:10px;color:#98a49b}.autosave:before{content:'✓';margin-right:5px}.field{margin:0 0 20px}.field label,.field legend{display:block;font-size:11px;color:#5d6b63;margin-bottom:9px}.field small{display:block;font-size:10px;color:#9aa49e;margin-top:8px;line-height:1.6}.pair-row{display:flex;gap:10px}.pair-row>select{width:100%;font-weight:600;font-size:13px}.pair-row .refresh{font-size:11px;padding:10px 12px;color:var(--green);background:#f3f7f3;border-color:#dde7de}.refresh>span:first-child{font-size:20px;line-height:1}.source-line{font-size:9px;color:#91a093;margin-top:-9px;margin-bottom:22px;display:flex;gap:6px;align-items:flex-start;line-height:1.7}.source-line i{width:5px;height:5px;border-radius:50%;background:#b4bdb7;flex-shrink:0;margin-top:5px}.source-line i.reference{background:#c19d55}.source-line i.realtime{background:#518b68}.source-line i.sample,.source-line i.manual{background:#8d9fba}.input-wrap{display:flex;align-items:center;border:1px solid #dfe6e1;border-radius:6px;overflow:hidden;background:#fdfefd;min-height:45px}.input-wrap:focus-within{border-color:#7eaa8f;box-shadow:0 0 0 3px #edf4ef}.input-wrap input{border:0;width:100%;background:transparent;padding:12px 12px;font-family:"Segoe UI",sans-serif;font-variant-numeric:tabular-nums;color:#263d30;font-size:15px;outline:none}.input-wrap input:focus-visible{outline:none}.suffix{color:#9ba89d;font-size:10px;padding-right:12px;flex-shrink:0}.combined select{border:0;border-left:1px solid #e3e9e4;border-radius:0;max-width:76px;padding:0 8px;height:24px;background:transparent;font-size:11px;color:#6a7e6e}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.direction-field legend{margin-bottom:9px}.segmented{display:flex;height:45px;padding:4px;background:#f3f5f3;border:1px solid #e8ece8;border-radius:6px;gap:2px}.segmented label{flex:1;margin:0;display:flex;cursor:pointer}.segmented input{position:absolute;opacity:0;width:1px;height:1px}.segmented span{display:grid;place-items:center;width:100%;font-size:10px;color:#94a097;border-radius:4px;white-space:nowrap}.segmented input:checked+span{background:white;box-shadow:0 1px 4px #173a2312;color:#4c765a}.segmented input[value=short]:checked+span{color:#a66557}.segmented input:focus-visible+span{outline:2px solid #7eaa8f}.divider{height:1px;background:var(--line);margin:1px 0 21px}select{height:45px;padding:0 12px;border:1px solid #dfe6e1;border-radius:6px;background:#fcfdfc;color:#354a3b}.exchange{padding:0 14px;background:#f7f9f6;border:1px solid #e9eee7;border-radius:7px;margin-bottom:22px}.exchange summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:13px 0;font-size:11px;color:#65775f;list-style:none}.exchange summary:after{content:'⌄';margin-left:8px}.summary-hint{margin-left:auto;color:#a3afa0;font-size:9px}.exchange .field{margin-bottom:7px}.exchange label{font-size:10px;margin-top:3px}.exchange input{font-size:12px;padding:10px}.exchange .input-wrap{min-height:37px;background:white}.exchange p{font-size:9px;line-height:1.8;color:#99a58f;margin:5px 0 12px}.primary{background:#345b3e;border-color:#345b3e;color:#f3f8ee;width:100%;justify-content:space-between;padding:14px 18px;font-size:13px}.primary:hover{background:#284c32}.primary>span:last-child{font-size:20px;line-height:1}.form-foot{font-size:9px;text-align:center;color:#a0aaa1;margin-top:12px;line-height:1.7}.result-column{display:grid;gap:18px}.result-card{border-radius:12px;background:#193c32;color:white;padding:26px 27px;background-image:radial-gradient(ellipse at 100% 0%,#30544188,transparent 60%)}.result-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#d5e0d6}.result-heading .section-num{color:#a4b69e;border-color:#526950;margin-right:7px}.result-badge{font-size:9px;color:#b5cfa3;border:1px solid #527249;border-radius:20px;padding:4px 9px}.result-label{margin-top:32px;font-size:11px;color:#a0b7a6}.lots{display:flex;align-items:baseline;gap:12px;margin-top:6px;flex-wrap:wrap}.lots strong{font-size:64px;letter-spacing:-3px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.2;overflow-wrap:anywhere}.lots span{font-size:10px;color:#9fb69f;letter-spacing:1px}.rounding-note{font-size:10px;color:#97b19a;margin-top:10px;line-height:1.8}.hero-line{height:1px;background:#40604c;margin:24px 0}.hero-metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hero-metrics>div{min-width:0}.hero-metrics span{font-size:10px;color:#adbfad}.hero-metrics strong{display:block;font-size:21px;font-weight:500;color:#e7f0df;margin-top:10px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.hero-metrics small{display:block;font-size:9px;color:#87a08b;margin-top:8px;line-height:1.7}.risk-meter{margin-top:29px;background:#102c2566;padding:13px 14px;border-radius:6px}.risk-meter>div{display:flex;justify-content:space-between;font-size:9px;color:#a8bfa5}.risk-meter small{font-size:9px;color:#809e81;display:block;margin-top:5px}.risk-meter progress{appearance:none;width:100%;height:4px;border:0;border-radius:4px;display:block;margin:10px 0;background:#35503c}.risk-meter progress::-webkit-progress-bar{background:#35503c;border-radius:4px}.risk-meter progress::-webkit-progress-value{background:#b6d69d;border-radius:4px}.risk-meter progress::-moz-progress-bar{background:#b6d69d;border-radius:4px}.breakdown{padding:23px 25px}.breakdown h3{font-size:12px;font-weight:600;display:flex;justify-content:space-between;gap:10px}.breakdown h3 span{font-size:10px;color:#9caa9f;font-weight:400}.breakdown dl{margin:18px 0}.breakdown dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-top:15px;font-size:11px}.breakdown dt{color:#8b988e;flex-shrink:0}.breakdown dd{margin:0;font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere;color:#536956}.calculation-path{padding:12px 8px;background:#f4f7f3;border-radius:5px;display:flex;justify-content:space-around;gap:5px;font-size:9px;color:#8b9b87}.calculation-path b{color:#b4c1ad;font-weight:400}.risk-note{display:flex;gap:9px;color:#98a291;padding:0 6px}.risk-note>span{font-size:15px}.risk-note p{font-size:10px;line-height:1.9}.notice{margin-bottom:18px;background:#eef4e9;padding:13px 16px;border:1px solid #dce7d3;border-radius:7px;color:#5c754f;font-size:12px;line-height:1.8}.notice.error,.form-error{background:#fff4ef;border-color:#efdbd0;color:#a25c42}.form-error{font-size:11px;padding:12px;border-radius:5px;margin-bottom:12px;line-height:1.7}.history{margin-top:27px;padding:25px 27px;scroll-margin-top:24px}.history-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.history-heading h2{display:flex;gap:9px;align-items:center}.history-heading h2 span{background:#f0f4ed;border-radius:4px;font-size:10px;font-weight:400;padding:3px 6px;color:#849379}.history-heading p{font-size:10px;color:#9ba599;margin-top:9px}.history-actions{display:flex;gap:8px}.history-actions .button{font-size:10px;padding:8px 10px}.history-filters{display:flex;gap:10px;margin:23px 0 14px}.history-filters input{border:1px solid var(--line);padding:9px 12px;border-radius:5px;width:230px;max-width:50%;font-size:11px}.history-filters select{height:35px;font-size:10px}.text-button{background:none;border:0;color:#9ba196;font-size:10px;padding:6px;margin-left:auto}.text-button:hover{color:#a15244}.empty-history{text-align:center;padding:35px 15px;color:#a2afa0}.empty-history .empty-icon{font-size:30px;color:#b6c7b2}.empty-history p{font-size:12px;margin-top:12px}.empty-history small{font-size:10px;display:block;margin-top:7px}.history-row{display:grid;grid-template-columns:1.05fr 1.1fr 1fr 1fr 30px;gap:12px;align-items:center;border-top:1px solid #edf0eb;padding:15px 8px;width:100%;border-right:0;border-left:0;border-bottom:0;background:transparent;text-align:left}.history-row:hover{background:#f6f9f3}.history-row strong{display:block;color:#3e5740;font-size:12px;font-weight:500}.history-row small{color:#a3ad9b;font-size:9px;display:block;margin-top:5px}.history-row .row-arrow{color:#97aa8d;text-align:right}.history-footer{font-size:9px;color:#a3ad9c;border-top:1px solid #edf0eb;padding-top:14px;margin-top:10px}.method{margin-top:22px;padding:0 25px;scroll-margin-top:24px}.method>summary{padding:18px 0;cursor:pointer;display:flex;justify-content:space-between;font-size:12px;list-style:none;color:#7e8c77}.method-body{padding:3px 0 21px;color:#809078;font-size:11px;line-height:2}.method-body h3{font-size:12px;margin-bottom:10px}.method-body p+p{margin-top:10px}footer{display:flex;align-items:center;justify-content:space-between;padding:28px 0;color:#a7afa2;font-size:9px}.footer-brand{font-size:11px;color:#819278}.footer-brand span{margin:0 10px;color:#bfc9b8}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#243e2f;color:#fff;padding:13px 22px;border-radius:8px;box-shadow:0 4px 22px #14302222;z-index:10;font-size:12px;max-width:90%;line-height:1.7}
@media(min-width:1500px){.page{padding-top:48px}.intro{margin-bottom:40px}.input-card{padding:29px 32px}.result-card{padding:30px 32px}.field{margin-bottom:24px}}
@media(max-width:1190px){.sidebar{width:190px;padding-left:17px;padding-right:17px}main{margin-left:190px}.page{padding:30px 26px 0}.topbar{padding:0 26px}.workspace{gap:18px}.input-card,.result-card{padding:22px 20px}.two-cols{gap:12px}.segmented span{font-size:9px}.hero-metrics strong{font-size:18px}.lots strong{font-size:58px}}
@media(max-width:1000px){.sidebar{width:78px;padding:25px 13px}.brand{justify-content:center}.brand>span:last-child,.nav-label,.side-note,.local-status{display:none}.sidebar nav{margin-top:50px}.nav-link{font-size:0;padding:0;justify-content:center}.nav-link>span:first-child{font-size:22px}.nav-link .count{display:none}main{margin-left:78px}.hero-metrics{grid-template-columns:1fr}.hero-metrics>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 12px}.hero-metrics strong{margin:0 0 0 auto}.hero-metrics small{flex-basis:100%;margin-top:4px}.lots strong{font-size:54px}.result-label{margin-top:28px}.two-cols{gap:11px}.input-card{padding:22px 18px}.pair-row{gap:7px}.pair-row .refresh{padding:10px 8px;font-size:10px}.pair-row>select{font-size:12px;padding-left:8px}.segmented span{font-size:8px}.summary-hint{font-size:8px}}
@media(max-width:780px){.sidebar{position:static;width:100%;height:66px;padding:0 20px;flex-direction:row;align-items:center;justify-content:space-between}.brand{font-size:20px;gap:9px}.brand-icon{width:30px;height:31px;font-size:30px;border-radius:7px}.brand>span:last-child{display:block;letter-spacing:2px}.brand small{display:none}.sidebar nav{display:flex;margin:0;gap:12px}.nav-link{margin:0;width:34px;height:36px}.nav-link.active{background:transparent;color:#cae8b3}.topbar{height:49px;padding:0 20px;font-size:10px}.top-badge{font-size:9px}.top-badge span{display:none}main{margin:0}.page{padding:27px 20px 0;max-width:640px}h1{font-size:25px}.eyebrow{font-size:8px;letter-spacing:1.6px}.intro{margin-bottom:25px;gap:12px}.intro p{font-size:11px;line-height:1.8}.intro .button{padding:8px 10px;font-size:10px}.intro .button span{display:none}.workspace{grid-template-columns:1fr;gap:20px}.input-card{padding:23px}.two-cols{gap:17px}.segmented span{font-size:10px}.pair-row>select{font-size:13px}.pair-row .refresh{font-size:11px;padding:10px 13px}.hero-metrics{grid-template-columns:1fr 1fr}.hero-metrics>div{display:block}.hero-metrics strong{margin-top:10px;font-size:22px}.hero-metrics small{margin-top:8px}.lots strong{font-size:68px}.result-card{padding:25px}.risk-note{padding:0 10px}.history{padding:22px}.history-heading{flex-wrap:wrap;gap:15px}.history-filters{flex-wrap:wrap;gap:7px}.history-filters input{flex:1;max-width:none;width:140px}.history-filters select{max-width:130px}.history-row{grid-template-columns:1fr 1fr 25px;gap:14px}.history-row .row-time{grid-column:1;grid-row:2}.history-row .row-market{grid-column:2;grid-row:2}.history-row .row-arrow{grid-column:3;grid-row:1 / 3}.history-row small{line-height:1.6}.method{padding:0 22px}.history-actions{margin-left:auto}.history-heading h2{font-size:14px}.breakdown{padding:25px}.calculation-path{font-size:10px}footer{gap:12px;line-height:1.8}footer>span:last-child{font-size:8px}}
@media(max-width:390px){.page{padding:23px 12px 0}.input-card{padding:20px 16px}.two-cols{gap:10px}.segmented span{font-size:9px}.hero-metrics strong{font-size:19px}h1{font-size:22px}.intro .button{font-size:9px;padding:8px}.history{padding:20px 16px}.hero-metrics{gap:10px}.result-card{padding:24px 20px}.pair-row>select{font-size:12px}.source-line{font-size:8px}.history-heading p{line-height:1.7}}
.combined input{width:0;flex:1 1 0}.combined select{flex:0 0 68px;min-width:68px}
.top-actions{display:flex;align-items:center;gap:18px}.top-actions .text-button{margin-left:0}
.login-page{min-height:100vh;background:#142c29;background-image:radial-gradient(ellipse at 70% 10%,#335745,transparent 65%);display:grid;place-items:center;padding:32px 20px}.login-shell{margin:0;width:100%;max-width:430px}.login-shell>.brand{justify-content:center;margin-bottom:32px}.login-card{padding:36px 32px}.login-card h1{font-size:29px}.login-card>p{color:#85928b;font-size:12px;line-height:1.8;margin:14px 0 29px}.login-card label{display:block;font-size:12px;margin-bottom:10px}.login-card .input-wrap{margin-bottom:22px}.login-card .input-wrap input{font-size:16px}.login-card>small{display:block;text-align:center;color:#93a18e;font-size:10px;margin-top:20px}.login-footer{text-align:center;color:#91aa96;margin-top:30px;font-size:11px;letter-spacing:2px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
