/* 典型场景拉窗；套餐采用功能清单。仅作用于这两章。 */
#solutions[data-scenario-gallery],#pricing[data-plan-collection]{
 --sp-ink:oklch(28% .035 145);--sp-deep:oklch(39% .045 145);
 --sp-mid:oklch(60% .05 145);--sp-sage:oklch(78% .045 145);
 --sp-light:oklch(90% .035 145);--sp-paper:oklch(98% .008 138);
 --sp-line:oklch(85% .018 145);--sp-wash:oklch(96% .012 138);
}
#solutions[data-scenario-gallery]{background:var(--sp-wash)}
#solutions .section-head,#pricing .section-head{max-width:860px}
#solutions .sp-heading-phrase,#pricing .sp-heading-phrase{display:inline-block;max-width:100%}
#solutions .sw-accordion{container-type:inline-size;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,1fr) minmax(0,1fr);gap:0;min-height:690px;border:1px solid var(--sp-line);border-radius:12px;overflow:hidden;transition:grid-template-columns .58s cubic-bezier(.22,.7,.2,1)}
#solutions .sw-accordion[data-sw-active="1"]{grid-template-columns:minmax(0,1fr) minmax(0,4fr) minmax(0,1fr)}
#solutions .sw-accordion[data-sw-active="2"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,4fr)}
#solutions .sw-panel{--sw-base:var(--sp-paper);--sw-fg:var(--sp-ink);--sw-copy:var(--sp-deep);--sw-veil:oklch(98% .008 138 / .9);--sw-rule:oklch(39% .045 145 / .22);position:relative;isolation:isolate;overflow:hidden;min-width:0;padding:32px;background:var(--sw-base);color:var(--sw-fg)}
#solutions .sw-panel--chain{--sw-base:var(--sp-ink);--sw-fg:var(--sp-paper);--sw-copy:var(--sp-light);--sw-veil:oklch(28% .035 145 / .9);--sw-rule:oklch(90% .035 145 / .3)}
#solutions .sw-panel--live{--sw-base:var(--sp-light);--sw-copy:var(--sp-ink);--sw-veil:oklch(90% .035 145 / .9)}
#solutions .sw-panel+.sw-panel{border-left:1px solid oklch(60% .05 145 / .25)}
#solutions .sw-background{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;pointer-events:none}
#solutions .sw-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,color-mix(in oklch,var(--sw-base) 99%,transparent) 0%,color-mix(in oklch,var(--sw-base) 97%,transparent) 24%,color-mix(in oklch,var(--sw-base) 91%,transparent) 38%,color-mix(in oklch,var(--sw-base) 80%,transparent) 48%,color-mix(in oklch,var(--sw-base) 55%,transparent) 58%,color-mix(in oklch,var(--sw-base) 24%,transparent) 69%,color-mix(in oklch,var(--sw-base) 5%,transparent) 80%,transparent 92%);pointer-events:none}
#solutions .sw-panel--chain .sw-shade{background:linear-gradient(90deg,var(--sw-base) 0%,color-mix(in oklch,var(--sw-base) 99%,transparent) 24%,color-mix(in oklch,var(--sw-base) 97%,transparent) 44%,color-mix(in oklch,var(--sw-base) 94%,transparent) 54%,color-mix(in oklch,var(--sw-base) 78%,transparent) 62%,color-mix(in oklch,var(--sw-base) 38%,transparent) 75%,transparent 94%)}
#solutions .sw-panel--live.is-active .sw-background,#solutions .sw-panel--daily.is-active .sw-background{left:8%;right:auto;object-position:left center}
#solutions .sw-panel:not(.is-active) .sw-background{inset:auto auto 90px 50%;width:360px;max-width:none;height:255px;object-fit:contain;object-position:center;transform:translateX(-70%)}
#solutions .sw-panel:not(.is-active) .sw-shade{background:none}
#solutions .sw-heading{position:relative;z-index:2;font-size:30px;line-height:1.4;margin:0;letter-spacing:-.035em}
#solutions .sw-trigger{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;width:100%;padding:0;border:0;background:transparent;color:var(--sw-fg);font:inherit;line-height:inherit;letter-spacing:inherit;text-align:left}
#solutions .sw-title{display:block;text-wrap:balance}
#solutions .sw-arrow{width:32px;height:32px;flex:none;stroke:currentColor;stroke-width:1.5;fill:none;transition:transform .25s}
#solutions .is-active .sw-arrow{transform:rotate(-45deg)}
#solutions .is-active .sw-trigger:hover .sw-arrow{transform:rotate(-45deg) translateX(3px)}
#solutions .sw-trigger:hover{color:var(--sw-fg);background:transparent}
#solutions .sw-panel:not(.is-active) .sw-heading{position:static}
#solutions .sw-panel:not(.is-active) .sw-trigger{position:absolute;z-index:2;inset:0;flex-direction:column;padding:40px 22px;justify-content:space-between;align-items:center}
#solutions .sw-panel:not(.is-active) .sw-title{writing-mode:vertical-rl;text-orientation:upright;font-size:25px;line-height:1.5;letter-spacing:.08em}
#solutions .sw-panel :focus-visible{outline:2px solid var(--sw-fg);outline-offset:4px}
#solutions .sw-trigger:focus-visible{outline-offset:-5px}
#solutions .sw-content{position:relative;z-index:2;width:clamp(260px,32cqw,400px);margin-top:17px;animation:sw-copy-reveal .25s .35s both}
#solutions .sw-kicker{font-size:11px;letter-spacing:.06em;color:var(--sw-copy);margin-bottom:10px}
#solutions .sw-intro{font-size:16px;line-height:1.85;margin-bottom:25px;text-wrap:pretty;color:var(--sw-fg)}
#solutions .mini-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:24px 0 12px;padding:17px 0 0;list-style:none;counter-reset:step;border-top:1px solid var(--sw-rule)}
#solutions .mini-flow li{font-size:11px;line-height:1.8;font-weight:500;min-width:0;counter-increment:step;color:var(--sw-fg)}
#solutions .mini-flow li:before{content:'0' counter(step);display:block;font:500 10px/1 var(--font-display);color:var(--sw-copy);margin-bottom:8px}
#solutions .mini-flow li:after{display:none}
#solutions .scenario-body{margin:0}
#solutions .scenario-body>div+div{margin-top:18px}
#solutions .scenario-body dt{font-size:11px;font-weight:600;color:var(--sw-fg);margin-bottom:6px}
#solutions .scenario-body dd{margin:0;font-size:13px;line-height:1.9;color:var(--sw-copy);text-wrap:pretty}
#solutions .scenario-links{margin:10px 0 0;gap:0 16px;font-size:12px}
#solutions .scenario-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--sw-fg);text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--sw-rule)}
#solutions .scenario-links a:hover{color:var(--sw-fg);background:transparent;text-decoration-color:currentColor}
#solutions .sw-caption{font-size:11px;line-height:1.8;color:var(--sw-copy);margin-top:10px}
@keyframes sw-copy-reveal{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}

#pricing .section-lead{margin-inline:auto}
#pricing .plan-grid{gap:16px;border:0;border-radius:0;overflow:visible;align-items:stretch}
#pricing .pk-plan{padding:28px 22px 24px;border:1px solid var(--sp-line);border-radius:10px;background:var(--surface);color:var(--fg);min-width:0}
#pricing .pk-plan+.pk-plan{border:1px solid var(--sp-line)}
#pricing .plan-name{font-size:28px;line-height:1.35;margin-bottom:10px;letter-spacing:-.035em}
#pricing .plan-for{font-size:13px;line-height:1.8;min-height:47px;margin:0;text-wrap:pretty}
#pricing .plan-list{font-size:13px;line-height:1.9;margin:24px 0 26px;padding-top:22px;border-top:1px solid var(--sp-line);flex:1}
#pricing .plan-list li{position:relative;padding-left:20px;margin:0 0 14px;text-wrap:pretty}
#pricing .plan-list li:last-child{margin-bottom:0}
#pricing .plan-list li:before{content:'✓';position:absolute;left:0;top:0;color:var(--sp-deep);font-size:12px;font-weight:600}
#pricing .pk-plan .btn{margin-top:auto;min-height:46px;font-size:12px;padding:10px 13px;border:1px solid var(--sp-deep);background:transparent;color:var(--fg)}
#pricing .pk-plan .btn:hover{background:oklch(90% .018 138);color:oklch(10% 0 0);border-color:var(--sp-ink);text-decoration:none}
#pricing .pk-plan--full{background:var(--sp-wash)}
#pricing .compare{margin-top:32px;border-color:var(--sp-line)}
#pricing .compare>summary:hover{background:var(--sp-wash);color:oklch(10% 0 0)}
#solutions :focus-visible,#pricing :focus-visible{outline:3px solid var(--sp-ink);outline-offset:5px}

@media(max-width:1080px){
 #solutions .sw-accordion{min-height:760px}
 #solutions .sw-panel{padding:28px}
 #solutions .sw-panel--live.is-active .sw-background,#solutions .sw-panel--daily.is-active .sw-background{object-fit:contain;object-position:left bottom}
 #solutions .sw-heading{font-size:27px}
 #solutions .sw-panel:not(.is-active) .sw-title{font-size:23px}
 #pricing .plan-grid{gap:20px}
 #pricing .pk-plan{padding:27px}
 #pricing .plan-for{min-height:24px}
 #pricing .plan-list{font-size:13px}
}
@media(max-width:900px){
 #solutions .sw-accordion,#solutions .sw-accordion[data-sw-active]{display:block;min-height:0}
 #solutions .sw-panel{padding:25px 23px 27px}
 #solutions .sw-panel+.sw-panel{border-left:0;border-top:1px solid oklch(60% .05 145 / .25)}
 #solutions .sw-panel:not(.is-active){padding:18px 23px}
 #solutions .sw-panel:not(.is-active) .sw-heading{position:relative}
 #solutions .sw-panel:not(.is-active) .sw-trigger{position:relative;inset:auto;flex-direction:row;min-height:82px;padding:0;align-items:center}
 #solutions .sw-panel:not(.is-active) .sw-title{writing-mode:horizontal-tb;font-size:22px;letter-spacing:-.025em;line-height:1.4;max-width:calc(100% - 95px)}
 #solutions .sw-panel:not(.is-active) .sw-arrow{display:none}
 #solutions .sw-heading{font-size:27px}
 #solutions .sw-content{width:100%;margin-top:15px;animation-delay:0s}
 #solutions .sw-shade{background:linear-gradient(90deg,color-mix(in oklch,var(--sw-base) 84%,transparent),color-mix(in oklch,var(--sw-base) 72%,transparent))}
 #solutions .sw-panel--chain .sw-shade{background:linear-gradient(90deg,color-mix(in oklch,var(--sw-base) 98%,transparent),color-mix(in oklch,var(--sw-base) 95%,transparent))}
 #solutions .sw-background,#solutions .sw-panel--live.is-active .sw-background,#solutions .sw-panel--daily.is-active .sw-background{left:0;right:0;object-fit:cover;object-position:70% center}
 #solutions .sw-panel:not(.is-active) .sw-background{inset:auto -12px -12px auto;width:205px;height:145.208px;transform:none;object-position:center}
 #solutions .sw-panel:not(.is-active) .sw-shade{background:linear-gradient(90deg,var(--sw-base) 0 34%,transparent 70%)}
 #solutions .sw-intro{font-size:15px;margin-bottom:23px}
 #solutions .scenario-body dd{font-size:14px}
 #solutions .mini-flow{margin-top:23px}
}
@media(max-width:760px){
 #pricing .section-lead{margin-left:0}
 #pricing .plan-grid{grid-template-columns:1fr;gap:18px}
 #pricing .pk-plan{padding:27px 25px 24px}
 #pricing .pk-head{position:relative}
 #pricing .plan-name{font-size:29px}
 #pricing .plan-for{font-size:14px;min-height:0}
 #pricing .plan-list{padding-top:19px;font-size:14px;margin-bottom:24px}
 #pricing .pk-plan .btn{font-size:13px;min-height:48px}
}
@media(max-width:360px){
 #solutions .sw-panel{padding:23px 19px 25px}
 #solutions .sw-panel:not(.is-active){padding:16px 19px}
 #solutions .sw-heading{font-size:24px}
 #solutions .sw-arrow{width:28px;height:28px}
 #solutions .scenario-links{gap:0 13px}
 #pricing .pk-plan{padding:24px 20px}
 #pricing .plan-list{font-size:13px}
}
@media print{
 #solutions .sw-accordion,#solutions .sw-accordion[data-sw-active]{display:block}
 #solutions .sw-panel{break-inside:avoid}
 #solutions [data-sw-content][hidden]{display:block!important}
 #solutions .sw-content{width:100%;animation:none}
 #solutions .sw-panel:not(.is-active) .sw-heading{position:relative}
 #solutions .sw-panel:not(.is-active) .sw-trigger{position:relative;inset:auto;min-height:48px;padding:0;flex-direction:row}
 #solutions .sw-panel:not(.is-active) .sw-title{writing-mode:horizontal-tb}
 #pricing .pk-plan--full{background:var(--sp-paper);color:var(--fg)}
 #pricing .pk-plan--full .plan-for,#pricing .pk-plan--full .btn{color:var(--fg)}
}
@media(prefers-reduced-motion:reduce){#solutions .sw-accordion,#solutions .sw-arrow{transition:none}#solutions .sw-content{animation:none}}
.no-js #solutions .sw-accordion{display:block}
.no-js #solutions [data-sw-content][hidden]{display:block!important}
.no-js #solutions .sw-content{width:100%;animation:none}
.no-js #solutions .sw-panel:not(.is-active) .sw-heading{position:relative}
.no-js #solutions .sw-panel:not(.is-active) .sw-trigger{position:relative;inset:auto;padding:0;flex-direction:row;min-height:48px}
.no-js #solutions .sw-panel:not(.is-active) .sw-title{writing-mode:horizontal-tb}