:root{
  --xy-bg:#f5f5f7;--xy-white:#fff;--xy-ink:#1d1d1f;--xy-muted:#6e6e73;--xy-line:#d2d2d7;
  --xy-blue:#0071e3;--xy-blue-hover:#0077ed;--xy-radius:28px;--xy-shell:1420px;
}

/* ===== XY_SHOP_SHARE_AND_GLASS_ACTIONS_V1 =====
   Shared Taobao-store actions and blue/glass download controls. */
.xy-pill-glass {
  color: #1d1d1f !important;
  border: 1px solid rgba(0, 113, 227, .22) !important;
  background: rgba(255, 255, 255, .72) !important;
  box-shadow: 0 12px 32px rgba(29, 68, 130, .08), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
}

.xy-pill-glass:hover {
  color: #0066cc !important;
  border-color: rgba(0, 113, 227, .42) !important;
  background: rgba(255, 255, 255, .92) !important;
  transform: translateY(-1px);
}

.xy-download-start {
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, .42) !important;
  background: linear-gradient(135deg, #4f91ff 0%, #2563eb 100%) !important;
  box-shadow: 0 14px 30px rgba(37, 99, 235, .24), inset 0 1px 0 rgba(255, 255, 255, .36) !important;
}

.xy-download-start:hover {
  color: #fff !important;
  background: linear-gradient(135deg, #5b9aff 0%, #1f5de0 100%) !important;
  transform: translateY(-1px);
}

.xy-purchase-step:first-child {
  position: relative;
}

.xy-shop-share {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.xy-shop-share button {
  min-height: 42px;
  border: 1px solid rgba(0, 113, 227, .18);
  border-radius: 999px;
  color: #0066cc;
  background: rgba(255, 255, 255, .7);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 8px 22px rgba(29, 68, 130, .07);
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  backdrop-filter: blur(16px) saturate(150%);
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease;
}

.xy-shop-share button:hover {
  border-color: rgba(0, 113, 227, .42);
  background: rgba(255, 255, 255, .96);
  transform: translateY(-1px);
}

.xy-shop-share [data-shop-status] {
  grid-column: 1 / -1;
  min-height: 16px;
  color: #86868b;
  font-size: 12px;
  line-height: 1.35;
  text-align: center;
}

.xy-shop-share-inline {
  width: min(300px, 100%);
  margin-top: 22px;
}

.xy-shop-share-inline button {
  min-height: 38px;
  padding: 0 14px;
}

.xy-purchase-modal {
  border: 1px solid rgba(255, 255, 255, .8) !important;
  background: rgba(255, 255, 255, .86) !important;
  box-shadow: 0 30px 90px rgba(26, 45, 82, .2), inset 0 1px 0 rgba(255, 255, 255, .96) !important;
  -webkit-backdrop-filter: blur(34px) saturate(150%);
  backdrop-filter: blur(34px) saturate(150%);
}

.xy-purchase-modal > p {
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
}

.xy-taobao-login-note {
  display: block;
  margin: -2px auto 22px;
  color: #86868b;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}

.xy-shop-primary {
  width: 100%;
  color: #fff !important;
  background: linear-gradient(135deg, #4f91ff 0%, #2563eb 100%) !important;
  box-shadow: 0 16px 36px rgba(37, 99, 235, .25), inset 0 1px 0 rgba(255, 255, 255, .34) !important;
}

.xy-shop-share-modal {
  width: 100%;
  margin-top: 12px;
}

.xy-shop-share-modal .btn {
  width: 100%;
  color: #0066cc !important;
  background: rgba(255, 255, 255, .68) !important;
}

.xy-shop-close {
  width: 100%;
  margin-top: 2px;
  color: #515154 !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  .xy-shop-share-inline {
    width: 100%;
  }

  .xy-shop-share-modal {
    grid-template-columns: 1fr;
  }

  .xy-shop-share-modal [data-shop-status] {
    grid-column: 1;
  }
}
.home-v3{margin:0;background:var(--xy-bg);color:var(--xy-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
.home-v3 *{box-sizing:border-box}.home-v3 button,.home-v3 input{font:inherit}.home-v3 a{text-decoration:none;color:inherit}.home-v3 button{cursor:pointer}
.home-v3 .page-noise{display:none}.xy-section-shell{width:min(calc(100% - 44px),var(--xy-shell));margin-inline:auto}
.xy-header{position:sticky;top:0;z-index:100;background:rgba(250,250,252,.82);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.05)}
.xy-header-inner{width:min(calc(100% - 44px),1080px);height:52px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px}
.xy-brand{display:flex;align-items:center;gap:9px}.xy-brand img{width:27px;height:31px;object-fit:contain}.xy-brand span{display:grid;line-height:1}.xy-brand strong{font-size:14px;letter-spacing:.02em}.xy-brand small{margin-top:4px;color:#86868b;font-size:7px;letter-spacing:.16em}
.xy-main-nav{display:flex;justify-content:center;align-items:center;gap:28px}.xy-main-nav a{white-space:nowrap}.xy-main-nav a,.xy-link-button{font-size:12px;color:#3a3a3c}.xy-main-nav a:hover,.xy-link-button:hover{color:#000}.xy-link-button{border:0;background:none;padding:8px}
.xy-header-actions{display:flex;align-items:center;gap:9px}.xy-pill{border:0;border-radius:999px;min-height:36px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;transition:transform .2s ease,background .2s ease,border-color .2s ease}.xy-pill:hover{transform:translateY(-1px)}.xy-pill-primary{color:#fff;background:var(--xy-blue)}.xy-pill-primary:hover{background:var(--xy-blue-hover)}.xy-pill-outline{color:var(--xy-blue);background:transparent;border:1px solid var(--xy-blue)}.xy-pill-dark{color:#fff;background:#1d1d1f}.xy-pill-large{min-height:46px;padding:0 23px;font-size:15px}.xy-menu-toggle{display:none;border:0;background:none;width:34px;height:34px;padding:8px}.xy-menu-toggle span{display:block;height:1px;background:#1d1d1f;margin:6px 0}
.xy-product-nav{position:sticky;top:52px;z-index:90;background:rgba(255,255,255,.88);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}.xy-product-nav-inner{width:min(calc(100% - 48px),1240px);height:50px;margin:auto;display:flex;align-items:center}.xy-product-nav nav{width:100%;display:grid;grid-template-columns:repeat(7,minmax(max-content,1fr));align-items:center}.xy-product-nav a{display:block;padding:0 12px;text-align:center;white-space:nowrap;font-size:12px;color:#515154;line-height:50px}.xy-product-nav a:hover{color:#000}
.xy-hero{min-height:calc(100vh - 102px);padding:78px 22px 44px;text-align:center;background:linear-gradient(180deg,#f7f8fa 0,#eef4fb 58%,#f5f5f7 100%);overflow:hidden}.xy-hero-copy{max-width:1280px;margin:auto}.xy-kicker{margin:0 0 14px;color:#6e6e73;font-size:14px;font-weight:600;letter-spacing:.01em}.xy-kicker.light{color:#a1a1a6}.xy-hero h1{margin:0;white-space:nowrap;font-size:clamp(38px,4.25vw,66px);line-height:1;letter-spacing:-.045em}.xy-lead{max-width:900px;margin:25px auto 0;color:#515154;font-size:clamp(17px,1.55vw,22px);line-height:1.5}.xy-hero-actions{display:flex;justify-content:center;gap:12px;margin-top:30px}
.xy-hero-stage{width:min(1220px,calc(100% - 20px));margin:62px auto 0;border:0;border-radius:24px;padding:0;background:#dfe8f3;box-shadow:0 30px 80px rgba(49,67,91,.16);overflow:hidden;text-align:left;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}.xy-hero-stage:hover{transform:scale(1.008);box-shadow:0 38px 95px rgba(49,67,91,.20)}.xy-stage-toolbar{height:48px;padding:0 18px;background:rgba(255,255,255,.78);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(0,0,0,.06)}.xy-stage-toolbar>span{display:flex;gap:6px}.xy-stage-toolbar i{width:7px;height:7px;border-radius:50%;background:#c7c7cc}.xy-stage-toolbar strong{font-size:12px}.xy-stage-toolbar small{text-align:right;color:#86868b}.xy-stage-grid{height:clamp(360px,40vw,600px);padding:42px 0 36px;display:grid;grid-template-columns:.55fr 1fr 1.28fr 1fr .55fr;align-items:center;gap:18px;overflow:hidden;background:linear-gradient(180deg,#dce7f3,#cfdcea)}.xy-stage-card{height:72%;padding:30px 24px;border-radius:26px;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.75);box-shadow:0 24px 55px rgba(62,81,111,.13);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;transform:translateY(22px);opacity:0}.xy-stage-card small{color:#6e6e73;font-size:12px}.xy-stage-card strong{margin-top:14px;font-size:clamp(18px,2vw,30px);line-height:1.14}.xy-stage-card span{margin-top:auto;border-radius:999px;padding:7px 11px;background:#0071e3;color:#fff;font-size:10px}.xy-stage-main{height:90%;background:rgba(255,255,255,.82)}.xy-stage-edge{width:140%;opacity:.5}.xy-hero-stage.in-view .xy-stage-card{animation:xyCardIn .9s cubic-bezier(.2,.7,.2,1) forwards}.xy-hero-stage.in-view .xy-stage-card:nth-child(1){animation-delay:.18s}.xy-hero-stage.in-view .xy-stage-card:nth-child(2){animation-delay:.10s}.xy-hero-stage.in-view .xy-stage-card:nth-child(3){animation-delay:0s}.xy-hero-stage.in-view .xy-stage-card:nth-child(4){animation-delay:.10s}.xy-hero-stage.in-view .xy-stage-card:nth-child(5){animation-delay:.18s}.xy-stage-note{display:block;padding:12px 18px;text-align:center;color:#6e6e73;background:#fff;font-size:11px}.xy-facts{display:flex;justify-content:center;gap:34px;margin-top:27px;color:#6e6e73;font-size:12px}.xy-facts span::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;margin-right:8px;background:#0071e3;vertical-align:middle}
.xy-use-strip{padding:105px 0;background:#fff}.xy-section-title{text-align:center}.xy-section-title h2,.xy-products-heading h2,.xy-more-head h2,.xy-support-head h2,.xy-faq-head h2{margin:0;font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.045em}.xy-use-steps{max-width:1180px;margin:58px auto 0;padding:30px 36px;border-top:1px solid #d2d2d7;border-bottom:1px solid #d2d2d7;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:24px;align-items:center}.xy-use-steps article{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.xy-use-steps b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#1d1d1f;font-size:12px}.xy-use-steps strong{font-size:18px}.xy-use-steps p{margin:6px 0 0;color:#6e6e73;font-size:14px}.xy-use-steps>i{font-style:normal;color:#86868b;font-size:24px}
.xy-products{padding:120px 0;background:#f5f5f7}.xy-products-heading{text-align:center;margin-bottom:54px}.xy-products-heading>p:last-child{margin:18px 0 0;color:#6e6e73;font-size:19px}.xy-product-card{position:relative;overflow:hidden;border-radius:var(--xy-radius);background:#fff}.xy-product-wide{min-height:760px;margin-bottom:18px}.xy-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.xy-product-tile{min-height:740px}.xy-product-copy{position:relative;z-index:2;padding:62px 6vw 24px;max-width:620px}.xy-product-copy.centered{margin:auto;text-align:center;padding-inline:42px}.xy-product-copy.light{color:#fff}.xy-product-copy.wide-copy{max-width:800px}.xy-product-label{margin:0 0 13px;color:#6e6e73;font-size:13px;font-weight:600}.light .xy-product-label{color:#a1a1a6}.xy-product-copy h3{margin:0;font-size:clamp(42px,5vw,70px);line-height:1;letter-spacing:-.045em}.xy-product-copy p:not(.xy-product-label){margin:18px 0 0;color:#515154;font-size:18px;line-height:1.55}.xy-product-copy.light p:not(.xy-product-label){color:#d2d2d7}.xy-product-actions{display:flex;gap:22px;margin-top:22px}.xy-product-actions.centered{justify-content:center}.xy-text-link{border:0;padding:0;background:none;color:#0066cc;font-size:16px}.xy-text-link:hover{text-decoration:underline}.xy-text-link.light{color:#2997ff}.xy-text-link span{font-size:22px;vertical-align:-1px}.xy-product-blue{background:linear-gradient(180deg,#e9f2ff,#dbe9fb)}.xy-product-sky{background:linear-gradient(180deg,#e9f8ff,#d6effc)}.xy-product-dark{background:#000}.xy-product-soft{background:linear-gradient(180deg,#f4f5f7,#e7ebf0)}.xy-product-neutral{background:#f0f1f3}.xy-product-white{background:#fff}.xy-product-media{position:absolute;left:50%;bottom:-2%;width:min(78%,1120px);transform:translateX(-50%)}.xy-media-real img{display:block;width:100%;height:auto;filter:drop-shadow(0 28px 40px rgba(38,53,75,.12));transition:transform .65s cubic-bezier(.2,.7,.2,1)}.xy-product-card:hover .xy-media-real img{transform:scale(1.015)}
.xy-product-placeholder,.xy-album-placeholder,.xy-manager-placeholder{position:absolute;left:9%;right:9%;bottom:0;height:56%;border-radius:24px 24px 0 0;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.78);box-shadow:0 30px 70px rgba(49,71,95,.13);display:grid;place-items:center;overflow:hidden}.xy-product-placeholder>span,.xy-album-placeholder>span,.xy-manager-placeholder>span{position:absolute;right:18px;bottom:14px;color:#86868b;font-size:10px}.xy-placeholder-dark{background:#111;border-color:#292929;box-shadow:none}.xy-placeholder-wave{width:72%;height:160px;display:flex;align-items:center;justify-content:center;gap:12px}.xy-placeholder-wave i{display:block;width:12px;border-radius:999px;background:#1d1d1f;height:var(--h,80px)}.xy-placeholder-wave i:nth-child(1){--h:46px}.xy-placeholder-wave i:nth-child(2){--h:92px}.xy-placeholder-wave i:nth-child(3){--h:130px}.xy-placeholder-wave i:nth-child(4){--h:74px}.xy-placeholder-wave i:nth-child(5){--h:148px}.xy-placeholder-wave i:nth-child(6){--h:102px}.xy-placeholder-wave i:nth-child(7){--h:132px}.xy-placeholder-wave i:nth-child(8){--h:66px}.xy-placeholder-wave i:nth-child(9){--h:112px}.xy-translate-demo{display:flex;align-items:center;gap:28px;color:#fff;font-size:34px}.xy-translate-demo i{font-style:normal;color:#2997ff}.xy-translate-demo strong{color:#fff}.xy-record-placeholder{position:absolute;left:50%;bottom:-12%;width:min(80%,1060px);height:55%;transform:translateX(-50%);padding:24px;border-radius:28px 28px 0 0;background:#fff;box-shadow:0 30px 70px rgba(49,71,95,.12)}.xy-record-screen{height:100%;border-radius:16px;background:linear-gradient(135deg,#c6d4e7,#6e86a8);position:relative;overflow:hidden}.xy-record-screen>span{position:absolute;top:18px;left:18px;padding:8px 11px;border-radius:999px;background:rgba(0,0,0,.68);color:#fff;font-size:11px}.xy-record-screen>div{position:absolute;inset:22% 14% 22%;border-radius:14px;background:linear-gradient(155deg,#e8edf4,#8ba1bf)}.xy-record-screen>p{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);margin:0;padding:9px 16px;border-radius:8px;color:#fff;background:rgba(0,0,0,.55);font-size:12px}.xy-album-placeholder{display:block;background:#fff}.xy-album-placeholder i{position:absolute;width:42%;height:67%;top:15%;border-radius:17px;background:linear-gradient(145deg,#e6e2dc,#adb7c4);box-shadow:0 16px 34px rgba(0,0,0,.12)}.xy-album-placeholder i:nth-child(1){left:7%;transform:rotate(-9deg)}.xy-album-placeholder i:nth-child(2){left:29%;z-index:2;background:linear-gradient(145deg,#d5e8f4,#7fa3ba)}.xy-album-placeholder i:nth-child(3){right:7%;transform:rotate(9deg);background:linear-gradient(145deg,#eedecf,#b59c86)}.xy-manager-placeholder{background:#f7f7f9}.xy-manager-placeholder>div{width:70%;padding:26px;border-radius:22px;background:#fff;border:1px solid #e6e6ea;box-shadow:0 16px 38px rgba(0,0,0,.07);text-align:left}.xy-manager-placeholder div span{display:block;color:#86868b;font-size:12px}.xy-manager-placeholder div strong{display:block;margin-top:9px;font-size:20px}
.xy-more{padding:105px 0 20px}.xy-more-head,.xy-support-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.xy-more-head>a,.xy-support-head>a{color:#0066cc}.xy-more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}.xy-more-card{min-height:250px;padding:28px;border:0;border-radius:24px;background:#fff;text-align:left;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}.xy-more-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(0,0,0,.08)}.xy-more-card small{color:#86868b}.xy-more-card strong{margin-top:12px;font-size:27px;letter-spacing:-.03em}.xy-more-card span{margin-top:auto;color:#0066cc;font-size:13px}
.xy-local{padding:18px 0 110px;background:#f5f5f7}.xy-local-card{min-height:600px;padding:74px 7vw;border-radius:var(--xy-radius);background:#000;color:#fff;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;overflow:hidden}.xy-local-card h2{margin:0;max-width:830px;font-size:clamp(46px,5vw,76px);line-height:1;letter-spacing:-.05em}.xy-local-card p:not(.xy-kicker){max-width:710px;color:#a1a1a6;font-size:19px;line-height:1.55}.xy-local-mark{position:relative;width:min(360px,70vw);aspect-ratio:1;margin:auto;border-radius:50%;display:grid;place-items:center;border:1px solid #333;box-shadow:0 0 0 36px #111,0 0 0 37px #252525}.xy-local-mark span{position:absolute;top:34%;color:#86868b;font-size:12px;letter-spacing:.18em}.xy-local-mark strong{font-size:52px}
.xy-support{padding:120px 0;background:#fff}.xy-support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.xy-support-card{min-height:280px;padding:34px;border-radius:24px;background:#f5f5f7;display:flex;flex-direction:column;transition:transform .25s ease}.xy-support-card:hover{transform:translateY(-4px)}.xy-support-card small{color:#86868b}.xy-support-card h3{margin:14px 0 0;font-size:29px}.xy-support-card p{color:#6e6e73;line-height:1.55}.xy-support-card span{margin-top:auto;color:#0066cc}
.xy-buy-download{padding:110px 0;background:#f5f5f7}.xy-buy-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.xy-buy-card,.xy-download-card{min-height:520px;padding:58px;border-radius:var(--xy-radius);background:#fff}.xy-buy-card{background:linear-gradient(180deg,#eaf3ff,#dbe9fb)}.xy-buy-card h2{margin:0;font-size:clamp(42px,4vw,64px);line-height:1.03;letter-spacing:-.045em}.xy-buy-card>p:not(.xy-kicker){max-width:590px;color:#515154;font-size:18px;line-height:1.5}.xy-buy-card .xy-pill{margin-top:18px}.xy-download-card{display:grid;grid-template-columns:auto 1fr;align-content:start;gap:18px}.xy-file-mark{width:72px;height:72px;border-radius:18px;display:grid;place-items:center;background:#1d1d1f;color:#fff;font-weight:700}.xy-download-card small{color:#86868b}.xy-download-card h3{margin:4px 0 0;font-size:28px}.xy-download-card ul{grid-column:1/-1;padding:0;margin:24px 0;list-style:none;border-top:1px solid #d2d2d7}.xy-download-card li{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #d2d2d7;color:#6e6e73}.xy-download-card li strong{color:#1d1d1f}.xy-download-card>.xy-pill{grid-column:1/-1;justify-self:start}
.xy-contact{padding:100px 0;background:#fff}.xy-contact-inner{display:grid;grid-template-columns:1fr auto;align-items:end;gap:50px}.xy-contact-inner h2{margin:0;font-size:clamp(42px,4vw,62px);letter-spacing:-.045em}.xy-contact-inner>div>p:not(.xy-kicker){color:#6e6e73;font-size:17px}.xy-contact-mail{display:grid;justify-items:start}.xy-contact-mail small{color:#86868b}.xy-contact-mail a{font-size:28px;font-weight:600;margin-top:6px}.xy-contact-mail button{margin-top:16px;border:0;background:none;color:#0066cc;padding:0}
.xy-faq{padding:110px 0;background:#f5f5f7}.xy-faq-head{text-align:center}.xy-faq-list{max-width:1000px;margin:42px auto 0;border-top:1px solid #d2d2d7}.xy-faq-list details{border-bottom:1px solid #d2d2d7}.xy-faq-list summary{list-style:none;padding:24px 0;display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:600;cursor:pointer}.xy-faq-list summary::-webkit-details-marker{display:none}.xy-faq-list summary span{font-size:25px;font-weight:300}.xy-faq-list details[open] summary span{transform:rotate(45deg)}.xy-faq-list details p{margin:-6px 0 24px;color:#6e6e73;line-height:1.6}
.xy-footer{padding:45px 0 24px;background:#f5f5f7;border-top:1px solid #d2d2d7}.xy-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.xy-footer-brand p{color:#86868b;font-size:12px}.xy-footer h4{margin:0 0 12px;font-size:12px}.xy-footer-grid>div:not(.xy-footer-brand){display:flex;flex-direction:column;gap:9px}.xy-footer-grid a{color:#515154;font-size:12px}.xy-footer-grid a:hover{text-decoration:underline}.xy-footer-bottom{display:flex;gap:28px;margin-top:32px;padding-top:18px;border-top:1px solid #d2d2d7;color:#86868b;font-size:11px}
.xy-feature-dialog[hidden]{display:none}.xy-feature-dialog{position:fixed;inset:0;z-index:250;display:grid;place-items:center;padding:20px}.xy-feature-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.36);backdrop-filter:blur(10px)}.xy-feature-panel{position:relative;z-index:1;width:min(760px,100%);max-height:min(780px,calc(100vh - 40px));overflow:auto;padding:58px;border-radius:28px;background:#fff;box-shadow:0 40px 120px rgba(0,0,0,.26)}.xy-feature-panel h2{margin:0;font-size:48px;letter-spacing:-.045em}.xy-feature-panel>p:not(.xy-kicker){color:#515154;font-size:18px;line-height:1.55}.xy-feature-close{position:absolute;top:18px;right:18px;width:38px;height:38px;border:0;border-radius:50%;background:#e8e8ed;font-size:24px}.xy-feature-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px}.xy-feature-columns>div{padding:24px;border-radius:18px;background:#f5f5f7}.xy-feature-columns small{color:#86868b}.xy-feature-columns ul{margin:14px 0 0;padding-left:18px}.xy-feature-columns li{margin:8px 0}.xy-feature-columns p{color:#515154;line-height:1.5}.xy-feature-buttons{display:flex;gap:10px;margin-top:28px}.home-v3.modal-open{overflow:hidden}
.home-v3 .modal-card{background:rgba(255,255,255,.96);border:0}.home-v3 .glass-panel,.home-v3 .glass-card{backdrop-filter:none}.home-v3 .modal[hidden]{display:none}
.home-v3 .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.home-v3 .reveal.in-view{opacity:1;transform:none}
@keyframes xyCardIn{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1100px){.xy-main-nav{gap:18px}.xy-product-nav-inner{width:min(calc(100% - 28px),1100px)}.xy-product-nav a{padding-inline:8px;font-size:11px}.xy-product-wide{min-height:660px}.xy-product-tile{min-height:650px}.xy-more-grid{grid-template-columns:repeat(2,1fr)}.xy-buy-grid{grid-template-columns:1fr}.xy-local-card{grid-template-columns:1fr}.xy-local-mark{margin-top:30px}}
@media(max-width:820px){.xy-header-inner{grid-template-columns:auto 1fr auto;gap:10px}.xy-menu-toggle{display:block;justify-self:end}.xy-main-nav{position:absolute;top:53px;left:10px;right:10px;padding:10px 18px;border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 20px 45px rgba(0,0,0,.12);display:none;flex-direction:column;align-items:flex-start}.xy-main-nav.open{display:flex}.xy-header-actions .xy-link-button{display:none}.xy-product-nav{top:52px}.xy-product-nav-inner{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.xy-product-nav-inner::-webkit-scrollbar{display:none}.xy-product-nav nav{width:max-content;min-width:100%;display:flex;justify-content:flex-start;padding:0 10px}.xy-product-nav a{flex:0 0 auto;padding:0 18px;font-size:11px}.xy-hero{padding-top:58px}.xy-stage-grid{grid-template-columns:.2fr 1fr 1.2fr 1fr .2fr;gap:10px}.xy-stage-card{padding:22px 14px}.xy-stage-edge{width:240%}.xy-use-steps{grid-template-columns:1fr;gap:14px}.xy-use-steps>i{transform:rotate(90deg);justify-self:center}.xy-product-grid{grid-template-columns:1fr}.xy-product-tile{min-height:670px}.xy-support-grid{grid-template-columns:1fr}.xy-contact-inner{grid-template-columns:1fr}.xy-footer-grid{grid-template-columns:1fr 1fr}.xy-footer-brand{grid-column:1/-1}}
@media(max-width:560px){.xy-section-shell{width:min(calc(100% - 24px),var(--xy-shell))}.xy-header-inner,.xy-product-nav-inner{width:calc(100% - 22px)}.xy-brand small{display:none}.xy-header-actions .xy-pill{padding:0 13px;font-size:11px}.xy-hero{padding-inline:8px}.xy-hero h1{font-size:clamp(19px,5.8vw,30px);letter-spacing:-.035em}.xy-lead{font-size:16px}.xy-hero-actions{display:grid;padding:0 18px}.xy-hero-stage{width:100%;margin-top:42px;border-radius:18px}.xy-stage-grid{height:370px;grid-template-columns:0 1fr 1.2fr 1fr 0;gap:7px;padding:25px 0}.xy-stage-card{height:66%;padding:18px 9px;border-radius:18px}.xy-stage-main{height:88%}.xy-stage-card strong{font-size:16px}.xy-stage-card small{font-size:9px}.xy-stage-card span{font-size:8px}.xy-stage-note{font-size:9px}.xy-facts{display:grid;gap:9px;justify-content:center;text-align:left}.xy-use-strip,.xy-products,.xy-support,.xy-buy-download,.xy-contact,.xy-faq{padding-block:78px}.xy-section-title h2,.xy-products-heading h2,.xy-more-head h2,.xy-support-head h2,.xy-faq-head h2{font-size:39px}.xy-use-steps{padding-inline:8px}.xy-product-wide,.xy-product-tile{min-height:570px}.xy-product-copy,.xy-product-copy.centered{padding:42px 22px 20px}.xy-product-copy h3{font-size:42px}.xy-product-copy p:not(.xy-product-label){font-size:15px}.xy-product-actions{gap:14px}.xy-text-link{font-size:13px}.xy-product-media{width:102%;bottom:1%}.xy-product-placeholder,.xy-album-placeholder,.xy-manager-placeholder{left:5%;right:5%;height:48%}.xy-record-placeholder{width:92%;height:45%;bottom:-4%}.xy-more{padding-top:70px}.xy-more-head,.xy-support-head{display:block}.xy-more-head>a,.xy-support-head>a{display:inline-block;margin-top:18px}.xy-more-grid{grid-template-columns:1fr}.xy-more-card{min-height:190px}.xy-local-card{min-height:650px;padding:54px 26px}.xy-local-card h2{font-size:42px}.xy-local-mark{width:210px}.xy-local-mark strong{font-size:38px}.xy-buy-card,.xy-download-card{min-height:auto;padding:38px 25px}.xy-buy-card h2{font-size:42px}.xy-contact-mail a{font-size:22px}.xy-footer-grid{grid-template-columns:1fr}.xy-footer-brand{grid-column:auto}.xy-footer-bottom{display:grid;gap:8px}.xy-feature-panel{padding:46px 24px 28px}.xy-feature-panel h2{font-size:40px}.xy-feature-columns{grid-template-columns:1fr}.xy-feature-buttons{display:grid}.xy-feature-buttons .xy-pill{width:100%}}
@media(prefers-reduced-motion:reduce){.home-v3 .reveal,.xy-stage-card{opacity:1;transform:none;transition:none;animation:none!important}.xy-product-card,.xy-more-card,.xy-hero-stage{transition:none}}


/* 2026-08-04: Apple-style two-person keyframe scene. */
.xy-life-stage{
  width:min(1160px,calc(100% - 24px));
  margin:34px auto 0;
  overflow:hidden;
  text-align:center;
}
.xy-life-figures{
  min-height:clamp(430px,47vw,650px);
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:clamp(34px,6vw,92px);
  border-bottom:1px solid rgba(0,0,0,.055);
}
.xy-frame-set{
  position:relative;
  flex:0 1 455px;
  width:min(41vw,455px);
  aspect-ratio:561/701;
  transform:translateY(30px);
  filter:drop-shadow(0 22px 28px rgba(25,34,45,.09));
}
.xy-frame-set::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:18%;right:18%;bottom:3%;height:4%;
  border-radius:50%;
  background:rgba(28,39,54,.14);
  filter:blur(16px);
}
.xy-frame-set img{
  position:absolute;
  inset:0;
  width:100%;height:100%;
  display:block;
  object-fit:contain;
  object-position:center bottom;
  opacity:0;
  visibility:hidden;
  z-index:0;
  transform:translateZ(0);
  transition:none;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  will-change:opacity;
}
.xy-frame-set img.is-active{
  opacity:1;
  visibility:visible;
  z-index:1;
}
.xy-life-caption{
  margin:14px 0 0;
  color:#86868b;
  font-size:12px;
  letter-spacing:.01em;
}
.xy-feature-float{
  position:absolute;
  z-index:6;
  top:7%;
  width:150px;
  height:46px;
  pointer-events:none;
}
.xy-feature-float-male{left:-10%;--xy-float-from-x:-18px;--xy-float-to-x:6px}
.xy-feature-float-female{right:-10%;--xy-float-from-x:18px;--xy-float-to-x:-6px}
.xy-feature-float span{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  color:#1d1d1f;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(0,113,227,.16);
  box-shadow:0 14px 34px rgba(47,65,91,.14);
  backdrop-filter:blur(14px) saturate(130%);
  -webkit-backdrop-filter:blur(14px) saturate(130%);
  font-size:15px;
  font-weight:600;
  letter-spacing:.02em;
  opacity:0;
  transform:translate3d(var(--xy-float-from-x,0),12px,0) scale(.96);
  filter:blur(3px);
  transition:none;
}
.xy-frame-set.is-hover-playing .xy-feature-float span.is-active{
  animation:xyFeatureFloatDrift 3.4s ease-in-out both;
}
.xy-frame-set:not(.is-hover-playing) .xy-feature-float span{
  opacity:0!important;
  animation:none!important;
}
@keyframes xyFeatureFloatDrift{
  0%{opacity:0;transform:translate3d(var(--xy-float-from-x,0),12px,0) scale(.96);filter:blur(3px)}
  22%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
  68%{opacity:1;transform:translate3d(0,-2px,0) scale(1);filter:blur(0)}
  100%{opacity:0;transform:translate3d(var(--xy-float-to-x,0),-12px,0) scale(.98);filter:blur(2px)}
}
@media(max-width:820px){
  .xy-life-stage{width:100%;margin-top:30px}
  .xy-life-figures{min-height:clamp(330px,61vw,500px);gap:22px}
  .xy-frame-set{width:44vw;flex-basis:44vw;transform:translateY(20px)}
}
@media(max-width:560px){
  .xy-life-stage{width:calc(100% + 8px);margin-left:-4px}
  .xy-life-figures{min-height:61vw;gap:2vw}
  .xy-frame-set{width:48vw;flex-basis:48vw;transform:translateY(10px);filter:drop-shadow(0 12px 16px rgba(25,34,45,.07))}
  .xy-life-caption{padding:0 14px;font-size:10px}
  .xy-feature-float{display:none}
}
@media(prefers-reduced-motion:reduce){
  .xy-frame-set img{transition:none}
}

/* ===== V1.0 介绍与单列功能故事区（2026-08-05） ===== */
html{scroll-behavior:smooth}.xy-version-intro,.xy-feature-story,.xy-personal-story-head{scroll-margin-top:118px}
.xy-privacy-showcase{position:relative;padding-top:84px!important}.xy-privacy-more{position:absolute;z-index:3;top:26px;left:50%;transform:translateX(-50%);min-height:42px;padding-inline:23px;box-shadow:0 10px 28px rgba(0,113,227,.18)}.xy-privacy-more:hover{transform:translateX(-50%) translateY(-1px)}
.xy-version-intro{padding:126px 22px 110px;background:#fff;text-align:center}.xy-version-intro-copy{width:min(980px,100%);margin:auto}.xy-version-intro h2,.xy-feature-stories-head h2,.xy-personal-story-head h2{margin:0;font-size:clamp(46px,5.2vw,78px);line-height:1.01;letter-spacing:-.05em}.xy-version-intro-copy>p:not(.xy-kicker){max-width:830px;margin:26px auto 0;color:#6e6e73;font-size:20px;line-height:1.6}.xy-version-points{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px}.xy-version-points span{padding:10px 16px;border:1px solid #d8e4f3;border-radius:999px;background:#f6f9fd;color:#46617e;font-size:13px}
.xy-version-media{width:min(1280px,calc(100% - 10px));min-height:clamp(420px,51vw,720px);margin:62px auto 0;border-radius:32px;background:linear-gradient(155deg,#eef5ff,#dbe9fa 56%,#f7f9fc);box-shadow:0 30px 75px rgba(54,80,118,.13)}
.xy-feature-stories{padding:126px 22px 120px;background:#f5f5f7}.xy-feature-stories-head,.xy-personal-story-head{text-align:center;width:min(1000px,100%);margin:0 auto 72px}.xy-feature-stories-head>p:last-child,.xy-personal-story-head>p:last-child{max-width:760px;margin:22px auto 0;color:#6e6e73;font-size:19px;line-height:1.55}
.xy-feature-story{width:min(1480px,100%);min-height:clamp(760px,82vw,1080px);margin:0 auto 22px;padding:72px 28px 0;border-radius:32px;overflow:hidden;text-align:center;position:relative;background:#fff}.xy-feature-story-copy{position:relative;z-index:2;width:min(900px,100%);margin:auto}.xy-feature-story-copy h3{margin:0;font-size:clamp(48px,6vw,88px);line-height:.98;letter-spacing:-.055em}.xy-feature-story-copy>p:not(.xy-product-label){max-width:790px;margin:22px auto 0;color:#515154;font-size:20px;line-height:1.55}.xy-feature-story-copy.light{color:#fff}.xy-feature-story-copy.light>p:not(.xy-product-label){color:#c9c9ce}.xy-feature-story-copy .xy-product-actions{justify-content:center}
.xy-feature-story-media,.xy-version-media{position:relative;overflow:hidden;isolation:isolate}.xy-feature-story-media{width:min(1260px,96%);height:clamp(440px,53vw,720px);margin:48px auto 0;border-radius:28px 28px 0 0;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.82);box-shadow:0 30px 70px rgba(52,75,108,.14)}.xy-feature-story-media video,.xy-version-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;visibility:hidden;background:#000;transition:opacity .25s ease}.xy-hover-video.has-video video{opacity:1;visibility:visible}.xy-hover-video.has-video .xy-video-placeholder{opacity:0;visibility:hidden}.xy-hover-video.is-playing{box-shadow:0 38px 90px rgba(40,70,116,.19)}
.xy-video-placeholder{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:26px;padding:40px;background:radial-gradient(circle at 50% 22%,rgba(255,255,255,.92),rgba(255,255,255,.25) 38%,transparent 68%);transition:opacity .25s ease,visibility .25s ease}.xy-video-placeholder>p{margin:0;color:#7b8491;font-size:13px;letter-spacing:.06em}.xy-video-placeholder-dark{color:#fff;background:radial-gradient(circle at 50% 18%,rgba(52,72,108,.46),rgba(0,0,0,.12) 42%,transparent 70%)}.xy-video-placeholder-dark>p{color:#9ea8ba}.xy-story-symbol{min-width:110px;height:110px;padding:0 24px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#e6effc);border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 55px rgba(48,78,121,.16);color:#176ee8;font-size:32px;font-weight:700;letter-spacing:-.03em}.xy-story-dark .xy-story-symbol{background:linear-gradient(145deg,#242a35,#080a0e);border-color:#2b3443;color:#6eb1ff;box-shadow:0 24px 70px rgba(0,0,0,.55)}.xy-placeholder-copy{display:grid;gap:10px}.xy-placeholder-copy strong{font-size:clamp(26px,3vw,44px);letter-spacing:-.04em}.xy-placeholder-copy small{color:#7a8492;font-size:15px}.xy-story-dark .xy-placeholder-copy small{color:#97a4b8}
.xy-placeholder-badge{display:inline-grid;place-items:center;min-width:108px;height:48px;border-radius:999px;background:#0071e3;color:#fff;font-size:18px;font-weight:700;box-shadow:0 15px 30px rgba(0,113,227,.22)}.xy-placeholder-window{width:min(620px,88%);min-height:280px;padding:26px;border-radius:24px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);box-shadow:0 30px 70px rgba(62,87,123,.16);display:grid;align-content:center;gap:10px}.xy-placeholder-window i{position:absolute}.xy-placeholder-window strong{font-size:44px}.xy-placeholder-window small{color:#6e6e73;font-size:15px}
.xy-placeholder-wavebar{height:160px;display:flex;align-items:center;justify-content:center;gap:13px}.xy-placeholder-wavebar i{width:13px;border-radius:999px;background:linear-gradient(180deg,#5da4ff,#176ee8);height:var(--h)}.xy-placeholder-wavebar i:nth-child(1){--h:50px}.xy-placeholder-wavebar i:nth-child(2){--h:96px}.xy-placeholder-wavebar i:nth-child(3){--h:138px}.xy-placeholder-wavebar i:nth-child(4){--h:82px}.xy-placeholder-wavebar i:nth-child(5){--h:150px}.xy-placeholder-wavebar i:nth-child(6){--h:110px}.xy-placeholder-wavebar i:nth-child(7){--h:64px}.xy-translation-placeholder{display:flex;align-items:center;gap:30px;font-size:clamp(30px,4vw,58px)}.xy-translation-placeholder i{font-style:normal;color:#3997ff}.xy-record-placeholder-new{width:min(600px,86%);height:250px;border-radius:24px;background:linear-gradient(155deg,#cad9ec,#7692b6);position:relative;box-shadow:0 26px 58px rgba(45,66,98,.18)}.xy-record-placeholder-new b{position:absolute;top:22px;right:24px;width:14px;height:14px;border-radius:50%;background:#ff3b30;box-shadow:0 0 0 8px rgba(255,59,48,.12)}.xy-record-placeholder-new span{position:absolute;top:20px;left:24px;padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.62);color:#fff;font-size:12px}.xy-record-placeholder-new small{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);padding:10px 16px;border-radius:10px;background:rgba(0,0,0,.55);color:#fff;font-size:12px}.xy-photo-placeholder{width:min(660px,88%);height:290px;position:relative}.xy-photo-placeholder i{position:absolute;top:12%;width:42%;height:76%;border-radius:22px;background:linear-gradient(145deg,#f3dfc8,#a89179);box-shadow:0 22px 45px rgba(66,46,28,.17)}.xy-photo-placeholder i:nth-child(1){left:5%;transform:rotate(-8deg)}.xy-photo-placeholder i:nth-child(2){left:29%;z-index:2;transform:rotate(0);background:linear-gradient(145deg,#d5e8f4,#77a3c1)}.xy-photo-placeholder i:nth-child(3){right:5%;transform:rotate(8deg);background:linear-gradient(145deg,#e8d9e4,#a985a0)}
.xy-hover-hint{position:absolute;right:20px;bottom:18px;z-index:4;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid rgba(100,130,170,.18);box-shadow:0 12px 30px rgba(43,65,98,.12);color:#617086;font-size:11px;pointer-events:none}.xy-story-dark .xy-hover-hint{background:rgba(20,24,31,.88);border-color:#343b48;color:#a9b5c7}
.xy-story-ice{background:linear-gradient(180deg,#f7faff,#e8f1fd)}.xy-story-blue{background:linear-gradient(180deg,#eaf3ff,#dbe9fb)}.xy-story-sky{background:linear-gradient(180deg,#ebf9ff,#d9f1fc)}.xy-story-dark{background:linear-gradient(180deg,#10141b,#000);color:#fff}.xy-story-neutral{background:linear-gradient(180deg,#f5f6f8,#e8edf3)}.xy-story-warm{background:linear-gradient(180deg,#fff8f2,#f1e8df)}.xy-story-lilac{background:linear-gradient(180deg,#f8f5ff,#e9e3f6)}.xy-story-green{background:linear-gradient(180deg,#f3faf6,#dfefe6)}.xy-personal-story-head{padding-top:116px;margin-bottom:64px}
@media(max-width:820px){.xy-privacy-showcase{padding-top:72px!important}.xy-privacy-more{top:18px}.xy-version-intro{padding:92px 16px 82px}.xy-feature-stories{padding:92px 10px}.xy-feature-story{min-height:720px;padding:54px 12px 0;border-radius:24px}.xy-feature-story-media{width:100%;height:470px;margin-top:38px;border-radius:22px 22px 0 0}.xy-version-media{min-height:470px;margin-top:44px;border-radius:24px}.xy-feature-story-copy>p:not(.xy-product-label){font-size:17px}.xy-video-placeholder{padding:22px}.xy-story-symbol{min-width:88px;height:88px;border-radius:24px;font-size:26px}.xy-hover-hint{right:12px;bottom:12px}}
@media(max-width:560px){.xy-version-intro h2,.xy-feature-stories-head h2,.xy-personal-story-head h2{font-size:42px}.xy-feature-story-copy h3{font-size:46px}.xy-feature-story{min-height:640px}.xy-feature-story-media{height:390px}.xy-version-media{min-height:390px}.xy-version-points{display:grid}.xy-placeholder-window strong{font-size:34px}.xy-placeholder-wavebar{height:120px}.xy-record-placeholder-new{height:210px}.xy-photo-placeholder{height:230px}.xy-hover-hint{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.xy-feature-story-media video,.xy-version-media video,.xy-video-placeholder{transition:none}}

/* ===== XY_APPLE_CLEAR_STORIES_V1 =====
   Apple-style continuous feature page and boardless video placeholders.
   Keep this block at the end so it safely overrides the older card styles. */
.xy-version-intro,
.xy-feature-stories,
.xy-feature-story,
.xy-story-ice,
.xy-story-blue,
.xy-story-sky,
.xy-story-dark,
.xy-story-neutral,
.xy-story-warm,
.xy-story-lilac,
.xy-story-green,
.xy-personal-story-head {
  background: #f5f5f7 !important;
  background-image: none !important;
  box-shadow: none !important;
}

.xy-version-intro {
  padding-bottom: clamp(108px, 9vw, 156px);
}

.xy-feature-stories {
  padding: clamp(96px, 8vw, 132px) 22px 120px;
}

.xy-feature-story {
  width: min(1480px, 100%);
  min-height: 0 !important;
  margin: 0 auto;
  padding: clamp(72px, 7vw, 112px) 28px clamp(112px, 10vw, 176px);
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.xy-personal-story-head {
  padding-top: clamp(52px, 5vw, 84px);
  margin-bottom: 0;
}

.xy-feature-story-media,
.xy-version-media {
  width: min(1260px, 96%);
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 9;
  margin: clamp(48px, 5vw, 76px) auto 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.xy-feature-story-media video,
.xy-version-media video {
  object-fit: contain !important;
  background: transparent !important;
}

.xy-hover-video.is-playing {
  box-shadow: none !important;
}

.xy-video-placeholder,
.xy-video-placeholder-dark {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  color: #86868b !important;
  background: transparent !important;
  background-image: none !important;
}

.xy-video-placeholder > :not(p) {
  display: none !important;
}

.xy-video-placeholder > p,
.xy-video-placeholder-dark > p {
  margin: 0;
  padding: 10px 16px;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 999px;
  background: rgba(255, 255, 255, .58);
  color: #86868b !important;
  font-size: 12px;
  letter-spacing: .04em;
  box-shadow: none;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.xy-feature-story-copy.light,
.xy-story-dark {
  color: #1d1d1f !important;
}

.xy-feature-story-copy.light > p:not(.xy-product-label) {
  color: #515154 !important;
}

.xy-feature-story-copy.light .xy-product-label,
.xy-story-dark .xy-product-label {
  color: #6e6e73 !important;
}

.xy-feature-story-copy .xy-text-link.light {
  color: #0066cc !important;
}

.xy-hover-hint,
.xy-story-dark .xy-hover-hint {
  color: #617086 !important;
  background: rgba(255, 255, 255, .72) !important;
  border: 1px solid rgba(0, 0, 0, .08) !important;
  box-shadow: none !important;
}

@media (max-width: 820px) {
  .xy-feature-stories {
    padding: 88px 12px 96px;
  }

  .xy-feature-story {
    min-height: 0 !important;
    padding: 58px 4px 108px;
    border-radius: 0 !important;
  }

  .xy-feature-story-media,
  .xy-version-media {
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9;
    border-radius: 0 !important;
  }
}

@media (max-width: 560px) {
  .xy-feature-story {
    min-height: 0 !important;
    padding: 50px 0 84px;
  }

  .xy-feature-story-media,
  .xy-version-media {
    height: auto !important;
    aspect-ratio: 16 / 9;
  }

  .xy-video-placeholder > p,
  .xy-video-placeholder-dark > p {
    padding: 8px 12px;
    font-size: 10px;
  }
}

/* ===== XY_SIMPLE_PURCHASE_FLOW_V1 =====
   Minimal header, embedded tutorial videos and a single purchase/download flow. */
.xy-header-inner {
  grid-template-columns: auto 1fr auto;
}

.xy-header-actions {
  justify-self: end;
  grid-column: 3;
}

.xy-purchase-download-link {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  white-space: nowrap;
}

.xy-feature-story-copy .xy-product-actions,
.xy-feature-dialog {
  display: none !important;
}

.xy-privacy-showcase {
  padding-top: 0 !important;
}

.xy-buy-download {
  padding: clamp(108px, 9vw, 148px) 22px;
  background: #f5f5f7;
}

.xy-purchase-flow {
  width: min(1180px, 100%);
}

.xy-purchase-flow-head {
  width: min(930px, 100%);
  margin: 0 auto;
  text-align: center;
}

.xy-purchase-flow-head h2 {
  margin: 0;
  font-size: clamp(48px, 5.4vw, 78px);
  line-height: 1.02;
  letter-spacing: -.052em;
}

.xy-purchase-flow-head > p:last-child {
  max-width: 870px;
  margin: 26px auto 0;
  color: #515154;
  font-size: 19px;
  line-height: 1.65;
}

.xy-purchase-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: clamp(58px, 6vw, 84px);
  border-top: 1px solid #d2d2d7;
  border-bottom: 1px solid #d2d2d7;
}

.xy-purchase-step {
  min-width: 0;
  padding: 38px 36px 42px;
}

.xy-purchase-step + .xy-purchase-step {
  border-left: 1px solid #d2d2d7;
}

.xy-purchase-step > span {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #0071e3;
  font-size: 13px;
  font-weight: 700;
}

.xy-purchase-step h3 {
  margin: 22px 0 0;
  font-size: 25px;
  letter-spacing: -.025em;
}

.xy-purchase-step p {
  margin: 14px 0 0;
  color: #6e6e73;
  font-size: 15px;
  line-height: 1.75;
}

.xy-purchase-step p strong {
  color: #1d1d1f;
  font-weight: 600;
}

.xy-purchase-cta {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 42px;
}

.xy-purchase-note {
  max-width: 760px;
  margin: 22px auto 0;
  color: #86868b;
  text-align: center;
  font-size: 13px;
  line-height: 1.6;
}

.xy-purchase-modal > p {
  line-height: 1.65;
}

.xy-modal-flow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 24px 0 28px;
  color: #515154;
  font-size: 12px;
}

.xy-modal-flow span {
  padding: 9px 12px;
  border-radius: 999px;
  background: #f5f5f7;
}

.xy-modal-flow i {
  color: #86868b;
  font-style: normal;
}

.xy-download-alternative {
  margin: 22px 0 0 !important;
  padding: 14px 16px;
  border-radius: 12px;
  color: #515154 !important;
  background: #f5f5f7;
  font-size: 13px !important;
  line-height: 1.55;
}

@media (max-width: 820px) {
  .xy-header-inner {
    grid-template-columns: auto 1fr auto;
    gap: 10px;
  }

  .xy-header-actions {
    grid-column: 3;
  }

  .xy-header-actions .xy-link-button {
    display: inline-flex;
  }

  .xy-purchase-steps {
    grid-template-columns: 1fr;
  }

  .xy-purchase-step + .xy-purchase-step {
    border-top: 1px solid #d2d2d7;
    border-left: 0;
  }
}

@media (max-width: 560px) {
  .xy-header-actions {
    gap: 4px;
  }

  .xy-purchase-download-link {
    padding-inline: 4px;
    font-size: 10px;
  }

  .xy-buy-download {
    padding: 82px 12px;
  }

  .xy-purchase-flow-head h2 {
    font-size: 42px;
  }

  .xy-purchase-flow-head > p:last-child {
    font-size: 16px;
  }

  .xy-purchase-step {
    padding: 30px 10px 32px;
  }

  .xy-purchase-cta {
    display: grid;
  }

  .xy-purchase-cta .xy-pill {
    width: 100%;
  }

  .xy-modal-flow {
    display: grid;
    justify-items: center;
  }

  .xy-modal-flow i {
    transform: rotate(90deg);
  }
}

.home-v3 .xy-purchase-modal.glass-panel {
  background: rgba(255, 255, 255, .86) !important;
  -webkit-backdrop-filter: blur(34px) saturate(150%) !important;
  backdrop-filter: blur(34px) saturate(150%) !important;
}

.home-v3 .download-success.glass-card {
  border: 1px solid rgba(255, 255, 255, .82);
  background: rgba(255, 255, 255, .72);
  -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
}

/* ===== XY_HEADER_POSITION_FIX_V2 ===== */
@media (min-width: 821px) {
  .xy-header-inner {
    grid-template-columns: auto 1fr auto !important;
  }
  .xy-main-nav {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
  .xy-header-actions {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
  }
}

@media (max-width: 820px) {
  .xy-header-inner {
    grid-template-columns: auto 1fr auto !important;
  }
  .xy-menu-toggle {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
  .xy-header-actions {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
  }
}

/* ===== XY_FEATURE_SPACING_V3 =====
   Reduce the large vertical gaps between consecutive feature sections. */
.xy-feature-stories{
  padding-top:44px !important;
  padding-bottom:64px !important;
}

.xy-feature-story{
  padding-top:44px !important;
  padding-bottom:52px !important;
}

.xy-feature-story-media{
  margin-top:36px !important;
}

.xy-personal-story-head{
  padding-top:34px !important;
  margin-bottom:18px !important;
}

@media (max-width:820px){
  .xy-feature-stories{
    padding-top:34px !important;
    padding-bottom:52px !important;
  }
  .xy-feature-story{
    padding-top:36px !important;
    padding-bottom:44px !important;
  }
  .xy-feature-story-media{
    margin-top:30px !important;
  }
}

@media (max-width:560px){
  .xy-feature-story{
    padding-top:30px !important;
    padding-bottom:38px !important;
  }
}

/* ===== XY_PERSON_FEATURE_CLICK_V1 =====
   The two hero characters are clickable: jump to the currently shown feature. */
.xy-frame-set{
  cursor:pointer;
}
.xy-frame-set:focus-visible{
  outline:2px solid rgba(0,113,227,.55);
  outline-offset:8px;
  border-radius:20px;
}

/* ===== XY_PERFORMANCE_V53 =====
   Reduce first-paint work below the fold; media loading itself is controlled by JS. */
.xy-feature-story{content-visibility:auto;contain-intrinsic-size:760px}
.xy-buy-download,.xy-contact,.xy-faq{content-visibility:auto;contain-intrinsic-size:620px}
.xy-hover-video.is-video-warming .xy-hover-hint{opacity:.72}
@media(max-width:820px){
  .xy-feature-story{contain-intrinsic-size:680px}
}