/* 职责：官网双产品页面的视觉层级与响应式布局；边界：复用品牌变量，不影响旧页正文；更新时间：2026-10-14。 */
/* 原站导航为固定定位，预留其高度，避免移动端首屏标签被顶栏遮挡。 */
.product-page { --product-accent: #9e8cff; padding-top:67px; }
.product-page.exhibition-page { --product-accent: #64ddd4; }
.product-page .eyebrow { color: var(--product-accent); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 20px; }
.product-hero { padding: 86px 0 70px; position: relative; background: radial-gradient(ellipse at 80% 20%,rgba(123,92,255,.14),transparent 60%); border-bottom: 1px solid var(--border); }
.product-hero-grid { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:56px; }
.product-page h1 { font-size:clamp(34px,4.2vw,60px); line-height:1.17; letter-spacing:-.045em; margin:0 0 24px; font-weight:750; }
.product-page h1 em { color:var(--product-accent); font-style:normal; }
.product-page .intro { font-size:17px; line-height:1.9; color:var(--text-dim); max-width:650px; margin:0 0 28px; }
.product-page .hero-cta { justify-content:flex-start; flex-wrap:wrap; }
.product-page .microcopy { font-size:12px; line-height:1.8; color:var(--text-dim); margin-top:22px; }
.product-page .section { padding:72px 0; }
.product-page .section[id] { scroll-margin-top:85px; }
.product-page .section-head { text-align:left; margin-bottom:30px; max-width:780px; }
.product-page h2 { font-size:clamp(26px,3vw,38px); line-height:1.3; letter-spacing:-.025em; margin:0 0 15px; }
.product-page h3 { font-size:21px; line-height:1.4; margin:12px 0; }
.product-page p { line-height:1.85; }
.product-page .section-head p,.product-card p,.step-list p,.feature-list p { color:var(--text-dim); }
.product-showcase { position:relative; margin:0; padding:28px; border:1px solid rgba(158,140,255,.3); border-radius:22px; background:linear-gradient(145deg,#151b36,#0b1020); box-shadow:0 24px 80px #0005; }
.showcase-label { display:flex; justify-content:space-between; gap:16px; color:var(--text-dim); font-size:11px; letter-spacing:.08em; margin-bottom:20px; }
.showcase-label b { color:var(--text); }
.knowledge-shot { display:block; width:100%; height:auto; border-radius:9px; background:white; }
.product-showcase figcaption,.screen-card figcaption { color:var(--text-dim); font-size:12px; line-height:1.7; margin-top:16px; }
.showcase-route { display:flex; gap:10px; align-items:center; margin-top:20px; font-size:12px; flex-wrap:wrap; }
.showcase-route span { padding:8px 12px; border:1px solid var(--border); border-radius:7px; }
.product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.product-card { padding:34px; border:1px solid var(--border); border-radius:18px; background:var(--surface); position:relative; }
.product-card.expo-card { background:linear-gradient(140deg,rgba(34,211,238,.07),var(--surface)); }
.product-card .card-label { color:var(--product-accent); font-size:12px; letter-spacing:.08em; }
.product-card h3 { font-size:29px; }
.product-card ul { padding-left:20px; color:var(--text-dim); line-height:2; margin:20px 0 28px; }
.text-link { color:var(--text); font-weight:650; display:inline-block; padding:8px 0; border-bottom:1px solid var(--product-accent); }
.step-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; list-style:none; padding:0; margin:0; }
.step-list li { padding-top:24px; border-top:1px solid var(--border-strong); }
.step-number { color:var(--product-accent); font-family:var(--font-mono); font-size:13px; }
.step-list h3 { font-size:18px; }.step-list p { font-size:14px; }
.product-band { background:var(--surface); border-block:1px solid var(--border); }
.feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.feature-list { border-left:2px solid var(--product-accent); padding-left:22px; }
.feature-list h3 { font-size:19px; }.feature-list p { font-size:14px; }
.product-split { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:60px; }
.phone-pair { display:flex; gap:20px; justify-content:center; align-items:flex-start; }
.screen-card { margin:0; min-width:0; flex:1; max-width:260px; }
.screen-card img { display:block; width:100%; height:auto; border:6px solid #202b45; border-radius:23px; box-shadow:0 16px 45px #0004; }
.screen-card:nth-child(2) { margin-top:52px; }
.hero-phone { max-width:245px; margin:0 auto; }.hero-phone img { width:100%; border:7px solid #23324b; border-radius:26px; display:block; }
.product-faq { max-width:850px; }.product-faq details { border-bottom:1px solid var(--border); padding:20px 0; }.product-faq summary { cursor:pointer; font-weight:650; line-height:1.6; }.product-faq p { color:var(--text-dim); margin-bottom:0; }
.product-cta { display:flex; justify-content:space-between; align-items:center; gap:32px; padding:42px; background:linear-gradient(120deg,#201b3e,#10282e); border:1px solid var(--border-strong); border-radius:20px; }.product-cta p { color:var(--text-dim); max-width:680px; margin:0; }.product-cta .btn { flex-shrink:0; }
.product-page a:focus-visible,.product-page summary:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
/* 英文行动文案较长，窄屏允许按钮换行，避免撑破卡片和页面。 */
.product-cta .btn { max-width:100%; white-space:normal; text-align:center; }
.screen-card.hero-phone { margin:0 auto; }
/* 联系页延续产品场景，邮件说明与准备信息并列，窄屏自动堆叠。 */
.contact-page h1 { font-size:clamp(32px,4vw,50px); }
.contact-topics { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:30px; }
.contact-topics [aria-current="page"] { border-color:var(--primary); background:rgba(123,92,255,.15); }
.contact-request { display:grid; grid-template-columns:1fr 1fr; gap:36px; padding:30px; border:1px solid var(--border-strong); border-radius:18px; background:var(--surface); }
.contact-request h2 { font-size:23px; }
.contact-request ul { padding-left:20px; color:var(--text-dim); line-height:2; }
.contact-actions { min-width:0; }
.contact-actions .btn { white-space:normal; max-width:100%; text-align:center; }
.contact-page .contact-row .cr-val { overflow-wrap:anywhere; }
@media(max-width:720px) { .contact-request { grid-template-columns:1fr; padding:22px; gap:20px; }.contact-page .section { padding:36px 0; } }
@media(max-width:1000px) { .product-hero-grid { gap:28px; }.product-showcase { padding:20px; }.product-split { gap:32px; }.product-hero { padding-top:60px; }.step-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:720px) { .product-hero-grid,.product-grid,.product-split,.feature-grid { grid-template-columns:1fr; }.product-hero { padding:44px 0; }.product-hero-grid { gap:36px; }.product-page .section { padding:46px 0; }.product-page h1 { font-size:38px; }.product-page .intro { font-size:16px; }.product-card { padding:26px; }.product-showcase { padding:18px; }.product-cta { padding:28px; flex-direction:column; align-items:flex-start; }.product-cta h2 { font-size:27px; }.hero-phone { max-width:235px; }.phone-pair { gap:12px; }.screen-card img { border-width:4px; border-radius:17px; }.product-page .hero-cta .btn { font-size:14px; padding:13px 18px; }.feature-grid { gap:26px; } }
@media(max-width:380px) { .product-page h1 { font-size:32px; }.step-list { grid-template-columns:1fr; }.phone-pair { flex-direction:column; align-items:center; }.screen-card:nth-child(2) { margin-top:18px; }.product-page .hero-cta { gap:10px; } }