/* V1.3.1：仅修复“AI智能源头守护”流程在宽屏下的文字折行与光效遮挡。 */
@media (min-width: 901px) {
  .source-guard { grid-template-columns: .78fr 1.48fr; gap: 34px; }
  .guard-flow { justify-content: flex-start; padding-right: 58px; }
  .guard-flow article { width: 142px; min-width: 142px; padding: 19px 13px; }
  .guard-flow article b { font-size: 14px; letter-spacing: -.05em; white-space: nowrap; }
  .guard-flow > i { width: 14px; min-width: 14px; }
  .mic-shield { width: 70px; height: 70px; right: 0; bottom: 21px; font-size: 34px; }
}

/* V1.3.2：Logo 改为蓝色盾牌声波，并为后台换标预留图片容器。 */
.brand { gap: 13px; letter-spacing: .1em; }
.brand-mark { width: 37px; height: 42px; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible; }
.brand-mark svg { width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 0 7px rgba(49, 179, 255, .52)); }
.brand-mark img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 0 7px rgba(49, 179, 255, .52)); }
.shield-fill { fill: #07366c; opacity: .95; }
.shield-stroke { fill: none; stroke: #199deb; stroke-width: 1.5; }
.wave { fill: none; stroke: #6af4ef; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }
.bar { fill: none; stroke: #38aefa; stroke-width: 1.6; stroke-linecap: round; }
.brand-copy { display: flex; flex-direction: column; gap: 2px; line-height: 1; }
.brand-copy > span { font-size: 21px; font-weight: 700; color: #f3f8ff; letter-spacing: .12em; }
.brand-copy small { font-size: 7px; font-weight: 600; letter-spacing: .2em; color: #54b9ef; }
.nav-account { display: flex; align-items: center; gap: 16px; }
.nav-account > a:first-child { color: #b7cbe0; text-decoration: none; font-size: 13px; }
.nav-account .nav-cta { display: inline-flex; }

/* V1.5.1：套餐层级与全站导航交互。 */
.nav { position: sticky; top: 0; z-index: 30; transition: background .25s ease, box-shadow .25s ease, border-color .25s ease, transform .25s ease; }
.nav.is-scrolled { background: rgba(3, 13, 27, .78); border-color: rgba(107, 198, 255, .28); box-shadow: 0 12px 32px rgba(0, 0, 0, .28); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border-radius: 0 0 13px 13px; }
.nav nav a { position: relative; transition: color .2s ease; }
.nav nav a.active { color: #76ede6; }
.nav nav a.active:after { content: ''; position: absolute; left: 0; right: 0; bottom: -11px; height: 2px; border-radius: 4px; background: linear-gradient(90deg, #48e2de, #7e75ff); box-shadow: 0 0 10px #48e2de; }
.annual-mark { position: absolute; top: 16px; right: 16px; padding: 5px 8px; color: #e6dcff; background: rgba(127, 101, 250, .28); border: 1px solid rgba(181, 151, 255, .34); border-radius: 6px; font-size: 11px; }
.promo-mark { position: absolute; top: 16px; right: 16px; padding: 5px 8px; color: #8ff7eb; background: rgba(71, 222, 207, .12); border: 1px solid rgba(92, 235, 218, .3); border-radius: 6px; font-size: 11px; }
.price-stack { display: block !important; margin: 12px 0 16px; letter-spacing: 0 !important; }
.price-stack del { display: block; margin-bottom: 5px; color: #6f859d; font-size: 13px; font-weight: 500; letter-spacing: 0; }
.price-stack .current-price { display: block; color: #f0fbff; font-size: 45px; font-weight: 800; letter-spacing: -.06em; line-height: 1; }
.price-stack .current-price i { color: #a6bfd6; font-size: 14px; font-style: normal; font-weight: 500; letter-spacing: 0; margin-left: 4px; }
.price-grid > article.featured .current-price { color: #c6d3ff; text-shadow: 0 0 22px rgba(136, 123, 255, .25); }
.price-grid > article:nth-child(3) .current-price { color: #9ff5eb; text-shadow: 0 0 25px rgba(78, 230, 221, .23); }
.pricing-lead { max-width: 760px; margin: 12px auto 0; color: #9db7ce; font-size: 13px; line-height: 1.7; }

/* V1.5.4：年度顶配版使用独立的深海军蓝与玉石青绿体系。 */
.price-grid > article:nth-child(3) { overflow: hidden; border-color: rgba(87, 225, 211, .62); background: radial-gradient(310px 210px at 83% 9%, rgba(64, 222, 205, .19), transparent 61%), radial-gradient(230px 190px at 0 100%, rgba(28, 95, 146, .3), transparent 70%), linear-gradient(145deg, #0a2944 0%, #061c33 50%, #041426 100%); box-shadow: 0 20px 55px rgba(1, 11, 27, .55), inset 0 1px 0 rgba(141, 255, 238, .13); }
.price-grid > article:nth-child(3):before { content: ''; position: absolute; width: 260px; height: 260px; right: -150px; top: 32%; border-radius: 50%; background: radial-gradient(circle, rgba(64, 246, 224, .18), transparent 68%); pointer-events: none; }
.price-grid > article:nth-child(3) > * { position: relative; z-index: 1; }
.price-grid > article:nth-child(3) .annual-mark { color: #c9fff9; background: linear-gradient(110deg, rgba(26, 159, 159, .37), rgba(52, 112, 205, .34)); border-color: rgba(112, 252, 235, .58); box-shadow: 0 0 16px rgba(70, 227, 214, .16); }
.price-grid > article:nth-child(3) .current-price { color: #78f4df; text-shadow: 0 0 28px rgba(75, 238, 219, .34); }
.price-grid > article:nth-child(3) .price-stack del { color: #7997ac; }
.price-grid > article:nth-child(3) .annual-benefits { border-top-color: rgba(91, 231, 217, .25); }
.price-grid > article:nth-child(3) .annual-benefits li { color: #c0e7e9; }
.price-grid > article:nth-child(3) .annual-benefits li:before { color: #74f3df; text-shadow: 0 0 9px rgba(99, 247, 224, .55); }
.price-grid > article:nth-child(3) .button { color: #d9fffb; border-color: rgba(105, 245, 226, .62); background: linear-gradient(135deg, rgba(8, 56, 78, .94), rgba(5, 34, 64, .94)); box-shadow: inset 0 1px 0 rgba(173, 255, 248, .15), 0 9px 20px rgba(4, 154, 161, .13); }
.price-grid > article:nth-child(3) .button:hover { background: linear-gradient(135deg, #0c6676, #0a3d6a); box-shadow: 0 12px 27px rgba(27, 216, 202, .22), inset 0 1px 0 rgba(203, 255, 250, .25); }
.annual-benefits { margin: 14px 0 5px; padding: 0; list-style: none; border-top: 1px solid rgba(115, 203, 255, .14); }
.annual-benefits li { position: relative; padding: 6px 0 0 18px; color: #a9c5db; font-size: 11px; line-height: 1.45; }
.annual-benefits li:before { content: '✓'; position: absolute; left: 0; color: #62e6db; }
.price-grid > article:nth-child(3) > p { min-height: auto; }
.risk-estimate { margin: 18px 0 14px; padding: 15px 0 13px; border-block: 1px solid rgba(107, 214, 255, .16); }
.risk-estimate strong { display: block; color: #62e8df; font-size: 37px; line-height: 1; letter-spacing: -.06em; text-shadow: 0 0 20px rgba(82, 231, 223, .23); }
.price-grid > article.featured .risk-estimate strong { color: #bdc6ff; text-shadow: 0 0 22px rgba(141, 125, 255, .32); }
.risk-estimate b { display: block; margin-top: 8px; color: #e5f6ff; font-size: 12px; line-height: 1.55; }
.risk-estimate small { display: block; margin-top: 7px; color: #7f9db6; font-size: 10px; line-height: 1.6; }
.pricing-disclaimer { max-width: 760px; margin: 20px auto 0; color: #758fa8; text-align: center; font-size: 11px; line-height: 1.7; }
#back-to-top { position: fixed; right: 28px; bottom: 30px; z-index: 25; width: 46px; height: 46px; border: 1px solid rgba(118, 221, 255, .58); border-radius: 14px; color: white; background: linear-gradient(135deg, #3b87ff, #7a67f8); box-shadow: 0 12px 28px rgba(62, 117, 255, .34), 0 0 18px rgba(79, 226, 222, .16); font: 700 24px/1 var(--sans); cursor: pointer; opacity: 0; pointer-events: none; transform: translateY(14px) scale(.94); transition: .25s ease; }
#back-to-top.visible { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }
#back-to-top:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 16px 35px rgba(62, 117, 255, .52), 0 0 22px rgba(79, 226, 222, .32); }
@media (max-width: 900px) { .nav { min-height: 70px; height: auto; flex-wrap: wrap; padding-top: 10px; }.nav nav { display: flex; order: 3; width: 100%; padding: 5px 0 10px; gap: 18px; overflow-x: auto; scrollbar-width: none; }.nav nav::-webkit-scrollbar { display: none; }.nav nav a { flex: 0 0 auto; font-size: 12px; }.nav nav a.active:after { bottom: -5px; }.nav-account { gap: 10px; }.nav-account .nav-cta { padding: 8px 10px; }.brand-copy small { display: none; }#back-to-top { right: 16px; bottom: 18px; width: 42px; height: 42px; border-radius: 13px; } }
.guard-slogan { color: #aeefff !important; font-size: 17px; font-weight: 700; line-height: 1.65 !important; margin-bottom: 15px !important; }
.guard-secondary { color: #a6bfd6 !important; font-size: 13px; line-height: 1.75 !important; margin-top: 15px !important; }
.guard-footnote { position: absolute; z-index: 2; left: 66px; bottom: 30px; right: 66px; margin: 0; color: #7694b0; font-size: 11px; line-height: 1.65; }
@media (min-width: 901px) { .source-guard { padding-bottom: 92px; } .guard-flow article { min-height: 164px; } .guard-flow article small { line-height: 1.55; } }

@media (max-width: 900px) {
  .guard-flow { padding-right: 0; gap: 10px; }
  .guard-flow article { width: calc(50% - 5px); min-width: 0; }
  .guard-flow article b { word-break: keep-all; }
  .mic-shield { right: 2px; bottom: -34px; }
  .guard-footnote { position: relative; left: auto; right: auto; bottom: auto; grid-column: 1 / -1; margin-top: -15px; }
}

/* V1.4：从“工具介绍”升级为“直播风险源头防护系统”。 */
.pain-entry { margin: 12px auto 88px; padding: 44px 0; display: grid; grid-template-columns: .7fr 1.3fr; gap: 56px; border-block: 1px solid var(--line); }
.pain-entry h2 { margin: 0 0 15px; font-size: clamp(30px, 3.5vw, 46px); line-height: 1.15; letter-spacing: -.05em; }
.pain-entry-copy > p:not(.eyebrow) { color: #a9c1d7; line-height: 1.8; margin: 0; }
.pain-entry-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.pain-entry-list article { padding: 18px; border: 1px solid rgba(93, 190, 255, .2); border-radius: 13px; background: linear-gradient(145deg, rgba(10, 35, 61, .8), rgba(4, 15, 28, .55)); }
.pain-entry-list span { display: block; color: #63dfdc; font-size: 11px; margin-bottom: 23px; }
.pain-entry-list b { display: block; font-size: 15px; line-height: 1.5; }
.pain-entry-list small { display: block; margin-top: 12px; color: #819eb8; font-size: 11px; line-height: 1.7; }
.source-guard { display: block; padding: 60px 66px 82px; }
.guard-heading { position: relative; z-index: 2; text-align: center; max-width: 630px; margin: 0 auto 46px; }
.guard-heading .eyebrow { justify-content: center; }
.guard-heading h2 { margin: 17px 0 9px; font-size: clamp(46px, 5vw, 67px); letter-spacing: -.06em; line-height: 1.03; }
.guard-heading > p:last-child { margin: 0; color: #a5dfea; font-size: 16px; font-weight: 700; letter-spacing: .16em; }
.guard-main { position: relative; z-index: 2; display: grid; grid-template-columns: .65fr 1.35fr; gap: 42px; align-items: center; }
.guard-main .guard-copy h3 { margin: 0 0 16px; font-size: 32px; line-height: 1.15; letter-spacing: -.045em; }
.guard-main .guard-copy h3 em { font-style: normal; color: #79ede6; }
.guard-main .guard-copy > p:not(.guard-secondary) { color: #bed2e4; line-height: 1.8; font-size: 14px; }
.guard-main .guard-flow { padding-right: 0; justify-content: flex-start; }
.guard-main .guard-flow article { width: 144px; min-width: 144px; min-height: 172px; }
.guard-main .guard-flow article b { font-size: 14px; white-space: normal; line-height: 1.35; }
.guard-main .guard-flow article small { font-size: 10px; line-height: 1.55; }
.guard-main .guard-flow > i { width: 13px; min-width: 13px; }
.intercept-lab { position: relative; z-index: 2; margin-top: 40px; min-height: 174px; display: grid; grid-template-columns: 1fr 40px .7fr 40px 1fr; align-items: center; gap: 10px; padding: 25px 32px; border: 1px solid rgba(91, 225, 220, .28); border-radius: 17px; background: radial-gradient(300px 150px at 50% 50%, rgba(47, 128, 242, .18), transparent 70%), rgba(3, 17, 33, .65); }
.intercept-mic, .intercept-scan, .intercept-result { position: relative; min-height: 112px; border: 1px solid rgba(112, 195, 255, .2); border-radius: 12px; background: rgba(6, 24, 45, .72); padding: 17px; }
.intercept-mic > span { color: #6ce8e1; font-size: 10px; letter-spacing: .15em; }.intercept-mic b { display: block; margin-top: 12px; font-size: 14px; }.intercept-wave { display: flex; gap: 4px; align-items: center; height: 42px; margin-top: 5px; }.intercept-wave i { width: 4px; border-radius: 4px; background: #61e6df; animation: wave 1.15s ease-in-out infinite; }.intercept-wave i:nth-child(2n) { animation-delay: .17s; }.intercept-wave i:nth-child(3n) { animation-delay: .33s; }
.intercept-arrow { color: #73b9ff; font-style: normal; font-size: 27px; text-align: center; text-shadow: 0 0 15px #479cff; }.intercept-scan { display: flex; flex-direction: column; justify-content: center; text-align: center; overflow: hidden; }.intercept-scan:before { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent, rgba(90, 245, 233, .22), transparent); animation: scan 2.2s ease-in-out infinite; }.intercept-scan span, .intercept-scan b, .intercept-scan small { position: relative; z-index: 1; }.intercept-scan span { color: #77f5ec; font-weight: 800; font-size: 22px; }.intercept-scan b { margin-top: 9px; font-size: 15px; }.intercept-scan small { margin-top: 6px; color: #86a9c3; font-size: 10px; }@keyframes scan { from { transform: translateY(-110%); } to { transform: translateY(110%); } }
.intercept-result { border-color: rgba(115, 125, 255, .52); display: flex; flex-direction: column; gap: 5px; }.intercept-result small { color: #879fba; font-size: 10px; }.intercept-result del { color: #ff9aa7; font-size: 14px; }.intercept-result > i { color: #67e7df; font-style: normal; line-height: 1; }.intercept-result strong { color: #f5feff; font-size: 24px; letter-spacing: .1em; }.intercept-result b { color: #63ead2; font-size: 11px; }
.source-guard .guard-footnote { position: relative; left: auto; right: auto; bottom: auto; z-index: 2; margin: 20px 0 0; text-align: center; }
@media (max-width: 900px) { .pain-entry, .guard-main { grid-template-columns: 1fr; }.pain-entry-list { grid-template-columns: 1fr; }.source-guard { padding: 40px 28px 52px; }.intercept-lab { grid-template-columns: 1fr; padding: 20px; }.intercept-arrow { transform: rotate(90deg); }.guard-main .guard-flow article { width: calc(50% - 5px); min-width: 0; }.guard-main .guard-flow > i { display: none; } }

/* 性能保护：保留科技感，但避免在移动端持续重绘大面积光效。 */
@media (max-width: 900px) {
  .ambient { filter: blur(64px); opacity: .12; }
  .grid { opacity: .14; }
  .source-guard:after { animation: none; }
  .ring-two { animation-duration: 38s; }
  .intercept-scan:before { animation-duration: 3.4s; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* V1.2 手机端价值卡：以低透明度的主题数据图形补足空间，文字始终优先。 */
.outcome-metrics article { position: relative; isolation: isolate; overflow: hidden; }
.outcome-metrics article::before,
.outcome-metrics article::after { content: ''; position: absolute; z-index: -1; pointer-events: none; }
/* 01：声波与风险扫描 */
.outcome-metrics article:nth-child(1)::before { width: 116px; height: 116px; right: -25px; bottom: -34px; border: 1px solid rgba(86, 239, 233, .28); border-radius: 50%; box-shadow: 0 0 0 15px rgba(86, 239, 233, .045), 0 0 0 31px rgba(86, 239, 233, .035); }
.outcome-metrics article:nth-child(1)::after { width: 88px; height: 42px; right: 1px; bottom: 23px; opacity: .14; background: repeating-linear-gradient(90deg, transparent 0 7px, #63ede1 7px 11px, transparent 11px 17px); clip-path: polygon(0 47%, 7% 35%, 14% 60%, 21% 18%, 28% 70%, 35% 38%, 42% 54%, 49% 15%, 56% 70%, 63% 37%, 70% 58%, 77% 24%, 84% 62%, 91% 43%, 100% 50%, 100% 100%, 0 100%); }
/* 02：录屏回放时间轴 */
.outcome-metrics article:nth-child(2)::before { width: 122px; height: 74px; right: -10px; bottom: 15px; opacity: .15; border: 1px solid rgba(119, 163, 255, .58); border-radius: 11px; background: linear-gradient(180deg, transparent 0 41%, rgba(125, 158, 255, .6) 42% 44%, transparent 45%), radial-gradient(circle at 68% 43%, #f5b959 0 5px, transparent 6px), radial-gradient(circle at 30% 43%, #68e8e3 0 3px, transparent 4px); box-shadow: inset 0 0 26px rgba(84, 128, 255, .18); }
.outcome-metrics article:nth-child(2)::after { right: 0; bottom: 25px; width: 88px; height: 17px; opacity: .18; border-block: 1px dashed rgba(144, 206, 255, .55); }
/* 03：个人模型的神经网络 */
.outcome-metrics article:nth-child(3)::before { width: 135px; height: 135px; right: -31px; bottom: -47px; opacity: .17; background: radial-gradient(circle at 24% 28%, #70f1e5 0 3px, transparent 4px), radial-gradient(circle at 68% 20%, #8b8cff 0 4px, transparent 5px), radial-gradient(circle at 77% 63%, #6be4fa 0 3px, transparent 4px), radial-gradient(circle at 31% 74%, #65f1dd 0 3px, transparent 4px), linear-gradient(29deg, transparent 45%, rgba(107, 234, 229, .9) 46% 47%, transparent 48%), linear-gradient(-35deg, transparent 48%, rgba(131, 143, 255, .8) 49% 50%, transparent 51%); filter: blur(.15px); }
.outcome-metrics article:nth-child(3)::after { width: 83px; height: 83px; right: -12px; bottom: -17px; border: 1px solid rgba(104, 239, 228, .26); border-radius: 50%; box-shadow: 0 0 22px rgba(88, 229, 220, .12); }
.outcome-metrics article strong { position: relative; z-index: 1; }
.outcome-metrics article span { position: relative; z-index: 1; font-weight: 700; }
@media (max-width: 900px) {
  .outcome-metrics { gap: 13px; }
  .outcome-metrics article { min-height: 142px; padding: 23px 22px; border-color: rgba(109, 202, 255, .27); box-shadow: inset 0 1px 0 rgba(176, 240, 255, .05), 0 16px 28px rgba(0, 0, 0, .12); background: linear-gradient(135deg, rgba(17, 48, 81, .82), rgba(4, 17, 33, .74)); }
  .outcome-metrics article b { color: #75efe8; }
  .outcome-metrics article strong { margin: 18px 0 8px; font-size: 23px; letter-spacing: -.02em; }
  .outcome-metrics article span { color: #b8cce1; font-size: 14px; }
  .outcome-metrics article:nth-child(3) { border-color: rgba(92, 233, 220, .39); background: radial-gradient(180px 100px at 100% 100%, rgba(75, 202, 212, .13), transparent 70%), linear-gradient(135deg, rgba(18, 56, 84, .86), rgba(6, 20, 40, .78)); }
}