.service-header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:25px; border-bottom:1px solid var(--line); }
.service-brand { font-family:var(--serif); font-size:28px; line-height:1.2; flex-shrink:0; }
.service-brand small { display:block; font:9px var(--sans); letter-spacing:2px; margin-top:8px; }
.service-header nav { display:flex; flex-wrap:wrap; gap:24px; font-size:13px; }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:12px; font-size:12px; color:var(--muted); padding-top:30px; }
.breadcrumbs a:hover,.related-services a:hover,.service-header nav a:hover { color:var(--accent); }
.service-intro { max-width:860px; padding:58px 0 54px; }
.service-intro h1 { font:500 clamp(30px,4vw,51px)/1.5 var(--serif); margin:20px 0; text-wrap:balance; }
.service-lead { max-width:740px; font-size:17px; line-height:1.95; color:#526b70; }
.service-actions { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:28px; }
.coverage { font-size:12px; color:var(--muted); margin-top:24px; }
.service-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:64px; border-top:1px solid var(--line); padding-top:40px; }
.service-block { padding-bottom:38px; margin-bottom:32px; border-bottom:1px solid var(--line); }
.service-block h2,.service-sidebar h2 { font-size:25px; margin:10px 0 18px; }
.service-block p,.scope-list { font-size:15px; line-height:1.95; }
.scope-list { padding-left:22px; }
.scope-list li { margin-bottom:12px; padding-left:5px; }
.scope-list li::marker { color:var(--accent); }
.service-note { margin-top:20px; border-left:2px solid var(--accent); padding-left:16px; color:#526b70; }
.preparation-card { background:#e9ece3; padding:28px; border-radius:3px; }
.preparation-card p { line-height:1.9; }
.preparation-card .text-link { margin-top:22px; }
.related-services { padding:24px 0; }
.related-services h2 { font-size:18px; }
.related-services ul { list-style:none; padding:0; margin:0; }
.related-services li { border-top:1px solid var(--line); padding:16px 0; }
.service-faq details { padding:20px 0; border-top:1px solid var(--line); }
.service-faq summary { cursor:pointer; font-size:15px; font-weight:500; }
.service-faq details p { margin-top:14px; color:#526b70; }
.service-contact { background:var(--ink); color:var(--paper); padding:45px; border-radius:4px; display:grid; grid-template-columns:1fr 1fr; gap:48px; margin:20px 0 48px; scroll-margin-top:24px; }
.service-contact .eyebrow { color:#d3bca6; }
.service-contact h2 { font-size:30px; margin:15px 0; }
.service-contact p { max-width:440px; }
.service-contact-links { display:flex; flex-wrap:wrap; gap:20px; align-items:center; align-content:center; }
.service-contact-links .text-link { color:var(--paper); }
.service-contact-links .button { background:var(--paper); color:var(--ink); border-color:var(--paper); }
.service-contact-links .button:hover { background:#e9ece3; }
.wechat-contact,.contact-status { flex-basis:100%; overflow-wrap:anywhere; }
.wechat-contact button { border:1px solid #ffffff55; color:var(--paper); background:transparent; padding:6px 10px; margin-left:8px; border-radius:4px; }
.service-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; padding-bottom:32px; font-size:12px; color:var(--muted); }
@media(max-width:900px) { .service-layout { grid-template-columns:minmax(0,1fr) 250px; gap:30px; } .service-contact { gap:25px; padding:30px; } .service-header nav { gap:16px; } }
@media(max-width:680px) { .service-page .container { width:calc(100% - 40px); } .service-header { flex-wrap:wrap; gap:20px; } .service-header nav { order:3; width:100%; justify-content:space-between; gap:10px; font-size:12px; } .service-intro { padding:34px 0; } .service-lead { font-size:15px; } .service-layout { display:flex; flex-direction:column; gap:0; } .service-sidebar { order:-1; } .related-services { display:none; } .preparation-card { margin-bottom:32px; padding:22px; } .service-contact { grid-template-columns:1fr; padding:26px; gap:24px; } .service-contact h2 { font-size:26px; } .service-actions { gap:18px; } .service-block h2 { font-size:23px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }