/* 从案例吸收图文叠合与紧凑衔接；使用 MakeWorlds 自有空间主题素材。 */
.site-cover { position:relative; isolation:isolate; min-height:620px; height:clamp(620px,72svh,760px); overflow:hidden; background:#101216; }
.cover-images { position:absolute; inset:0; z-index:-2; }
.cover-scene-link { position:absolute; inset:0; pointer-events:none; }
.cover-scene-link.is-active { pointer-events:auto; }
.marketing-page .cover-scene-link:focus-visible { outline-offset:-4px; }
.cover-slide { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:62% 52%; opacity:0; transition:opacity 450ms ease; }
.cover-slide.is-active { opacity:1; }
.site-cover::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(90deg,#101216f2 0%,#101216c2 24%,#1012162b 53%,transparent 72%),linear-gradient(0deg,#101216 0%,#10121655 11%,transparent 35%); }
.home-intro { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; height:100%; padding-block:36px 100px; gap:20px; pointer-events:none; }
.home-intro > div { max-width:440px; pointer-events:auto; }
.home-intro .cover-product { font-size:12px; color:#c3cad2; letter-spacing:.1em; margin-bottom:18px; }
.home-intro h1 { font-size:clamp(40px,3.8vw,54px); font-weight:600; line-height:1.2; letter-spacing:-.025em; color:#fff; }
.home-intro .cover-description { color:#d0d6df; font-size:17px; line-height:1.75; max-width:410px; }
.cover-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px 24px; margin-top:24px; }
.cover-product-link { display:inline-flex; align-items:center; gap:10px; min-height:44px; font-size:14px; color:#eef1f5; }
.cover-product-link:hover { color:#fff; }
.cover-meta { position:absolute; bottom:8px; left:0; right:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:20px; padding-block:14px; }
.cover-free-note { color:#b4bdc9; font-size:14px; }
.cover-controls,.cover-dots { display:flex; align-items:center; gap:4px; }
.cover-dot,.cover-rotation { display:inline-flex; justify-content:center; align-items:center; width:44px; height:44px; padding:0; border:0; background:transparent; color:#f0f2f5; cursor:pointer; }
.cover-dot span { display:block; width:16px; height:3px; background:#8995a3; }
.cover-dot[aria-current="true"] span { width:28px; background:var(--orange); }
.cover-rotation { margin-left:10px; border:1px solid #ffffff40; border-radius:4px; }
.cover-rotation svg { width:14px; height:14px; }
.cover-rotation:hover { background:#ffffff0b; }
.rotation-play { display:none; }
.cover-rotation[data-paused="true"] .rotation-pause { display:none; }
.cover-rotation[data-paused="true"] .rotation-play { display:block; }
.home-section { padding-top:40px; }
.home-section-heading { display:flex; justify-content:space-between; align-items:baseline; gap:20px 40px; margin-bottom:22px; }
.home-section-heading h2 { font-size:clamp(26px,2.4vw,32px); line-height:1.35; font-weight:550; letter-spacing:-.02em; }
.home-section-heading p { color:var(--dim); font-size:15px; max-width:440px; }
.home-input-section { display:grid; grid-template-columns:180px minmax(0,1fr); align-items:center; gap:24px; padding-block:28px 20px; }
.home-input-section .home-section-heading { margin:0; }
.home-input-section h2 { font-size:21px; max-width:200px; }
.home-inputs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.home-inputs a { min-width:0; display:grid; grid-template-columns:clamp(96px,8vw,112px) minmax(0,1fr); gap:0 14px; align-content:center; }
.home-inputs img { grid-column:1; grid-row:1 / span 2; align-self:center; width:100%; height:auto; aspect-ratio:8 / 5; object-fit:cover; border:1px solid #ffffff24; border-radius:10px; box-shadow:0 1px 0 #ffffff0d; transition:border-color 180ms ease,filter 180ms ease; }
.home-inputs h3 { grid-column:2; display:flex; justify-content:space-between; align-items:baseline; gap:6px; font-size:18px; font-weight:550; line-height:1.4; }
.home-inputs p { grid-column:2; color:#aab4c1; font-size:13px; line-height:1.6; margin-top:5px; }
.home-inputs a:hover h3 { color:#fff; }
.home-inputs a:hover img,.home-inputs a:focus-visible img { border-color:#ffffff55; filter:brightness(1.06); }
.home-inputs a:focus-visible { outline:2px solid var(--orange); outline-offset:6px; border-radius:10px; }
.home-audiences { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.home-audience { position:relative; min-width:0; overflow:hidden; }
.home-audience > img { width:100%; height:290px; object-fit:cover; }
.home-audience::after { content:''; position:absolute; inset:0; background:linear-gradient(transparent 20%,#050a128c 55%,#050a12e8 100%); pointer-events:none; }
.audience-caption { position:absolute; left:24px; right:24px; bottom:18px; z-index:1; }
.audience-caption h3 { font-size:25px; font-weight:550; line-height:1.3; color:#fff; }
.audience-caption p { color:#d4dbe4; font-size:14px; line-height:1.65; margin-top:8px; }
.audience-caption .quiet-link { margin-top:10px; min-height:36px; color:#fff; }
.marketing-page .home-audience:is(:hover,:focus-visible) .quiet-link { color:#fff; background:#ffffff1f; }
.home-journey { display:grid; grid-template-columns:1.2fr 1fr; gap:36px; align-items:center; }
.journey-media { min-width:0; }
.journey-media img { width:100%; height:auto; aspect-ratio:1.5; object-fit:contain; mask-image:radial-gradient(ellipse 85% 85% at center,#000 60%,transparent 100%); }
.journey-copy { min-width:0; }
.journey-controls { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:28px; }
.journey-controls button { text-align:left; border:0; padding:8px 0; color:#aab5c3; background:transparent; cursor:pointer; font:inherit; font-size:14px; min-height:64px; }
.journey-controls button > span:first-child { display:block; font-size:12px; color:#8998a9; margin-bottom:7px; }
.journey-controls button[aria-selected="true"] { color:#fff; }
.journey-controls button[aria-selected="true"] > span:first-child { color:var(--orange); }
.journey-panels article + article { margin-top:24px; }
.journey-panels [role="tabpanel"] { margin:0; }
.journey-panels h3 { font-size:25px; font-weight:550; margin-bottom:14px; line-height:1.4; }
.journey-panels p { color:var(--dim); font-size:16px; line-height:1.8; }
.journey-panels .quiet-link { margin-top:18px; }
.home-start { display:grid; grid-template-columns:1.3fr 1fr; gap:60px; margin-top:32px; padding-block:30px 18px; }
.home-start h2 { font-size:28px; line-height:1.35; font-weight:550; }
.home-start p { color:var(--dim); font-size:16px; margin-top:10px; }
.home-start-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px 22px; margin-top:18px; }
.home-platforms { display:flex; gap:18px; margin-top:12px; font-size:14px; color:var(--dim); }
.home-future h2 { font-size:23px; }
.home-contact { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:24px; }
.home-contact h2 { font-size:16px; font-weight:550; }
.home-contact p { color:var(--dim); font-size:14px; }
@media(min-width:1700px) { .cover-slide { object-position:center 54%; } .home-intro { padding-block:40px 100px; } }
@media(max-width:1200px) { .home-input-section { grid-template-columns:1fr; gap:16px; } .home-input-section h2 { max-width:none; } .home-inputs a { grid-template-columns:minmax(0,1fr); align-content:start; } .home-inputs img { grid-column:1; grid-row:auto; margin-bottom:12px; } .home-inputs h3,.home-inputs p { grid-column:1; } }
@media(max-width:1100px) { .home-section-heading { flex-wrap:wrap; gap:10px; } .home-journey { gap:24px; } .home-intro > div { max-width:400px; } .audience-caption { left:18px; right:18px; } }
@media(max-width:760px) {
 .site-cover { display:flex; flex-direction:column; min-height:0; height:auto; }
 .cover-images { position:relative; order:1; inset:auto; flex:none; width:100%; aspect-ratio:1.3; margin-top:-26px; }
 .cover-slide { object-position:72% center; }
 .site-cover::before { display:none; }
 .cover-images::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,#101216 0%,transparent 24%,transparent 78%,#101216 100%); pointer-events:none; }
 .home-intro { order:0; flex:none; justify-content:start; gap:16px; height:auto; padding-block:28px 0; }
 .home-intro > div { max-width:460px; }
 .home-intro h1 { font-size:34px; }
 .home-intro .cover-product { margin-bottom:12px; }
 .home-intro .cover-description { font-size:16px; max-width:350px; }
 .cover-actions { gap:8px 20px; margin-top:16px; }
 .cover-meta { position:relative; order:2; inset:auto; align-items:center; flex-wrap:wrap; gap:8px; padding-block:8px; }
 .cover-free-note { font-size:12px; max-width:210px; }
 .cover-controls { margin-left:auto; }
 .cover-dot,.cover-rotation { width:36px; }
 .cover-rotation { margin-left:4px; }
 .home-input-section { padding-block:20px 8px; }
 .home-input-section h2 { font-size:21px; }
 .home-inputs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 18px; }
 .home-inputs h3 { font-size:17px; }
 .home-section { padding-top:32px; }
 .home-section-heading { display:block; margin-bottom:18px; }
 .home-section-heading p { margin-top:10px; }
 .home-audiences { grid-template-columns:1fr; gap:14px; }
 .home-audience > img { height:270px; }
 .audience-caption { left:22px; right:22px; bottom:16px; }
 .home-journey { grid-template-columns:1fr; gap:10px; }
 .journey-controls { margin-bottom:20px; gap:12px; }
 .journey-controls button { min-height:68px; font-size:14px; }
 .journey-panels h3 { font-size:23px; }
 .home-start { grid-template-columns:1fr; gap:28px; margin-top:24px; padding-block:26px 12px; }
 .home-contact { align-items:start; flex-direction:column; gap:10px; }
}
@media(max-width:400px) { .cover-meta { display:block; padding-bottom:12px; } .cover-free-note { max-width:none; } .cover-controls { justify-content:flex-end; margin-top:4px; } .home-platforms { flex-wrap:wrap; gap:4px 14px; } }
@media(prefers-reduced-motion:reduce) { .cover-slide,.home-inputs img { transition:none; } }