:root{--blue:#1769ff;--blue-deep:#0d49d7;--orange:#ff6a00;--text:#182033;--muted:#7b8497;--line:#dce7f8;--card:#ffffffeb;--bg:#eef6ff;--shadow:0 18px 50px #185cc621;color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 0,#3693ff2e,#0000 32%),linear-gradient(#ecf7ff 0%,#f9fcff 42%,#fff 100%);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{width:min(1220px,100% - 32px);margin:0 auto;padding:16px 0 36px}.glass-card{background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #98b9e873}.top-nav{z-index:30;border-radius:22px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex;position:sticky;top:12px}.brand{align-items:center;gap:10px;min-width:0;display:inline-flex}.brand-logo{color:#fff;background:linear-gradient(135deg, var(--blue), #00a4ff);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.brand strong,.brand small{line-height:1.2;display:block}.brand small{color:var(--muted);margin-top:3px;font-size:12px}.nav-links{gap:8px;display:flex}.nav-links a{color:#546078;border-radius:999px;padding:10px 14px;font-weight:700;transition:all .2s}.nav-links a.active,.nav-links a:hover{color:#fff;background:var(--blue)}.hero-section{min-height:360px;box-shadow:var(--shadow);background:linear-gradient(90deg,#fffffff5 0%,#ffffffd1 48%,#e6f4ff73 100%),radial-gradient(circle at 74% 30%,#53aeff61,#0000 36%);border:1px solid #b1ccf18c;border-radius:30px;grid-template-columns:1fr 520px;gap:20px;margin-top:18px;padding:42px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;align-self:center;position:relative}.eyebrow{color:var(--blue);letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:900}.hero-copy h1,.records-hero h1{color:var(--orange);letter-spacing:-.06em;margin:0;font-size:clamp(42px,6vw,74px);font-weight:900}.hero-copy h1 span{color:#0757c5;margin-right:8px}.hero-subtitle{color:#1e2740;margin:16px 0 28px;font-size:clamp(18px,2vw,26px);font-weight:800}.hero-actions,.modal-actions,.toolbar-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.primary-btn,.secondary-btn,.ghost-btn{border:0;border-radius:12px;justify-content:center;align-items:center;min-height:46px;padding:0 22px;font-weight:900;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.primary-btn{color:#fff;background:linear-gradient(135deg,#0d75ff,#0854ef);box-shadow:0 12px 22px #0c59ef40}.secondary-btn{color:#fff;background:linear-gradient(135deg,#ff8a00,#ff5a00);box-shadow:0 12px 22px #ff640038}.ghost-btn{color:#31405f;background:#f1f6ff;border:1px solid #d9e6f8}.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover{transform:translateY(-1px)}.small{border-radius:10px;min-height:36px;padding:0 12px;font-size:13px}.danger{color:#d43d3d}.hero-visual{min-height:280px;position:relative}.hero-visual:before{content:"";background:linear-gradient(#f9fbff 0%,#d8e7f6 100%);border:1px solid #b5cbe7;border-radius:14px 14px 0 0;width:340px;height:160px;position:absolute;inset:0 0 auto auto;transform:perspective(600px)rotateY(-8deg)}.warehouse-sign{z-index:2;color:#1760c8;font-size:32px;font-weight:900;position:absolute;top:24px;right:36px;transform:rotate(-2deg)}.truck-illustration{width:430px;height:160px;position:absolute;bottom:38px;right:30px}.truck-box{background:linear-gradient(90deg,#0d4fb8,#1268e7 55%,#0b3c9c);border-radius:10px 10px 4px 4px;width:270px;height:96px;position:absolute;bottom:42px;right:0;box-shadow:inset 0 0 0 4px #ffffff14}.truck-box:after{content:"";border:1px solid #ffffff40;position:absolute;inset:12px}.truck-cab{clip-path:polygon(0 34%,24% 0,100% 0,100% 100%,0 100%);background:linear-gradient(135deg,#167bff,#0647b6 70%);border-radius:18px 22px 8px 8px;width:150px;height:112px;position:absolute;bottom:42px;left:18px}.truck-cab:before{content:"";background:#d2efffd9;border-radius:8px;width:64px;height:36px;position:absolute;top:18px;left:38px}.wheel{background:#fff;border:8px solid #1a2438;border-radius:50%;width:44px;height:44px;position:absolute;bottom:20px}.wheel-a{left:82px}.wheel-b{right:78px}.cargo-stack{grid-template-columns:42px 42px;gap:4px;display:grid;position:absolute;bottom:18px;right:0}.cargo-stack span{background:#d8a66f;border:1px solid #bd844c;border-radius:4px;height:34px;display:block}.service-strip{z-index:5;border-radius:22px;grid-template-columns:repeat(6,1fr);gap:0;margin:-28px auto 28px;padding:24px 10px;display:grid;position:relative}.service-item{text-align:center;border-right:1px solid #dbe6f7;min-width:0;padding:8px 10px}.service-item:last-child{border-right:none}.service-icon{margin-bottom:8px;font-size:32px;display:block}.service-item strong,.service-item small{display:block}.service-item strong{font-size:18px}.service-item small{color:var(--muted);margin-top:6px}.content-section{margin:26px 0}.section-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-head span{background:var(--blue);border-radius:99px;width:8px;height:34px}.section-head h2{margin:0;font-size:25px}.route-grid,.vehicle-grid{gap:18px;display:grid}.route-grid{grid-template-columns:repeat(4,1fr)}.vehicle-grid{grid-template-columns:repeat(5,1fr)}.route-card,.vehicle-card{background:radial-gradient(circle at 88% 75%,#2684ff29,#0000 35%),#fff;border:1px solid #cfe0f6;border-radius:14px;min-height:118px;box-shadow:0 10px 24px #0c59ef12}.route-card{color:#0b58d6;justify-content:space-between;align-items:center;padding:24px;font-size:22px;font-weight:900;display:flex}.route-card span{color:#fff;background:linear-gradient(135deg,#4aa0ff,#1b69ff);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.vehicle-card{text-align:center;place-items:center;gap:8px;padding:18px;display:grid}.vehicle-icon{filter:drop-shadow(0 10px 12px #054eb91f);font-size:48px}.inquiry-card,.contact-card,.notice-card,.records-hero,.toolbar,.record-card,.empty-state{border-radius:18px}.inquiry-card{margin:22px 0;padding:28px}.form-title{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.title-icon{background:#e9f1ff;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.form-title h2{margin:0 0 4px;font-size:28px}.form-title p,.muted{color:var(--muted);margin:0}.inquiry-form{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.inquiry-form label,.search-box{flex-direction:column;gap:8px;min-width:0;display:flex;position:relative}.inquiry-form label>span,.search-box span{color:#38455e;font-size:14px;font-weight:800}.inquiry-form input,.inquiry-form select,.inquiry-form textarea,.search-box input,.record-actions select{width:100%;min-height:56px;color:var(--text);background:#fff;border:1px solid #d8e2ef;border-radius:10px;outline:none;padding:0 14px;transition:border .2s,box-shadow .2s}.inquiry-form textarea{resize:vertical;min-height:88px;padding-top:14px}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus,.search-box input:focus,.record-actions select:focus{border-color:var(--blue);box-shadow:0 0 0 4px #1769ff1a}.inquiry-form em{color:var(--muted);font-style:normal;position:absolute;bottom:17px;right:12px}.invalid input,.invalid select,.invalid textarea{border-color:#ff6969}.invalid small{color:#d83d3d}.full-row{grid-column:1/-1}.option-row{gap:20px;display:flex}.check-label{align-items:center;width:auto;flex-direction:row!important}.check-label input{width:20px;height:20px;min-height:auto;accent-color:var(--blue)}.submit-btn{color:#fff;background:linear-gradient(135deg,#0c75ff,#0957ef);border:none;border-radius:12px;min-height:64px;font-size:24px;font-weight:900;box-shadow:0 16px 30px #0c59ef33}.notice-card{color:#e85d00;background:linear-gradient(135deg,#fff8ef,#fff);border:1px solid #ffd9b7;margin:22px 0;padding:22px 28px}.notice-title{font-size:22px;font-weight:900}.notice-items{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px;display:grid}.notice-items span{border-right:1px solid #ffd3aa;place-items:center;min-height:46px;font-weight:900;display:grid}.notice-items span:last-child{border-right:none}.notice-card p{color:#9c5b24;margin:10px 0 0}.contact-card{border-color:#9fc5ff;justify-content:space-between;align-items:center;gap:20px;padding:24px 36px;display:flex}.contact-list p{margin:10px 0;font-size:24px;font-weight:800}.contact-list a{color:var(--blue)}.qr-box{color:#6b7280;background:#fff;border:2px dashed #b5bfce;border-radius:14px;place-items:center;gap:6px;width:150px;height:150px;min-height:150px;padding:10px;display:grid}.qr-box img{object-fit:contain;width:112px;height:112px;display:block}.qr-box small{font-size:14px;line-height:1.2}.modal-mask{z-index:80;background:#0d1b317a;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.result-modal{border-radius:22px;width:min(760px,100%);padding:26px;position:relative}.result-modal h3{margin:0 0 8px;font-size:28px}.close-btn{background:#eef4ff;border:0;border-radius:50%;width:40px;height:40px;font-size:28px;position:absolute;top:14px;right:14px}.result-textarea{resize:vertical;background:#fbfdff;border:1px solid #d7e3f3;border-radius:14px;outline:none;width:100%;min-height:320px;margin:18px 0;padding:16px;line-height:1.8}.records-page{padding-top:18px}.records-hero{justify-content:space-between;align-items:center;gap:20px;padding:30px;display:flex}.records-hero h1{color:#0757c5;font-size:clamp(34px,5vw,58px)}.records-hero p{color:var(--muted);margin:8px 0 0}.toolbar{justify-content:space-between;align-items:flex-end;gap:18px;margin:18px 0;padding:18px;display:flex}.search-box{flex:1}.record-list{gap:16px;display:grid}.record-card{grid-template-columns:1fr auto;gap:18px;padding:20px;display:grid}.record-topline{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.record-status{color:#0b58d6;background:#e9f2ff;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-weight:800;display:inline-flex}.record-card h2{margin:10px 0 6px;font-size:20px}.record-summary{color:#34415b;margin:0;font-weight:700}.record-meta{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.record-meta span{color:#53627e;background:#f1f6ff;border-radius:999px;padding:6px 10px;font-size:13px}.record-actions{grid-template-columns:1fr 1fr;align-content:start;gap:8px;min-width:260px;display:grid}.record-actions select{grid-column:span 1;min-height:36px}.empty-state{text-align:center;place-items:center;min-height:320px;padding:38px;display:grid}.empty-state>div{font-size:64px}.empty-state h2{margin:8px 0}.empty-state p{color:var(--muted)}.toast{z-index:100;color:#fff;background:#0e1c34e6;border-radius:999px;padding:12px 18px;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000038}@media (width<=980px){.app-shell{width:min(100% - 20px,760px);padding-top:10px}.top-nav{padding:10px;top:8px}.brand small{display:none}.nav-links a{padding:9px 11px;font-size:13px}.hero-section{border-radius:24px;grid-template-columns:1fr;min-height:0;padding:28px 18px 120px}.hero-copy h1{font-size:clamp(40px,11vw,62px)}.hero-subtitle{font-size:18px;line-height:1.6}.hero-actions a{flex:1;min-width:130px}.hero-visual{pointer-events:none;width:100%;min-height:160px;position:absolute;inset:auto 0 0 auto}.hero-visual:before{width:190px;height:100px;top:10px;right:2px}.warehouse-sign{font-size:22px;top:26px;right:20px}.truck-illustration{width:260px;height:110px;bottom:10px;right:12px}.truck-box{width:160px;height:62px;bottom:32px}.truck-cab{width:95px;height:76px;bottom:32px;left:18px}.truck-cab:before{width:36px;height:22px;top:14px;left:28px}.wheel{border-width:6px;width:30px;height:30px;bottom:18px}.wheel-a{left:55px}.wheel-b{right:48px}.cargo-stack{display:none}.service-strip{grid-template-columns:repeat(3,1fr);margin-top:14px;padding:12px 4px}.service-item{border-right:none;padding:10px 4px}.service-icon{font-size:26px}.service-item strong{font-size:15px}.route-grid,.vehicle-grid{grid-template-columns:repeat(2,1fr)}.route-card{min-height:90px;padding:18px;font-size:18px}.vehicle-card{min-height:110px}.inquiry-card{padding:20px}.inquiry-form{grid-template-columns:1fr}.form-title h2{font-size:24px}.notice-items{grid-template-columns:repeat(2,1fr)}.notice-items span{border-bottom:1px solid #ffd3aa;border-right:0}.contact-card{padding:22px}.contact-list p{font-size:18px}.record-card,.records-hero,.toolbar,.contact-card{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.record-card{display:block}.record-actions{grid-template-columns:1fr 1fr;min-width:0;margin-top:16px}}@media (width<=560px){.app-shell{width:100%;padding:0 10px 24px}.top-nav{border-radius:0 0 18px 18px;margin:0 -10px}.brand strong{font-size:15px}.brand-logo{border-radius:12px;width:36px;height:36px}.hero-section{margin-top:12px}.hero-copy h1{line-height:1.05}.hero-actions{gap:10px}.primary-btn,.secondary-btn,.ghost-btn{min-height:44px;padding:0 14px}.service-strip{border-radius:18px}.route-grid,.vehicle-grid{gap:12px}.inquiry-card,.notice-card,.contact-card,.records-hero,.toolbar,.record-card,.empty-state{border-radius:16px}.notice-card{padding:18px}.notice-items{grid-template-columns:1fr}.contact-card{text-align:left;align-items:center}.qr-box{width:126px;height:126px;margin:0 auto}.toolbar-actions,.record-actions,.modal-actions{grid-template-columns:1fr;display:grid}.result-modal{max-height:92vh;padding:20px;overflow:auto}.result-textarea{min-height:260px}.submit-btn{min-height:58px;font-size:20px}}@media print{.top-nav,.hero-actions,.modal-mask,.toast,.toolbar,.record-actions{display:none!important}body{background:#fff}.glass-card,.hero-section,.notice-card{box-shadow:none;border:1px solid #ddd}}@media (width<=560px){.hero-copy{z-index:5;position:relative}.hero-visual{z-index:1}.warehouse-sign{display:none!important}.contact-card{flex-direction:column!important;justify-content:center!important;align-items:stretch!important;gap:18px!important;display:flex!important}.contact-list{width:100%}.qr-box{place-self:center!important;place-items:center!important;width:150px!important;height:auto!important;min-height:150px!important;margin-left:auto!important;margin-right:auto!important;padding:10px!important;display:grid!important}.qr-box img{object-fit:contain!important;width:112px!important;height:112px!important;margin:0 auto!important;display:block!important}.qr-box small{text-align:center!important;width:100%!important;margin-top:4px!important;display:block!important}}