/* =====================================================================
   X Services page
   新版首页风格：浅底、白卡、轻边框、柔和紫色阴影。不要回到大面积粉紫。
   ===================================================================== */

#x-services-page{
  --c1:#EA7A8A;--c2:#BE68C4;--c3:#9356FD;
  --c1r:234,122,138;--c2r:190,104,196;--c3r:147,86,253;
  --grad:linear-gradient(100deg,var(--c1) 0%,var(--c2) 52%,var(--c3) 100%);
  --grad-soft:linear-gradient(100deg,rgba(var(--c1r),.14),rgba(var(--c2r),.14),rgba(var(--c3r),.14));
  --ink:#241A33;--inkr:36,26,51;
  --ink-2:#52465F;--ink-3:#786C86;--ink-4:#A99FB4;
  --page:#FBFAFE;--page-2:#F4F0FB;--paper:#fff;
  --line:rgba(var(--inkr),.09);--line-2:rgba(var(--inkr),.17);
  --key:#7B33D6;--key-deep:#6425B4;--key-soft:rgba(var(--c2r),.13);--key-tint:rgba(var(--c2r),.06);
  --ok:#12A150;--ok-soft:#EDFFF4;--bad:#D92D4E;--bad-soft:#FFF1F3;
  --sh-1:0 8px 24px -16px rgba(var(--c3r),.36);
  --sh-2:0 18px 50px -26px rgba(var(--c3r),.44);
  --sh-3:0 34px 80px -34px rgba(var(--c3r),.54);
  --r:12px;--r-l:18px;--r-xl:26px;--shell:1200px;--pad:22px;
  background:var(--page);color:var(--ink);
  font-family:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased;
  overflow-x:clip;
}

#x-services-page *,#x-services-page *::before,#x-services-page *::after{box-sizing:border-box}
#x-services-page h1,#x-services-page h2,#x-services-page h3,#x-services-page h4,#x-services-page p,#x-services-page ul,#x-services-page ol{margin:0}
#x-services-page ul,#x-services-page ol{list-style:none;padding:0}
#x-services-page a,#x-services-page a:visited,#x-services-page a:hover,#x-services-page a:focus{color:inherit;text-decoration:none!important}
#x-services-page :focus-visible{outline:2px solid var(--key);outline-offset:2px;border-radius:6px}

#x-services-page .xsp-container{max-width:var(--shell);margin:0 auto;padding:0 var(--pad);position:relative;z-index:2}

/* 仅未登录·悬浮站头套新样式；登录后(有 .wrapper-sidebar-navbar 外壳)的横条保持站点默认，别染成本页浅紫粉 */
body:not(:has(.wrapper-sidebar-navbar)) .component-navbar__wrapper,
body:not(:has(.wrapper-sidebar-navbar)) .component-navbar__navbar-public{background:rgba(251,250,254,.82)!important;backdrop-filter:blur(20px) saturate(1.45);-webkit-backdrop-filter:blur(20px) saturate(1.45);box-shadow:0 6px 24px -16px rgba(147,86,253,.5)!important;border-bottom:1px solid rgba(147,86,253,.12)!important}

/* Hero + pricing：首屏重做。少装饰，先把信息和价格表做顺。 */
#x-services-page .xsp-hero-section{position:relative;isolation:isolate;overflow:hidden;margin-top:-96px;padding:122px 0 76px;background:
  radial-gradient(38% 60% at 15% 6%,rgba(var(--c1r),.30),transparent 60%),
  radial-gradient(40% 64% at 86% 10%,rgba(var(--c3r),.28),transparent 62%),
  radial-gradient(52% 44% at 50% 52%,rgba(var(--c2r),.12),transparent 74%),
  linear-gradient(180deg,#f7f0fd 0%,#f8f3fc 52%,var(--page) 100%)}
#x-services-page .xsp-hero-section::before{content:"";position:absolute;inset:0;z-index:0;background-image:
  radial-gradient(circle at 22% 42%,rgba(var(--c1r),.85) 0 3.5px,transparent 4.5px),
  radial-gradient(circle at 79% 30%,rgba(var(--c3r),.80) 0 3px,transparent 4px),
  radial-gradient(circle at 63% 68%,rgba(var(--c2r),.75) 0 2.5px,transparent 3.5px),
  radial-gradient(circle at 34% 74%,rgba(var(--c3r),.65) 0 2.5px,transparent 3.5px),
  radial-gradient(circle at 88% 62%,rgba(var(--c1r),.55) 0 2px,transparent 3px),
  linear-gradient(rgba(var(--c3r),.10) 1px,transparent 1px),
  linear-gradient(90deg,rgba(var(--c3r),.10) 1px,transparent 1px);
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,34px 34px,34px 34px;
  mask-image:radial-gradient(76% 78% at 50% 34%,#000,transparent);-webkit-mask-image:radial-gradient(76% 78% at 50% 34%,#000,transparent);
  pointer-events:none;animation:xspDataField 14s ease-in-out infinite alternate}
#x-services-page .xsp-hero-section::after{content:"";position:absolute;left:50%;top:104px;width:min(1120px,86vw);height:520px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(var(--c2r),.16),transparent 74%);filter:blur(24px);pointer-events:none;z-index:0;animation:xspAuroraDrift 11s ease-in-out infinite alternate}
#x-services-page .xsp-bg-dots{display:none}

#x-services-page .xsp-hero{position:relative;z-index:2;text-align:center;padding:2px 0 34px}
#x-services-page .xsp-hero::before,#x-services-page .xsp-hero::after{position:absolute;z-index:1;pointer-events:none;border:1px solid rgba(var(--c2r),.12);border-radius:999px;background:rgba(255,255,255,.38);box-shadow:0 18px 50px -34px rgba(var(--c3r),.45),inset 0 1px 0 rgba(255,255,255,.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:rgba(var(--inkr),.18);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1}
#x-services-page .xsp-hero::before{content:"views  •  likes  •  reposts";left:7%;top:34%;padding:10px 14px;transform:rotate(-7deg);animation:xspFloatLeft 5.5s ease-in-out infinite}
#x-services-page .xsp-hero::after{content:"comments  •  real users";right:7%;top:54%;padding:10px 14px;transform:rotate(6deg);animation:xspFloatRight 6.2s ease-in-out infinite}
#x-services-page .xsp-hero .xsp-container{max-width:940px;display:block}
#x-services-page .xsp-hero .xsp-container::before,#x-services-page .xsp-hero .xsp-container::after{display:none!important}
#x-services-page .xsp-breadcrumb{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 auto 18px;font-size:13px;font-weight:700;line-height:1}
#x-services-page .xsp-bc-link{color:rgba(var(--inkr),.55)!important;transition:color .18s}
#x-services-page .xsp-bc-link:hover{color:rgba(var(--c2r),.9)!important}
#x-services-page .xsp-bc-sep{color:rgba(var(--inkr),.32)}
#x-services-page .xsp-bc-current{color:var(--key)}
#x-services-page .xsp-title{max-width:780px;margin:0 auto;font-size:clamp(31px,3.05vw,44px);line-height:1.18;font-weight:900;letter-spacing:-.04em;text-wrap:balance;color:var(--ink)!important;-webkit-text-fill-color:var(--ink);background:none}
#x-services-page .xsp-title strong,#x-services-page .xsp-title span{background:var(--grad)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;font-weight:900}
#x-services-page .xsp-subtitle{max-width:700px;margin:18px auto 0;font-size:clamp(14.5px,1.02vw,16px);line-height:1.95;color:var(--ink-2);text-wrap:pretty}
#x-services-page .xsp-subtitle strong{color:var(--key);font-weight:900}

#x-services-page .xsp-pricing{position:relative;z-index:2;padding:0}
#x-services-page .xsp-pricing::before{content:"";position:absolute;left:50%;top:-54px;width:100vw;height:calc(100% + 154px);transform:translateX(-50%);background:
  radial-gradient(circle at 21% 30%,transparent 0 46px,rgba(var(--c1r),.085) 47px,transparent 49px),
  radial-gradient(circle at 50% 24%,transparent 0 64px,rgba(var(--c2r),.08) 65px,transparent 68px),
  radial-gradient(circle at 78% 34%,transparent 0 52px,rgba(var(--c3r),.08) 53px,transparent 56px),
  linear-gradient(165deg,transparent 0 37%,rgba(var(--c2r),.075) 37.15%,transparent 37.55% 100%),
  linear-gradient(18deg,transparent 0 49%,rgba(var(--c1r),.06) 49.15%,transparent 49.52% 100%),
  radial-gradient(circle at 19% 23%,rgba(var(--c1r),.17) 0 3px,transparent 4px),
  radial-gradient(circle at 36% 18%,rgba(var(--c2r),.13) 0 2px,transparent 3px),
  radial-gradient(circle at 61% 28%,rgba(var(--c3r),.13) 0 2px,transparent 3px),
  radial-gradient(circle at 80% 17%,rgba(var(--c1r),.15) 0 3px,transparent 4px);pointer-events:none;animation:xspPricingFlow 11s ease-in-out infinite alternate,xspSignalPulse 5.8s ease-in-out infinite}
#x-services-page .xsp-pricing .xsp-container{max-width:1240px;padding:0 var(--pad);border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#x-services-page .divider-bottom{display:none}

/* Tabs / disabled subscription area: kept for future restore, visually aligned */
#x-services-page .xsp-period-tabs-wrapper{display:flex;justify-content:center;margin-bottom:20px}
#x-services-page .xsp-period-tabs,#x-services-page .xsp-onetime-tabs{display:inline-flex;gap:6px;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.74);box-shadow:var(--sh-1);backdrop-filter:blur(12px)}
#x-services-page .xsp-period-tab,#x-services-page .xsp-onetime-tab{height:36px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--ink-3);font-size:12.5px;font-weight:750;cursor:pointer;transition:.2s}
#x-services-page .xsp-period-tab.active,#x-services-page .xsp-onetime-tab.active{background:var(--grad);color:#fff;box-shadow:0 8px 20px -9px rgba(var(--c2r),.9)}
#x-services-page .save-badge{margin-left:5px;font-size:10px;color:var(--ok)}
#x-services-page .xsp-period-tab.active .save-badge{color:#fff}

#x-services-page .xsp-tier-row-header{display:flex;align-items:baseline;justify-content:center;gap:14px;margin:8px 0 20px;text-align:center;flex-wrap:wrap;padding:0}
#x-services-page .xsp-tier-row-header-second{margin-top:40px;padding-top:0;border-top:0}
#x-services-page h3.xsp-tier-row-title{display:block;margin:0;font-size:22px;line-height:1.25;font-weight:700;letter-spacing:0;color:var(--ink)!important}
#x-services-page h3.xsp-tier-row-title::before{display:none!important}
#x-services-page .xsp-tier-row-validity{display:inline-block;height:auto;padding:4px 12px;border-radius:999px;background:linear-gradient(90deg,#ffe1ea 0%,#ffd1de 100%);color:#d63864;font-size:13px;line-height:1.35;font-weight:600;border:0;box-shadow:none}

#x-services-page .xsp-pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:0 auto;align-items:start}
#x-services-page .xsp-onetime-panel.active,#x-services-page .xsp-onetime-panel.xsp-onetime-show{display:grid}
#x-services-page .xsp-glass-card,#x-services-page .xsp-intro-card,#x-services-page .xsp-feature-card,#x-services-page .xsp-audience-card,#x-services-page .xsp-core-card,#x-services-page .xsp-review-card,#x-services-page .xsp-faq-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-1);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s}
#x-services-page .xsp-glass-card:hover,#x-services-page .xsp-intro-card:hover,#x-services-page .xsp-feature-card:hover,#x-services-page .xsp-audience-card:hover,#x-services-page .xsp-core-card:hover,#x-services-page .xsp-review-card:hover,#x-services-page .xsp-faq-card:hover{transform:translateY(-5px);border-color:rgba(var(--c2r),.34);box-shadow:var(--sh-2)}

/* 原套餐卡样式：直接搬旧版价格卡骨架，只做作用域隔离 */
#x-services-page .xsp-price-card{padding:16px;position:relative;background:#fff;border:1px solid rgba(36,26,51,.08);border-radius:18px;box-shadow:0 4px 18px rgba(147,86,253,.08);overflow:visible;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
#x-services-page .xsp-price-card:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(147,86,253,.13);border-color:rgba(234,122,138,.18)}
#x-services-page .xsp-price-card.featured{box-shadow:0 4px 20px rgba(147,86,253,.15);border-color:rgba(178,130,254,.28)}
#x-services-page .xsp-price-card::before,#x-services-page .xsp-price-card::after{display:none!important}
#x-services-page .xsp-popular-tag{position:absolute;top:-10px;left:50%;right:auto;transform:translateX(-50%);background:linear-gradient(135deg,#ea7a8a,#b282fe);color:#fff;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;line-height:1.2;box-shadow:0 2px 8px rgba(147,86,253,.3);white-space:nowrap;z-index:3}
#x-services-page .xsp-price-card-title{color:#333;font-size:13px;font-weight:600;line-height:1.35;margin:0 0 8px;padding:0;letter-spacing:0}
#x-services-page .xsp-price-card-amount{margin-bottom:4px;display:block}
#x-services-page .xsp-price-card-amount .amount{font-family:inherit;font-size:22px;line-height:1.15;font-weight:700;color:#333;letter-spacing:0;font-variant-numeric:normal}
#x-services-page .xsp-price-card-amount .currency{font-size:12px;color:#888;margin-left:2px;font-weight:400;padding:0}
#x-services-page .xsp-price-card-unit{color:#999;font-size:11px;line-height:1.4;margin-bottom:10px}
#x-services-page .xsp-price-card-features{list-style:none;padding:0;margin:0 0 10px;border:0;display:block}
#x-services-page .xsp-price-card-features li{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-top:0;border-bottom:1px solid #f0f0f0;color:#666;font-size:12px;line-height:1.4;white-space:nowrap;gap:8px}
#x-services-page .xsp-price-card-features li:first-child{border-top:0}
#x-services-page .xsp-price-card-features li:last-child{border-bottom:none}
#x-services-page .xsp-price-card-features li i{color:#ea7a8a;margin-right:6px;font-size:11px;width:auto;text-align:left}
#x-services-page .xsp-price-card-features li .value{font-family:inherit;font-weight:600;color:#333;flex-shrink:0;margin-left:8px;letter-spacing:0;font-variant-numeric:normal}
#x-services-page .xsp-price-card-note{color:#ea7a8a;font-size:11px;font-weight:400;line-height:1.35;margin:0 0 6px;padding:0;text-align:center;background:transparent;border-radius:0;min-height:0}
#x-services-page .xsp-price-card-fit{color:#888;font-size:10px;line-height:1.35;margin:0 0 10px;text-align:center;padding:4px 8px;background:#f8f8f8;border-radius:4px;min-height:0}
#x-services-page .xsp-buy-btn{width:100%;padding:10px 16px;border-radius:6px;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;transition:all .3s ease;text-decoration:none!important;display:inline-block;text-align:center;height:auto;margin:0}
#x-services-page .xsp-buy-btn-primary{background:linear-gradient(135deg,#ea7a8a,#b282fe);color:#fff!important;border:none;box-shadow:none}
#x-services-page .xsp-buy-btn-primary:hover{background:linear-gradient(135deg,#d86a7a,#a272ee);transform:translateY(-2px);color:#fff!important;box-shadow:none}
#x-services-page .xsp-buy-btn-outline{background:#fff;border:1px solid #ddd;color:#666!important;box-shadow:none}
#x-services-page .xsp-buy-btn-outline:hover{border-color:#ea7a8a;color:#ea7a8a!important;text-decoration:none!important;box-shadow:none}
#x-services-page .xsp-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;padding:0 18px;border-radius:10px;font-size:14px;font-weight:800;text-align:center;cursor:pointer;transition:.2s;border:0;background:var(--grad);color:#fff!important;box-shadow:0 12px 28px -10px rgba(var(--c2r),.7)}

/* Content sections */
#x-services-page .xsp-content-section{position:relative;overflow:hidden;background:var(--page);padding:0 0 76px}
#x-services-page .xsp-content-section::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--page),var(--page-2) 18%,var(--page) 38%,var(--page-2) 58%,var(--page) 78%);z-index:0;pointer-events:none}
#x-services-page .xsp-content-section::after{content:"";position:absolute;right:-150px;top:14%;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(var(--c3r),.11),transparent 70%);z-index:0;pointer-events:none}
#x-services-page .xsp-decoration-dots{display:none}
#x-services-page .xsp-intro,#x-services-page .xsp-steps,#x-services-page .xsp-features,#x-services-page .xsp-compare,#x-services-page .xsp-audience,#x-services-page .xsp-core-features,#x-services-page .xsp-reviews,#x-services-page .xsp-faq{position:relative;z-index:1;padding:84px 0!important;background:transparent!important}
#x-services-page .xsp-intro:nth-of-type(even),#x-services-page .xsp-features:nth-of-type(even),#x-services-page .xsp-audience:nth-of-type(even){background:transparent!important}

#x-services-page .xsp-intro-header{max-width:900px;margin:0 auto 38px;text-align:center}
#x-services-page .xsp-section-title,#x-services-page .xsp-intro-title{max-width:820px;margin:0 auto 12px;text-align:center;font-size:clamp(25px,3.1vw,36px);line-height:1.22;font-weight:800;letter-spacing:-.032em;color:var(--ink)!important;text-wrap:balance}
#x-services-page .xsp-section-desc,#x-services-page .xsp-intro-desc{max-width:760px;margin:0 auto 38px;text-align:center;font-size:15.5px;color:var(--ink-3)!important;line-height:1.85;white-space:pre-line}
#x-services-page .xsp-section-title::before,#x-services-page .xsp-intro-title::before{content:"X Growth";display:block;margin-bottom:10px;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--key)}
#x-services-page .xsp-steps .xsp-section-title::before{content:"How It Works"}
#x-services-page .xsp-features .xsp-section-title::before{content:"Why Choose Us"}
#x-services-page .xsp-compare .xsp-section-title::before{content:"Quality Check"}
#x-services-page .xsp-audience .xsp-section-title::before{content:"Use Cases"}
#x-services-page .xsp-core-features .xsp-section-title::before{content:"Core Features"}
#x-services-page .xsp-reviews .xsp-section-title::before{content:"Reviews"}
#x-services-page .xsp-faq .xsp-section-title::before{content:"FAQ"}

#x-services-page .xsp-intro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#x-services-page .xsp-intro-card,#x-services-page .xsp-feature-card{text-align:left;padding:26px 24px}
#x-services-page .xsp-intro-icon,#x-services-page .xsp-feature-icon,#x-services-page .xsp-audience-icon,#x-services-page .xsp-core-icon,#x-services-page .xsp-step-row-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(150deg,rgba(var(--c1r),.14),rgba(var(--c3r),.12));color:var(--key);font-size:22px;margin:0 0 18px;transition:transform .25s}
#x-services-page .xsp-intro-card:hover .xsp-intro-icon,#x-services-page .xsp-feature-card:hover .xsp-feature-icon,#x-services-page .xsp-audience-card:hover .xsp-audience-icon,#x-services-page .xsp-core-card:hover .xsp-core-icon,#x-services-page .xsp-step-row:hover .xsp-step-row-icon{transform:translateY(-3px) scale(1.04)}
#x-services-page .xsp-intro-card-title,#x-services-page .xsp-feature-title,#x-services-page .xsp-audience-title{font-size:16px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin-bottom:8px}
#x-services-page .xsp-intro-card-subtitle,#x-services-page .xsp-core-subtitle{font-size:12.5px;font-weight:800;color:var(--key);margin-bottom:10px}
#x-services-page .xsp-intro-card-desc,#x-services-page .xsp-feature-desc,#x-services-page .xsp-audience-desc,#x-services-page .xsp-core-desc{font-size:13.5px;line-height:1.85;color:var(--ink-3)}

#x-services-page .xsp-cta-box{max-width:760px;margin:38px auto 0;padding:28px 30px;border:1px solid var(--line);border-radius:var(--r-xl);background:linear-gradient(140deg,#fff,rgba(var(--c2r),.06));box-shadow:var(--sh-2);text-align:center}
#x-services-page .xsp-cta-title{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin-bottom:8px}
#x-services-page .xsp-cta-subtitle{font-size:14px;color:var(--ink-3);margin-bottom:18px}
#x-services-page .xsp-cta-box .xsp-cta-btn{width:auto;min-width:210px}

/* Steps and timeline */
#x-services-page .xsp-steps-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
#x-services-page .xsp-step-row{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-1);padding:26px 24px;transition:.25s cubic-bezier(.16,1,.3,1)}
#x-services-page .xsp-step-row:hover{transform:translateY(-6px);border-color:var(--key);box-shadow:var(--sh-2)}
#x-services-page .xsp-step-row-icon-wrap{position:relative;margin-bottom:18px}
#x-services-page .xsp-step-row-num{position:absolute;right:-8px;top:-8px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--key);color:#fff;border:2px solid #fff;font-size:13px;font-weight:800;box-shadow:0 3px 10px rgba(var(--c2r),.32)}
#x-services-page .xsp-step-row-title{font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin-bottom:8px}
#x-services-page .xsp-step-row-desc{font-size:13.5px;line-height:1.85;color:var(--ink-3)}

#x-services-page .xsp-timeline{margin-top:44px;padding:32px;border:1px solid var(--line);border-radius:var(--r-xl);background:rgba(255,255,255,.74);box-shadow:var(--sh-1)}
#x-services-page .xsp-timeline-title{text-align:center;font-size:17px;font-weight:800;color:var(--ink);margin-bottom:30px}
#x-services-page .xsp-timeline-title i{color:var(--key);margin-right:8px}
#x-services-page .xsp-timeline-track{display:flex;align-items:flex-start;justify-content:center}
#x-services-page .xsp-timeline-node{display:flex;flex-direction:column;align-items:center;width:145px;position:relative;z-index:2}
#x-services-page .xsp-timeline-time{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;font-size:13.5px;font-weight:800;color:var(--key);margin-bottom:12px}
#x-services-page .xsp-timeline-dot{width:16px;height:16px;border-radius:50%;background:var(--grad);box-shadow:0 0 0 5px var(--key-soft)}
#x-services-page .xsp-timeline-desc{text-align:center;margin-top:12px;font-size:13px;line-height:1.5;color:var(--ink-3)}
#x-services-page .xsp-timeline-line{flex:1;min-width:38px;max-width:82px;height:2px;margin-top:43px;background:linear-gradient(90deg,rgba(var(--c1r),.3),rgba(var(--c3r),.45))}
#x-services-page .xsp-dashboard-tip{display:flex;align-items:flex-start;gap:18px;margin-top:24px;padding:24px 28px;border:1px solid rgba(var(--c2r),.22);border-radius:var(--r-l);background:var(--key-tint);box-shadow:var(--sh-1)}
#x-services-page .xsp-dashboard-tip-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:0 0 48px;background:var(--grad);color:#fff;box-shadow:0 12px 28px -12px rgba(var(--c2r),.78)}
#x-services-page .xsp-dashboard-tip-title{font-size:16px;font-weight:800;color:var(--ink);margin-bottom:6px}
#x-services-page .xsp-dashboard-tip-desc{font-size:14px;line-height:1.8;color:var(--ink-2)}
#x-services-page .xsp-dashboard-tip-desc strong{color:var(--key)}

/* Features / audience / core */
#x-services-page .xsp-features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
#x-services-page .xsp-audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:40px}
#x-services-page .xsp-audience-card{padding:24px;text-align:left}
#x-services-page .xsp-core-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:40px}
#x-services-page .xsp-core-card{padding:30px}
#x-services-page .xsp-core-icon svg{width:24px;height:24px;color:var(--key)}
#x-services-page .xsp-core-title{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin-bottom:5px}
#x-services-page .xsp-core-desc strong{color:var(--ink)}
#x-services-page .xsp-highlight{display:inline-block;padding:2px 9px;border-radius:7px;background:var(--key-soft);color:var(--key);font-weight:800}
#x-services-page .xsp-core-examples{margin-top:18px;padding-top:16px;border-top:1px dashed rgba(var(--c2r),.3)}
#x-services-page .xsp-core-examples-label{font-size:12px;color:var(--ink-4);margin-bottom:11px}
#x-services-page .xsp-core-example{position:relative;margin:0 0 8px;padding:12px 14px 12px 18px;border-radius:12px;background:var(--page-2);font-size:13px;line-height:1.65;color:var(--ink-2);font-style:normal}
#x-services-page .xsp-core-example::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--grad)}

/* Compare */
#x-services-page .xsp-compare-scale{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;max-width:980px;margin:40px auto 0}
#x-services-page .xsp-compare-side{border-radius:var(--r-xl);padding:28px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--sh-1);transform:none;opacity:1;transition:.25s}
#x-services-page .xsp-compare-side:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
#x-services-page .xsp-compare-side-fake{background:linear-gradient(180deg,#fff,var(--bad-soft));border-color:rgba(217,45,78,.14)}
#x-services-page .xsp-compare-side-real{background:linear-gradient(180deg,#fff,var(--key-tint));border-color:rgba(var(--c2r),.26)}
#x-services-page .xsp-compare-side-head{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line);font-size:16px;font-weight:800;color:var(--ink)}
#x-services-page .xsp-compare-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center}
#x-services-page .xsp-compare-side-fake .xsp-compare-icon{background:rgba(217,45,78,.1);color:var(--bad)}
#x-services-page .xsp-compare-side-real .xsp-compare-icon{background:var(--key-soft);color:var(--key)}
#x-services-page .xsp-compare-side li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;font-size:14px;line-height:1.65;color:var(--ink-2)}
#x-services-page .xsp-compare-side li::before{content:"";width:6px;height:6px;border-radius:50%;flex:0 0 6px;margin-top:9px;background:currentColor;opacity:.5}
#x-services-page .xsp-compare-side-real li{font-weight:700;color:var(--key-deep)}
#x-services-page .xsp-compare-vs{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff;font-size:14px;font-weight:900;box-shadow:0 14px 30px -12px rgba(var(--c2r),.84)}

/* Reviews */
#x-services-page .xsp-reviews-slider-wrapper{position:relative;margin-top:40px;padding:0 50px}
#x-services-page .xsp-reviews-track-container{overflow:hidden;padding:18px 20px;margin:-18px -20px}
#x-services-page .xsp-reviews-track{display:flex;gap:20px;transition:transform .45s cubic-bezier(.16,1,.3,1);will-change:transform}
#x-services-page .xsp-review-slide{flex:0 0 calc(33.333% - 14px);min-width:calc(33.333% - 14px)}
#x-services-page .xsp-review-card{height:100%;display:flex;flex-direction:column;padding:20px}
#x-services-page .xsp-reviews-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink-3);cursor:pointer;box-shadow:var(--sh-1);transition:.2s}
#x-services-page .xsp-reviews-nav:hover{border-color:var(--key);color:var(--key);box-shadow:var(--sh-2)}
#x-services-page .xsp-reviews-prev{left:0}#x-services-page .xsp-reviews-next{right:0}
#x-services-page .xsp-review-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}
#x-services-page .xsp-review-user{display:flex;align-items:center;gap:10px;min-width:0}
#x-services-page .review-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:0 0 38px;background:linear-gradient(145deg,var(--key),var(--key-deep));color:#fff;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;font-size:12px;font-weight:900;text-transform:uppercase}
#x-services-page .xsp-review-name{font-size:14px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#x-services-page .xsp-review-country{font-size:12px;color:var(--ink-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#x-services-page .xsp-review-platform{display:inline-flex;align-items:center;height:25px;padding:0 9px;border-radius:999px;background:var(--page-2);color:var(--ink-3);font-size:11px;font-weight:800;white-space:nowrap}
#x-services-page .xsp-review-rating{color:#F5A623;font-size:13px;letter-spacing:1px;margin-bottom:10px}
#x-services-page .xsp-review-text{flex:1;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#x-services-page .xsp-review-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
#x-services-page .xsp-review-screenshot-link{font-size:12px;font-weight:800;color:var(--key)!important}
#x-services-page .xsp-review-date{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;font-size:11px;color:var(--ink-4)}
#x-services-page .review-like-btn{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;color:var(--ink-4);cursor:pointer;font-size:12px}
#x-services-page .review-like-btn svg{width:14px;height:14px}
#x-services-page .review-like-btn:hover{color:var(--key)}

/* FAQ */
#x-services-page .xsp-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;margin-top:36px}
#x-services-page .xsp-faq-card{overflow:hidden;box-shadow:none}
#x-services-page .xsp-faq-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:17px 18px;cursor:pointer}
#x-services-page .xsp-faq-question{font-size:15px;line-height:1.5;font-weight:800;letter-spacing:-.015em;color:var(--ink);padding:0}
#x-services-page .xsp-faq-icon{position:relative;flex:0 0 22px;width:22px;height:22px;border-radius:50%;border:1px solid var(--line-2);background:var(--page-2);margin-top:1px;transition:.2s}
#x-services-page .xsp-faq-icon::before,#x-services-page .xsp-faq-icon::after{content:"";position:absolute;left:50%;top:50%;background:var(--ink-3);transform:translate(-50%,-50%);transition:.2s}
#x-services-page .xsp-faq-icon::before{width:10px;height:2px}#x-services-page .xsp-faq-icon::after{width:2px;height:10px}
#x-services-page .xsp-faq-header.active .xsp-faq-icon{background:var(--grad);border-color:transparent}#x-services-page .xsp-faq-header.active .xsp-faq-icon::before{background:#fff}#x-services-page .xsp-faq-header.active .xsp-faq-icon::after{opacity:0}
#x-services-page .xsp-faq-body{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.16,1,.3,1)}
#x-services-page .xsp-faq-body.active{max-height:720px}
#x-services-page .xsp-faq-answer{padding:0 18px 18px;font-size:14px;line-height:1.8;color:var(--ink-3)}
#x-services-page .xsp-faq-answer ul{list-style:disc;margin:12px 0 0 18px;padding:0}
#x-services-page .xsp-faq-answer li{margin-bottom:7px}#x-services-page .xsp-faq-answer strong{color:var(--ink)}

/* 页内锚点：旧版平台页同款右侧圆点导航（.pf-nav），作用域化到本页 */
#x-services-page .pf-nav{position:fixed;right:34px;top:50%;z-index:90;transform:translateY(-50%)}
#x-services-page .pf-anchor-menu{display:flex;flex-direction:column;align-items:center;gap:14px}
#x-services-page .pf-anchor-menu a{position:relative;display:grid;place-items:center;width:28px;height:24px;padding:0;color:#C9C7CD;font-size:0;line-height:1;outline:0;transition:color .2s ease}
#x-services-page .pf-anchor-menu a::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;transition:width .2s ease,height .2s ease,box-shadow .2s ease,background .2s ease}
#x-services-page .pf-anchor-menu a::after{content:attr(aria-label);position:absolute;right:calc(100% + 12px);top:50%;width:max-content;max-width:min(260px,calc(100vw - 92px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--c1);font-size:15px;font-weight:800;line-height:1.2;letter-spacing:0;opacity:0;pointer-events:none;transform:translate(6px,-50%);transition:opacity .18s ease,transform .18s ease;z-index:1}
#x-services-page .pf-anchor-menu a:hover,#x-services-page .pf-anchor-menu a:focus-visible{color:var(--ink-3)}
#x-services-page .pf-anchor-menu a:hover::before,#x-services-page .pf-anchor-menu a:focus-visible::before{width:13px;height:13px;box-shadow:0 5px 14px -8px rgba(var(--inkr),.55)}
#x-services-page .pf-anchor-menu a:hover::after,#x-services-page .pf-anchor-menu a:focus-visible::after,#x-services-page .pf-anchor-menu a[aria-current="true"]::after{opacity:1;transform:translate(0,-50%)}
#x-services-page .pf-anchor-menu:has(a:hover) a[aria-current="true"]:not(:hover)::after,#x-services-page .pf-anchor-menu:has(a:focus-visible) a[aria-current="true"]:not(:focus-visible)::after{opacity:0;transform:translate(6px,-50%)}
#x-services-page .pf-anchor-menu a[aria-current="true"]{color:var(--c2)}
#x-services-page .pf-anchor-menu a[aria-current="true"]::before{width:15px;height:15px;background:var(--grad);box-shadow:0 5px 14px -6px rgba(var(--c2r),.76)}
@media(max-width:1180px){#x-services-page .pf-nav{display:none}}

@keyframes xspDataField{0%{transform:translate3d(-10px,-6px,0) scale(1);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,30px 20px,0 0,0 0,0 0,0 0;opacity:.68}50%{opacity:.88}100%{transform:translate3d(14px,10px,0) scale(1.025);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,58px 34px,-22px 62px,72px 22px,-58px 30px,46px -24px,28px 28px;opacity:.8}}
@keyframes xspAuroraDrift{0%{transform:translateX(-53%) translateY(-8px) scale(.96);opacity:.58}45%{opacity:.92}100%{transform:translateX(-47%) translateY(18px) scale(1.08);opacity:.74}}
@keyframes xspFloatLeft{0%,100%{transform:translate3d(0,0,0) rotate(-7deg);opacity:.38}50%{transform:translate3d(22px,-20px,0) rotate(-3deg);opacity:.74}}
@keyframes xspFloatRight{0%,100%{transform:translate3d(0,0,0) rotate(6deg);opacity:.36}50%{transform:translate3d(-24px,18px,0) rotate(2deg);opacity:.7}}
@keyframes xspPricingFlow{0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0}100%{background-position:34px 10px,-28px 18px,26px -16px,88px 18px,-72px 24px,5% 4%,9% -3%,-6% 5%,4% -2%}}
@keyframes xspSignalPulse{0%,100%{filter:saturate(1) blur(0);opacity:.58;transform:translateX(-50%) scale(.985)}50%{filter:saturate(1.18) blur(.2px);opacity:.92;transform:translateX(-50%) scale(1.018)}}

@media(max-width:1100px){
  #x-services-page .xsp-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #x-services-page .xsp-intro-grid,#x-services-page .xsp-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #x-services-page .xsp-review-slide{flex-basis:calc(50% - 10px);min-width:calc(50% - 10px)}
}
@media(max-width:900px){
  #x-services-page .xsp-compare-scale{grid-template-columns:1fr;gap:16px}
  #x-services-page .xsp-compare-vs{margin:0 auto}
  #x-services-page .xsp-core-grid,#x-services-page .xsp-features-grid,#x-services-page .xsp-steps-list{grid-template-columns:1fr}
}
@media(max-width:720px){
  #x-services-page{--pad:16px}
  #x-services-page .xsp-hero-section{margin-top:-78px;padding:104px 0 48px}
  #x-services-page .xsp-hero{padding:8px 0 24px}
  #x-services-page .xsp-title{max-width:640px;font-size:clamp(25px,7vw,32px);line-height:1.18;letter-spacing:-.035em}
  #x-services-page .xsp-subtitle{max-width:620px;font-size:13.5px;line-height:1.75}
  #x-services-page .xsp-hero::before,#x-services-page .xsp-hero::after{display:none}
  #x-services-page .xsp-bg-dots span{display:none}
  #x-services-page .xsp-pricing .xsp-container{padding:0 var(--pad);border-radius:0}
  #x-services-page .xsp-pricing-grid,#x-services-page .xsp-intro-grid,#x-services-page .xsp-audience-grid{grid-template-columns:1fr;gap:14px}
  #x-services-page .xsp-price-card{min-height:0}
  #x-services-page .xsp-price-card-title{padding-right:0}
  #x-services-page .xsp-price-card-features li{white-space:normal}
  #x-services-page .xsp-tier-row-header{align-items:center;gap:8px;margin-bottom:16px}
  #x-services-page .xsp-tier-row-header-second{margin-top:26px;padding-top:22px}
  #x-services-page .xsp-content-section{padding-bottom:48px}
  #x-services-page .xsp-intro,#x-services-page .xsp-steps,#x-services-page .xsp-features,#x-services-page .xsp-compare,#x-services-page .xsp-audience,#x-services-page .xsp-core-features,#x-services-page .xsp-reviews,#x-services-page .xsp-faq{padding:52px 0!important}
  #x-services-page .xsp-section-title,#x-services-page .xsp-intro-title{font-size:clamp(22px,6.4vw,28px)}
  #x-services-page .xsp-section-desc,#x-services-page .xsp-intro-desc{font-size:14px;margin-bottom:28px}
  #x-services-page .xsp-intro-card,#x-services-page .xsp-feature-card,#x-services-page .xsp-audience-card,#x-services-page .xsp-core-card{padding:22px 20px}
  #x-services-page .xsp-step-row{flex-direction:row;gap:16px;padding:20px;text-align:left}
  #x-services-page .xsp-step-row-icon-wrap{margin:0;flex:0 0 auto}
  #x-services-page .xsp-step-row-icon{width:48px;height:48px;border-radius:14px;font-size:20px}
  #x-services-page .xsp-timeline{padding:24px 20px}
  #x-services-page .xsp-timeline-track{flex-direction:column;align-items:stretch;gap:14px}
  #x-services-page .xsp-timeline-node{width:100%;display:grid;grid-template-columns:76px 18px minmax(0,1fr);gap:12px;align-items:center}
  #x-services-page .xsp-timeline-time{margin:0;text-align:right;font-size:12px}
  #x-services-page .xsp-timeline-desc{text-align:left;margin:0}
  #x-services-page .xsp-timeline-line{display:none}
  #x-services-page .xsp-dashboard-tip{flex-direction:column;text-align:center;align-items:center;padding:22px 20px}
  #x-services-page .xsp-reviews-slider-wrapper{padding:0;margin-top:28px}
  #x-services-page .xsp-reviews-track-container{padding:12px 0;margin:-12px 0}
  #x-services-page .xsp-review-slide{flex-basis:100%;min-width:100%}
  #x-services-page .xsp-reviews-nav{display:none}
  #x-services-page .xsp-faq-grid{grid-template-columns:1fr;margin-top:28px}
  #x-services-page .xsp-cta-box{padding:24px 20px}
  #x-services-page .xsp-cta-box .xsp-cta-btn{width:100%;min-width:0}
}
@media(hover:none){
  #x-services-page .xsp-glass-card:hover,#x-services-page .xsp-step-row:hover,#x-services-page .xsp-core-card:hover,#x-services-page .xsp-review-card:hover,#x-services-page .xsp-faq-card:hover,#x-services-page .xsp-buy-btn:hover{transform:none}}
@media(prefers-reduced-motion:reduce){
  #x-services-page *,#x-services-page *::before,#x-services-page *::after{animation:none!important;transition:none!important}}