/* 四项服务：主题影像、情境切换与分步图解。 */
#homeServices .service-card,#allServices .service-card{display:flex;flex-direction:column;grid-template-columns:none}
#homeServices .service-card>img,#allServices .service-card>img{display:block!important;width:100%;height:auto!important;min-height:0!important;aspect-ratio:1.9;object-fit:cover}
#homeServices .service-copy,#allServices .service-copy{padding:22px;display:flex;flex:1;flex-direction:column}
#homeServices .service-copy h3,#allServices .service-copy h3{font-size:22px;line-height:1.45;margin:7px 0 10px}
#homeServices .service-copy p,#allServices .service-copy p{font-size:16px;line-height:1.8;color:#d2c9e1;margin:0}
#homeServices .service-card-foot,#allServices .service-card-foot{margin-top:auto;padding-top:18px}
#homeServices .service-card-foot small,#allServices .service-card-foot small{font-size:15px}
.s087-detail{max-width:1100px;margin:auto;padding:22px 0 10px;color:#f2ebfc}
.s087-hero{overflow:hidden;border:1px solid #b99dd32e;border-radius:26px;background:linear-gradient(145deg,#1b1d34,#15182b);display:grid;grid-template-columns:1.1fr 1fr}
.s087-hero figure{margin:0;position:relative;min-width:0}
.s087-hero img{display:block;width:100%;height:100%;min-height:350px;object-fit:cover}
.s087-hero figcaption{position:absolute;left:18px;bottom:16px;color:#fff;font-size:12px;line-height:1.5;border:1px solid #ffffff2b;border-radius:30px;padding:5px 10px;background:#1116299c;backdrop-filter:blur(8px)}
.s087-hero-copy{padding:36px 32px;display:flex;flex-direction:column;justify-content:center}
.s087-hero-copy h1{font-size:32px;line-height:1.4;letter-spacing:-.01em;margin:12px 0 20px;color:#fff6ff}
.s087-hero-copy .s087-promise{font-size:20px;color:#dfc8fb;line-height:1.75;margin:0 0 14px}
.s087-hero-copy>p{font-size:16px;line-height:1.9;color:#cec5dd;margin:0}
.s087-section{margin-top:44px}
.s087-heading>span{font-size:13px;color:#b4a0cf;letter-spacing:.05em}
.s087-heading h2{font-size:25px;line-height:1.5;margin:8px 0 20px;color:#f5efff}
.s087-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.s087-tabs button,.s087-step-tabs button{background:#171a31;border:1px solid #a98bc63b;color:#ccc2df;border-radius:14px;min-height:48px;padding:10px 16px;font-size:16px;line-height:1.5;text-align:left;cursor:pointer}
.s087-tabs button[aria-pressed=true],.s087-step-tabs button[aria-pressed=true]{color:#f6e9ff;border-color:#ad83f1;background:linear-gradient(135deg,#463267,#282343);box-shadow:inset 0 1px 0 #d0b7f025}
.s087-tabs button:focus-visible,.s087-step-tabs button:focus-visible{outline:2px solid #d2b1ff;outline-offset:3px}
.s087-scenario{padding:26px;border:1px solid #b297d233;border-radius:22px;background:linear-gradient(125deg,#211d36,#161c31)}
.s087-small-label{font-size:13px;line-height:1.5;color:#bbaaCF}
.s087-scene-quote{font-size:21px;line-height:1.85;color:#f2e7fa;margin:12px 0 24px;max-width:780px}
.s087-question{border-top:1px solid #a78bc22e;padding-top:18px;display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:start}
.s087-question>span{color:#bfa5e1;font-size:14px;padding-top:3px}
.s087-question p{margin:0;color:#cfc6e0;font-size:16px;line-height:1.9}
.s087-caption{font-size:13px;line-height:1.8;color:#a69db7;margin:12px 2px 0}
.s087-step-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.s087-step-tabs button{display:flex;align-items:center;gap:12px;padding:14px}
.s087-step-tabs button>span{color:#b99adf;font-size:13px;letter-spacing:.05em}
.s087-stage{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #b397d331;border-radius:24px;background:#171b30;min-height:270px}
.s087-art{display:flex;align-items:center;background:radial-gradient(ellipse at 50% 60%,#393051,#151a30 72%);overflow:hidden;min-width:0}
.s087-art svg{display:block;width:100%;height:auto;overflow:visible}
.s087-stage-copy{padding:30px 26px;display:flex;flex-direction:column;justify-content:center;animation:s087-reveal .35s ease-out}
.s087-stage-copy h3{font-size:23px;line-height:1.55;margin:12px 0;color:#f2e6ff}
.s087-stage-copy p{font-size:16px;line-height:1.9;color:#cdc4de;margin:0}
.s087-flow{stroke-dasharray:5 12;animation:s087-travel 9s linear infinite}
.s087-halo{transform-origin:center;animation:s087-breathe 4s ease-in-out infinite}
.s087-orb,.s087-paper{animation:s087-float 6s ease-in-out infinite}
.s087-orb:nth-child(2n){animation-delay:-3s}
.s087-selected{filter:drop-shadow(0 0 10px #c29af888)}
.s087-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.s087-outcomes article{padding:24px;border:1px solid #b195cb29;border-radius:20px;background:linear-gradient(150deg,#25213d,#151b2f)}
.s087-outcomes svg{width:44px;height:44px;color:#c7ace6;margin-bottom:16px}
.s087-outcomes h3{font-size:20px;line-height:1.5;margin:0 0 9px;color:#eee1fa}
.s087-outcomes p{font-size:16px;line-height:1.85;margin:0;color:#c4bad5}
.s087-faqs{border-top:1px solid #a58bb82c}
.s087-faqs details{border-bottom:1px solid #a58bb82c;padding:0 2px}
.s087-faqs summary{padding:20px 0;cursor:pointer;color:#e0d2ef;font-size:17px;line-height:1.7}
.s087-faqs p{font-size:16px;line-height:1.9;color:#c6bad7;margin:0 0 22px}
.s087-start{margin-top:30px;padding:26px;border:1px solid #a484ca33;border-radius:22px;background:#1d1c33}
.s087-start>p{font-size:14px;line-height:1.9;margin:0 0 20px;color:#bcb0cd}
.s087-start .actions{gap:12px}
@keyframes s087-travel{to{stroke-dashoffset:-136}}
@keyframes s087-breathe{50%{opacity:.35}}
@keyframes s087-float{50%{translate:0 -4px}}
@keyframes s087-reveal{from{opacity:.3;translate:0 5px}to{opacity:1;translate:0 0}}
@media(max-width:760px){
 .s087-hero{grid-template-columns:1fr;border-radius:22px}
 .s087-hero img{min-height:0;height:auto;aspect-ratio:1.7}
 .s087-hero-copy{padding:26px 22px}
 .s087-hero-copy h1{font-size:28px;margin:9px 0 16px}
 .s087-hero-copy .s087-promise{font-size:19px}
 .s087-section{margin-top:34px}
 .s087-heading h2{font-size:23px}
 .s087-step-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .s087-step-tabs button{padding:12px;gap:9px}
 .s087-stage{grid-template-columns:1fr;border-radius:21px}
 .s087-art svg{max-height:220px}
 .s087-stage-copy{padding:22px 23px;min-height:200px;justify-content:flex-start}
 .s087-stage-copy h3{font-size:21px}
 .s087-outcomes{grid-template-columns:1fr;gap:10px}
 .s087-outcomes article{display:flex;gap:18px;padding:20px;align-items:flex-start}
 .s087-outcomes svg{flex-shrink:0;margin:3px 0 0;width:37px;height:37px}
 .s087-outcomes h3{font-size:19px}
 .s087-scenario{padding:22px}
 .s087-scene-quote{font-size:19px;margin-bottom:20px}
 .s087-question{grid-template-columns:1fr;gap:8px}
 .s087-start{padding:22px}
 .s087-start .actions{display:grid;grid-template-columns:1fr}
}
@media(max-width:600px){#homeServices .service-card>img,#allServices .service-card>img{aspect-ratio:1.85}#homeServices .service-copy,#allServices .service-copy{padding:20px}#homeServices .service-copy h3,#allServices .service-copy h3{font-size:22px}}
@media(max-width:360px){.s087-tabs{gap:7px}.s087-tabs button{padding:10px 12px}.s087-hero-copy,.s087-scenario{padding:20px}.s087-hero-copy h1{font-size:26px}.s087-step-tabs button{font-size:15px}.s087-outcomes article{padding:18px;gap:14px}}
@media(prefers-reduced-motion:reduce){.s087-detail *{animation:none!important;transition:none!important}}

/* 首页服务小图：左侧缩略图，右侧保持可读正文。 */
#homeServices{grid-template-columns:1fr;gap:12px}
#homeServices .service-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:22px;padding:22px;align-items:start}
#homeServices .service-card>img{width:96px;height:112px!important;aspect-ratio:auto;border-radius:15px;object-fit:cover;object-position:center}
#homeServices .service-copy{padding:0;min-width:0}
#homeServices .service-card-foot{padding-top:13px}
@media(max-width:600px){
 #homeServices .service-card{grid-template-columns:80px minmax(0,1fr);gap:16px;padding:18px}
 #homeServices .service-card>img{width:80px;height:96px!important;border-radius:12px}
 #homeServices .service-copy{padding:0}
 #homeServices .service-card-foot{gap:8px}
}
@media(max-width:360px){
 #homeServices .service-card{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:15px}
 #homeServices .service-card>img{width:64px;height:80px!important;border-radius:10px}
}