*{box-sizing:border-box}
body{margin:0;color:#203e4c;background:#fff;font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.85}
a{color:#176684;text-decoration:none}
.wrap{max-width:1120px;margin:auto;padding:0 22px}
header{padding:20px 0;border-bottom:1px solid #dce8ed}
.brand{font-size:26px;font-weight:bold}
nav{display:flex;flex-wrap:wrap;gap:20px;margin-top:12px}
.hero{padding:65px 0;background:linear-gradient(120deg,#edf8fc,#e0f0f6,#faf3f3)}
h1{font-size:clamp(32px,5vw,58px);line-height:1.35}
h2{font-size:27px}
h3{font-size:21px}
.lead{font-size:19px;max-width:760px;color:#486574}
section{padding:40px 0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{padding:26px;border:1px solid #dce8ed;border-radius:16px;background:white}
.button{display:inline-block;background:#176684;color:white;padding:12px 24px;border-radius:8px;margin:12px 12px 0 0}
article{max-width:850px;margin:auto;padding:35px 22px}
details{padding:18px 0;border-bottom:1px solid #dce8ed}
summary{cursor:pointer;font-weight:bold}
.note{padding:20px;background:#eef7fb;border-radius:12px}
footer{padding:30px 22px 95px;background:#183e50;color:white}
footer a{color:white}
.bottom{display:none}
@media(max-width:760px){
.grid{grid-template-columns:1fr}
.hero{padding:36px 0}
.bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:white;padding:12px;gap:12px;box-shadow:0 -2px 12px #0001}
.bottom a{flex:1;text-align:center;background:#176684;color:white;padding:10px;border-radius:8px}
}


/* anyun-content-v2 */
.soft-section{background:#f1f7fa}
.section-label{color:#357d99;font-size:13px;letter-spacing:2px;margin-bottom:10px}
.step-number{font-size:32px;color:#85b4cd;font-weight:bold}
.card{box-shadow:0 8px 25px rgba(30,80,105,.05);border-top:3px solid #a4ccdf}
.card p{color:#536d7a}
.consult-note{margin-top:26px;padding:28px;background:#fff8f7;border-radius:16px}
.text-link{display:inline-block;margin:14px 0}
.hero{background:radial-gradient(ellipse at 90% 20%,#f6dfe5,transparent 45%),linear-gradient(120deg,#edf8fc,#dceef7)}
.hero h1{color:#184f6b}
#contact{background:#fff}
@media(min-width:761px){section{padding:58px 0}.hero{padding:80px 0}}

/* anyun-service-options-v1 */
.service-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}
.service-options{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.marriage-panel{padding:24px;background:#eef5fa;border:1px solid #d4e4ed;border-radius:16px}
.marriage-panel h3{margin-top:0}
.marriage-panel p{font-size:15px}
.signing-note{color:#607986}
@media(max-width:900px){.service-layout{grid-template-columns:1fr}}
@media(max-width:560px){.service-options{grid-template-columns:1fr}}

/* anyun-compact-v1 */
body{font-size:16px;line-height:1.7}
header{padding:12px 0}
nav{gap:10px 22px;margin-top:10px;font-size:15px}
.hero{padding:30px 0}
.hero h1{font-size:40px;line-height:1.25;margin:14px 0}
.hero p{margin:10px 0}
.hero .lead{font-size:17px}
.hero .button{padding:9px 20px;margin-top:10px}
section{padding:30px 0}
h2{font-size:25px;margin:0 0 14px}
h3{font-size:19px;margin:0 0 10px}
.card{padding:20px}
.card p{margin:8px 0}
.grid,.service-options{gap:16px}
.consult-note{padding:20px;margin-top:18px}
article{padding:28px 22px}
article h1{font-size:32px;line-height:1.3;margin:12px 0 22px}
article h2{margin-top:26px}
@media(min-width:1000px){
header>.wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
header nav{margin-top:0;justify-content:flex-end}
}
@media(max-width:760px){
.hero{padding:24px 0}
.hero h1{font-size:32px}
section{padding:24px 0}
header .brand img{width:68px;height:68px}
header .brand{font-size:22px}
nav{gap:8px 16px}
}