:root{color:#1c2734;background:var(--page-bg);font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--brand: #2185FF;--brand-deep: #1559B0;--brand-pressed: #176BCF;--brand-soft: #EDF4FF;--brand-border: #C6DDFF;--page-bg: #f3f6f9;--ink: #1c2734;--ink-soft: #4d5d70;--muted: #8795a6;--line: #e5ebf2;--paper: #ffffff;--green: #1e9a70;--orange: #b87913;--red: #c95252;--shadow-sm: 0 10px 30px rgba(27, 61, 102, .06);--shadow-lg: 0 24px 70px rgba(21, 50, 83, .14)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 78% 3%,rgba(33,133,255,.09),transparent 27rem),var(--page-bg)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit}.app-frame{display:flex;min-height:100vh;flex-direction:column}.site-header{display:flex;width:min(1120px,calc(100% - 48px));align-items:center;justify-content:space-between;margin:0 auto;padding:28px 0 22px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.site-header .brand>img{width:auto!important;height:52px!important;object-fit:contain;flex:0 0 auto}.brand-cn{font-size:17px;font-weight:900;letter-spacing:-.04em}.brand-tagline{color:var(--muted);font-size:11px;font-weight:700}.brand-divider{color:#b5c2d1;font-size:18px}.brand-en{color:var(--brand-deep);font-size:13px;font-weight:800;letter-spacing:.01em}.header-note{color:var(--muted);font-size:11px}.page-content{display:grid;width:min(1120px,calc(100% - 48px));flex:1;align-items:center;margin:0 auto;padding:32px 0 82px}.site-footer{display:flex;width:min(1120px,calc(100% - 48px));justify-content:space-between;margin:0 auto;padding:0 0 25px;color:#a4b0bd;font-size:10px}.eyebrow{margin:0 0 10px;color:var(--brand-deep);font-size:10px;font-weight:900;letter-spacing:.18em}.eyebrow.light{color:#8cc2ff}h1,h2,h3,p{margin:0}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:7px;padding:0 17px;border:1px solid #d8e1eb;border-radius:9px;background:var(--paper);color:var(--ink-soft);font-size:12px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.button:hover:not(:disabled){border-color:#a8c9ef;box-shadow:0 7px 18px #1c518c17;transform:translateY(-1px)}.button.primary{border-color:var(--brand);background:var(--brand);color:#fff;box-shadow:0 10px 23px #2185ff3b}.button.primary:hover:not(:disabled){border-color:var(--brand-pressed);background:var(--brand-pressed)}.button.secondary{border-color:#d7e4f4;background:#f4f8fd;color:var(--brand-deep)}.button.download{color:#52657c}.full-button{width:100%;margin-top:18px}.state-card{width:min(540px,100%);margin:auto;padding:38px;border:1px solid var(--line);border-radius:18px;background:#fffffff0;box-shadow:var(--shadow-lg)}.state-card.centered{display:grid;place-items:center;gap:11px;padding:64px 32px;text-align:center}.state-card.centered p{color:var(--ink);font-size:15px;font-weight:850}.state-card.centered small{color:var(--muted);font-size:11px}.loader{width:29px;height:29px;border:3px solid #dceafb;border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}.state-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#fff0f0;color:var(--red);font-size:22px;font-weight:900}.state-icon.blue{background:#e9f3ff;color:var(--brand)}.error-state .button{margin-top:11px}.dev-title-row{display:flex;align-items:center;gap:15px}.dev-title-row h1{font-size:23px;letter-spacing:-.05em}.dev-title-row p{margin-top:6px;color:var(--muted);font-size:11px}.dev-form{margin-top:32px}.dev-form label,.field-label{display:block;margin-bottom:8px;color:var(--ink-soft);font-size:11px;font-weight:850}.input-with-button{display:flex;gap:8px}.input-with-button input{min-width:0;flex:1}.text-input,.dev-form input{width:100%;height:44px;padding:0 13px;border:1px solid var(--line);border-radius:9px;outline:0;background:#fbfcfe;color:var(--ink);font-size:13px;transition:border .16s ease,box-shadow .16s ease}.text-input:focus,.dev-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #2185ff1c}.text-input:disabled{color:var(--muted);background:#f3f6f9}.dev-link-result{display:grid;gap:9px;margin-top:22px;padding:15px;border:1px solid #cfe2fa;border-radius:11px;background:#f3f8ff}.dev-link-result>span{color:var(--muted);font-size:10px;font-weight:800}.dev-link-result>a{overflow:hidden;color:var(--brand-deep);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.dev-link-result>div{display:flex;gap:8px;margin-top:3px}.dev-link-result .button{min-height:35px;padding:0 12px;font-size:11px}.dev-hint{margin-top:20px;color:var(--muted);font-size:10px;line-height:1.7}.auth-layout{display:grid;width:min(960px,100%);grid-template-columns:1fr 400px;align-items:center;gap:100px;margin:auto}.auth-intro{padding:20px 0}.auth-intro h1{color:var(--ink);font-size:clamp(31px,5vw,50px);letter-spacing:-.075em;line-height:1.13}.auth-intro h1 em{color:var(--brand);font-style:normal}.auth-intro>p{max-width:390px;margin-top:24px;color:var(--ink-soft);font-size:13px;line-height:2}.secure-note{display:flex;align-items:center;gap:8px;margin-top:28px;color:var(--muted);font-size:10px}.secure-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #1e9a701c}.auth-card{padding:29px;border:1px solid var(--line);border-radius:17px;background:#fffffff5;box-shadow:var(--shadow-lg)}.card-heading{display:flex;align-items:flex-start;gap:13px;padding-bottom:23px;border-bottom:1px solid var(--line)}.step-index,.section-number{color:var(--brand);font-size:11px;font-weight:900;letter-spacing:.05em}.card-heading h2{font-size:17px;letter-spacing:-.04em}.card-heading p{margin-top:7px;color:var(--muted);font-size:11px}.card-heading strong{color:var(--ink-soft);font-weight:800}.auth-card form{margin-top:25px}.suffix-input{max-width:180px;font-size:23px;font-weight:850;letter-spacing:.3em}.privacy-note{margin-top:22px;color:#a3afbd;font-size:10px;line-height:1.7}.inline-error,.inline-notice{margin-top:14px;font-size:10px;line-height:1.5}.inline-error{color:var(--red)}.inline-notice{color:var(--green)}.quote-layout{width:min(880px,100%);margin:auto}.printable-quote,.quote-print-note{display:none}.print-brand-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:2px solid var(--ink)}.print-brand-row>img{width:auto!important;height:56px!important;object-fit:contain;flex:0 0 auto}.print-brand-row>div{display:grid;gap:5px}.print-title{justify-items:end}.print-title b{color:var(--ink);font-size:24px;letter-spacing:.08em}.print-title span{color:var(--brand-deep);font-size:10px;font-weight:900;letter-spacing:.16em}.print-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:18px 0 24px;border-bottom:1px solid #ccd5df}.print-meta-grid div{display:grid;gap:5px}.print-meta-grid span{color:var(--muted);font-size:10px}.print-meta-grid strong{color:var(--ink);font-size:12px}.print-customer-block{padding:17px 0 12px;border-bottom:1px solid #ccd5df}.print-customer-block h2{margin:0 0 11px;color:var(--ink);font-size:12px}.print-customer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.print-customer-grid div{display:grid;gap:5px}.print-customer-grid span{color:var(--muted);font-size:10px}.print-customer-grid strong{color:var(--ink);font-size:11px}.quote-print-table{width:100%;margin-top:22px;border-collapse:collapse}.quote-print-table th,.quote-print-table td{padding:10px 8px;border-bottom:1px solid #e5ebf2;color:var(--ink-soft);font-size:10px;text-align:left;vertical-align:top}.quote-print-table th{color:var(--muted);font-weight:850}.quote-print-table td strong,.quote-print-table td span{display:block}.quote-print-table td strong{color:var(--ink);font-size:11px}.quote-print-table td span{margin-top:3px;color:var(--muted)}.printable-quote-total{display:flex;align-items:baseline;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--ink);color:var(--ink);font-size:13px}.printable-quote-total strong{font-size:19px}.printable-quote-terms{padding:20px 0}.printable-quote-terms h2{margin:0 0 8px;color:var(--ink);font-size:12px}.printable-quote-terms p{margin:4px 0;color:var(--ink-soft);font-size:10px;line-height:1.6}.printable-quote footer{margin-top:38px;color:var(--muted);font-size:10px}.quote-print-note{margin-top:18px;color:var(--muted);font-size:10px;line-height:1.7}.quote-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:32px 36px;border-radius:17px;background:linear-gradient(120deg,#13263e,#1c4677 72%,#1d73cb);color:#fff;box-shadow:0 18px 36px #14375f33}.quote-kicker{color:#c8ddf6;font-size:12px;font-weight:800}.quote-hero h1{margin-top:9px;color:#fff;font-size:29px;letter-spacing:-.06em}.quote-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px;color:#aac9e9;font-size:10px}.status-pill,.line-type{display:inline-flex;align-items:center;border-radius:99px;font-size:10px;font-weight:850}.status-pill{padding:6px 10px;background:#ffffff21;color:#dcecff;white-space:nowrap}.status-pill.status-accepted{background:#6bdcaa2e;color:#9bf0c9}.status-pill.status-change_requested{background:#ffd0732e;color:#ffdb93}.quote-alert{display:flex;align-items:flex-start;gap:10px;margin:15px 0;padding:12px 14px;border:1px solid #e5edf7;border-radius:10px;background:#ffffffb3;color:var(--muted);font-size:10px;line-height:1.7}.alert-mark{display:grid;width:16px;height:16px;flex:0 0 auto;place-items:center;border-radius:50%;background:#e8f2ff;color:var(--brand);font-size:10px;font-weight:900}.quote-card{padding:23px 25px 0;border:1px solid var(--line);border-radius:15px;background:var(--paper);box-shadow:var(--shadow-sm)}.section-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--line)}.section-title>div{display:flex;align-items:center;gap:11px}.section-title h2{font-size:15px;letter-spacing:-.04em}.section-title>span{color:var(--muted);font-size:10px}.line-list{display:grid}.quote-line{display:grid;grid-template-columns:27px minmax(0,1fr) auto;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid #edf1f5}.line-index{color:#bac7d5;font-size:10px;font-weight:900}.line-heading{display:flex;align-items:center;gap:9px}.line-heading h3{color:var(--ink);font-size:13px}.line-type{padding:4px 7px;background:#edf5ff;color:var(--brand-deep)}.type-cut_to_size{background:#eef9f4;color:var(--green)}.type-fixed_sku{background:#fff5e6;color:var(--orange)}.line-main p{margin-top:7px;color:var(--ink-soft);font-size:11px}.line-quantity{display:block;margin-top:6px;color:var(--muted);font-size:10px}.line-price{text-align:right}.line-price strong{display:block;color:var(--ink);font-size:13px}.line-price span{display:block;margin-top:6px;color:var(--muted);font-size:9px}.total-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0 23px;color:var(--muted);font-size:10px}.total-row strong{color:var(--brand-deep);font-size:24px;letter-spacing:-.05em}.total-row small{margin-right:4px;font-size:10px;font-weight:800;letter-spacing:0}.terms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.term-card{display:grid;gap:8px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#ffffffc7}.term-label{color:var(--muted);font-size:10px;font-weight:800}.term-card strong{color:var(--ink);font-size:13px}.term-card p{color:var(--ink-soft);font-size:10px;line-height:1.6}.action-area{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:15px;padding:18px 2px 0}.action-copy{display:grid;gap:5px}.action-copy strong{color:var(--ink);font-size:12px}.action-copy span{color:var(--muted);font-size:10px}.action-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.action-buttons .button{min-height:36px;padding:0 12px;font-size:11px;white-space:nowrap}.action-buttons .button.download{min-height:32px;padding:0 11px;font-size:10px}.action-message{margin-top:12px;padding:10px 12px;border-radius:8px;background:#edf8f3;color:var(--green);font-size:10px;line-height:1.5}.action-message.error{background:#fff0f0;color:var(--red)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 760px){.site-header,.page-content,.site-footer{width:min(100% - 32px,560px)}.site-header{padding-top:19px}.header-note{display:none}.page-content{align-items:start;padding:27px 0 55px}.site-footer{display:grid;gap:5px;padding-bottom:18px}.auth-layout{grid-template-columns:1fr;gap:25px}.auth-intro{padding:0}.auth-intro h1{font-size:36px}.auth-intro>p{margin-top:16px;font-size:12px;line-height:1.8}.secure-note{margin-top:17px}.auth-card{padding:23px 20px}.quote-hero{align-items:flex-start;flex-direction:column;padding:24px 21px}.quote-hero h1{font-size:24px}.quote-card{padding:19px 17px 0}.quote-line{grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:start}.line-price{grid-column:2;display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:-2px;text-align:left}.line-price span{margin-top:0}.total-row{align-items:flex-end;flex-direction:column;gap:6px}.terms-grid{grid-template-columns:1fr}.action-area{align-items:stretch;flex-direction:column}.action-buttons{justify-content:stretch}.action-buttons .button{flex:1}}@media (max-width: 430px){.brand-cn{font-size:15px}.brand-en{font-size:11px}.brand-divider{font-size:15px}.state-card{padding:27px 20px}.input-with-button{display:grid;grid-template-columns:1fr}.input-with-button .button{width:100%}.dev-link-result>div{flex-wrap:wrap}.dev-link-result>div .button{flex:1}.action-buttons{display:flex;flex-wrap:wrap}.action-buttons .button{flex:1 1 30%}}@page{size:A4;margin:14mm}@media print{:root{background:#fff}body{min-width:0;background:#fff}.site-header,.site-footer,.quote-hero,.quote-alert,.action-area,.action-message{display:none!important}.app-frame,.page-content{display:block;width:auto;min-height:0;margin:0;padding:0}.quote-layout{width:auto;margin:0}.printable-quote{display:block}.quote-card,.terms-grid,.quote-print-note{display:none!important}.print-meta-grid{grid-template-columns:repeat(3,1fr)}.quote-card{padding:0;border:0;border-radius:0;box-shadow:none}.section-title{padding-bottom:11px;border-bottom:2px solid var(--ink)}.section-title h2{font-size:16px}.line-list{border-bottom:1px solid #ccd5df}.quote-line{grid-template-columns:35px minmax(0,1fr) 145px;padding:14px 0;page-break-inside:avoid}.line-heading h3{font-size:13px}.line-main p{font-size:11px}.line-price strong{font-size:13px}.total-row{padding:18px 0 8px}.total-row strong{font-size:22px}.terms-grid{gap:18px;margin-top:22px;page-break-inside:avoid}.term-card{border-color:#ccd5df;border-radius:0;background:#fff;box-shadow:none}.quote-print-note{display:block}}