:root { --ink:#172849; --blue:#4c70ff; --muted:#6f7f9a; --line:#e5ebf6; --bg:#f7f9fe; --green:#14a77d; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; line-height:1.65; }
a { color:inherit; }
.page-header { max-width:1080px; height:72px; margin:auto; padding:0 6px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.page-brand { display:flex; align-items:center; gap:9px; color:var(--ink); text-decoration:none; font-size:20px; font-weight:850; }
.page-brand b { display:grid; width:35px; height:35px; place-items:center; border-radius:11px; color:#fff; background:linear-gradient(135deg,#456dff,#6fcaff); box-shadow:0 7px 16px #456dff32; }
.page-nav { display:flex; flex-wrap:wrap; gap:20px; color:#647491; font-size:13px; font-weight:700; }
.page-nav a { text-decoration:none; }.page-nav a:hover { color:var(--blue); }
.page-main { max-width:1080px; margin:auto; padding:18px 6px 70px; }
.crumbs { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 18px; color:#8492a9; font-size:13px; }.crumbs a { color:#6078d8; text-decoration:none; }.crumbs i { font-style:normal; color:#b2bdcf; }
.page-hero { padding:36px 42px; border:1px solid #dfe7fa; border-radius:25px; background:radial-gradient(circle at 88% 15%,#d9e8ff 0,transparent 24%),linear-gradient(120deg,#edf1ff,#fbfdff 72%); }
.page-kicker { margin:0 0 7px; color:#5475db; font-size:12px; font-weight:850; letter-spacing:1.1px; }.page-hero h1 { margin:0; font-size:35px; letter-spacing:-1.1px; line-height:1.25; }.page-hero p:last-child { max-width:670px; margin:12px 0 0; color:#637491; }
.query-module,.article-card,.notice-card,.faq-card,.feedback-card { margin-top:22px; padding:28px 32px; border:1px solid var(--line); border-radius:21px; background:#fff; box-shadow:0 12px 30px #3e57900b; }
.query-module h2,.article-card h2,.faq-card h2,.feedback-card h2 { margin:0; font-size:22px; line-height:1.35; }.query-module>p,.feedback-card>p { margin:7px 0 18px; color:var(--muted); font-size:14px; }
.query-line { display:flex; gap:11px; }.query-line input,.field-grid input,.feedback-card input,.feedback-card textarea { min-width:0; width:100%; height:52px; padding:0 15px; border:1px solid #dce4f4; border-radius:13px; outline:0; color:var(--ink); background:#fbfcff; font:inherit; }.query-line input:focus,.field-grid input:focus,.feedback-card input:focus,.feedback-card textarea:focus { border-color:#6687ff; box-shadow:0 0 0 3px #5278ff17; }.query-line button,.feedback-card button { flex:0 0 auto; min-width:135px; padding:0 19px; border:0; border-radius:13px; background:linear-gradient(135deg,#4e72ff,#688cff); color:#fff; font:inherit; font-weight:800; cursor:pointer; box-shadow:0 8px 16px #5277e52d; }
.phone-hint { display:flex; align-items:center; gap:8px; margin-top:13px; color:#627592; font-size:13px; }.phone-hint input { width:188px; height:38px; padding:0 11px; border:1px solid #dce4f4; border-radius:9px; outline:0; }.phone-hint[hidden] { display:none; }.tool-result { margin-top:16px; padding:17px; border-radius:13px; background:#f7f9ff; color:#54647d; font-size:14px; }.tool-result[hidden] { display:none; }.tool-result.error { color:#bd4e55; background:#fff5f5; }.tool-result h3 { margin:0 0 10px; color:var(--ink); font-size:16px; }.tool-result ol { margin:0; padding-left:20px; }.tool-result li+li { margin-top:8px; }.tool-result time { display:block; margin-top:2px; color:#8d9ab0; font-size:12px; }
.content-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:22px; align-items:start; }.article-card p { color:#596a85; }.article-card h2:not(:first-child) { margin-top:24px; }.article-card ul,.article-card ol { padding-left:21px; color:#596a85; }.article-card li+li { margin-top:8px; }.notice-card { margin-top:22px; padding:22px 24px; border-color:#cfe7de; background:#f4fcf9; }.notice-card strong { color:#158565; }.faq-card details { padding:16px 0; border-bottom:1px solid #edf0f7; }.faq-card details:last-child { border-bottom:0; }.faq-card summary { cursor:pointer; color:#263a5c; font-weight:750; }.faq-card details p { margin:9px 0 0; color:#64738d; font-size:14px; }
.field-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.field-grid label { color:#63738f; font-size:13px; }.field-grid input { height:46px; margin-top:5px; font-size:14px; }.freight-button { width:100%; height:50px; margin-top:16px; border:0; border-radius:12px; background:#4e72ff; color:#fff; font:inherit; font-weight:800; cursor:pointer; }.quotes { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; margin-top:17px; }.quote { padding:12px; border:1px solid #e8edf7; border-radius:12px; }.quote b { display:flex; justify-content:space-between; gap:8px; }.quote strong { color:#e1734f; }.quote small { color:#8895aa; }
.feedback-card textarea { height:126px; padding:12px 15px; resize:vertical; }.feedback-card label { display:block; margin:14px 0 6px; color:#61718b; font-size:13px; }.feedback-card button { height:48px; margin-top:16px; }.form-message { margin:12px 0 0; color:#23876a; font-size:14px; }.footer { max-width:1080px; margin:auto; padding:22px 6px 35px; color:#8996aa; font-size:12px; border-top:1px solid #e4eaf4; }.footer a { margin-right:14px; color:#7486a8; text-decoration:none; }
@media(max-width:760px){ .page-header{height:auto;min-height:62px;padding:12px 16px;align-items:flex-start}.page-nav{gap:10px 14px;padding-top:8px;font-size:12px}.page-main{padding:14px 16px 48px}.page-hero{padding:28px 23px;border-radius:20px}.page-hero h1{font-size:28px}.query-module,.article-card,.notice-card,.faq-card,.feedback-card{padding:22px 18px;border-radius:17px}.query-line{display:block}.query-line button{width:100%;height:50px;margin-top:9px}.phone-hint{display:block}.phone-hint input{width:100%;margin-top:7px}.content-grid{display:block}.content-grid>*+*{margin-top:22px}.field-grid{display:block}.field-grid label+label{display:block;margin-top:12px}.quotes{grid-template-columns:1fr}.footer{padding:18px 16px 30px} }