:root{--ss-navy:#0e1e35;--ss-navy-2:#152b49;--ss-gold:#c8a96e;--ss-paper:#f5f6f8;--ss-line:#dde2e8;--ss-muted:#6b7585;--ss-green:#17765a}
.ss-hero{padding:156px 0 72px;background:radial-gradient(circle at 82% 16%,rgba(200,169,110,.15),transparent 28%),linear-gradient(145deg,#091526,#122744);color:#fff;overflow:hidden}.ss-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);gap:72px;align-items:center}.ss-hero .section-label{color:var(--ss-gold)}.ss-hero h1{max-width:690px;margin:22px 0 20px;font-size:clamp(2.7rem,5vw,5.2rem);line-height:1.02;letter-spacing:-.055em}.ss-hero p{max-width:690px;margin:0;color:rgba(255,255,255,.72);font-size:1.04rem;line-height:1.8}.ss-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.ss-trust span{padding:7px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.05);font-size:.72rem;color:rgba(255,255,255,.78)}.ss-steps{list-style:none;margin:0;padding:8px 0;border-top:1px solid rgba(255,255,255,.16)}.ss-steps li{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:17px 4px;border-bottom:1px solid rgba(255,255,255,.13)}.ss-steps>li>span{color:var(--ss-gold);font-size:.74rem;font-weight:700;letter-spacing:.1em}.ss-steps strong,.ss-steps small{display:block}.ss-steps strong{font-size:.9rem}.ss-steps small{margin-top:5px;color:rgba(255,255,255,.55);font-size:.74rem;line-height:1.5}
.ss-search-section{position:relative;z-index:3;margin-top:-30px}.ss-search-card{padding:28px;border:1px solid rgba(14,30,53,.1);border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(14,30,53,.13)}.ss-search-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-label-text{display:block;margin-bottom:8px;color:#a98243;font-size:.68rem;font-weight:700;letter-spacing:.16em}.ss-search-head h2,.ss-results-head h2{margin:0;color:var(--ss-navy);font-size:1.45rem;letter-spacing:-.02em}.ss-sync-state{display:flex;align-items:center;gap:8px;color:var(--ss-muted);font-size:.76rem}.ss-live-dot{width:8px;height:8px;border-radius:50%;background:var(--ss-green);box-shadow:0 0 0 4px rgba(23,118,90,.1)}.ss-sync-state.stale .ss-live-dot{background:#b7791f;box-shadow:0 0 0 4px rgba(183,121,31,.1)}.ss-search-form{display:grid;grid-template-columns:minmax(200px,1.25fr) minmax(180px,1fr) minmax(145px,.7fr) minmax(145px,.7fr) auto;gap:12px;align-items:end}.ss-field{display:grid;gap:7px}.ss-field span{font-size:.72rem;font-weight:650;color:#4d596a}.ss-field input{width:100%;min-height:48px;padding:0 13px;border:1px solid var(--ss-line);border-radius:9px;background:#fff;color:var(--ss-navy);outline:none}.ss-field input:focus{border-color:var(--ss-gold);box-shadow:0 0 0 3px rgba(200,169,110,.14)}.ss-field--primary input{border-color:rgba(200,169,110,.65);background:#fffdf8}.ss-search-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 19px;border:0;border-radius:9px;background:var(--ss-navy);color:#fff;font-weight:650;cursor:pointer;white-space:nowrap}.ss-search-button:hover{background:var(--ss-navy-2)}.ss-search-button:disabled{opacity:.58;cursor:wait}.ss-market-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:17px;border-top:1px solid #eef0f3}.ss-market-shortcuts>span{margin-right:4px;color:var(--ss-muted);font-size:.7rem;font-weight:650;text-transform:uppercase;letter-spacing:.07em}.ss-market-shortcuts button{padding:6px 10px;border:1px solid var(--ss-line);border-radius:999px;background:#fff;color:#4f5c6d;font-size:.72rem;cursor:pointer}.ss-market-shortcuts button:hover,.ss-market-shortcuts button.active{border-color:var(--ss-gold);background:#fbf7ef;color:#80612e}
.ss-results-section{padding:70px 0 90px;background:linear-gradient(#fff,var(--ss-paper))}.ss-results-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.ss-results-head p{margin:0;color:var(--ss-muted);font-size:.82rem}.ss-alert{margin-bottom:16px;padding:12px 14px;border:1px solid #efcf96;border-radius:9px;background:#fff8e9;color:#80520a;font-size:.8rem}.ss-results{display:grid;gap:14px}.ss-loading-card{height:170px;border:1px solid #e3e7ec;border-radius:15px;background:linear-gradient(100deg,#fafbfc 20%,#f0f2f5 40%,#fafbfc 60%);background-size:220% 100%;animation:ss-shimmer 1.3s infinite}@keyframes ss-shimmer{to{background-position:-220% 0}}.ss-voyage-card{border:1px solid var(--ss-line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(14,30,53,.05);overflow:hidden;transition:border-color .2s,box-shadow .2s}.ss-voyage-card:hover{border-color:rgba(200,169,110,.7);box-shadow:0 15px 34px rgba(14,30,53,.09)}.ss-voyage-main{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,1.75fr) auto;gap:24px;align-items:center;padding:22px}.ss-vessel-meta{min-width:0}.ss-carrier-row{display:flex;align-items:center;gap:7px;margin-bottom:9px}.ss-carrier{font-size:.68rem;font-weight:700;letter-spacing:.09em;color:#8a6a35;text-transform:uppercase}.ss-featured{padding:3px 7px;border-radius:999px;background:#f7efdf;color:#8a6325;font-size:.62rem;font-weight:700}.ss-vessel-meta h3{margin:0;color:var(--ss-navy);font-size:1.04rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-vessel-meta p{margin:5px 0 0;color:var(--ss-muted);font-size:.76rem}.ss-route-summary{display:grid;grid-template-columns:minmax(115px,1fr) 64px minmax(115px,1fr);gap:14px;align-items:center}.ss-port-block span,.ss-port-block strong,.ss-port-block time{display:block}.ss-port-block span{margin-bottom:5px;color:var(--ss-muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.ss-port-block strong{color:var(--ss-navy);font-size:.94rem}.ss-port-block time{margin-top:5px;font-size:.76rem;font-weight:650;color:#48566a}.ss-route-line{position:relative;height:1px;background:#cfd5dc}.ss-route-line:before{content:"";position:absolute;left:0;right:0;top:-3px;height:7px;background:radial-gradient(circle,var(--ss-gold) 2px,transparent 3px) left center/100% 7px no-repeat}.ss-route-line:after{content:"›";position:absolute;right:-2px;top:-11px;color:var(--ss-gold);font-size:18px}.ss-transit{display:block;margin-top:8px;color:var(--ss-muted);font-size:.65rem;text-align:center}.ss-voyage-actions{display:grid;gap:8px;min-width:172px}.ss-booking-button{display:flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:9px;background:var(--ss-navy);color:#fff;text-decoration:none;font-size:.78rem;font-weight:650}.ss-booking-button:hover{background:var(--ss-navy-2)}.ss-itinerary-toggle{border:0;background:transparent;color:#536177;font-size:.72rem;cursor:pointer}.ss-itinerary{border-top:1px solid #edf0f3;background:#fafbfc}.ss-itinerary summary{display:none}.ss-itinerary-body{display:flex;gap:0;overflow-x:auto;padding:18px 22px}.ss-call{position:relative;min-width:145px;padding:0 22px 0 0}.ss-call:not(:last-child):after{content:"";position:absolute;left:9px;right:0;top:5px;height:1px;background:#d8dde4}.ss-call-dot{position:relative;z-index:1;display:block;width:11px;height:11px;margin-bottom:10px;border:2px solid #fff;border-radius:50%;background:#8e9aab;box-shadow:0 0 0 1px #cfd5dc}.ss-call.japan .ss-call-dot{background:var(--ss-gold)}.ss-call strong,.ss-call time{display:block}.ss-call strong{font-size:.72rem;color:#3f4c5f}.ss-call time{margin-top:4px;font-size:.68rem;color:var(--ss-muted)}.ss-empty{padding:60px 20px;text-align:center;border:1px dashed #cfd5dc;border-radius:16px;background:#fff}.ss-empty-mark{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 17px;border-radius:11px;background:var(--ss-navy);color:var(--ss-gold);font-weight:700}.ss-empty h3{margin:0;color:var(--ss-navy)}.ss-empty p{max-width:600px;margin:10px auto 22px;color:var(--ss-muted);font-size:.86rem;line-height:1.7}.ss-source-note{margin-top:24px;padding:15px 17px;border-left:2px solid var(--ss-gold);background:#fff;color:var(--ss-muted);font-size:.72rem;line-height:1.6}.ss-source-note p{margin:0}.ss-source-note p+p{margin-top:4px}.ss-source-note a{color:#31567e}
.ss-final-cta{padding:58px 0;background:var(--ss-navy);color:#fff}.ss-final-cta .container{display:flex;align-items:center;justify-content:space-between;gap:32px}.ss-final-cta h2{margin:5px 0 9px;font-size:clamp(1.7rem,3vw,2.5rem)}.ss-final-cta p{margin:0;color:rgba(255,255,255,.62)}.ss-final-cta .btn-primary{flex:0 0 auto;background:var(--ss-gold);color:var(--ss-navy)}
body[data-lang="zh"] .ss-hero h1{font-size:clamp(2.65rem,3.8vw,4.25rem);letter-spacing:-.045em}
@media(min-width:640px){body[data-lang="zh"] .ss-hero h1{white-space:nowrap}}
@media(max-width:1100px){.ss-hero-grid{grid-template-columns:1fr;gap:45px}.ss-steps{display:grid;grid-template-columns:1fr 1fr}.ss-search-form{grid-template-columns:1fr 1fr 1fr 1fr}.ss-search-button{grid-column:1/-1}.ss-voyage-main{grid-template-columns:180px 1fr}.ss-voyage-actions{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center}}
@media(max-width:760px){.ss-hero{padding:122px 0 60px}.ss-hero h1{font-size:clamp(2.35rem,12vw,3.4rem)}.ss-steps{grid-template-columns:1fr}.ss-search-section{margin-top:-22px}.ss-search-card{padding:20px 16px;border-radius:14px}.ss-search-head,.ss-results-head{display:grid;align-items:start}.ss-search-form{grid-template-columns:1fr 1fr}.ss-field--primary,.ss-field:nth-child(2),.ss-search-button{grid-column:1/-1}.ss-results-section{padding:52px 0 70px}.ss-voyage-main{grid-template-columns:1fr;gap:18px;padding:18px}.ss-route-summary{grid-template-columns:1fr 44px 1fr;gap:8px;padding:15px;border-radius:10px;background:#f7f8fa}.ss-voyage-actions{grid-column:auto;grid-template-columns:1fr}.ss-itinerary-body{padding:16px 18px}.ss-call{min-width:125px}.ss-final-cta .container{display:grid}.ss-final-cta .btn-primary{width:100%}}
@media(max-width:480px){body[data-lang="zh"] .ss-hero h1{max-width:8em;font-size:2.45rem;line-height:1.1}.ss-search-form{grid-template-columns:1fr}.ss-field{grid-column:1!important}.ss-market-shortcuts{align-items:flex-start}.ss-market-shortcuts>span{width:100%}.ss-route-summary{grid-template-columns:1fr 28px 1fr}.ss-port-block strong{font-size:.82rem}.ss-port-block time{font-size:.68rem}.ss-vessel-meta h3{white-space:normal}.ss-sync-state{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.ss-loading-card{animation:none}.ss-voyage-card{transition:none}}