/* 与官网解决方案页面共用视觉规范，局部样式不影响其他页面。 */
.training-hero.page-hero{height:auto;min-height:420px;padding:120px 0 64px!important}
.training-hero>.container{position:relative;z-index:4;width:100%}
html[lang="en"] .training-hero h1{font-size:40px}
.training-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;color:rgba(255,255,255,.5);margin-bottom:20px}
.training-breadcrumb a:hover{color:#fff}
.training-hero h1{font-size:48px;font-weight:800;line-height:1.2;margin-bottom:16px}
.training-hero .training-lead{font-size:20px;color:rgba(255,255,255,.8);line-height:1.6;margin-bottom:32px;max-width:800px}
.hero-tags{display:flex;flex-wrap:wrap;gap:12px}
.hero-tag{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:8px 18px;font-size:14px;color:rgba(255,255,255,.85);backdrop-filter:blur(8px)}
.training-section{padding:80px 0;scroll-margin-top:90px}
.training-light{background:var(--bg-light)}
.training-overview,.training-case{background:linear-gradient(135deg,#E8F0FE,#DBEAFE);border:1px solid #BFDBFE;border-radius:var(--radius-lg);padding:48px}
.training-overview{margin-bottom:64px}
.training-overview h2{font-size:28px;font-weight:700;margin-bottom:20px}
.training-overview p{font-size:16px;color:var(--text-sub);margin-bottom:16px}
.training-overview>span{display:inline-block;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:8px;padding:16px 24px;margin-top:16px;font-size:15px;font-weight:600;color:#fff}
.training-section-intro{text-align:center;margin-bottom:48px}
.training-kicker{display:inline-block;font-size:13px;color:var(--primary);background:var(--primary-light);border-radius:20px;padding:4px 12px;font-weight:600;margin-bottom:16px}
.training-section h2,.training-contact h2{font-size:36px;font-weight:700;line-height:1.3;margin-bottom:16px}
.training-section-intro>p{font-size:18px;color:var(--text-sub);max-width:700px;margin:0 auto;line-height:1.7}
.training-value-grid,.training-scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.training-value-grid article,.training-scenario,.training-delivery-grid article{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}
.training-value-grid article:hover,.training-scenario:hover,.training-delivery-grid article:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.training-scenario::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:#1a56db}
.training-scenario:nth-child(2)::before{background:#0891b2}
.training-scenario:nth-child(3)::before{background:#059669}
.training-scenario:nth-child(4)::before{background:#7c3aed}
.training-scenario:nth-child(5)::before{background:#ea580c}
.training-scenario:nth-child(6)::before{background:#dc2626}
.training-number{font-size:13px;color:var(--primary);font-weight:600}
.training-value-grid h3,.training-scenario h3{font-size:18px;font-weight:700;margin:12px 0}
.training-value-grid p,.training-scenario>p{font-size:14px;color:var(--text-sub);line-height:1.7}
.training-scenario{display:flex;flex-direction:column}
.scenario-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:var(--text-light);margin-bottom:4px}
.scenario-top>span:first-child{font-size:28px;font-weight:700;color:var(--primary)}
.scenario-task{background:var(--bg-light);border-radius:var(--radius-sm);padding:14px 16px;margin:20px 0;font-size:12px}
.scenario-task strong{display:block;margin-bottom:4px;color:var(--text-main)}
.scenario-task span{color:var(--text-sub);line-height:1.8;display:block}
.training-scenario>a{font-size:13px;color:var(--primary);margin-top:auto}
.scenario-links{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--primary);margin-top:auto}
.training-platform,.training-contact{background:linear-gradient(135deg,#0A0E1A,#1a1a3e 50%,#0A0E1A);color:#fff}
.training-platform .training-kicker,.training-contact .training-kicker{background:rgba(255,255,255,.1);color:var(--accent)}
.training-platform .training-section-intro>p{color:rgba(255,255,255,.7)}
.training-platform-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}
.platform-core,.platform-devices a{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:32px;backdrop-filter:blur(12px)}
.platform-label{font-size:13px;color:var(--accent)}
.platform-core h3{font-size:24px;margin:14px 0}
.platform-core p{font-size:14px;color:rgba(255,255,255,.7)}
.platform-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:24px 0}
.platform-modules span{font-size:12px;text-align:center;padding:10px 3px;background:rgba(255,255,255,.06);border-radius:6px}
.platform-core a{font-size:13px;color:#87c5ff}
.platform-devices{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.platform-devices a{padding:24px;text-align:center;transition:transform .3s,background .3s,border-color .3s}
.platform-devices a:hover{transform:translateY(-4px);background:rgba(255,255,255,.1);border-color:var(--accent)}
.platform-devices span{display:block;font-size:12px;color:var(--accent)}
.platform-devices strong{display:block;font-size:16px;margin:12px 0}
.platform-devices small,.platform-note{font-size:12px;color:rgba(255,255,255,.6)}
.platform-note{margin-top:24px}
.training-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.training-steps li{border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px}
.training-steps li>span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--primary-light);color:var(--primary);font-size:14px;font-weight:700;margin-bottom:18px}
.training-steps h3{font-size:18px;margin-bottom:12px}
.training-steps p{font-size:14px;color:var(--text-sub)}
.training-case{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px;margin-top:40px}
.training-case h3{font-size:24px;margin-bottom:12px}
.training-case p{font-size:14px;color:var(--text-sub)}
.case-output{border-left:1px solid #BFDBFE;padding-left:32px}
.case-output span{font-size:13px;color:var(--primary);font-weight:600}
.case-output p{margin:4px 0 12px}
.training-delivery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.training-delivery-grid article{padding:28px}
.training-delivery-grid article>span{font-size:13px;color:var(--primary);font-weight:600}
.training-delivery-grid h3{font-size:18px;margin:12px 0}
.training-delivery-grid p{font-size:14px;color:var(--text-sub);margin-bottom:20px}
.training-delivery-grid strong{font-size:12px;font-weight:500;color:var(--primary);display:block;border-top:1px solid var(--border);padding-top:12px}
.training-faq .container{max-width:900px}
.training-faq .container>.training-kicker{display:table;margin:0 auto 16px}
.training-faq h2{text-align:center;margin-bottom:40px}
.training-faq details{border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;margin-bottom:16px}
.training-faq summary{font-size:16px;font-weight:600;cursor:pointer}
.training-faq details p{font-size:14px;color:var(--text-sub);padding-top:12px}
.training-contact{padding:80px 0;scroll-margin-top:90px;text-align:center}
.training-contact h2{font-size:32px}
.training-contact p:not(.training-kicker){font-size:18px;color:rgba(255,255,255,.7);margin:0 auto 32px;max-width:700px}
.contact-email{display:block;font-size:14px;color:rgba(255,255,255,.7);margin-top:16px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
@media(max-width:1050px){body[data-nav-active="solutions"] footer .footer-grid{grid-template-columns:1fr 1fr!important;gap:32px!important}.training-hero h1{font-size:36px}.training-scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.training-delivery-grid,.training-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){body[data-nav-active="solutions"] .nav-actions{display:flex;justify-content:flex-end}body[data-nav-active="solutions"] .nav-actions>.nav-cta{display:none}body[data-nav-active="solutions"] .nav-container{grid-template-columns:auto 1fr}}
@media(max-width:768px){body[data-nav-active="solutions"] footer .footer-grid{grid-template-columns:1fr!important}body[data-nav-active="solutions"] .nav-mobile-menu>a{color:var(--text-main)!important;padding:12px 0}body[data-nav-active="solutions"] .nav-mobile-menu .nav-cta{background:var(--primary)!important;color:#fff!important}.training-hero.page-hero{padding:110px 0 48px!important;min-height:360px}.training-hero h1{font-size:28px}.training-hero .training-lead{font-size:16px;margin-bottom:24px}.training-breadcrumb{font-size:12px}.hero-tags{gap:8px}.hero-tag{font-size:12px;padding:6px 12px}.training-section{padding:60px 0}.training-section h2{font-size:28px}.training-section-intro>p{font-size:16px}.training-section-intro{margin-bottom:32px}.training-overview{padding:28px;margin-bottom:40px}.training-overview h2{font-size:24px}.training-overview>span{padding:14px 18px}.training-value-grid,.training-scenario-grid,.training-platform-grid,.training-case{grid-template-columns:1fr}.training-scenario,.training-value-grid article{padding:28px}.training-case{padding:28px;gap:24px}.case-output{border-left:0;border-top:1px solid #BFDBFE;padding:20px 0 0}.platform-core{padding:28px}.platform-devices a{padding:24px 16px}.training-contact{padding:60px 0}.training-contact h2{font-size:28px}.training-contact p:not(.training-kicker){font-size:16px}}
@media(max-width:768px){html[lang="en"] .training-hero h1{font-size:28px}}
@media(max-width:420px){.training-delivery-grid,.training-steps{grid-template-columns:1fr}.platform-devices strong{font-size:14px}.training-faq details{padding:20px}.training-section h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
