/* 小云 (Yun) mascot: home hero, BaZi result asides, 404. Brand palette ivory / purple / ink / gold. */
:root{--y-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .16 0 0 0 0 .16 0 0 0 0 .1 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");
--y-bub:#F7F1E3;--y-in:inset 0 1px 2px rgba(31,27,24,.08),inset 0 -1px 0 rgba(255,255,255,.6);--y-hair:rgba(201,162,75,.45);--y-cloud:#FFFDF7;--y-cloud2:#F1E6CC;--y-badge:#F7F1E3;--y-ink:#2a241f;--y-name:#9a7a2e}
:is(html[data-theme=night],html[data-tone=dark]){--y-bub:#24202b;--y-in:inset 0 1px 2px rgba(0,0,0,.4),inset 0 -1px 0 rgba(255,255,255,.03);--y-cloud:#2a2631;--y-cloud2:#221f28;--y-badge:#2a2531;--y-ink:#efebdd;--y-name:#d9b866}
/* figure = image + paper grain masked to her silhouette */
.yfig{position:relative;display:inline-block;line-height:0}
.yfig img{display:block;height:100%;width:auto;filter:saturate(.78) sepia(.08) contrast(.96)}
:is(html[data-theme=night],html[data-tone=dark]) .yfig img{filter:saturate(.78) sepia(.08) contrast(.96) brightness(.86) saturate(.75)}
.yfig:after{content:"";position:absolute;inset:0;background:var(--y-noise);background-size:160px;mix-blend-mode:multiply;opacity:.35;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;pointer-events:none}
:is(html[data-theme=night],html[data-tone=dark]) .yfig:after{mix-blend-mode:soft-light;opacity:.25}
/* bubble in site language */
.ybub{position:relative;background:var(--dp-groove,transparent),var(--y-bub);background-color:var(--y-bub);border:1px solid var(--y-hair);border-radius:var(--r-md,12px);box-shadow:var(--y-in);padding:10px 14px;color:var(--y-ink);font-size:14px;line-height:1.6;isolation:isolate}
.ybub>*{position:relative;z-index:1}
.ybub:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--y-noise);background-size:160px;mix-blend-mode:multiply;opacity:.25;pointer-events:none}
:is(html[data-theme=night],html[data-tone=dark]) .ybub:after{mix-blend-mode:soft-light;opacity:.2}
.ybub b{display:block;font-size:12px;font-weight:600;color:var(--y-name);line-height:1.4}
.ybub i.t1,.ybub i.t2{position:absolute;z-index:0;border-radius:50%;background:var(--y-bub);border:1px solid var(--y-hair);box-shadow:var(--y-in)}
.ybub i.t1{width:12px;height:12px}.ybub i.t2{width:8px;height:8px}
.tail-r i.t1{right:-16px;top:50%;margin-top:-6px}.tail-r i.t2{right:-28px;top:50%;margin-top:2px}
.tail-l i.t1{left:-16px;top:50%;margin-top:-6px}.tail-l i.t2{left:-28px;top:50%;margin-top:2px}
.tail-b i.t1{left:50%;bottom:-16px;margin-left:-6px}.tail-b i.t2{left:50%;bottom:-28px;margin-left:4px}
/* moon + front cloud stage */
.ystage{position:relative;display:inline-block}
.ystage .ymoon{position:absolute;border-radius:50%;background:radial-gradient(#C9A24B 0 40%,transparent 70%);opacity:.22;z-index:0}
:is(html[data-theme=night],html[data-tone=dark]) .ystage .ymoon{opacity:.30}
.ystage .yfig{position:relative;z-index:1}
.ycloud{position:absolute;z-index:2;left:-12%;right:-12%;bottom:-8px;pointer-events:none}
.ycloud i{position:absolute;bottom:0;border-radius:999px;background:var(--y-cloud);border-top:1px solid var(--y-hair)}
.ycloud i.c0{left:0;right:0;height:38%;border-radius:999px 999px 0 0}
.ycloud i.c1{left:4%;width:42%;height:62%}.ycloud i.c2{left:30%;width:44%;height:80%}.ycloud i.c3{right:2%;width:40%;height:58%}
.ycloud:after{content:"";position:absolute;inset:0;background:var(--y-noise);background-size:160px;mix-blend-mode:multiply;opacity:.3;-webkit-mask:linear-gradient(#000,#000);pointer-events:none}
/* home */
.yhome{display:flex;align-items:flex-end;gap:36px;margin:24px 0 0}
.yhome .ystage{height:200px}.yhome .yfig{height:200px}
.yhome .ycloud{height:56px}
.yhome .ymoon{width:140px;height:140px;right:-10px;top:-14px}
.yhome .ybub{font-size:16px;max-width:280px;margin-bottom:64px}
@media (max-width:760px){.yhome{margin:0 0 16px;gap:28px;justify-content:space-between}.yhome .ystage,.yhome .yfig{height:120px}.yhome .ycloud{height:34px}.yhome .ymoon{width:84px;height:84px}.yhome .ybub{font-size:14px;max-width:calc(100% - 152px);margin-bottom:36px}}
/* result: badge + inline aside */
.ynote{display:flex;align-items:flex-start;gap:12px;margin:16px 0;padding:2px 0 2px 12px;border-left:2px solid #C9A24B;font-size:14px;line-height:1.6;color:var(--y-ink)}
.ynote .ybadge{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid rgba(201,162,75,.55);background:var(--y-badge);box-shadow:inset 0 1px 2px rgba(31,27,24,.10);overflow:hidden;position:relative}
.ynote.s32 .ybadge{width:32px;height:32px}
.ybadge img{width:100%;height:100%;display:block;filter:saturate(.8)}
:is(html[data-theme=night],html[data-tone=dark]) .ybadge img{filter:saturate(.8) brightness(.86) saturate(.75)}
.ybadge:after{content:"";position:absolute;inset:0;background:var(--y-noise);background-size:120px;mix-blend-mode:multiply;opacity:.3}
:is(html[data-theme=night],html[data-tone=dark]) .ybadge:after{mix-blend-mode:soft-light;opacity:.25}
.ynote b{font-size:12px;font-weight:600;color:var(--y-name);margin-right:8px}
.ynote span.tx{padding-top:8px}.ynote.s32 span.tx{padding-top:4px}
@media (max-width:760px){.ynote .ybadge{width:32px;height:32px}.ynote.s32 .ybadge{width:28px;height:28px}.ynote span.tx{padding-top:4px}.ynote.s32 span.tx{padding-top:2px}}
/* 404 */
.y404{display:flex;flex-direction:column;align-items:center;margin:8px 0 32px}
.y404 .ystage{height:200px}.y404 .yfig{height:200px}
.y404 .ycloud{left:50%;right:auto;width:360px;margin-left:-180px;height:120px;bottom:-40px}
.y404 .ymoon{width:160px;height:160px;left:50%;margin-left:-20px;top:-30px;opacity:.28}
.y404 .ybub{margin-top:56px;max-width:300px;font-size:16px}
.xt-article.y404page h1{font-size:40px;text-align:center}.xt-article.y404page .lead{text-align:center;font-size:16px}.xt-article.y404page .xt-cta-line{text-align:center}
@media (max-width:760px){.y404 .ystage,.y404 .yfig{height:150px}.y404 .ycloud{width:260px;margin-left:-130px;height:90px;bottom:-30px}.y404 .ymoon{width:120px;height:120px}.y404 .ybub{font-size:14px;margin-top:44px}.xt-article.y404page h1{font-size:28px}.xt-article.y404page .lead{font-size:14px}}
/* empty state */






/* contact shadow + motion (matches site fade/float; off for reduced motion) */
.ystage:before{content:"";position:absolute;z-index:0;left:15%;right:15%;bottom:-6px;height:8px;border-radius:50%;background:radial-gradient(ellipse,rgba(74,58,92,.22),transparent 70%)}
:is(html[data-theme=night],html[data-tone=dark]) .ystage:before{background:radial-gradient(ellipse,rgba(0,0,0,.45),transparent 70%)}
@keyframes yIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes yFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
[data-yun]{animation:yIn .6s cubic-bezier(.2,.7,.2,1) both}
.ystage .yfig{animation:yFloat 5s ease-in-out 1s infinite}
@media (prefers-reduced-motion:reduce){[data-yun],.ystage .yfig{animation:none!important}}
/* v2b: softer clouds, no block base */
.ycloud i.c0{display:none}
.ycloud{-webkit-mask:linear-gradient(to bottom,#000 55%,transparent 100%);mask:linear-gradient(to bottom,#000 55%,transparent 100%)}
.ycloud i{border-top:0;box-shadow:inset 0 1px 0 var(--y-hair)}
.ycloud i.c1{left:2%;width:40%;height:70%}.ycloud i.c2{left:26%;width:50%;height:100%}.ycloud i.c3{right:0;width:42%;height:64%}
:is(html[data-theme=night],html[data-tone=dark]){--y-cloud:#1f1f1c}
.yhome .ymoon{display:none}
.yhome .ybub{flex:1 1 auto;min-width:0}
@media (min-width:761px){.yhome{max-width:560px}}
.ycloud:after{display:none}
.tail-none i{display:none}
.yhome .ybub{flex:0 0 220px;max-width:220px}
@media (max-width:760px){.yhome .ybub{flex:1 1 auto;max-width:calc(100% - 152px)}}





.ycloud{-webkit-mask:linear-gradient(to bottom,#000 76%,transparent 100%);mask:linear-gradient(to bottom,#000 76%,transparent 100%)}
.yhome .ycloud{bottom:-20px}.yhome .ybub{margin-bottom:76px}
@media (max-width:760px){.yhome .ycloud{bottom:-12px}.yhome .ybub{margin-bottom:44px}}
.y404 .ycloud{bottom:-38px}
@media (max-width:760px){.y404 .ycloud{bottom:-30px}}
/* v3 palette art: lighter treatment */
.yfig img{filter:saturate(.95) contrast(.98)}
:is(html[data-theme=night],html[data-tone=dark]) .yfig img{filter:brightness(.9) saturate(.9)}
.yfig:after{opacity:.2}
:is(html[data-theme=night],html[data-tone=dark]) .yfig:after{opacity:.15}
.ybadge img{filter:none}
:is(html[data-theme=night],html[data-tone=dark]) .ybadge img{filter:brightness(.9) saturate(.9)}
.ybadge:after{opacity:.18}
@media (min-width:761px){.yhome{gap:20px;max-width:none}.yhome .ystage,.yhome .yfig{height:180px}.yhome .ybub{flex:0 0 170px;max-width:170px;font-size:14px;margin-bottom:72px}}
/* ===== v4 taste pass: detail polish ===== */
/* bubble: calmer surface, real padding, name on its own line, balanced wrap */
.ybub{padding:12px 16px 14px;border-color:rgba(201,162,75,.38);box-shadow:none;line-height:1.7;text-wrap:pretty;word-break:keep-all;overflow-wrap:anywhere}
.ybub:after{opacity:.1}
.ybub b{margin:0 0 4px;letter-spacing:.04em}
.ybub i.t1,.ybub i.t2{box-shadow:none;border-color:rgba(201,162,75,.38)}
.tail-r i.t1,.tail-l i.t1{top:auto;bottom:22px;margin:0}.tail-r i.t2,.tail-l i.t2{top:auto;bottom:12px;margin:0}
:is(html[data-theme=night],html[data-tone=dark]){--y-bub:#26222c;--y-ink:#f1ecdf;--y-name:#e0c27a}
:is(html[data-theme=night],html[data-tone=dark]) .ybub,:is(html[data-theme=night],html[data-tone=dark]) .ybub i{border-color:rgba(224,194,122,.32)}
/* front cloud: stays inside the figure, soft on both sides, no hard cut */
.ycloud{left:-4%;right:-4%;-webkit-mask:radial-gradient(120% 140% at 50% 100%,#000 58%,transparent 72%);mask:radial-gradient(120% 140% at 50% 100%,#000 58%,transparent 72%)}
.ycloud i{box-shadow:none}
.ycloud i.c1{left:4%;width:40%;height:62%}.ycloud i.c2{left:24%;width:52%;height:100%}.ycloud i.c3{right:4%;width:40%;height:56%}
.ystage:before{left:22%;right:22%;bottom:-4px;height:10px;background:radial-gradient(ellipse at center,rgba(74,58,92,.16),transparent 72%)}
:is(html[data-theme=night],html[data-tone=dark]) .ystage:before{background:radial-gradient(ellipse at center,rgba(0,0,0,.5),transparent 72%)}
:is(html[data-theme=night],html[data-tone=dark]){--y-cloud:#22201f}
/* home: figure and bubble share one baseline rhythm, 24px before the headline group */
.yhome{align-items:center;margin:16px 0 24px}
.yhome .ybub{margin-bottom:24px}
@media (min-width:761px){.yhome{gap:24px}.yhome .ybub{flex:0 0 200px;max-width:200px;font-size:16px;margin-bottom:24px}}
@media (max-width:760px){.yhome{gap:24px;margin:8px 0 24px}.yhome .ystage,.yhome .yfig{height:128px}.yhome .ybub{max-width:none;margin-bottom:16px;padding:12px 14px}.yhome .ycloud{height:30px;bottom:-10px}}
/* result aside: tone-step panel instead of a side rule; badge aligned to the name line */
.ynote{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:start;border-left:0;padding:12px 16px 12px 12px;margin:16px 0 20px;border-radius:12px;background:rgba(201,162,75,.08);line-height:1.7}
:is(html[data-theme=night],html[data-tone=dark]) .ynote{background:rgba(224,194,122,.07)}
.ynote span.tx,.ynote.s32 span.tx{padding-top:0}
.ynote b{display:block;margin:0 0 2px;line-height:1.4;letter-spacing:.04em}
:is(html[data-theme=night],html[data-tone=dark]) .ynote b{color:#e0c27a}
/* badge: face-crop so 28-40px still reads; single crisp ring */
.ynote .ybadge{border:1.5px solid rgba(201,162,75,.7);box-shadow:none;background:#F7F1E3}
:is(html[data-theme=night],html[data-tone=dark]) .ynote .ybadge{border-color:rgba(224,194,122,.75)}
.ybadge img{transform:scale(1.55);transform-origin:50% 22%;image-rendering:auto}
.ybadge:after{display:none}
@media (max-width:760px){.ynote{padding:10px 14px 10px 10px;column-gap:10px}.ynote .ybadge{width:36px;height:36px}.ynote.s32 .ybadge{width:32px;height:32px}}
/* 404 + empty spacing rhythm */
.y404 .ybub{margin-top:48px}

/* v4b */
.ybub{word-break:normal}
.ybub span br.m{display:none}@media (max-width:760px){.ybub span br.m{display:inline}}
.ycloud{-webkit-mask:linear-gradient(to bottom,#000 70%,transparent 100%);mask:linear-gradient(to bottom,#000 70%,transparent 100%)}
.ycloud i.c1{left:2%;width:42%;height:58%}.ycloud i.c2{left:24%;width:50%;height:100%}.ycloud i.c3{right:2%;width:38%;height:46%}
.ycloud i{box-shadow:inset 0 1px 0 rgba(201,162,75,.28)}
:is(html[data-theme=night],html[data-tone=dark]){--y-cloud:#25232a}
:is(html[data-theme=night],html[data-tone=dark]) .ycloud i{box-shadow:inset 0 1px 0 rgba(224,194,122,.16)}
@media (max-width:760px){.yhome .ycloud{height:40px;bottom:-14px}}
@media (min-width:761px){.yhome .ycloud{height:56px;bottom:-18px}}
/* v4c */
.ybub span br.m{display:inline!important}
.ybub span{letter-spacing:0}
.yhome .ybub{flex:0 0 auto!important;width:max-content;max-width:100%!important}
@media (min-width:761px){.yhome{justify-content:flex-start;gap:24px}}
@media (max-width:760px){.yhome{gap:12px}.yhome .ystage,.yhome .yfig{height:120px}.yhome .ybub{padding:12px 14px}}
:is(html[data-theme=night],html[data-tone=dark]){--y-cloud:#1f1e22}
/* v4d */
.ycloud{left:6%;right:2%}
@media (min-width:761px){.yhome{gap:12px;margin:24px 0 0}.yhome .ystage,.yhome .yfig{height:160px}.yhome .ybub{font-size:14px;padding:12px 16px 14px}.yhome .ycloud{height:48px;bottom:-16px}}
:is(html[data-theme=night],html[data-tone=dark]) .ycloud{-webkit-mask:linear-gradient(to bottom,#000 45%,transparent 100%);mask:linear-gradient(to bottom,#000 45%,transparent 100%)}
:is(html[data-theme=night],html[data-tone=dark]) .ycloud{-webkit-mask:linear-gradient(to bottom,#000 78%,transparent 100%);mask:linear-gradient(to bottom,#000 78%,transparent 100%)}
:is(html[data-theme=night],html[data-tone=dark]){--y-cloud:#29272e}
/* v4e */
.ynote .tx{text-wrap:pretty}
.ymoon{display:none!important}
.y404 .ycloud{height:72px;bottom:-26px;width:300px;margin-left:-150px}
.y404 .ybub{width:max-content;max-width:100%;margin-top:40px}
@media (max-width:760px){.y404 .ycloud{height:56px;bottom:-20px;width:230px;margin-left:-115px}.y404 .ybub{margin-top:32px}}
:is(html[data-theme=night],html[data-tone=dark]){--y-cloud:#2a2630}
/* v4f taste gate: flat bubble, tone step instead of outline */
.ybub{background:var(--y-bub)!important;border:0!important}
.ybub i.t1,.ybub i.t2{border:0!important}
:root{--y-bub:#EFE6D0}
:is(html[data-theme=night],html[data-tone=dark]){--y-bub:#27232d}

.y404{margin:24px 0 32px}.y404 .ybub{margin-top:36px}

/* production: type on the 12/14/16/18/22/28/40/64 scale; home + 404 bubble 16px; asides 16px */
.yhome .ybub,.y404 .ybub{font-size:16px!important}
@media (min-width:761px){.yhome .ybub{font-size:16px!important}.yhome .ystage,.yhome .yfig{height:200px}}
.ynote{font-size:16px}
@media (max-width:760px){.ynote{font-size:14px}}
.yfig img{max-width:none}
.ystage .yfig{will-change:transform}
/* 404: Yun, then the two actions, then three places to start */
.xt-article.y404page{max-width:760px;margin-left:auto;margin-right:auto}
.xt-article.y404page .xt-cta-line{margin:24px 0 0}
.y404page .y404-more{font-size:22px;line-height:1.4;text-align:center;margin:56px 0 16px}
.y404page .y404-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.y404page .y404-grid a{display:block;padding:16px 18px;border:0;border-radius:12px;background:color-mix(in srgb,currentColor 5%,transparent);text-decoration:none;color:inherit}
.y404page .y404-grid b{display:block;font-size:18px;line-height:1.4;margin:0 0 4px}
.y404page .y404-grid span{display:block;font-size:14px;line-height:1.6;opacity:.75}
@media (max-width:760px){.y404page .y404-grid{grid-template-columns:1fr}.y404page .y404-more{font-size:18px;margin-top:40px}}
@media (min-width:761px){.yhome{gap:8px!important;max-width:100%}.yhome .ystage,.yhome .yfig{height:168px!important}.yhome .ybub{max-width:200px!important}}
.xt-article.y404page .lead,.xt-article.y404page h1{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
/* ===== report3（2026-10-16）：B 删 CSS 云 · A 首页头像旁注 · D 人物滤镜 · C 404 全身 · F 气泡 + E 柔边 + G 旁注条中性色 ===== */
/* B：不再画任何 CSS 云、月亮和脚下投影 */
.ycloud,.ymoon{display:none!important}
.ystage:before{display:none!important}
.yfig:after{display:none!important}
.ystage .yfig{animation:none!important}
/* D：人物滤镜统一（头像和全身同一套）；E：≥160px 的大图再加 .25px 柔边 */
.yfig img,.ybadge img{filter:saturate(.8) contrast(.92)!important}
:is(html[data-theme=night],html[data-tone=dark]) :is(.yfig img,.ybadge img){filter:brightness(.78) saturate(.75) contrast(.9)!important}
.y404 .yfig img{filter:saturate(.8) contrast(.92) blur(.25px)!important}
:is(html[data-theme=night],html[data-tone=dark]) .y404 .yfig img{filter:brightness(.88) saturate(.85) contrast(.95) blur(.25px)!important}
/* A：首页旁注，头像 40px（手机 32px），无描边、无底色，标签 12px，正文 14px */
.yhome{display:flex!important;align-items:center;gap:0!important;margin:24px 0 0!important;margin-left:0!important;padding:0;max-width:100%!important;justify-content:flex-start!important}
.yhome .ybadge{flex:none;width:40px;height:40px;margin-right:12px;border-radius:50%;border:0;background:none;box-shadow:none;overflow:hidden;position:relative}
.yhome .tx{font-size:14px;line-height:1.6;color:#2a241f}
.yhome .tx b{display:block;font-size:12px;font-weight:600;line-height:1.4;color:#9a7a2e;letter-spacing:.04em}
:is(html[data-theme=night],html[data-tone=dark]) .yhome .tx{color:#e8e3d6}
:is(html[data-theme=night],html[data-tone=dark]) .yhome .tx b{color:#d9b866}
@media (max-width:760px){.yhome .ybadge{width:32px;height:32px}}
/* C：404 全身 200px（手机 160px），说话改成一行纯文字 16/14px，距人物 16px */
.y404{margin:24px 0 32px!important}
.y404 .ystage,.y404 .yfig{height:200px!important}
.y404 .yfig img{height:200px;width:auto}
.y404 .ysay{margin:16px 0 0;font-size:16px;line-height:1.6;color:#4A3A5C;text-align:center}
.y404 .ysay b{font-weight:600;margin-right:8px}
:is(html[data-theme=night],html[data-tone=dark]) .y404 .ysay{color:#d9b866}
@media (max-width:760px){.y404 .ystage,.y404 .yfig,.y404 .yfig img{height:160px!important}.y404 .ysay{font-size:14px}}
/* F：气泡统一（目前页面上已不用，留给之后的场景）：圆角 8px、平涂、无边框、无尾巴 */
.ybub{border-radius:8px!important;background:#ebe8e1!important;border:0!important;padding:12px 16px!important}
:is(html[data-theme=night],html[data-tone=dark]) .ybub{background:#1d1c1f!important}
.ybub i.t1,.ybub i.t2{display:none!important}
/* G：结果页旁注条换中性色阶，不和按钮金色撞 */
.ynote{background:#efede8!important}
:is(html[data-theme=night],html[data-tone=dark]) .ynote{background:#1d1c1f!important}

/* 第八轮：结果页夜间头像底用夜间底色；首页小云整行是去填生日的链接 */
:is(html[data-theme=night],html[data-tone=dark]) .ynote .ybadge{background:#2A2531!important;border-color:rgba(224,194,122,.35)!important}
a.yhome{color:inherit;text-decoration:none;cursor:pointer}
a.yhome .tx{text-decoration:underline;text-decoration-color:rgba(201,162,75,.5);text-underline-offset:4px}
a.yhome:hover .tx{text-decoration-color:currentColor}
a.yhome:focus-visible{outline:2px solid currentColor;outline-offset:4px}
/* yun-expand：紫微 / 西占 / 经典塔罗的小云旁注，宽度和左缘跟着所在内容列走，上下统一 16px */
.ynote.yx{margin:16px 0}
.tz-result>.ynote.yx{max-width:760px;margin:16px 0}
.tz-result>.ynote.yx+.tz-read{margin-top:0!important}
.tz-main>.ynote.yx{margin:0 0 16px}
#birth-form>.ynote.yx{margin:0 0 16px}
/* 1440 等宽屏：紫微/西占结果开头这一行，左右各缩进到头图文字列（头图内边距 48px）。下面的大限/切换栏仍贴内容列，两者差 48px 无法同时对齐，优先跟头图文字。 */
@media (min-width:761px){:is(#fx-zw-hero,#fx-as-hero)+.ynote.yx{margin-left:48px;margin-right:48px}}