:root{--navy:#073b78;--blue:#0868bd;--ink:#142033;--muted:#64748b;--line:#dce4ed;--soft:#f4f7fb;--orange:#f59a00;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--white);color:var(--ink);font-family:Aptos,Microsoft YaHei,PingFang SC,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}.site-header{align-items:center;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:grid;grid-gap:24px;gap:24px;grid-template-columns:330px 1fr auto;min-height:78px;padding:0 7vw;position:-webkit-sticky;position:sticky;top:0;z-index:20}.brand{align-items:center;display:flex}.brand-lockup{align-items:center;display:inline-flex;gap:12px;min-width:0}.brand-lockup img{display:block;flex:0 0 auto;height:48px;width:48px}.brand-text{display:grid;grid-gap:2px;gap:2px;line-height:1.05;min-width:0}.brand-text strong{color:var(--navy);font-size:18px;font-weight:900;white-space:nowrap}.brand-text em{color:#245484;font-size:9.5px;font-style:normal;font-weight:800;letter-spacing:0;white-space:nowrap}.brand-lockup.compact img{height:42px;width:42px}.brand-lockup.compact .brand-text strong{color:#ffffff;font-size:16px}.brand-lockup.compact .brand-text em{color:#b9d9f5;font-size:8.5px}.admin-tabs,.header-actions,.locale-switcher,.metric-row,.nav-links{align-items:center;display:flex}.nav-links{gap:30px;justify-content:center;font-size:14px}.nav-links a{color:#24364f}.header-actions{gap:18px}.hotline{align-items:center;color:var(--navy);display:flex;font-size:13px;gap:7px;white-space:nowrap}.locale-switcher{border:1px solid var(--line);border-radius:999px;padding:3px}.locale-switcher a{border-radius:999px;color:var(--muted);font-size:12px;padding:5px 9px}.locale-switcher .active{background:var(--navy);color:var(--white)}.hero{background:linear-gradient(90deg,rgba(7,59,120,.9),rgba(7,59,120,.44),rgba(7,59,120,.1)),url(/assets/hero-port.jpg) 50% /cover;color:var(--white);min-height:650px;padding:110px 7vw 70px}.hero-content{max-width:760px}.eyebrow{color:#b9d9f5;font-size:13px;font-weight:700;letter-spacing:0;text-transform:uppercase}.hero h1,.page-hero h1,.section-title h2{margin:0}.hero h1{font-size:58px;line-height:1.06;margin-top:18px}.hero p{color:#eaf4fd;font-size:18px;line-height:1.8;max-width:620px}.card-actions,.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.ghost-button,.primary-button,.secondary-button{align-items:center;border:0;border-radius:6px;cursor:pointer;display:inline-flex;font:inherit;font-weight:700;gap:8px;min-height:44px;padding:0 18px}.primary-button{background:var(--orange);color:#271700}.secondary-button{background:var(--white);color:var(--navy)}.ghost-button{background:#edf5ff;color:var(--navy)}.page-section,.section{padding:72px 7vw}.page-section.alt,.section.alt{background:var(--soft)}.section-title{align-items:flex-end;display:flex;justify-content:space-between;gap:28px;margin-bottom:28px}.section-title h2{color:var(--navy);font-size:34px}.section-title p{color:var(--muted);line-height:1.7;max-width:620px}.service-grid{display:grid;grid-gap:22px;gap:22px;grid-template-columns:repeat(4,minmax(0,1fr))}.admin-card,.article-card,.panel,.service-card{background:var(--white);border:1px solid var(--line);border-radius:8px;overflow:hidden}.service-card img{aspect-ratio:1.55;display:block;object-fit:cover;width:100%}.admin-card,.article-card,.panel,.service-card div{padding:22px}.admin-card h3,.article-card h3,.service-card h3{color:var(--navy);margin:0 0 10px}.admin-card p,.article-card p,.panel p,.service-card p{color:var(--muted);line-height:1.7}.article-body{color:var(--muted);line-height:1.85}.article-body h2,.article-body h3{color:var(--navy);margin:24px 0 10px}.article-body ol,.article-body p,.article-body ul{margin:0 0 16px}.metric-row{background:linear-gradient(90deg,#073b78,#075aa8);color:var(--white);justify-content:space-around;padding:38px 7vw}.metric-row strong{display:block;font-size:34px}.metric-row span{color:#cfe5f8;font-size:14px}.split{display:grid;grid-gap:42px;gap:42px;grid-template-columns:1fr .9fr}.inquiry-form{background:var(--white);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:16px;gap:16px;padding:24px}.field-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}label{color:var(--navy);display:grid;font-size:13px;font-weight:700;grid-gap:7px;gap:7px}input,select,textarea{border:1px solid var(--line);border-radius:6px;color:var(--ink);font:inherit;min-height:42px;padding:10px 12px}textarea{min-height:96px;resize:vertical}.form-note{margin:0}.form-note.success{color:#138a43}.form-note.error{color:#b42318}.site-footer{background:#08294f;color:#d7e7f7;display:grid;grid-gap:28px;gap:28px;grid-template-columns:1fr auto;padding:46px 7vw}.site-footer div{display:grid;grid-gap:10px;gap:10px}.page-hero{background:linear-gradient(120deg,#073b78,#0c6abd);color:var(--white);padding:86px 7vw}.page-hero h1{font-size:44px}.content-grid{display:grid;grid-gap:22px;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.admin-layout{background:#f5f7fb;min-height:100vh}.admin-shell{display:grid;grid-gap:24px;gap:24px;grid-template-columns:250px 1fr;padding:24px}.admin-sidebar{background:#08294f;border-radius:8px;color:var(--white);padding:24px}.admin-sidebar nav{display:grid;grid-gap:10px;gap:10px;margin-top:28px}.admin-sidebar a,.admin-sidebar button{align-items:center;background:transparent;border:0;border-radius:6px;color:#d7e7f7;cursor:pointer;display:flex;font:inherit;gap:10px;padding:11px 12px;text-align:left;width:100%}.admin-sidebar a.active,.admin-sidebar a:hover,.admin-sidebar button.active,.admin-sidebar button:hover{background:rgba(255,255,255,.12)}.admin-main{display:grid;grid-gap:24px;gap:24px}.admin-topbar{justify-content:space-between}.admin-toolbar,.admin-topbar{align-items:center;display:flex}.admin-toolbar{flex-wrap:wrap;gap:10px}.admin-topbar h1{color:var(--navy);margin:4px 0 0}.admin-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.admin-content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-card>span,.metric-card span{color:var(--muted);font-size:13px;font-weight:700}.locale-matrix h3,.metric-card h3{font-size:34px;margin:8px 0 2px}.action-card{cursor:pointer;display:block;text-align:left;width:100%}.action-card svg{color:var(--orange);margin-bottom:12px}.panel-heading{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:14px}.panel-heading h2{color:var(--navy);margin:0}.panel-heading p{margin:6px 0 0}.admin-table{border-collapse:collapse;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid var(--line);padding:13px;text-align:left}.admin-table th{color:var(--muted);font-size:12px}.admin-table span,.admin-table strong{display:block}.table-note{color:var(--muted);font-size:12px;margin-top:4px}.status{background:#eaf4fd;border-radius:999px;color:var(--navy);display:inline-flex;font-size:12px;padding:5px 10px}.status-draft,.status-new{background:#fff3d8;color:#865900}.status-following,.status-quoted{background:#eaf4fd;color:var(--navy)}.status-published,.status-won{background:#e7f7ed;color:#116b35}.status-invalid{background:#ffe9e7;color:#a22218}.progress-cell{background:#e7edf4;border-radius:999px;height:8px;overflow:hidden;width:130px}.progress-cell span{background:linear-gradient(90deg,var(--blue),var(--orange));display:block;height:100%}.locale-matrix{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.empty-panel{min-height:320px}.admin-login-screen{align-items:center;background:linear-gradient(120deg,rgba(7,59,120,.9),rgba(7,59,120,.58)),url(/assets/hero-port.jpg) 50% /cover;display:grid;min-height:100vh;padding:24px;place-items:center}.admin-login-card{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.5);border-radius:8px;box-shadow:0 24px 80px rgba(4,24,50,.28);display:grid;grid-gap:16px;gap:16px;max-width:430px;padding:30px;width:min(100%,430px)}.admin-login-card h1{color:var(--navy);margin:0}.admin-two-column{display:grid;grid-gap:22px;gap:22px;grid-template-columns:minmax(320px,.72fr) minmax(0,1fr)}.admin-form{display:grid;grid-gap:14px;gap:14px}.admin-message{background:#eaf4fd;border:1px solid #cfe5f8;border-radius:6px;color:var(--navy);margin:0;padding:12px 14px}.compact-select{min-height:34px;padding:5px 8px}.text-button{background:transparent;border:0;color:var(--blue);cursor:pointer;font:inherit;font-weight:700;padding:0}.upload-button{align-items:center;background:var(--orange);border-radius:6px;color:#271700;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;min-height:44px;padding:0 18px}.upload-button input{display:none}.media-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.file-placeholder,.media-card img{aspect-ratio:1.4;background:#edf5ff;border-radius:6px;display:grid;margin-bottom:14px;object-fit:cover;place-items:center;width:100%}.file-placeholder{color:var(--navy);font-size:22px;font-weight:900}.media-card h3{font-size:15px;overflow-wrap:anywhere}.tracking-panel{display:grid;grid-gap:22px;gap:22px}.tracking-panel h2{align-items:center;color:var(--navy);display:flex;gap:10px;margin:0}.tracking-result{border-top:1px solid var(--line);display:grid;grid-gap:20px;gap:20px;padding-top:20px}.tracking-summary{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.tracking-summary div{background:#f4f7fb;border-radius:6px;padding:14px}.tracking-summary span,.tracking-timeline span{color:var(--muted);display:block;font-size:12px;margin-bottom:5px}.tracking-summary strong{color:var(--navy)}.tracking-timeline{display:grid;grid-gap:0;gap:0;list-style:none;margin:0;padding:0}.tracking-timeline li{border-left:2px solid var(--line);padding:0 0 20px 18px;position:relative}.tracking-timeline li:before{background:var(--white);border:2px solid var(--line);border-radius:999px;content:"";height:12px;left:-7px;position:absolute;top:2px;width:12px}.tracking-timeline li.done{border-left-color:var(--blue)}.tracking-timeline li.done:before{background:var(--orange);border-color:var(--orange)}@media (max-width:768px){body{font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Source Han Sans SC,Aptos,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.site-header{gap:8px 12px;grid-template-areas:"brand actions" "nav nav";grid-template-columns:minmax(0,1fr) auto;min-height:auto;padding:10px 16px 8px}.brand{grid-area:brand;min-width:0}.nav-links{grid-area:nav}.header-actions{grid-area:actions}.brand-lockup{gap:9px}.brand-lockup img{height:38px;width:38px}.brand-text{max-width:min(58vw,310px)}.brand-text strong{font-size:14px;overflow:hidden;text-overflow:ellipsis}.brand-text em{display:none}.nav-links,.section-title{align-items:flex-start;flex-direction:column}.nav-links{align-items:center;border-top:1px solid #e8eef6;flex-direction:row;gap:6px;justify-content:flex-start;margin:0 -16px;overflow-x:auto;padding:7px 16px 0;scrollbar-width:none;white-space:nowrap}.nav-links::-webkit-scrollbar{display:none}.nav-links a{background:#f4f7fb;border:1px solid #e6eef8;border-radius:999px;color:#17385f;flex:0 0 auto;font-size:13px;line-height:1;padding:8px 11px}.header-actions{flex-direction:row;gap:8px;justify-content:flex-end}.hotline{display:none}.locale-switcher{padding:2px}.locale-switcher a{font-size:11px;padding:5px 7px}.hero{background:linear-gradient(180deg,rgba(7,59,120,.92),rgba(7,59,120,.62),rgba(7,59,120,.28)),url(/assets/hero-port.jpg) 50% /cover;min-height:470px;padding:58px 24px 44px}.hero-content{text-shadow:0 2px 12px rgba(4,28,61,.22)}.hero h1{font-size:40px;line-height:1.16;max-width:11em;overflow-wrap:anywhere;word-break:keep-all}.hero p{font-size:16px;line-height:1.75}.page-hero,.page-section,.section{padding-left:24px;padding-right:24px}.admin-content-grid,.admin-grid,.admin-shell,.content-grid,.locale-matrix,.media-grid,.service-grid,.split{grid-template-columns:1fr}.admin-shell{padding:16px}.admin-toolbar,.admin-topbar,.panel-heading{align-items:flex-start;flex-direction:column}.admin-two-column,.tracking-summary{grid-template-columns:1fr}.panel{overflow-x:auto}.metric-row{align-items:flex-start;flex-direction:column;gap:18px}.field-grid{grid-template-columns:1fr}}@media (max-width:520px){.site-header{padding:9px 14px 7px}.brand-lockup img{height:34px;width:34px}.brand-text{max-width:45vw}.brand-text strong{font-size:13px}.locale-switcher a{padding:5px 6px}.nav-links{margin:0 -14px;padding-left:14px;padding-right:14px}.hero{min-height:420px;padding:44px 20px 38px}.hero h1{font-size:34px}.hero-actions{gap:10px}.ghost-button,.primary-button,.secondary-button{min-height:42px;padding:0 14px}}