/* 产品页共用规则及动态代理页 256:933 专属布局。 */

/* Banner 0..734px，公告条在 y=704 处跨出底部 30px。 */
.v2-product-hero,
.v2-tunnel-hero { position: relative; height: 734px; background: var(--color-hero); }
.v2-product-hero__visual {
    position: absolute;
    left: calc(50% - 73px);
    top: 164px;
    width: 674px;
    height: 505px;
    object-fit: contain;
}
.v2-product-hero__copy,
.v2-tunnel-hero__copy { position: relative; z-index: 1; width: var(--content-width); margin: 0 auto; padding-top: 232px; }
.v2-product-hero h1,
.v2-tunnel-hero h1 { margin: 0; color: var(--color-ink); font-size: 54px; line-height: 81px; font-weight: var(--font-weight-bold); }
.v2-product-hero__copy > p,
.v2-tunnel-hero__copy > p { width: 561px; margin: 14px 0 0; color: var(--color-ink); font-size: 16px; line-height: 24px; letter-spacing: .32px; }
.v2-product-hero__actions,
.v2-tunnel-hero__actions { margin-top: 123px; display: flex; align-items: center; gap: 35px; }
.v2-product-hero__actions .v2-button,
.v2-tunnel-hero__actions .v2-button { width: 200px; height: 60px; font-size: 22px; font-weight: var(--font-weight-medium); }
.v2-product-hero__docs,
.v2-tunnel-hero__docs { margin-left: 3px; font-size: 22px; line-height: 33px; font-weight: var(--font-weight-medium); }
.v2-product-notice { position: absolute; z-index: 2; left: 50%; top: 704px; width: var(--content-width); height: 60px; transform: translateX(-50%); display: flex; align-items: center; padding: 0 20px; gap: 14px; border-radius: 10px; background: var(--color-card); font-size: 18px; line-height: 28px; letter-spacing: .36px; }
.v2-product-notice strong { margin-right: 26px; font-weight: var(--font-weight-bold); letter-spacing: 0; }
.v2-product-notice__tag { height: 26px; padding: 3px 10px 5px; border: 1px solid #f04134; border-radius: 4px; color: #f04134; background: rgba(240, 65, 52, .1); font-size: 12px; line-height: 16px; font-weight: var(--font-weight-medium); letter-spacing: 0; }
.v2-product-notice a { color: var(--color-brand); font-weight: var(--font-weight-medium); }

/* 简介 864..1152px。 */
.v2-product-intro,
.v2-tunnel-intro { width: var(--content-width); margin: 130px auto 0; }
.v2-product-intro__body,
.v2-tunnel-intro__body { width: 1040px; margin: 50px 0 0 80px; color: var(--color-text-secondary); font-size: 18px; }
.v2-product-intro__body { height: 108px; line-height: 27px; letter-spacing: .36px; }
.v2-product-intro__body p,
.v2-tunnel-intro__body p { margin: 0; }
.v2-product-intro__body a,
.v2-product-intro__more,
.v2-tunnel-intro__body a,
.v2-tunnel-intro__more { color: var(--color-brand); }
.v2-product-intro__more,
.v2-tunnel-intro__more { display: block; width: 110px; font-size: 18px; line-height: 28px; font-weight: var(--font-weight-medium); }
.v2-product-intro__more { margin: 30px 0 0 80px; }

/* 产品优势 1272..1826px。 */
.v2-product-advantages,
.v2-tunnel-advantages { width: var(--content-width); margin: 120px auto 0; }
.v2-feature-grid { margin-top: 70px; display: grid; grid-template-columns: repeat(3, 384px); gap: 24px; }
.v2-feature-card { position: relative; width: 384px; height: 194px; padding: 91px 23px 23px; border: 1px solid var(--color-border); border-radius: var(--radius-card); background: var(--color-card); box-shadow: var(--shadow-panel); overflow: hidden; }
.v2-feature-card__icon { position: absolute; left: 23px; top: 23px; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-md); background: #f4f7fa; }
.v2-feature-card__icon img { width: 24px; height: 24px; }
.v2-feature-card h3 { margin: 0; color: var(--color-text-primary); font-size: 18px; line-height: 28px; font-weight: var(--font-weight-bold); }
.v2-feature-card p { margin: 6px 0 0; color: var(--color-text-secondary); font-size: 14px; line-height: 22px; }

/* 套餐 1946..2815px。 */
.v2-product-pricing,
.v2-tunnel-pricing { width: var(--content-width); margin: 120px auto 0; }
.v2-product-pricing .v2-home-pricing__tabs,
.v2-tunnel-pricing .v2-home-pricing__tabs { margin-top: 70px; }
.v2-product-pricing .v2-home-pricing__billing,
.v2-tunnel-pricing .v2-home-pricing__billing { margin-top: 40px; }
.v2-product-pricing .v2-pricing-grid,
.v2-tunnel-pricing .v2-pricing-grid { margin-top: 70px; }

/* 覆盖地图 2965..3445px。 */
.v2-product-coverage,
.v2-tunnel-coverage { width: var(--content-width); margin: 150px auto 0; }

/* 特性 3565..4247px。 */
.v2-product-traits,
.v2-tunnel-traits { width: var(--content-width); }
.v2-product-traits { margin: 120px auto 0; }
.v2-product-traits__controls,
.v2-tunnel-traits__controls { height: 60px; margin-top: 70px; display: flex; justify-content: space-between; }
.v2-product-traits__controls img,
.v2-tunnel-traits__controls img { width: 60px; height: 60px; }
.v2-product-traits__controls button,
.v2-tunnel-traits__controls button { width: 60px; height: 60px; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; }
.v2-product-traits__controls button:focus-visible,
.v2-tunnel-traits__controls button:focus-visible { outline: 3px solid rgba(122, 211, 84, .45); outline-offset: 3px; }
.v2-product-traits__controls button:disabled,
.v2-tunnel-traits__controls button:disabled { opacity: .35; cursor: not-allowed; }
.v2-product-traits__grid,
.v2-tunnel-traits__grid { margin-top: 50px; display: grid; grid-template-columns: repeat(3, 386px); gap: 21px; }
.v2-product-trait-card,
.v2-tunnel-trait-card { position: relative; width: 386px; height: 430px; border-radius: var(--radius-card); background: #feffff; overflow: hidden; }
.v2-product-trait-card__visual,
.v2-tunnel-trait-card__visual { position: absolute; display: block; object-fit: contain; }
.v2-product-trait-card__visual.is-full,
.v2-tunnel-trait-card__visual.is-full { left: 0; top: 0; width: 386px; height: 288px; }
.v2-product-trait-card__visual--volume { left: 78px; top: 33px; width: 231px; height: 223px; }
.v2-product-trait-card__visual--speed { left: 14px; top: 37px; width: 359px; height: 215px; }
.v2-product-trait-card__visual--anonymous { left: 57px; top: 37px; width: 273px; height: 226px; }
.v2-product-trait-card h3,
.v2-tunnel-trait-card h3 { position: absolute; left: 47px; top: 288px; width: 292px; margin: 0; color: var(--color-text-primary); text-align: center; font-size: 24px; line-height: 34px; font-weight: var(--font-weight-medium); }
.v2-product-trait-card p,
.v2-tunnel-trait-card p { position: absolute; left: 59px; top: 330px; width: 268px; margin: 0; color: var(--color-text-secondary); text-align: center; font-size: 18px; line-height: 28px; }

/* 业务场景 4367..5033px。 */
.v2-product-use-cases,
.v2-tunnel-use-cases { margin-top: 120px; }

/* 特别提示 5068..5320px。 */
.v2-product-tip { position: relative; width: var(--content-width); height: 252px; margin: 35px auto 0; border: 1px solid #d6e0f0; border-radius: var(--radius-card); color: var(--color-on-dark); background: var(--color-ink); overflow: hidden; }
.v2-product-tip__accent { position: absolute; left: 29px; top: 35px; width: 8px; height: 32px; border-radius: 4px; background: var(--color-brand); }
.v2-product-tip h2 { position: absolute; left: 57px; top: 29px; margin: 0; font-size: 30px; line-height: 44px; font-weight: var(--font-weight-bold); }
.v2-product-tip ol { position: absolute; left: 57px; top: 93px; width: 1080px; margin: 0; padding-left: 27px; color: var(--color-page); font-size: 18px; line-height: 32px; }

/* 资讯 5468..6316px，CTA 6436..6736px。 */
.v2-product-news { margin-top: 148px; }
.v2-product-news .v2-section-title h2,
.v2-tunnel-news .v2-section-title h2 { color: var(--color-ink); }