:root{--ink:#19211d;--muted:#69726d;--line:#dde2df;--soft-line:#eaeeeb;--paper:#fff;--canvas:#f3f5f3;--green:#183d32;--green-2:#2f6755;--mint:#dcebe4;--lime:#caee72;--orange:#f09a5a}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.auth-loading{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:14px;display:grid}.auth-loading p{margin:0;font-size:13px}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;grid-template-columns:1fr auto auto auto;align-items:center;gap:22px;height:76px;padding:0 40px;display:grid;position:sticky;top:0}.brand-wrap{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:var(--green);border-radius:12px;place-items:center;width:39px;height:39px;font-family:Georgia,serif;font-size:22px;font-style:italic;display:grid;box-shadow:inset -5px -5px #ffffff12}.brand{letter-spacing:-.3px;font-family:Georgia,Noto Serif SC,serif;font-size:20px;font-weight:700;line-height:1.1}.brand-sub{color:var(--muted);letter-spacing:.3px;margin-top:4px;font-size:11px}.tabs{align-items:stretch;gap:26px;height:100%;display:flex}.tabs button{color:#6c756f;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 4px;font-size:14px}.tabs button.active{color:var(--green);border-bottom-color:var(--green);font-weight:700}.tabs span{min-width:18px;height:18px;color:var(--green);background:var(--mint);border-radius:9px;justify-content:center;align-items:center;margin-left:5px;padding:0 5px;font-size:10px;display:inline-flex}.fx-chip{background:#f4f7f5;border:1px solid #e1e7e3;border-radius:12px;justify-self:end;align-items:center;gap:9px;min-width:205px;padding:8px 10px;display:flex}.fx-chip .dot,.fx-chip .pulse{background:#33a36d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #dff2e8}.fx-chip .pulse{animation:1s infinite pulse}@keyframes pulse{50%{opacity:.35}}.fx-chip div{flex-direction:column;flex:1;display:flex}.fx-chip b{font-size:11px}.fx-chip small{color:#75807a;white-space:nowrap;text-overflow:ellipsis;max-width:150px;margin-top:2px;font-size:9px;overflow:hidden}.fx-chip button{width:27px;height:27px;color:var(--green);background:#fff;border:0;border-radius:8px;font-size:17px}.auth-actions{gap:7px;display:flex}.auth-actions a{color:var(--green);white-space:nowrap;background:#fff;border:1px solid #dce3df;border-radius:8px;padding:7px 9px;font-size:10px;text-decoration:none}.workspace{grid-template-columns:minmax(0,1.54fr) minmax(340px,.78fr);align-items:start;gap:28px;max-width:1480px;margin:0 auto;padding:42px 36px 70px;display:grid}.input-column{min-width:0}.intro-row{justify-content:space-between;align-items:flex-end;gap:24px;margin:3px 2px 24px;display:flex}.eyebrow{color:#7a857f;letter-spacing:1.9px;margin:0 0 8px;font-weight:800;font-size:10px!important}.intro-row h1,.history-heading h1{color:var(--green);letter-spacing:-.7px;margin:0;font-family:Georgia,Noto Serif SC,serif;font-size:32px;font-weight:700}.intro-row p,.history-heading p{color:var(--muted);margin:8px 0 0;font-size:13px}.save-button,.history-actions>button{color:#fff;background:var(--green);border:0;border-radius:10px;padding:11px 17px;font-size:13px;font-weight:650;box-shadow:0 5px 15px #183d3226}.save-actions{align-items:center;gap:9px;display:flex}.cancel-edit-button{color:var(--green);background:#fff;border:1px solid #cbd6d0;border-radius:10px;padding:10px 15px;font-size:12px}.save-button.editing{background:#2f6755}.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;margin-bottom:16px;padding:23px 24px 25px;box-shadow:0 2px 7px #1b2b2309}.section-title{align-items:center;gap:12px;margin-bottom:22px;display:flex}.section-title>span{width:30px;height:30px;color:var(--green);background:var(--mint);border-radius:9px;place-items:center;font-size:10px;font-weight:800;display:grid}.section-title h2{margin:0;font-size:15px;font-weight:750}.section-title p{color:#89918d;margin:3px 0 0;font-size:10px}.form-grid{grid-template-columns:1fr 1fr 1fr;gap:17px 14px;display:grid}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field-wide{grid-column:span 2}.field-label{color:#4f5953;justify-content:space-between;gap:8px;font-size:11px;font-weight:650;display:flex}.field-label small{color:#99a09c;font-size:9px;font-weight:400}.field input,.field select,.history-actions input{width:100%;height:41px;color:var(--ink);background:#fbfcfb;border:1px solid #d9dfdb;border-radius:9px;outline:none;padding:0 11px;font-size:12px;transition:border .15s,box-shadow .15s,background .15s}.field select{appearance:auto}.field input:focus,.field select:focus,.history-actions input:focus{background:#fff;border-color:#5d8a79;box-shadow:0 0 0 3px #4579651c}.input-prefix,.input-suffix{background:#fbfcfb;border:1px solid #d9dfdb;border-radius:9px;height:41px;display:flex;overflow:hidden}.input-prefix:focus-within,.input-suffix:focus-within{background:#fff;border-color:#5d8a79;box-shadow:0 0 0 3px #4579651c}.input-prefix input,.input-suffix input{background:0 0;border:0;border-radius:0;height:39px;box-shadow:none!important}.input-prefix span,.input-suffix span{color:#78817c;background:#f0f3f1;place-items:center;min-width:35px;font-size:10px;display:grid}.rate-note{color:#6f7873;border-top:1px dashed #e1e5e2;align-items:center;gap:9px;margin-top:18px;padding-top:16px;font-size:10px;display:flex}.rate-note>span{color:var(--green);background:var(--mint);border-radius:5px;padding:4px 7px;font-weight:700}.rate-note b{color:var(--ink)}.rate-note a{color:var(--green-2);margin-left:auto;font-weight:650;text-decoration:none}.dimension-row{grid-template-columns:1fr auto 1fr auto 1fr 1.15fr;align-items:end;gap:12px;display:grid}.dimension-row>i{color:#9ba29e;place-items:center;height:41px;font-style:normal;display:grid}.fba-box{background:#f7f9f7;border:1px solid #e0e5e2;border-radius:12px;margin-top:20px;padding:12px}.segmented{background:#e9eeeb;border-radius:8px;padding:3px;display:inline-flex}.segmented button{color:#6a746e;background:0 0;border:0;border-radius:6px;padding:6px 12px;font-size:10px}.segmented button.active{color:var(--green);background:#fff;font-weight:700;box-shadow:0 1px 4px #00000014}.fba-result{background:#fff;border-radius:9px;justify-content:space-between;align-items:center;gap:20px;margin-top:11px;padding:13px 14px;display:flex}.fba-result div{grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;display:grid}.fba-result small{color:#858e89;font-size:9px}.fba-result b{font-size:12px}.fba-result em{color:#8d9591;grid-column:1/-1;font-size:9px;font-style:normal}.fba-result .conversion-line{color:#536c61;font-size:10px}.fba-result strong{color:var(--green);font-family:Georgia,serif;font-size:23px}.fba-box>.field{margin-top:12px}.shipping-grid{grid-template-columns:1.1fr .9fr 1.2fr;gap:14px;display:grid}.freight-mode-box{align-items:end;gap:14px;margin-top:15px;display:flex}.freight-mode-box .field{width:260px}.weight-math{border:1px solid #e1e6e3;border-radius:11px;grid-template-columns:repeat(4,1fr);margin-top:19px;display:grid;overflow:hidden}.weight-math>div{background:#fafbfa;border-right:1px solid #e3e7e4;flex-direction:column;gap:7px;min-height:63px;padding:12px 14px;display:flex}.weight-math>div:last-child{border:0}.weight-math span{color:#7e8782;font-size:9px}.weight-math b{font-size:12px}.weight-math .selected{background:var(--mint)}.weight-math .selected b{color:var(--green)}.storage-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.storage-result{border:1px solid #e1e6e3;border-radius:11px;grid-template-columns:repeat(4,1fr);margin-top:18px;display:grid;overflow:hidden}.storage-result>div{background:#fafbfa;border-right:1px solid #e3e7e4;flex-direction:column;gap:7px;min-height:62px;padding:12px 14px;display:flex}.storage-result>div:last-child{border-right:0}.storage-result small{color:#7e8782;font-size:9px}.storage-result b{font-size:11px}.storage-result .selected{background:var(--mint)}.storage-result .selected b{color:var(--green)}.storage-note{margin-top:15px}.result-column{flex-direction:column;gap:14px;display:flex;position:sticky;top:98px}.result-hero{color:#fff;background:var(--green);border-radius:18px;padding:22px 23px;position:relative;overflow:hidden;box-shadow:0 12px 28px #11362a29}.result-hero:after{content:"";border:32px solid #caee7217;border-radius:50%;width:160px;height:160px;position:absolute;top:-72px;right:-76px}.result-hero.negative{background:#5a2e2b}.result-head{color:#d9e4df;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:11px;display:flex}.grade{min-width:38px;color:var(--green);background:var(--lime);border-radius:999px;justify-content:center;align-items:center;padding:4px 8px;font-size:9px;font-weight:850;display:inline-flex}.grade.n2{background:#dcebe4}.grade.待达标{color:#6c6252;background:#eee8dc}.result-hero>small{color:#b9cbc3;font-size:9px}.big-profit{letter-spacing:-1.7px;margin:2px 0 18px;font-family:Georgia,serif;font-size:46px;line-height:1.05}.hero-metrics{border-top:1px solid #ffffff29;border-bottom:1px solid #ffffff29;grid-template-columns:1fr 1fr;padding:13px 0;display:grid}.hero-metrics div{flex-direction:column;gap:6px;display:flex}.hero-metrics div+div{border-left:1px solid #ffffff29;padding-left:22px}.hero-metrics span{color:#b8cbc3;font-size:9px}.hero-metrics b{font-size:17px}.fx-line{color:#b9cbc3;justify-content:space-between;margin-top:12px;font-size:9px;display:flex}.fx-line b{color:#fff}.summary-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:18px 19px}.summary-title{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.summary-title h3{margin:0;font-size:12px}.summary-title>span{color:#89918d;font-size:9px}.cost-bar{background:#e8ece9;border-radius:5px;width:100%;height:8px;margin-bottom:15px;display:flex;overflow:hidden}.cost-bar i{height:100%}.cost-list{grid-template-columns:1fr 1fr;gap:10px 18px;display:grid}.cost-list>div{color:#65706a;justify-content:space-between;font-size:10px;display:flex}.cost-list span{align-items:center;gap:6px;display:flex}.cost-list span i{border-radius:2px;width:6px;height:6px}.cost-list b{color:var(--ink)}.cost-list .cost-total{border-top:1px dashed #dde2df;grid-column:1/-1;margin-top:3px;padding-top:11px;font-size:11px}.target-row{border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;display:flex}.target-row.n1{background:#edf6d8}.target-row.n2{background:#edf4f0}.target-row div{grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;display:grid}.target-row span{color:#fff;background:var(--green);border-radius:8px;grid-row:1/3;place-items:center;width:30px;height:30px;font-size:10px;font-weight:850;display:grid}.target-row p{color:#768078;margin:0;font-size:9px}.target-row strong{color:var(--green);font-size:14px}.monthly-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:13px;display:grid}.monthly-grid>div{border:1px solid #e4e8e5;border-radius:8px;flex-direction:column;gap:5px;padding:10px 12px;display:flex}.monthly-grid span{color:#838c87;font-size:8px}.monthly-grid b{font-size:12px}.target-note{color:#8c948f;margin:10px 0 0;font-size:8px;line-height:1.5}.grade-control{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.grade-control select{background:#fbfcfb;border:1px solid #d9dfdb;border-radius:8px;height:34px;padding:0 9px;font-size:10px}.warning{color:#7b5f2e;background:#fff5dc;border-radius:7px;margin:8px 0;padding:8px 10px;font-size:9px}.disclaimer{color:#7d8581;padding:2px 5px 0;font-size:8px;line-height:1.6}.disclaimer b{color:#5d6661;font-size:9px}.disclaimer p{margin:3px 0 0}.history-page{max-width:1480px;min-height:calc(100vh - 150px);margin:0 auto;padding:46px 36px 80px}.history-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px;display:flex}.history-actions{gap:10px;display:flex}.history-actions .export-button{color:var(--green);box-shadow:none;background:#fff;border:1px solid #cbd6d0}.history-actions button:disabled{opacity:.45;cursor:not-allowed}.library-filters{grid-template-columns:minmax(220px,1.3fr) repeat(4,minmax(125px,.65fr)) auto;align-items:center;gap:10px;margin-bottom:16px;display:grid}.library-filters input,.library-filters select{background:#fff;border:1px solid #d9dfdb;border-radius:9px;outline:none;height:41px;padding:0 11px;font-size:11px}.library-filters span{color:#748078;white-space:nowrap;font-size:10px}.history-table-wrap{border:1px solid var(--line);background:#fff;border-radius:16px;overflow-x:auto}.history-table{border-collapse:collapse;width:100%;min-width:1050px}.history-table th{color:#77817b;border-bottom:1px solid var(--line);text-align:left;background:#f7f9f7;padding:13px 15px;font-size:9px;font-weight:700}.history-table td{border-bottom:1px solid #edf0ee;padding:15px;font-size:11px}.history-table tbody tr:hover{background:#fafcfb}.history-table td:first-child b,.history-table td:first-child small{display:block}.history-table td:first-child small{color:#8a928e;margin-top:4px;font-size:9px}.market-badge{min-width:26px;height:22px;color:var(--green);background:var(--mint);border-radius:6px;place-items:center;margin-right:7px;font-size:8px;font-weight:800;display:inline-grid}.positive-text{color:#247455;font-weight:700}.negative-text{color:#b45045;font-weight:700}.row-actions{gap:6px;display:flex}.row-actions button{color:var(--green);background:#fff;border:1px solid #d7ded9;border-radius:7px;padding:6px 9px;font-size:9px}.row-actions button.delete{color:#a9574f}.empty-state{text-align:center;background:#fff;border:1px dashed #ccd4cf;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:360px;display:flex}.empty-state>div{width:54px;height:54px;color:var(--green);background:var(--mint);border-radius:18px;place-items:center;font-size:27px;display:grid}.empty-state h2{margin:16px 0 4px;font-family:Georgia,serif;font-size:18px}.empty-state p{color:var(--muted);margin:0 0 18px;font-size:11px}.empty-state button{color:#fff;background:var(--green);border:0;border-radius:9px;padding:9px 16px;font-size:11px}.toast{z-index:100;color:#fff;background:#173d31;border-radius:10px;padding:10px 16px;font-size:11px;animation:.2s toast-in;position:fixed;top:88px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000002e}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}footer{color:#808984;background:#eef1ef;border-top:1px solid #dde2df;justify-content:space-between;align-items:center;gap:20px;min-height:54px;padding:0 38px;font-size:9px;display:flex}@media (width<=1100px){.topbar{grid-template-columns:1fr auto auto;padding:0 24px}.tabs{display:none}.workspace{grid-template-columns:1fr;padding:30px 22px 60px}.result-column{grid-template-columns:1fr 1fr;display:grid;position:static}.result-hero,.disclaimer{grid-column:1/-1}}@media (width<=720px){.topbar{height:auto;min-height:68px;padding:11px 15px}.brand-sub,.fx-chip small{display:none}.fx-chip{min-width:125px}.auth-actions a:first-child{display:none}.workspace,.history-page{padding:24px 13px 55px}.intro-row,.history-heading{flex-direction:column;align-items:stretch}.save-actions{align-self:flex-start}.form-grid,.shipping-grid,.storage-grid,.storage-result{grid-template-columns:1fr 1fr}.storage-result>div{border-bottom:1px solid #e3e7e4}.field-wide{grid-column:span 2}.dimension-row{grid-template-columns:1fr 1fr}.dimension-row>i{display:none}.card{padding:18px 15px}.weight-math{grid-template-columns:1fr 1fr}.weight-math>div{border-bottom:1px solid #e3e7e4}.result-column{display:flex}.big-profit{font-size:39px}.rate-note{flex-wrap:wrap}.rate-note a{width:100%;margin-left:0}.history-actions{width:100%}.library-filters{grid-template-columns:1fr 1fr}.library-filters input{grid-column:1/-1}.freight-mode-box{flex-direction:column;align-items:stretch}.freight-mode-box .field{width:100%}footer{flex-direction:column;align-items:flex-start;padding:15px}}