:root{--navy: #0a2b59;--navy-2: #163d70;--blue: #0f58bc;--blue-2: #1768d3;--red: #e41f2d;--red-dark: #c91422;--ice: #eef6ff;--ice-2: #f7faff;--surface: #ffffff;--text: #13243b;--muted: #617086;--border: #cfdae8;--border-strong: #aabbd0;--warning: #b76000;--warning-bg: #fff7e8;--warning-border: #efb657;--error: #bc1f2d;--shadow: 0 10px 30px rgba(18, 48, 87, .09);--radius: 9px;--page: 1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Segoe UI,sans-serif;font-size:15px;line-height:1.55;text-rendering:optimizeLegibility}button,input,select,textarea{color:inherit;font:inherit}button,select,input[type=checkbox],input[type=radio]{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(23,104,211,.24);outline-offset:2px}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;overflow-x:hidden}.site-header{position:sticky;z-index:30;top:0;display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:0 max(24px,calc((100vw - var(--page)) / 2));border-bottom:1px solid var(--border);background:#fffffff7;backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--navy);font-size:22px;font-weight:760;letter-spacing:-.025em}.brand-mark{display:inline-flex;width:33px;height:33px;color:var(--red)}.brand-mark svg{width:100%;height:100%}.site-header nav{display:flex;align-items:stretch;align-self:stretch;gap:34px}.site-header nav a{position:relative;display:inline-flex;align-items:center;color:var(--navy);font-size:14px;font-weight:650}.site-header nav a:first-child:after{position:absolute;right:0;bottom:11px;left:0;height:2px;background:var(--blue);content:""}main{width:min(var(--page),calc(100% - 48px));margin:0 auto}.hero{max-width:1120px;padding:54px 0 28px}.hero h1{max-width:880px;margin:0;color:var(--navy);font-size:clamp(34px,3.65vw,46px);font-weight:790;letter-spacing:-.045em;line-height:1.14}.hero p{max-width:790px;margin:17px 0 0;color:var(--muted);font-size:17px;line-height:1.75}.configurator-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:22px;padding-bottom:64px}.configurator-main{min-width:0}.cargo-panel,.contact-panel{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:17px 19px 12px;border-bottom:1px solid #e3eaf2}.panel-heading h2,.journey-intro h2,.quote-notice h2{margin:0;color:var(--navy);font-size:18px;font-weight:760;letter-spacing:-.02em}.panel-heading p,.journey-intro p{margin:3px 0 0;color:var(--muted);font-size:13px}.panel-heading>span,.journey-intro>span{flex:none;margin-top:1px;color:var(--blue);font-size:12px;font-weight:700}.field-grid{display:grid;gap:15px}.cargo-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding:17px 19px}.field{display:flex;min-width:0;flex-direction:column;gap:6px}.field>span,.field>label{color:var(--navy-2);font-size:13px;font-weight:650}.field input,.field select,.field textarea,.storage-days input{width:100%;min-height:44px;border:1px solid var(--border-strong);border-radius:7px;background:#fff;padding:9px 11px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.field textarea{min-height:86px;resize:vertical}.field input:hover,.field select:hover,.field textarea:hover,.storage-days input:hover{border-color:#8399b4}.field input:focus,.field select:focus,.field textarea:focus,.storage-days input:focus{border-color:var(--blue-2);box-shadow:0 0 0 3px #1768d31a;outline:none}.field input::placeholder,.field textarea::placeholder{color:#94a1b1}.unit-input{position:relative}.unit-input input{padding-right:54px}.unit-input b{position:absolute;top:50%;right:11px;color:var(--muted);font-size:12px;font-weight:650;transform:translateY(-50%)}.field-error{display:block;color:var(--error);font-size:12px;font-weight:620}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--error)}.chargeable-note{display:flex;align-items:baseline;gap:10px;margin:0 19px 17px;padding:12px 14px;border:1px solid #c9ddf4;border-radius:7px;background:var(--ice-2)}.chargeable-note span{color:var(--navy);font-size:13px;font-weight:700}.chargeable-note strong{color:var(--blue);font-size:21px;font-weight:790}.chargeable-note p{margin:0 0 0 auto;color:var(--muted);font-size:12px}.service-journey{margin-top:24px}.journey-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 12px 48px}.journey-intro>span{padding-bottom:2px}.selection-error{margin:0 0 10px 48px;border-left:3px solid var(--error);background:#fff3f4;padding:8px 11px;color:var(--error);font-size:13px;font-weight:650}.service-stage{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr)}.service-stage:not(:last-child) .stage-marker:after{position:absolute;z-index:0;top:38px;bottom:-1px;left:23px;width:1px;background:#74a9ed;content:""}.stage-marker{position:relative}.stage-marker>span{position:relative;z-index:1;display:grid;width:34px;height:34px;margin:3px auto 0;place-items:center;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #fff;color:#fff;font-size:16px;font-weight:800}.stage-panel{overflow:hidden;margin-bottom:12px;border:1px solid #cbd9e9;border-radius:var(--radius);background:#fff}.stage-heading{position:relative;display:flex;min-height:43px;align-items:center;background:var(--ice)}.stage-toggle{display:grid;width:100%;min-height:43px;grid-template-columns:auto auto 1fr 20px;align-items:center;gap:9px;border:0;background:transparent;padding:8px 14px;text-align:left}.stage-toggle>span{color:var(--navy);font-size:16px;font-weight:760}.stage-toggle>small{color:var(--blue);font-size:12px;font-weight:650}.stage-toggle>em{justify-self:end;color:var(--muted);font-size:11px;font-style:normal;font-weight:620}.stage-toggle svg{width:19px;height:19px;color:var(--navy);transform:rotate(-90deg);transition:transform .18s ease}.stage-toggle svg.is-open{transform:rotate(180deg)}.clear-group{flex:none;margin-right:11px;border:0;border-bottom:1px solid transparent;background:transparent;padding:2px 0;color:var(--muted);font-size:11px}.clear-group:hover{border-color:var(--muted)}.service-list{background:#fff}.service-row{position:relative;border-top:1px solid #dfe7f0;transition:background .15s ease}.service-row.is-selected{background:#f8fbff}.service-choice{display:grid;min-height:58px;grid-template-columns:22px minmax(180px,1fr) 135px 132px;align-items:center;gap:12px;padding:8px 14px;cursor:pointer}.service-choice>input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.service-control{position:relative;display:block;width:20px;height:20px;border:1.5px solid #71859e;border-radius:4px;background:#fff}.service-choice>input[type=radio]+.service-control{border-radius:50%}.service-choice>input:focus-visible+.service-control{outline:3px solid rgba(23,104,211,.24);outline-offset:2px}.service-choice>input:checked+.service-control{border-color:var(--blue);background:var(--blue)}.service-choice>input[type=checkbox]:checked+.service-control:after{position:absolute;top:3px;left:6px;width:5px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;content:"";transform:rotate(42deg)}.service-choice>input[type=radio]:checked+.service-control:after{position:absolute;inset:4px;border-radius:50%;background:#fff;content:""}.service-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.service-copy strong{color:var(--navy);font-size:14px;font-weight:720}.service-copy small,.row-calculation{color:var(--muted);font-size:11px;line-height:1.35}.service-rate{color:var(--text);font-size:12px;font-weight:620;line-height:1.4;text-align:right}.service-amount{color:var(--muted);font-size:12px;font-weight:700;text-align:right}.is-selected .service-amount{color:var(--blue)}.row-calculation{display:block;margin:-10px 14px 7px 46px;text-align:right}.storage-days{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:-3px 14px 10px 46px;color:var(--navy-2);font-size:12px}.storage-days input{width:76px;min-height:36px;padding:5px 8px}.storage-days small{color:var(--error)}.desktop-summary{position:sticky;top:86px}.quote-summary{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.summary-heading{padding:19px 18px 15px;border-bottom:1px solid #dfe6ee}.summary-heading>div>span{color:var(--navy);font-size:20px;font-weight:790;letter-spacing:-.02em}.summary-heading h2{margin:13px 0 0;color:var(--navy);font-size:15px;font-weight:760;line-height:1.4}.summary-heading p{margin:3px 0 0;color:var(--muted);font-size:12px}.summary-lines{max-height:350px;overflow-y:auto}.summary-line{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:60px;padding:9px 17px;border-bottom:1px solid #e2e8ef}.line-index{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:11px;font-weight:780}.summary-line>div{display:flex;min-width:0;flex-direction:column}.summary-line>div strong{color:var(--navy);font-size:12px;font-weight:710}.summary-line>div small{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.summary-line>b{color:var(--blue);font-size:11px;font-weight:720;white-space:nowrap}.empty-summary{margin:0;padding:32px 18px;color:var(--muted);font-size:13px;text-align:center}.summary-total{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid #e0e7ef}.summary-total>div{display:flex;flex-direction:column}.summary-total span{color:var(--navy);font-size:14px;font-weight:720}.summary-total small{color:var(--muted);font-size:10px}.summary-total-values{display:flex;flex:none;flex-direction:column;align-items:flex-end;gap:1px}.summary-total-values>strong{color:var(--navy);font-size:18px;font-weight:800;letter-spacing:-.025em;line-height:1.25;white-space:nowrap}.review-box{display:flex;gap:9px;margin:13px;border:1px solid var(--warning-border);border-radius:7px;background:var(--warning-bg);padding:10px 11px;color:var(--warning)}.review-box>svg{flex:none;width:20px;height:20px}.review-box strong{display:block;font-size:12px;font-weight:750}.review-box ul{margin:4px 0 0;padding-left:16px}.review-box li,.review-box small{font-size:10px;line-height:1.45}.exclusion{display:flex;align-items:baseline;gap:7px;margin:0 17px 13px;color:var(--muted)}.exclusion strong{color:var(--navy-2);font-size:11px}.exclusion p{margin:0;font-size:10px}.primary-button,.secondary-button{display:flex;width:calc(100% - 34px);min-height:49px;align-items:center;justify-content:center;gap:9px;margin:0 17px 10px;border-radius:7px;font-size:14px;font-weight:750;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.primary-button{border:1px solid var(--red);background:var(--red);box-shadow:0 7px 16px #e41f2d2b;color:#fff}.secondary-button{border:1px solid var(--navy);background:#fff;color:var(--navy)}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:hover{background:var(--red-dark)}.primary-button svg,.secondary-button svg{width:20px;height:20px}.email-note{margin:2px 17px 17px;color:var(--muted);font-size:10px;line-height:1.5;text-align:center}.contact-panel{margin:22px 0 0 48px}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:17px 19px}.field-wide{grid-column:1 / -1}.mail-purpose{display:flex;align-items:center;gap:18px;margin:0;border:0;padding:0 19px 15px}.mail-purpose legend{float:left;margin-right:2px;color:var(--navy-2);font-size:13px;font-weight:700}.mail-purpose label,.declaration{display:inline-flex;align-items:flex-start;gap:7px;color:var(--text);font-size:12px}.mail-purpose input,.declaration input{width:16px;height:16px;flex:none;margin:2px 0 0;accent-color:var(--blue)}.declaration{margin:0 19px 17px;padding-top:14px;border-top:1px solid #e2e8ef;line-height:1.55}.declaration-error{margin:-10px 19px 15px}.mail-fallback{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 0 48px;border:1px solid #b9d5f5;border-radius:var(--radius);background:#f3f8ff;padding:14px 16px}.mail-fallback strong{color:var(--navy);font-size:14px}.mail-fallback p{margin:3px 0 0;color:var(--muted);font-size:12px}.mail-fallback p button{border:0;border-bottom:1px solid var(--blue);background:transparent;padding:0;color:var(--blue);font-size:inherit}.compact-button{width:auto;min-height:40px;flex:none;margin:0;padding:0 14px;font-size:12px}.quote-notice{display:flex;gap:12px;margin:16px 0 0 48px;border:1px solid var(--border);border-radius:var(--radius);background:#fbfcfe;padding:15px 17px}.quote-notice>svg{width:22px;height:22px;flex:none;color:var(--blue)}.quote-notice h2{font-size:14px}.quote-notice p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.mobile-summary,.mobile-action{display:none}footer{display:flex;min-height:110px;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding:24px max(24px,calc((100vw - var(--page)) / 2));background:#f8fafc}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand>div{display:flex;flex-direction:column}.footer-brand strong{color:var(--navy);font-size:14px}.footer-brand span:not(.brand-mark){color:var(--muted);font-size:11px}footer p{margin:0;color:var(--muted);font-size:11px}@media(max-width:1050px){.configurator-layout{grid-template-columns:1fr}.desktop-summary{display:none}.mobile-summary{display:block;margin:18px 0 0 48px}.summary-lines{max-height:none}}@media(max-width:760px){body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.site-header{min-height:59px;padding:0 18px}.brand{gap:7px;font-size:18px}.brand-mark{width:29px;height:29px}.site-header nav{gap:0}.site-header nav a{display:none}.site-header nav a:first-child{display:inline-flex;font-size:12px}.site-header nav a:first-child:after{display:none}main{width:min(100% - 28px,680px)}.hero{padding:31px 0 20px}.hero h1{font-size:clamp(28px,8vw,38px);line-height:1.18}.hero p{margin-top:11px;font-size:14px;line-height:1.65}.configurator-layout{gap:0;padding-bottom:30px}.panel-heading{padding:14px 14px 10px}.panel-heading p{display:none}.cargo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px;padding:14px}.field input,.field select,.field textarea{min-height:48px;font-size:16px}.field>span{font-size:12px}.chargeable-note{display:grid;grid-template-columns:auto auto;gap:1px 8px;margin:0 14px 14px;padding:10px 11px}.chargeable-note strong{font-size:18px}.chargeable-note p{grid-column:1 / -1;margin:3px 0 0;font-size:10px}.service-journey{margin-top:20px}.journey-intro{align-items:flex-end;margin-left:38px}.journey-intro p{display:none}.selection-error{margin-left:38px}.service-stage{grid-template-columns:38px minmax(0,1fr)}.stage-marker>span{width:30px;height:30px;font-size:14px}.service-stage:not(:last-child) .stage-marker:after{top:34px;left:18px}.stage-panel{margin-bottom:13px}.stage-toggle{grid-template-columns:auto 1fr 18px;min-height:46px;padding:8px 10px}.stage-toggle>span{font-size:15px}.stage-toggle>small{color:var(--muted);font-size:10px}.stage-toggle>em{display:none}.clear-group{margin-right:8px;font-size:10px}.service-choice{min-height:68px;grid-template-columns:22px minmax(0,1fr) auto;gap:9px;padding:8px 10px}.service-copy strong{font-size:13px}.service-copy small{max-width:210px;font-size:10px}.service-rate{grid-column:3;grid-row:1;max-width:105px;color:var(--blue);font-size:11px}.service-amount{display:none}.row-calculation{margin-top:-11px;margin-left:41px;font-size:10px;text-align:left}.storage-days{justify-content:flex-start;margin-left:41px}.mobile-summary,.contact-panel,.mail-fallback,.quote-notice{margin-left:38px}.quote-summary{box-shadow:none}.summary-heading{padding:15px 14px 11px}.summary-heading>div>span{font-size:17px}.summary-lines{max-height:360px}.summary-line{min-height:56px;padding:8px 13px}.summary-total{padding:13px 14px}.summary-total-values>strong{color:var(--red);font-size:18px}.contact-grid{grid-template-columns:1fr;padding:14px}.mail-purpose{flex-wrap:wrap;gap:9px 14px;padding:0 14px 13px}.mail-purpose legend{width:100%}.declaration{margin:0 14px 15px}.declaration-error{margin-left:14px}.mail-fallback{align-items:stretch;flex-direction:column}.compact-button{width:100%}footer{align-items:flex-start;flex-direction:column;padding:22px 18px}.mobile-action{position:fixed;z-index:50;right:0;bottom:0;left:0;display:block;border-top:1px solid #e0e6ee;background:#fffffff7;padding:10px 14px calc(10px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.mobile-action button{display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;gap:9px;border:0;border-radius:8px;background:var(--red);box-shadow:0 7px 18px #e41f2d33;color:#fff;font-size:15px;font-weight:760}.mobile-action svg{width:21px;height:21px}}@media(max-width:430px){main{width:calc(100% - 20px)}.brand{font-size:17px}.hero h1{font-size:27px}.cargo-grid{gap:12px 8px}.field>span{font-size:11px}.service-stage{grid-template-columns:34px minmax(0,1fr)}.stage-marker>span{width:28px;height:28px}.service-stage:not(:last-child) .stage-marker:after{left:16px}.journey-intro,.selection-error,.mobile-summary,.contact-panel,.mail-fallback,.quote-notice{margin-left:34px}.service-copy small{max-width:150px}.service-rate{max-width:88px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
