:root{--green:#176b50;--green-dark:#124d3c;--ink:#253a34;--muted:#78857f;--line:#e6ebe8;--bg:#f5f7f6;--soft:#edf5f0;--white:#fff;--shadow:0 12px 32px #1a392c08}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit;transition:background .15s,transform .15s}button:hover{background:#eaf1ed}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #86b9a3;outline-offset:3px}input,select,textarea{width:100%;border:1px solid #dfe7e2;border-radius:7px;padding:11px 12px;background:white;color:var(--ink);outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #176b5010}textarea{resize:vertical}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button{appearance:none}.sidebar{width:242px;position:fixed;inset:0 auto 0 0;background:#fbfcfb;border-right:1px solid var(--line);padding:32px 20px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;text-decoration:none;color:var(--ink);font-size:23px;font-weight:700;letter-spacing:1px;align-items:center;padding:0 9px}.brand-icon{width:39px;height:44px;border-radius:10px;background:var(--green);color:white;text-align:center;line-height:44px;font-size:28px;box-shadow:3px 3px 0 #dce8e0}.brand small{display:block;font-size:12px;font-weight:400;letter-spacing:2px;color:var(--muted);margin-top:2px}.primary{background:var(--green);color:white;border-radius:8px;padding:12px 18px;font-weight:600}.primary:hover{background:var(--green-dark)}.new-note{margin:34px 0 29px;width:100%}.nav-label,.history-head{font-size:12px;color:#85918b;padding:0 12px;letter-spacing:1px}.nav{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border-radius:7px;padding:11px 12px;margin-top:6px}.nav>span{font-size:20px}.nav b{margin-left:auto;font-size:12px;font-weight:500}.nav.active{color:var(--green);background:#e8f1eb;font-weight:600}.history-head{display:flex;justify-content:space-between;margin-top:33px;margin-bottom:13px}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;padding-left:10px;background:white}.search>span{font-size:22px;color:var(--muted)}.search input{border:0;background:transparent;padding:8px;font-size:13px}.note-list{margin:12px -6px;overflow:auto;flex:1;min-height:80px}.note-item{display:block;text-align:left;width:100%;padding:13px;border-radius:7px;margin-bottom:6px;border-left:3px solid transparent}.note-item.selected{background:#edf3ef;border-left-color:var(--green)}.note-item strong{display:block;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-item small{color:var(--muted);font-size:12px}.empty-list{padding:12px;color:var(--muted)}.sidebar-bottom{border-top:1px solid var(--line);padding:20px 10px 0}.local-label{font-size:13px;color:var(--green)}.sidebar-bottom p{font-size:12px;color:var(--muted);margin:8px 0 13px}.backup-actions{display:flex;gap:12px;font-size:12px}.backup-actions button{padding:0}.workspace{margin-left:242px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#ffffff90}.breadcrumb{font-size:13px;color:var(--muted)}.breadcrumb span{margin:0 15px;color:#c4cbc7}.breadcrumb strong{font-weight:500;color:#52665c}.top-right{display:flex;align-items:center;gap:22px}.private-badge{font-size:12px;color:var(--muted)}.avatar{width:32px;height:32px;background:#e5eee7;border-radius:50%;display:grid;place-items:center;font-size:12px;color:var(--green)}main{max-width:1420px;margin:auto;padding:36px 40px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2px;color:#84968b;font-weight:600}h1{font-size:29px;letter-spacing:1px;line-height:1.5;margin:6px 0}h1>span{color:#77a68f}.page-heading p{color:var(--muted);margin:5px 0;font-size:14px}.outline{border:1px solid #dbe4de;border-radius:7px;background:white;padding:10px 17px}.editor-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #dee6e0;margin-bottom:25px}.editor-tabs{display:flex;gap:18px;align-items:center}.editor-tabs .selected{padding:12px 2px;color:var(--green);border-bottom:2px solid var(--green);font-weight:600}.editor-tabs #saveState{font-size:12px;color:var(--muted)}.actions{display:flex;gap:9px}.actions button{font-size:12px;padding:6px 7px;border-radius:5px}.actions .danger{color:#8a7770}.work-grid{display:grid;grid-template-columns:minmax(330px,1fr) minmax(305px,385px);gap:30px;align-items:start}.editor-panel{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.note-title-block{padding:24px 26px 22px;border-bottom:1px solid var(--line)}.title-input{border:0;font-size:21px;font-weight:600;padding:0;background:none;border-radius:0}.note-meta{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:12px;color:var(--muted)}.tag{background:#f1f4f2;border:1px solid #e4eae6;padding:1px 7px;border-radius:4px;color:#6b7d72;font-size:11px}.form-section{padding:25px 26px;border-bottom:1px solid var(--line)}.form-section.last{border:0}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:20px}.step{font-size:11px;color:var(--green);font-weight:700;border:1px solid #dce9e1;border-radius:5px;width:23px;height:23px;display:grid;place-items:center;background:#f5f9f6}.section-title h2{font-size:16px;margin:0;font-weight:600}.section-en{margin-left:auto;letter-spacing:1.5px;font-size:9px;color:#9aa99f}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:19px}label{display:block;font-size:13px;color:#576c60}label>input,label>select,label>textarea,label>.input-unit{margin-top:8px}label>textarea{margin-bottom:17px}label input,label select,label textarea{font-size:14px}.optional{font-size:11px;color:#929c96;font-weight:400}.input-unit{position:relative}.input-unit input{padding-right:35px;font-size:16px;font-variant-numeric:tabular-nums}.input-unit>span{position:absolute;right:13px;top:12px;font-size:12px;color:var(--muted)}.derived-row{background:#f3f7f4;border-radius:6px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.derived-row small{display:block;color:#8b9990;font-size:11px}.derived-row strong{font-size:18px;color:var(--green);font-variant-numeric:tabular-nums}.label-flex{display:flex;align-items:center;justify-content:space-between;height:21px}.label-flex select{width:auto;padding:0 3px;font-size:11px;border:0;color:var(--green);background:transparent}.formula-hint{font-size:12px;color:#87988d;margin:-7px 0 15px;line-height:1.65}.section-help{font-size:12px;color:var(--muted);margin:-9px 0 15px}.fee-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 24px;align-items:center;gap:10px;margin-bottom:11px}.fee-row input{padding:9px 10px}.fee-row .input-unit>span{top:10px}.fee-row button{color:#88988d;padding:0;border-radius:4px}.add-fee{border:1px dashed #ceddd3;border-radius:7px;width:100%;padding:9px;color:var(--green);font-size:13px}.preview-column{position:sticky;top:24px}.preview-label{display:flex;justify-content:space-between;color:#8b9790;font-size:12px;margin:0 2px 13px}.preview-label>span:first-child{color:#567360;display:flex;align-items:center;gap:6px}.preview-label i{width:6px;height:6px;background:#5b9c7c;border-radius:50%}.quote-card{background:white;border:1px solid #e1e8e2;border-radius:12px;box-shadow:0 9px 26px #26473508;overflow:hidden}.quote-top{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#869b8c;border-bottom:1px solid #f0f3f0;background:#fbfdfb}.quote-logo{font-size:14px;color:var(--green);font-weight:600}.quote-identity{padding:24px 25px 16px}.quote-identity h2{font-size:20px;margin:0 0 6px;word-break:break-word}.quote-identity p{font-size:12px;color:#8a978f;margin:0}.monthly{margin:0 24px;padding:22px 20px;background:var(--green);border-radius:8px;color:white}.monthly>span{font-size:12px;color:#d0e5d8}.monthly>div{display:flex;align-items:baseline;gap:7px;margin:6px 0}.monthly strong{font-size:42px;letter-spacing:-1.5px;line-height:1.35;font-variant-numeric:tabular-nums;font-weight:600}.currency{font-size:22px}.per{font-size:12px;color:#d0e5d8}.monthly p{font-size:11px;margin:6px 0 0;color:#c4dfce}.quote-duo{display:grid;grid-template-columns:1fr 1fr;margin:22px 24px;border-bottom:1px dashed #dde5df;padding-bottom:22px;gap:10px}.quote-duo>div+div{border-left:1px solid #e8eee9;padding-left:20px}.quote-duo span{display:block;font-size:11px;color:#85958a}.quote-duo strong{display:block;font-size:21px;margin-top:5px;font-weight:600;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.quote-details{padding:0 25px}.detail-row{display:flex;align-items:start;justify-content:space-between;gap:15px;font-size:12px;margin:11px 0;color:#7a8b80}.detail-row span:first-child{overflow-wrap:anywhere;max-width:65%}.detail-row span:last-child{color:#3c5646;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.detail-row.discount span:last-child{color:var(--green)}.total-row{display:flex;justify-content:space-between;margin:21px 25px 0;padding-top:18px;border-top:1px solid var(--line);font-size:13px;align-items:center}.total-row strong{font-size:22px;color:var(--green);letter-spacing:-.5px}.total-caption{text-align:right;margin:2px 25px 18px;color:#97a198;font-size:10px}.quote-note{margin:0 25px 16px;font-size:11px;padding:11px;background:#f6f8f5;color:#849184;border-radius:5px;white-space:pre-wrap;word-break:break-word}.quote-note:empty{display:none}.quote-footer{margin:0 25px;padding:15px 0 20px;border-top:1px dashed #dfe6df;font-size:10px;color:#8e9b91}.quote-footer p{margin:6px 0;line-height:1.8}.quote-footer strong{display:block;text-align:right;font-size:12px;color:#5b7665;overflow-wrap:anywhere;margin-top:10px}.export-button{width:100%;margin-top:18px;padding:13px;font-size:14px}.export-hint{text-align:center;font-size:11px;color:#8e9b92;margin:9px 0 23px}.tip-card{display:flex;gap:12px;border:1px solid #e0e8e1;border-radius:9px;padding:17px;background:#eff4ef;color:#6f8675}.tip-card>span{font-size:22px}.tip-card strong{font-size:12px;font-weight:500}.tip-card p{font-size:11px;margin:5px 0 0;color:#8b9a8d;line-height:1.8}.page-footer{text-align:center;color:#a0ada3;font-size:11px;padding:28px}.page-footer span{margin:0 7px}#errors:empty{display:none}#errors{padding:12px;margin-bottom:12px;border:1px solid #eed0c6;background:#fff3ef;color:#a34e31;border-radius:7px;font-size:12px}dialog{border:1px solid var(--line);border-radius:15px;width:min(800px,94vw);max-height:90vh;padding:24px;color:var(--ink);box-shadow:0 20px 80px #172e3226}dialog::backdrop{background:#112e2555;backdrop-filter:blur(3px)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-header h2{margin:0;font-size:21px}.modal-header button{font-size:20px;border-radius:5px}.modal-img{width:100%;max-height:62vh;object-fit:contain;background:#eef2ef;border-radius:8px}.download-link{display:block;text-align:center;margin-top:15px;text-decoration:none}.modal-tip{color:var(--muted);font-size:13px}.compare-selects{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.compare-table{width:100%;border-collapse:collapse;font-size:14px}.compare-table td,.compare-table th{padding:14px 10px;border-bottom:1px solid var(--line);text-align:right}.compare-table td:first-child,.compare-table th:first-child{text-align:left;color:var(--muted)}.compare-table th{background:var(--soft);color:var(--green);font-weight:500}.compare-table .highlight td{font-weight:600;color:var(--green)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#203e30;color:white;border-radius:8px;padding:12px 22px;opacity:0;pointer-events:none;transition:.2s;z-index:10;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1600px){main{padding-top:45px}.work-grid{grid-template-columns:minmax(400px,1fr) 420px;gap:38px}.quote-card{font-size:16px}}
@media(max-width:1150px){.sidebar{width:208px;padding:26px 15px}.workspace{margin-left:208px}main{padding:28px 24px 0}.topbar{padding:0 24px}.work-grid{gap:20px;grid-template-columns:minmax(310px,1fr) 315px}.form-section,.note-title-block{padding:22px 20px}.monthly strong{font-size:35px}.quote-duo strong{font-size:18px}.quote-duo>div+div{padding-left:12px}.actions{gap:0}.editor-tabs{gap:12px}.section-en{display:none}h1{font-size:25px}}
@media(max-width:950px){.sidebar{width:185px;padding:24px 12px}.workspace{margin-left:185px}.brand{font-size:20px;padding:0}.brand small{font-size:10px}.brand-icon{width:32px;height:38px;line-height:38px}.work-grid{grid-template-columns:1fr}.preview-column{position:static;max-width:540px;width:100%;margin:auto}.editor-tabs #saveState{max-width:100px}.page-heading{align-items:end}h1{font-size:23px}.eyebrow{font-size:9px}.compare-top{font-size:12px;padding:8px 10px}.quote-duo strong{font-size:23px}.monthly strong{font-size:46px}}
@media(max-width:620px){.sidebar{position:relative;width:100%;padding:17px 18px 13px;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:20px}.brand small{display:none}.new-note{margin:0;justify-self:end;font-size:12px;padding:9px 13px;width:auto}.nav-label,.history-head,.search,.sidebar-bottom,.sidebar .nav{display:none}.note-list{grid-column:1/-1;display:flex;gap:7px;overflow:auto;margin:2px 0 0;min-height:0;max-height:60px}.note-item{flex:0 0 auto;max-width:180px;width:auto;padding:6px 10px;margin:0;border-left:0;border-bottom:2px solid transparent}.note-item.selected{border-bottom-color:var(--green)}.note-item strong{font-size:12px}.note-item small{font-size:10px}.workspace{margin:0}.topbar{height:44px;padding:0 18px}.breadcrumb{font-size:11px}.breadcrumb span{margin:0 9px}.avatar{display:none}.private-badge{font-size:10px}.top-right{gap:0}main{padding:22px 15px 0}.page-heading{margin-bottom:18px}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:23px;letter-spacing:0}.page-heading p{font-size:11px}.compare-top{padding:8px;font-size:11px;white-space:nowrap}.editor-bar{flex-wrap:wrap;margin-bottom:17px;padding-bottom:6px;gap:2px}.editor-tabs{flex:1;gap:12px}.editor-tabs .selected{font-size:13px}.editor-tabs #saveState{font-size:10px;max-width:none}.actions{margin-left:auto;gap:2px}.actions button{font-size:11px}.form-section,.note-title-block{padding:20px 18px}.title-input{font-size:20px}.field-grid{gap:12px}.field-grid label{font-size:12px}label input,label select{font-size:14px}.optional{font-size:10px}.derived-row strong{font-size:17px}.derived-row small{font-size:10px}.preview-column{margin-top:8px}.quote-top{font-size:11px}.quote-details .detail-row{font-size:13px}.quote-footer,.quote-note{font-size:12px}.tip-card p{font-size:12px}.page-footer{padding:22px 0}.mobile-data{display:flex;justify-content:center;gap:10px;padding:0 0 20px;font-size:12px;color:var(--green)}.compare-table{font-size:12px}.compare-table td,.compare-table th{padding:10px 4px}.compare-selects{gap:8px}dialog{padding:18px}}
@media(min-width:621px){.mobile-data{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}