/* Kunfreight · 鲲游四海. Presentation only; no business selectors or states changed. */
:root{
 --kf-bg:#f4f8f7;--kf-card:#fff;--kf-ink:#123c46;--kf-muted:#536f75;
 --kf-line:#d9e6e2;--kf-brand:#277861;--kf-brand-dark:#1c5d4b;
 --kf-brand-soft:#e7f2ec;--kf-blue:#266078;--kf-blue-soft:#edf4f7;
 --kf-shadow:0 2px 10px rgba(18,60,70,.04);--kf-shadow-heavy:0 6px 24px rgba(18,60,70,.055);
 --kf-font:"Avenir Next",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
 --kf-radius:12px;--kf-radius-lg:16px;
}
.kf-body{color:var(--kf-ink)}
.kf-body .kf-header{background:#fff;border-bottom:1px solid var(--kf-line);box-shadow:none}
.kf-header .kf-header-inner{min-height:82px;gap:26px}
.kf-header .kf-brand{width:192px;min-width:192px;height:50px;background:url('/brand/kunfreight-header.svg') left center/contain no-repeat;flex:none}
.kf-header .kf-brand-mark,.kf-header .kf-brand-text{visibility:hidden}
.kf-header .kf-nav-link{font-size:14px;padding:10px 11px;font-weight:500}
.kf-header .kf-nav-panel{border-radius:12px;box-shadow:0 12px 34px rgba(18,60,70,.1)}
.kf-body .kf-btn{border-radius:8px;box-shadow:none;min-height:42px;font-weight:600}
.kf-body .kf-btn:hover{background:var(--kf-brand-dark)}
.kf-body .kf-btn.kf-quiet{background:#fff;color:var(--kf-brand);border-color:var(--kf-line)}
.kf-body .kf-btn.kf-quiet:hover{background:var(--kf-brand-soft)}
.kf-body .kf-btn:focus-visible,.kf-body a:focus-visible,.kf-body button:focus-visible{outline:3px solid #bf4b38;outline-offset:3px}
.kf-main .kf-hero{background:#f4f8f7;border-bottom:1px solid var(--kf-line);padding:64px 0 34px;overflow:hidden}
.kf-main .kf-hero>.kf-wrap{position:relative;max-width:1240px}
.kf-hero .kf-eyebrow{font-size:13px;letter-spacing:1px;color:var(--kf-brand);text-transform:none;margin-bottom:19px}
.kf-hero .kf-hero-h1{font-family:"Songti SC","Noto Serif CJK SC","STSong",serif;font-size:clamp(32px,4.1vw,58px);font-weight:600;line-height:1.29;letter-spacing:-1px;max-width:60%;margin:0 0 21px;color:#123c46}
.kf-hero .kf-accent{color:inherit}
.kf-hero .kf-hero-en{font-family:"Avenir Next",var(--kf-font);font-size:15px;line-height:1.6;max-width:58%;margin:0 0 17px;color:#536f75}
.kf-hero .kf-hero-copy{font-size:15px;line-height:1.9;max-width:51%;margin:0 0 32px;color:#536f75}
.kf-hero .kf-hero-copy b{color:#123c46;font-weight:600}
.kf-ocean-visual{position:absolute;right:-28px;top:-3px;width:43%;height:240px;pointer-events:none;background:url('/brand/ocean-routes.svg') center/contain no-repeat}
.kf-hero .kf-routes{gap:22px;margin-top:28px}
.kf-hero .kf-route{border:1px solid #d9e6e2;border-radius:14px;background:#fff;padding:24px 26px;box-shadow:none;border-top:3px solid var(--kf-brand)}
.kf-hero .kf-route::before{display:none}
.kf-hero .kf-route-h{font-size:12px;margin:0 0 9px;gap:9px;color:#536f75}
.kf-hero .kf-route-ic{width:28px;height:28px;border-radius:6px;background:#e7f2ec;color:#277861}
.kf-hero .kf-route-k{letter-spacing:0;font-weight:500}
.kf-hero .kf-route-t{font-size:24px;font-weight:600;line-height:1.45;margin:0 0 9px;letter-spacing:-.4px}
.kf-hero .kf-route-d{font-size:14px;line-height:1.8;margin:0 0 20px;min-height:50px;color:#536f75}
.kf-hero .kf-route-go{gap:9px}
.kf-hero .kf-route-go .kf-btn{min-height:45px;font-size:14px}
.kf-hero .kf-route-target{background:transparent;border:0;padding:0;font-size:11px;color:#627a7d}
.kf-hero .kf-muted-note{font-size:12px;line-height:1.8;margin:18px 0 0;max-width:100%;color:#627a7d}
.kf-hero .kf-resume{position:relative;z-index:1;margin-top:30px}
.kf-hero .kf-resume-card{background:#fff;border:1px solid var(--kf-line);box-shadow:none}
.kf-main .kf-section{padding:54px 0}
.kf-main .kf-section-head{margin-bottom:25px}
.kf-main .kf-section .kf-eyebrow{font-size:12px;letter-spacing:0;text-transform:none;color:var(--kf-brand)}
.kf-main .kf-h2{font-size:30px;font-weight:600;letter-spacing:-.65px;line-height:1.4;margin:6px 0 12px}
.kf-main .kf-lead{font-size:14px;line-height:1.85;max-width:750px;color:var(--kf-muted)}
.kf-main .kf-card{border-color:var(--kf-line);box-shadow:none;border-radius:12px;background:#fff}
.kf-main .kf-card-main{padding:27px 28px;border-top:3px solid #277861}
.kf-main .kf-card-main-alt{border-top-color:#277861}
.kf-main .kf-card h3{font-size:21px;color:#123c46}
.kf-main .kf-card p{font-size:14px;line-height:1.8}
.kf-main .kf-card .kf-card-note{font-size:12px;color:#627a7d}
.kf-main .kf-card-links-rich a{font-size:14px;padding:14px 0}
.kf-main .kf-row-d{font-size:12px;color:#627a7d}
.kf-main .kf-sec-aux{background:#eaf2ef;border-top:1px solid #d9e6e2;border-bottom:1px solid #d9e6e2}
.kf-main .kf-card-aux{background:transparent;border:0;border-left:1px solid #ceded7;border-radius:0;padding:4px 24px;box-shadow:none}
.kf-main .kf-card-aux:first-child{border-left:0;padding-left:0}
.kf-main .kf-card-aux h3{font-size:19px}
.kf-main .kf-notice-quiet{background:transparent;border:0;padding:8px 0;color:#627a7d;font-size:12px}
.kf-body .kf-footer{background:#123c46;color:#d5e5e4;border-top:0;padding:40px 0 30px}
.kf-footer .kf-brand-name{background:url('/brand/kunfreight-header-light.svg') left center/contain no-repeat;width:192px;height:50px;font-size:0;margin-bottom:12px}
.kf-footer .kf-footer-inner>div{font-size:12px;color:#b2cccb}
.kf-footer nav a{color:#edf4f1;font-size:13px}
.kf-footer .kf-footer-disclaimer{color:#b2cccb;font-size:11px;line-height:1.9;border-color:#2d5660}
.kf-dialog{border-radius:16px;box-shadow:0 24px 80px rgba(18,60,70,.2)}
.kf-dialog::backdrop{background:rgba(18,60,70,.38)}
.kf-dialog input:focus{outline-color:#277861}
/* Existing standalone quote/upload/workbench marks; preserve original labels and click actions. */
.kfshell .logo,.top .brand .logo,.kf-wordmark .kf-seal{background:url('/brand/kun-icon.svg') center/contain no-repeat!important;border:0!important;box-shadow:none!important;color:transparent!important;text-shadow:none!important;border-radius:0!important}
.kfshell{background:#fff;border-bottom-color:#d9e6e2}
.kfshell .kfshell-word b{color:#123c46}
.kfshell .kfshell-link{border-radius:7px}
.sidebar .brand-home{background:url('/brand/kunfreight-header-light.svg') left center/186px auto no-repeat;min-height:60px}
.sidebar .brand-home>*{visibility:hidden}
.top>a.brand{display:flex;align-items:center;gap:10px}
.top>a.brand::before{content:"";display:block;width:40px;height:40px;background:url('/brand/kun-icon-light.svg') center/contain no-repeat;flex:none}
.steps .step.is-active{box-shadow:inset 0 -2px 0 #277861}
.steps .step:focus-visible{outline:2px solid #277861;outline-offset:2px}
@media(min-width:821px){.kf-main .kf-hero .kf-wrap,.kf-main .kf-section .kf-wrap,.kf-footer .kf-wrap{width:min(1240px,calc(100% - 72px))}.kf-header .kf-wrap{width:min(1320px,calc(100% - 64px))}.kf-hero .kf-routes{grid-template-columns:1fr 1fr}}
@media(max-width:1100px) and (min-width:821px){.kf-header .kf-header-inner{gap:14px}.kf-header .kf-brand{width:165px;min-width:165px}.kf-header .kf-nav-link{font-size:13px;padding:10px 8px}.kf-hero .kf-hero-h1{max-width:65%;font-size:44px}.kf-ocean-visual{right:-12px;width:39%}.kf-hero .kf-hero-copy{max-width:60%}}
@media(max-width:820px){.kf-header .kf-header-inner{min-height:73px;gap:12px}.kf-header .kf-brand{width:174px;min-width:174px;height:45px}.kf-main .kf-hero{padding:32px 0 27px}.kf-hero .kf-hero-h1{max-width:100%;font-size:39px;line-height:1.4;letter-spacing:-.9px;margin-bottom:17px}.kf-hero .kf-hero-en,.kf-hero .kf-hero-copy{max-width:100%}.kf-hero .kf-hero-en{font-size:13px}.kf-hero .kf-hero-copy{font-size:14px;margin-bottom:22px}.kf-ocean-visual{display:none}.kf-hero .kf-routes{margin-top:20px;gap:14px}.kf-hero .kf-route{padding:21px 23px}.kf-hero .kf-route-t{font-size:23px}.kf-hero .kf-route-d{min-height:0}.kf-hero .kf-route-target{font-size:11px}.kf-main .kf-section{padding:36px 0}.kf-main .kf-h2{font-size:26px}.kf-main .kf-card-main{padding:23px}.kf-main .kf-card-aux{border-left:0;border-top:1px solid #ceded7;padding:20px 0}.kf-main .kf-card-aux:first-child{border-top:0}.kf-body .kf-footer{padding:30px 0}.kf-footer .kf-brand-name{width:172px;height:45px}}
@media(max-width:420px){.kf-header .kf-brand{width:153px;min-width:153px}.kf-header .kf-account{gap:5px}.kf-header .kf-btn{padding:7px 11px;font-size:12px}.kf-hero .kf-hero-h1{font-size:34px}.kf-hero .kf-route{padding:19px}.kf-hero .kf-hero-copy{font-size:13px}}
@media(prefers-reduced-motion:reduce){.kf-body *, .kf-body *::before,.kf-body *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(min-width:821px){.kf-header .kf-nav-item:last-child .kf-nav-panel{left:auto;right:0}}