*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#142d3b;background:#fbfcfd;font-family:'Microsoft YaHei',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.nav{height:98px;max-width:1320px;padding:0 48px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font-size:24px;font-weight:800;letter-spacing:1px}.brand-icon{display:grid;place-items:center;width:45px;height:45px;background:#0a7969;color:white;border-radius:14px;font-size:19px;letter-spacing:-2px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:2px;margin-top:5px;color:#71858c}.nav nav{display:flex;align-items:center;gap:30px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:16px 24px;border-radius:7px;border:0;font-weight:600;font-size:14px;cursor:pointer}.dark{background:#173c42;color:white}.primary{background:#087c69;color:white;box-shadow:0 8px 18px #087c6920}.light{background:white;border:1px solid #d5e2df}.hero{max-width:1320px;min-height:600px;padding:72px 48px 60px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:30px;background:radial-gradient(ellipse at 82% 50%,#e1f2eb 0,transparent 55%)}.eyebrow{font-size:11px;letter-spacing:2.1px;color:#328979;font-weight:700}h1{font-size:62px;line-height:1.28;letter-spacing:-3px;margin:24px 0}h1 span{color:#0a806d}.hero-copy>p{font-size:17px;color:#6c7f86;line-height:1.95}.actions{display:flex;gap:14px;margin-top:32px}.hero-tags{display:flex;gap:25px;margin-top:35px;color:#8b9b9f;font-size:11px}.hero-tags span:before{content:'✓';margin-right:6px;color:#0a806d}.hero-art{position:relative;min-height:460px}.orbit{position:absolute;border:1px dashed #a9cec1;border-radius:50%;width:440px;height:320px;left:10%;top:75px;transform:rotate(-20deg)}.orbit2{width:340px;height:430px;top:15px;left:18%;transform:rotate(40deg);opacity:.55}.warehouse{position:absolute;left:22%;top:135px;width:280px;filter:drop-shadow(0 25px 18px #39796822)}.roof{height:80px;background:#1e796c;clip-path:polygon(50% 0,100% 78%,100% 100%,0 100%,0 78%)}.building{background:linear-gradient(130deg,#d8ede3,#b4d4c7);padding:0 25px 22px;border-radius:0 0 6px 6px;position:relative}.building>span{display:block;text-align:center;font-size:22px;color:#317063;font-weight:800;letter-spacing:5px;margin-bottom:20px}.gates{display:flex;gap:12px}.gates i{display:block;width:65px;height:70px;background:repeating-linear-gradient(#508a7e 0 8px,#659f91 8px 10px);border:4px solid #f0f6ee}.boxes{position:absolute;right:-30px;bottom:-15px;display:flex;gap:3px;align-items:flex-end}.boxes i{font-style:normal;display:grid;place-items:center;width:45px;height:44px;background:#e3b579;border:1px solid #c79352;color:#ad7435;font-size:10px;box-shadow:inset 16px 0 #ffffff12}.boxes i:nth-child(2){height:63px}.float-card{position:absolute;background:#fffffff2;border:1px solid white;box-shadow:0 15px 35px #27594c13;border-radius:12px;padding:16px 18px;display:flex;gap:13px;align-items:center}.float-card strong{display:block;font-size:13px}.float-card small{display:block;font-size:10px;color:#91a09f;margin-top:8px}.float-card em{font-style:normal;color:#218b6d;margin-left:10px}.card-a{top:25px;left:7%}.card-b{right:-8px;top:205px}.card-c{left:0;bottom:30px}.mini-icon{font-size:25px;color:#328c79;background:#edf6f1;border-radius:7px;padding:5px 9px}.pulse{width:10px;height:10px;border-radius:50%;background:#29aa7f;box-shadow:0 0 0 6px #29aa7f15}.art-caption{position:absolute;bottom:0;right:15px;font-size:9px;color:#93aaa1}.flow{background:white;padding:64px max(48px,calc((100vw - 1224px)/2)) 72px;border-top:1px solid #edf1f2}h2{font-size:30px;letter-spacing:-1px;margin:16px 0 32px}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.flow article{border-top:1px solid #d8e5df;padding-top:25px}.flow article>b{color:#52a08c;font-size:12px}.flow h3{font-size:17px}.flow p,.roles p{font-size:12px;color:#7a8d93;line-height:1.9}.roles{max-width:1320px;padding:70px 48px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:25px}.roles h2{font-size:27px;margin-bottom:15px}.roles>a{padding:28px;background:#edf4f1;border-radius:10px}.roles>a:last-child{background:#edf1f5}.roles>a>span{font-size:10px;color:#628379;letter-spacing:1px}.roles h3{font-size:23px}.roles h3 b{float:right;font-weight:400}footer{padding:30px 48px;display:flex;justify-content:space-between;border-top:1px solid #e5edeb;font-size:11px;color:#83958e}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-story{padding:55px 10%;background:radial-gradient(circle at 30% 30%,#d6ebe0,#edf4f1);display:flex;flex-direction:column;justify-content:space-between}.login-story h1{font-size:48px}.login-story p{color:#6c837a;line-height:2}.login-main{display:grid;place-items:center;padding:40px}.login-panel{width:100%;max-width:380px}.login-panel h2{margin-bottom:10px}.muted{font-size:12px;color:#81928d;line-height:1.8}.role-picker{display:flex;background:#edf2f0;border-radius:7px;padding:4px;margin:28px 0}.role-picker button{font-size:14px;font-weight:400;line-height:1.5;flex:1;padding:12px 0;border:0;background:none;cursor:pointer;border-radius:5px;color:#75857f}.role-picker button[aria-selected=true]{background:white;color:#087c69;font-weight:400;box-shadow:0 2px 6px #00000009}label{display:block;font-size:12px;margin:20px 0 8px}input{width:100%;padding:13px;border:1px solid #d5e0db;border-radius:6px;outline-color:#087c69}.login-panel .primary{width:100%;margin-top:25px;justify-content:center}.feedback{min-height:22px;color:#b34c36;font-size:12px;margin-top:12px}.login-bottom{display:flex;justify-content:space-between;font-size:11px;color:#70897f;margin-top:24px}.notice-box{background:#f6f3e9;color:#927c4b;border-radius:5px;padding:12px;font-size:11px;line-height:1.8;margin-top:25px}[hidden]{display:none!important}@media(max-width:900px){.nav{padding:20px;height:auto}.nav nav{gap:12px}.nav nav>a:nth-child(-n+2){display:none}.hero{padding:40px 25px;grid-template-columns:1fr}h1{font-size:48px}.hero-art{min-height:430px;max-width:540px;width:100%;margin:auto}.flow{padding:40px 25px}.flow-grid{grid-template-columns:repeat(2,1fr)}.roles{padding:40px 25px;grid-template-columns:1fr}.login-layout{grid-template-columns:1fr}.login-story{display:none}footer{padding:25px;gap:20px;flex-wrap:wrap}}@media(max-width:480px){.brand{font-size:19px}.brand small{font-size:8px}.nav nav{gap:8px;font-size:11px}.nav .button{padding:12px}.hero-art{transform:scale(.82);transform-origin:top left;width:120%;margin-bottom:-65px}.actions .button{gap:10px;padding:14px}.hero-tags{gap:15px}}
/* Match the QHWMS workspace blue palette. */
:root{--green:#1677ff;--ink:#19324d}.primary,.button.primary{background:#1677ff;border-color:#1677ff;color:#fff}.primary:hover{background:#4096ff}.role-picker{background:#eaf0fb}.role-picker button[aria-selected=true]{color:#1677ff}.login-layout{background:#f4f5fc}.login-story{background:#001f4d;color:#fff}.login-story p{color:#c0cfe4}.login-panel input:focus{outline-color:#91caff;border-color:#91caff}.login-panel .primary{background:#1677ff}.login-panel a{color:#1677ff}
/* Homepage and sign-in: unified bright blue, equal portal entrances. */
.portal-home,.portal-login{color:#20354d;background:#f7faff}.brand-icon{background:linear-gradient(145deg,#1677ff,#4096ff);border-radius:11px;box-shadow:0 4px 12px #1677ff18}.brand small{color:#8796aa}
.portal-home .nav{height:88px;border-bottom:1px solid #e6edf7;max-width:1320px;padding:0 40px}.portal-home .nav nav{gap:24px;color:#5c6e83}.portal-home .nav .nav-login{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 10px;background:transparent;border:0;border-radius:4px;color:#2469bd;font-size:13px;font-weight:400;white-space:nowrap}.portal-home .nav .nav-login:hover{color:#1677ff;background:#eef5ff}
.portal-home .hero{padding:64px 40px 50px;gap:40px;min-height:570px;align-items:center;background:radial-gradient(ellipse at 80% 50%,#e7f2ff,transparent 62%)}.portal-home h1{font-size:clamp(38px,4.4vw,58px);line-height:1.3;letter-spacing:-1.5px;margin:23px 0}.portal-home h1 span{color:#1677ff}.eyebrow{color:#4d87ca;letter-spacing:1.8px}.portal-home .hero-copy>p{font-size:16px;color:#7a8ca2;line-height:1.95}.portal-home .actions{gap:14px;flex-wrap:wrap}.portal-entry{padding:14px 21px;min-width:175px;background:white;border:1px solid #b9d5fb;color:#2469bd;box-shadow:0 3px 10px #1677ff06;font-weight:500}.portal-entry:hover{background:#edf5ff;border-color:#1677ff}.hero-tags span:before{color:#1677ff}.hero-tags{color:#8799af}
.orbit{border-color:#bdd8f7}.warehouse{filter:drop-shadow(0 22px 20px #4080c51c)}.roof{background:#388bf0}.building{background:linear-gradient(130deg,#e0efff,#b8d9fa)}.building>span{color:#3979b8}.gates i{background:repeating-linear-gradient(#5b99d6 0 8px,#79afe3 8px 10px);border-color:#f1f7ff}.float-card{border-color:#e5eefb;box-shadow:0 12px 32px #2d6aa013;border-radius:9px}.mini-icon{color:#438ad8;background:#edf5ff}.float-card em{color:#1677ff}.pulse{background:#4096ff;box-shadow:0 0 0 6px #4096ff15}.art-caption{color:#8a9db7}.flow{border-color:#e8eff8}.flow article{border-color:#dce8f8}.flow article>b{color:#5d94d5}.roles>a,.roles>a:last-child{background:#edf5ff;border:1px solid #dceafa}.roles>a:hover{border-color:#91caff}.roles>a>span{color:#6b91be}footer{border-color:#e3ebf6;color:#8496ab}
.portal-login .login-layout{grid-template-columns:minmax(360px,1fr) minmax(420px,1fr);background:#f5f8ff}.portal-login .login-story{padding:48px 11%;background:radial-gradient(ellipse at 35% 35%,#e2efff,#f0f6ff);color:#28496e;border-right:1px solid #e2ebf7}.portal-login .login-story h1{font-size:clamp(34px,3.5vw,48px);letter-spacing:-1.5px;color:#245487}.portal-login .login-story p{color:#7b92ae}.portal-login .login-main{padding:40px 28px}.portal-login .login-panel{max-width:420px;background:#fff;border:1px solid #e4ecf8;border-radius:12px;padding:32px;box-shadow:0 10px 38px #2f65a40a}.portal-login .login-panel h2{font-size:25px;letter-spacing:0;margin:24px 0 8px}.portal-login .role-picker{margin:24px 0;background:#f0f5fc;border:1px solid #e4ecf8;border-radius:6px}.portal-login .role-picker button{font-size:14px;font-weight:400;color:#7c8da3;padding:10px 0}.portal-login .role-picker button[aria-selected=true]{color:#1677ff;background:#fff;font-size:14px;font-weight:400;box-shadow:0 1px 5px #2862a015}.portal-login label{color:#667c96;margin-top:18px}.portal-login input{padding:12px;border-color:#dce6f3;border-radius:5px}.portal-login .primary{padding:13px 18px;border-radius:5px;background:#1677ff;font-weight:500;box-shadow:none}.portal-login .primary:hover{background:#4096ff}.portal-login .notice-box{background:#f5f8fd;color:#8c9ab0;border:1px solid #e9eef7;margin-top:20px}.portal-login .login-bottom{color:#889ab1;line-height:1.8}.portal-login .muted{color:#8b9cb2}
@media(max-width:900px){.portal-home .nav{padding:18px 24px;height:auto;min-height:80px}.portal-home .nav nav{gap:8px}.portal-home .hero{padding:42px 25px;grid-template-columns:1fr}.portal-home .hero-art{margin:auto}.portal-login .login-layout{display:block;min-height:100vh}.portal-login .login-story{display:none}.portal-login .login-main{min-height:100vh;padding:24px}.portal-login .login-panel{max-width:420px}}
@media(max-width:480px){.portal-home .nav{padding:16px;gap:10px}.portal-home .brand{gap:7px;font-size:20px}.portal-home .brand small{letter-spacing:.3px;font-size:9px}.portal-home .brand-icon{width:36px;height:36px;font-size:16px}.portal-home .nav .nav-login{font-size:12px;padding:7px 4px}.portal-home .nav nav{gap:3px}.portal-home .hero{padding:35px 20px}.portal-home .portal-entry{min-width:0;flex:1;gap:10px;padding:13px 14px;font-size:13px}.portal-home .hero-copy>p{font-size:14px}.portal-login .login-panel{padding:26px 22px}}
.warehouse-type{position:absolute;left:-80px;top:68px;z-index:2;padding:7px 12px;border-radius:5px;border:1px solid #c6ddfb;background:#fff;color:#2475cf;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 4px 14px #1677ff0a}
@media(max-width:480px){.warehouse-type{left:-55px;font-size:12px;padding:6px 9px}}