:root{--red:#f03636;--blue:#1672ec;--ink:#16151c;--cream:#fff9f0}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px system-ui,-apple-system,Arial,sans-serif}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px max(20px,calc((100vw - 1150px)/2));background:#fff}nav{display:flex;gap:18px;flex-wrap:wrap;font-weight:700}.logo{font-size:30px;font-weight:1000;font-style:italic;letter-spacing:-2px}.logo span{color:var(--red)}.hero{background:#16141d;color:white;overflow:hidden;position:relative;padding:65px max(20px,calc((100vw - 1150px)/2)) 80px}.hero:before{content:'';position:absolute;width:560px;height:560px;border:70px solid #ed313b;transform:rotate(24deg);right:-110px;top:-230px;opacity:.65}.hero:after{content:'汽车  •  HUNCHUN  •  中国';position:absolute;right:3%;bottom:12%;font-size:30px;color:#ffdb4b;transform:rotate(-10deg);font-weight:900}.hero>*{position:relative;z-index:1}.eyebrow{font-weight:900;color:#ffd64d;letter-spacing:2px}.hero h1{font-size:clamp(43px,6vw,86px);line-height:1.02;max-width:790px;margin:18px 0;text-transform:uppercase;letter-spacing:-3px;text-shadow:5px 5px #e22f39}.hero p{max-width:570px;font-size:21px}.btn{display:inline-block;border:0;background:var(--red);color:white;padding:14px 22px;border-radius:10px;font-weight:900;cursor:pointer;margin:5px 8px 5px 0}.btn.alt{background:var(--blue)}.btn.dark{background:var(--ink)}main{max-width:1150px;margin:auto;padding:30px 20px 80px}h2{font-size:clamp(28px,4vw,44px);text-transform:uppercase;letter-spacing:-1px}section{margin:40px 0 65px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:white;border:3px solid #191919;border-radius:15px;box-shadow:7px 7px #16151c;overflow:hidden}.card .inside{padding:20px}.carart{height:170px;background:linear-gradient(145deg,#d9eaff,#fff1da);display:grid;place-items:center;font-size:90px}.tag{display:inline-block;background:#ffdf53;padding:6px 12px;font-weight:900;transform:rotate(-2deg)}.muted{color:#666}.panel{background:#ffe65c;border:3px solid black;border-radius:18px;padding:28px;box-shadow:9px 9px black}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{background:white;border:2px solid #111;border-radius:14px;padding:20px}.step b{font-size:36px;color:var(--red)}input,select,textarea{display:block;width:100%;border:2px solid #aaa;border-radius:8px;padding:12px;margin:8px 0 14px;font:inherit}label{font-weight:700}.formbox{background:white;padding:24px;border-radius:15px;border:2px solid #111;max-width:620px}footer{background:#16151c;color:white;padding:30px;text-align:center}table{border-collapse:collapse;width:100%;background:white}td,th{border:1px solid #ddd;padding:10px;text-align:left}th{background:#eee}.admin-wrap{max-width:1150px;margin:30px auto;padding:20px}.notice{padding:14px;background:#ddf7dd;border:1px solid green;border-radius:8px}.danger{background:#ffdddd}@media(max-width:750px){header{align-items:flex-start;flex-direction:column}.grid,.steps{grid-template-columns:1fr}.hero{padding:45px 20px 75px}.hero:after{font-size:15px}.hero h1{letter-spacing:-1px}.card{box-shadow:4px 4px #16151c}nav{font-size:14px}}

/* Graffiti art direction, iteration 2 */
.hero{min-height:560px;background:radial-gradient(circle at 80% 20%,#383143,#17151e 60%);padding-top:90px;padding-bottom:100px;border-bottom:13px solid #f03a3f}
.hero-illustration{position:absolute;z-index:0;right:max(-25px,calc((100vw - 1330px)/2));top:0;width:min(62vw,820px);height:100%;object-fit:contain;filter:drop-shadow(12px 12px 0 #111);pointer-events:none}
.hero:before{right:20%;top:-290px;opacity:.25}.hero:after{right:6%;bottom:5%;font-size:20px;opacity:.8}
.hero .eyebrow,.hero h1,.hero p{max-width:570px}.hero h1{font-weight:1000;transform:rotate(-2deg);text-shadow:5px 6px #e22f39,9px 10px #0e0c10}
.hero p{background:#17151dcc;padding:10px;border-radius:8px}
.logo{position:relative;text-shadow:2px 2px #f7d65a}.logo-china{position:absolute;left:4px;top:-14px;font-size:13px;color:#ed333a;transform:skew(-20deg)}
.delivery-section{background:#fff0cc;border:3px solid #16151c;border-radius:18px;padding:22px;box-shadow:9px 9px #17151c}
.delivery-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.delivery-title img{width:46%;max-height:210px;object-fit:contain}
.step{box-shadow:4px 5px #17151c}.step:nth-child(2){background:#eaf3ff}.step:nth-child(3){background:#ffe6e6}.step:nth-child(4){background:#fff2b5}
@media(max-width:800px){.hero{min-height:700px;padding-top:42px;padding-bottom:350px}.hero-illustration{width:100%;height:420px;top:auto;bottom:0;right:0}.hero:after{display:none}.hero h1{font-size:clamp(43px,9vw,68px)}.delivery-title{flex-direction:column;align-items:stretch}.delivery-title img{width:100%}}