/* 中兴新云官网 · 首页「AI 智库」屏开场动效 ask-intro.css（原型模块 v0.7.1 · 2026-11-08 · Claude，未接入官网）
   配合 ask-intro.js / ask-intro-loader.js。两层（WebGL 画布：夜空与粒子；爆开闪光）插在 .home2-hero-inner 之前，z-index 0：
   盖住首屏背景，但永远在对话框、文字和切换按钮之下，不挡输入、不接收点击。 */
.ask-intro-layer { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.ask-intro-canvas { display: block; width: 100%; height: 100%; }
.ask-intro-fx { overflow: hidden; }
/* 播放期间，半透明的“试着问”和切换胶囊加一层背景模糊，粒子从后面经过时字仍清楚 */
.home2-hero[data-ask-intro="playing"] :is(.home2-ask-chips button, .home2-hero-switch) { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.ask-intro-flash {
    position: absolute; left: 0; top: 0; border-radius: 50%; opacity: 0; mix-blend-mode: screen; transform-origin: 50% 50%; will-change: transform, opacity;
    background: radial-gradient(closest-side, rgba(255, 255, 255, .95), rgba(255, 244, 214, .72) 7%, rgba(255, 192, 0, .3) 18%, rgba(97, 204, 240, .12) 36%, rgba(97, 204, 240, 0) 100%);
}
/* 快进到结尾：0.45 秒内淡掉动效层 */
.ask-intro-layer.ask-intro-fade { opacity: 0 !important; transition: opacity .45s ease !important; }

/* 文字方案 B：品牌行、标语、导语先透明（仍在页面里，读屏与搜索照常读到），大眼睛成形时依次淡入 */
.home2-hero[data-ask-intro-text] :is(.home2-ask-brand, .home2-ask-title, .home2-ask-copy > .home2-hero-lead) {
    transition: opacity .9s cubic-bezier(.2, .65, .25, 1), transform 1s cubic-bezier(.2, .65, .25, 1), filter .9s ease;
}
.home2-hero[data-ask-intro-text="hidden"] :is(.home2-ask-brand, .home2-ask-title, .home2-ask-copy > .home2-hero-lead) {
    opacity: 0; transform: translateY(12px); filter: blur(6px); transition: none;
}
.home2-hero[data-ask-intro-text="in"] .home2-ask-title { transition-delay: .15s; }
.home2-hero[data-ask-intro-text="in"] .home2-ask-copy > .home2-hero-lead { transition-delay: .35s; }
/* Haning 11-08：播放期间只留一个对话框，“试着问”三条也先藏起来，最后淡入。按钮藏着时不可点、不可聚焦，免得误触发提问 */
.home2-hero[data-ask-intro-text] .home2-ask-chips { transition: opacity .7s ease .55s, transform .8s cubic-bezier(.2, .65, .25, 1) .55s, visibility 0s linear 0s; }
.home2-hero[data-ask-intro-text="hidden"] .home2-ask-chips { opacity: 0; transform: translateY(8px); visibility: hidden; pointer-events: none; transition: none; }
/* 方案 A（文字一直显示）也只留对话框：“试着问”播放期间先藏，最后淡入（验收 P3-1） */
.home2-hero[data-ask-intro-chips] .home2-ask-chips { transition: opacity .7s ease .55s, transform .8s cubic-bezier(.2, .65, .25, 1) .55s, visibility 0s linear 0s; }
.home2-hero[data-ask-intro-chips="hidden"] .home2-ask-chips { opacity: 0; transform: translateY(8px); visibility: hidden; pointer-events: none; transition: none; }
/* 兜底：主题按 README 预先藏好了文字和眼睛，但加载器 3 秒内没有接手（脚本 404、被拦截或报错）时，自动恢复显示（验收 P2-2）。
   加载器一接手就会写 data-ask-intro，这条规则随即不再生效 */
@keyframes ask-intro-failsafe { to { opacity: 1; transform: none; filter: none; visibility: visible; pointer-events: auto; } }
.home2-hero[data-ask-intro-text="hidden"]:not([data-ask-intro]) :is(.home2-ask-brand, .home2-ask-title, .home2-ask-copy > .home2-hero-lead, .home2-ask-chips),
.home2-hero[data-ask-intro-eye="hidden"]:not([data-ask-intro]) :is(.ask-intro-eye, .home2-ask-card > .insight-visual, .home2-ask-card > insight-eye-hero) { animation: ask-intro-failsafe .4s ease 3s forwards; }

/* 大眼睛：播放期间透明，交接时淡入。只动眼睛自身、不动它的祖先，原图的混合方式不受影响 */
.ask-intro-eye { transition: opacity .6s ease; }
.home2-hero[data-ask-intro-eye="hidden"] :is(.ask-intro-eye, .home2-ask-card > .insight-visual, .home2-ask-card > insight-eye-hero) { opacity: 0; transition: none; }

/* 文字方案 A + 白天：夜空期间标语临时换成夜间配色，避免深字压在深底上 */
.home2-hero[data-ask-intro-sky="on"] :is(.home2-ask-brand, .home2-ask-title) { color: #EAF6FD; transition: color .5s ease; }
.home2-hero[data-ask-intro-sky="on"] .home2-ask-title .home2-ask-l2 { color: #61CCF0; transition: color .5s ease; }
.home2-hero[data-ask-intro-sky="on"] .home2-ask-copy > .home2-hero-lead { color: rgba(226, 242, 251, .85); transition: color .5s ease; }

/* 金点撞上对话框：光圈亮一下（0.5 秒），像撞上一块玻璃 */
.home2-ask-form.ask-intro-hit { box-shadow: 0 0 0 4px rgba(255, 192, 0, .16), 0 0 36px rgba(255, 192, 0, .3), 0 24px 56px -24px rgba(3, 47, 82, .32); transition: box-shadow .12s ease; }
.home2-ask-form.ask-intro-hit::before { opacity: 1 !important; transition: opacity .12s ease !important; }
.home2-ask-form.ask-intro-hit::after { --home2-ask-ring: 1; }

/* 重播。默认（hidden）：Haning 11-08 定去掉小图标，点眼球中间回看。备选（icon）：另在大眼睛正下方放一个圆形小图标。手机都不显示 */
.ask-intro-replay {
    position: absolute; left: 50%; bottom: 0; z-index: 3; display: inline-grid; place-items: center; width: 34px; height: 34px; padding: 0;
    transform: translate(-50%, 0); border: 1px solid rgba(0, 103, 180, .16); border-radius: 50%; background: rgba(255, 255, 255, .72); color: #335071;
    cursor: pointer; opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility 0s linear .4s, color .2s, border-color .2s;
}
.ask-intro-replay.is-shown { opacity: .7; visibility: visible; transition: opacity .4s ease, color .2s, border-color .2s; }
.ask-intro-replay.is-shown:is(:hover, :focus-visible) { opacity: 1; color: #0067B4; border-color: rgba(0, 103, 180, .4); }
.ask-intro-replay:focus-visible { outline: 2px solid #0067B4; outline-offset: 2px; }
.home2-hero.is-night .ask-intro-replay { background: rgba(255, 255, 255, .08); border-color: rgba(197, 229, 255, .22); color: #C5E5FF; }
.home2-hero.is-night .ask-intro-replay.is-shown:is(:hover, :focus-visible) { color: #fff; border-color: rgba(197, 229, 255, .5); }
/* 点眼球中间回看：眼球（金环以内）是一个看不见的圆形按钮，指上去或用键盘聚焦时露出一圈淡金光；读屏读作“重播 AI 智库开场动效”（验收 P3-2） */
.ask-intro-globe {
    position: absolute; z-index: 3; left: 38.47%; top: 47.94%; width: 23%; height: 23%; margin: 0; padding: 0; border: 0; border-radius: 50%; background: none;
    -webkit-appearance: none; appearance: none; cursor: pointer; pointer-events: auto; transition: box-shadow .3s ease;
}
@media (hover: hover) { .ask-intro-globe:hover { box-shadow: 0 0 0 2px rgba(255, 192, 0, .32), 0 0 22px rgba(255, 192, 0, .22); } }
.ask-intro-globe:focus { outline: none; }
.ask-intro-globe:focus-visible { box-shadow: 0 0 0 2px rgba(255, 192, 0, .7), 0 0 22px rgba(255, 192, 0, .3); }
/* 播放中（含回看）眼球热区不接收点击：点它就和点别处一样快进到结尾，不会又从头重播（验收 P1-1） */
.home2-hero:is([data-ask-intro="pending"], [data-ask-intro="playing"], [data-ask-intro="paused"]) .ask-intro-globe { pointer-events: none; }
@media (max-width: 900px) { .ask-intro-replay, .ask-intro-globe { display: none; } }

/* 减弱动效 / 强制配色：不出现任何动效层，文字与大眼睛直接是终帧 */
@media (prefers-reduced-motion: reduce) {
    .ask-intro-layer, .ask-intro-replay, .ask-intro-globe { display: none !important; }
    .home2-hero:is([data-ask-intro-text], [data-ask-intro-chips]) :is(.home2-ask-brand, .home2-ask-title, .home2-ask-copy > .home2-hero-lead, .home2-ask-chips) { opacity: 1 !important; transform: none !important; filter: none !important; visibility: visible !important; pointer-events: auto !important; }
    .home2-hero[data-ask-intro-eye] :is(.ask-intro-eye, .home2-ask-card > .insight-visual, .home2-ask-card > insight-eye-hero) { opacity: 1 !important; }
}
@media (forced-colors: active) { .ask-intro-layer { display: none !important; } }