.training-wrap{width:74.2%;max-width:1440px;margin:auto}.training-library{background:#f6f9fe url('images/training-hero.webp') top center/100% auto no-repeat;padding:clamp(70px,8vw,155px) 0 75px;color:#112d54}.training-intro{margin-bottom:110px}.training-intro h1{font-size:clamp(34px,4vw,76px);line-height:1.1;letter-spacing:-.02em;margin:0 0 10px}.training-intro h1 span{color:#3174b3}.training-intro p{font-size:18px;color:#859db9;margin:0}.training-intro i{display:block;width:170px;height:2px;background:#a3b5cc;margin-top:24px}.training-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.training-card{display:block;flex:0 1 calc((100% - 40px)/3);border-radius:12px;overflow:hidden;background:#fff;color:#071d50;text-decoration:none;transition:transform .25s,box-shadow .25s}.training-card:nth-child(n+4){flex-basis:38.5%}.training-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #1d405a20}.training-card:focus-visible{outline:3px solid #347ab3;outline-offset:5px}.training-card-image{position:relative;aspect-ratio:2.2;background:#56768d;display:grid;place-items:center}.training-card-image img{display:block;width:100%;height:100%;object-fit:cover}.training-card-copy{position:relative;padding:10px 55px 14px 18px}.training-card h2{font-size:clamp(20px,1.6vw,30px);line-height:1.1;margin:0;font-weight:700;letter-spacing:-.025em}.training-card p{font-size:14px;line-height:1.45;margin:4px 0 0;max-width:300px}.training-arrow{position:absolute;right:17px;top:24px;border:1px solid #8d9db9;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.training-detail-hero{background:#0b2333 url('images/training-detail-hero.webp') center/cover no-repeat;min-height:310px;display:flex;align-items:center}.training-detail-hero h1{font-size:clamp(38px,4.4vw,80px);color:white;line-height:1.1;max-width:660px;white-space:pre-line;margin:0}.training-content{width:90%;max-width:1740px;margin:85px auto 100px}.training-back{display:inline-block;font-size:clamp(20px,2.6vw,42px);color:#111;text-decoration:none;margin:0 0 55px;min-height:44px}.training-player{border-radius:32px;background:#587990;min-height:clamp(430px,36vw,700px);overflow:hidden;display:grid;place-items:center;color:#fff;padding:35px}.training-player video{width:100%;max-height:80vh;display:block}.training-unlock{width:min(580px,100%)}.training-unlock h2,.training-pending h2{font-size:28px;margin:20px 0 10px;color:white}.training-unlock p,.training-pending p{line-height:1.6}.training-lock,.training-play{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#09202e;font-size:25px;color:white}.training-unlock label{display:block;font-size:14px;margin-bottom:8px}.training-password-row{display:flex;gap:10px}.training-password-row input{min-width:0;flex:1;padding:12px;background:#fff;border:1px solid #c9d9e8;border-radius:5px;color:#102d43;font:inherit;height:48px}.training-password-row button{border:0;background:#102d43;color:#fff;padding:12px 18px;border-radius:5px;cursor:pointer;font:inherit;min-height:48px}.training-unlock :focus-visible{outline:3px solid #a3e3fa;outline-offset:4px}.training-unlock small{display:block;margin-top:18px;line-height:1.5;color:#eff7ff}.training-error{background:#fff;color:#92232b;padding:10px;border-radius:5px}.training-caption{font-size:clamp(26px,3vw,55px);font-weight:400;color:#102f40;line-height:1.25;margin:70px 0 18px}.training-product{color:#647c8d}.training-pending{text-align:center}.training-pending .training-lock{margin:auto}.training-content+.contact-form-section{padding-top:30px}.training-library+.contact-form-section{padding-top:95px}
@media(max-width:1280px){.training-wrap{width:82%}.training-intro{margin-bottom:80px}.training-card-copy{padding-left:12px}.training-card p{font-size:12px}.training-detail-hero{min-height:275px}.training-detail-hero h1{max-width:480px}.training-content{margin-top:65px}}
@media(max-width:1024px){.training-wrap{width:90%}.training-intro{margin-bottom:65px}.training-card:nth-child(n){flex-basis:calc((100% - 20px)/2)}.training-library{background-size:auto 300px}.training-intro h1{max-width:420px}.training-intro p{max-width:280px;font-size:15px}.training-detail-hero h1{max-width:380px}.training-grid{gap:20px}}
@media(max-width:600px){.training-library{padding-top:48px;background-position:62% 0;background-size:auto 230px}.training-intro{margin-bottom:70px}.training-intro h1{font-size:32px;max-width:210px}.training-intro p{font-size:12px;max-width:195px}.training-intro i{width:95px;margin-top:18px}.training-card:nth-child(n){flex-basis:100%}.training-card h2{font-size:25px}.training-card p{font-size:14px}.training-card-copy{padding:14px 55px 16px 17px}.training-detail-hero{min-height:220px;background-position:60% center}.training-detail-hero h1{font-size:32px;max-width:220px}.training-content{margin:40px auto 65px}.training-back{margin-bottom:24px;font-size:21px}.training-player{border-radius:18px;padding:26px 20px;min-height:440px}.training-password-row{flex-direction:column}.training-lock{width:58px;height:58px;font-size:20px}.training-unlock h2{font-size:26px}.training-caption{margin-top:30px}.training-unlock small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.training-card{transition:none}.training-card:hover{transform:none}}
.training-unlock p,.training-pending p{color:#f5f9ff}.training-unlock .training-error{color:#92232b}.training-demo{display:block;color:#587990;font-size:11px;margin-top:5px}
@media(min-width:1281px){.training-intro{margin-bottom:60px}}
.training-relock{margin-top:18px}.training-relock button{background:none;border:1px solid #8ca5b5;border-radius:5px;color:#214962;padding:10px 16px;font:inherit;min-height:44px;cursor:pointer}.training-relock button:focus-visible{outline:2px solid #3174b3;outline-offset:3px}
/* Detail hero follows 视频落地页(1).psd, 2026-10-12. */
.training-detail-hero{background-color:#b0cfea;background-image:url('images/training-detail-hero-v2.webp');min-height:0;height:21.46vw;max-height:412px}
.training-detail-hero .training-wrap{width:80.6%;max-width:1548px}
.training-detail-hero h1{font-size:clamp(32px,4.3vw,82px);max-width:none;line-height:1.15;letter-spacing:0;font-weight:700}
@media(max-width:1024px){.training-detail-hero{height:240px}.training-detail-hero .training-wrap{width:88%}.training-detail-hero h1{font-size:44px}}
@media(max-width:600px){.training-detail-hero{height:220px;background-position:60% center}.training-detail-hero h1{font-size:32px;max-width:240px}.training-detail-hero .training-wrap{width:90%}}
/* Both tutorial entry and detail follow the single-player PSD. */
.training-content{width:90.3%;max-width:1734px;margin:clamp(45px,6.7vw,129px) auto 100px}
.training-back{font-size:clamp(21px,3.3vw,63px);font-weight:400;letter-spacing:-.04em;margin-left:1.6%;margin-bottom:clamp(28px,2.9vw,56px);line-height:1.1}
.training-player{min-height:0;aspect-ratio:1734/691;background:#56768d;border-radius:clamp(18px,2.1vw,40px);padding:30px}
.training-gate{width:100%;text-align:center}.training-gate summary{list-style:none;cursor:pointer;width:fit-content;margin:auto}.training-gate summary::-webkit-details-marker{display:none}
.training-gate summary:focus-visible{outline:3px solid white;outline-offset:8px;border-radius:50%}
.training-gate .training-lock{width:clamp(76px,8.8vw,169px);height:clamp(76px,8.8vw,169px);background:#000;font-size:clamp(26px,3vw,57px);padding-left:5px}
.training-gate[open] summary{display:none}.training-gate .training-unlock{text-align:left;margin:auto}
.training-player:has(.training-gate[open]){aspect-ratio:auto;min-height:clamp(430px,36vw,691px)}
.training-caption{margin:clamp(35px,4.9vw,94px) 1.6% 18px;font-size:clamp(26px,3.15vw,60px);letter-spacing:-.04em}
.training-product{margin-inline:1.6%}
.training-lesson-picker{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:30px 1.6% 0}.training-lesson-picker label{font-size:14px}.training-lesson-picker select{max-width:100%;min-width:0;padding:12px;border:1px solid #c9d9e8;background:white;color:#17395d;min-height:46px}
@media(max-width:600px){.training-content{margin-bottom:55px}.training-player{aspect-ratio:16/9;padding:20px}.training-back{letter-spacing:-.02em}.training-lesson-picker{align-items:stretch;flex-direction:column}.training-player:has(.training-gate[open]){min-height:420px}}
/* Card library: measured against the supplied 1920px PSD, not detail-player rules. */
.training-library{position:relative;isolation:isolate;background:radial-gradient(ellipse at 85% 40%,#ddecf8 0,transparent 42%),radial-gradient(ellipse at 15% 30%,#e7f2fc 0,transparent 52%),#f8faff;padding:8.18vw 0 4vw}
.training-library::before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:20.573vw;background:url('images/training-hero.webp') top center/100% auto no-repeat;mask-image:linear-gradient(#000 0%,#000 65%,transparent 100%);pointer-events:none}
.training-library .training-wrap{width:74.27%;max-width:1440px;container-type:inline-size}
.training-library .training-intro{margin-bottom:8.2cqw}
.training-library .training-intro h1{font-size:5.33cqw;line-height:1.12;letter-spacing:0;margin-bottom:.7cqw}
.training-library .training-intro p{font-size:1.26cqw;line-height:1.45;color:#879ebc;font-weight:500}
.training-library .training-intro i{margin-top:1.6cqw;width:12cqw;height:2px}
.training-library .training-grid{display:flex;align-items:flex-start;justify-content:center;gap:1.4cqw}
.training-library .training-card{display:block;min-width:0;flex:0 0 calc((100% - 2.8cqw)/3);border-radius:.8cqw;background:rgba(255,255,255,.88);box-shadow:none}
.training-library .training-card:nth-child(1){flex-basis:33.03%}.training-library .training-card:nth-child(2){flex-basis:32.4%}.training-library .training-card:nth-child(3){flex-basis:31.77%}
.training-library .training-card:nth-child(n+4){flex-basis:38.5%}
.training-library .training-card-image{display:block;position:relative;height:14.94cqw;aspect-ratio:auto;overflow:hidden;background:#eaf2fa}
.training-library .training-card-image img{display:block;width:100%;height:100%;object-fit:cover}
.training-library .training-card-copy{position:relative;padding:.5cqw 4.5cqw .7cqw 1.25cqw;min-height:6.3cqw}
.training-library .training-card h2{font-size:2.1cqw;line-height:1.08;letter-spacing:0;margin:0;color:#06194c}
.training-library .training-card p{font-size:.98cqw;line-height:1.55;color:#06194c;margin:0;max-width:18cqw}
.training-library .training-arrow{right:1.25cqw;top:50%;transform:translateY(-50%);width:3.1cqw;height:3.1cqw;border:1px solid #8d9db9;font-size:1.3cqw;color:#738bab}
@media(max-width:1024px){.training-library{padding-top:65px}.training-library .training-wrap{width:90%}.training-library::before{height:340px;background-size:auto 340px;background-position:65% 0}.training-library .training-intro{margin-bottom:65px}.training-library .training-intro h1{font-size:42px}.training-library .training-intro p{font-size:15px}.training-library .training-intro i{margin-top:24px}.training-library .training-grid{gap:20px}.training-library .training-card:nth-child(n){flex-basis:calc((100% - 20px)/2);border-radius:10px}.training-library .training-card-image{height:auto;aspect-ratio:2.2}.training-library .training-card-copy{padding:12px 56px 14px 16px;min-height:108px}.training-library .training-card h2{font-size:24px}.training-library .training-card p{font-size:13px;max-width:250px}.training-library .training-arrow{right:14px;width:34px;height:34px;font-size:18px}}
@media(max-width:600px){.training-library{padding-top:48px;padding-bottom:45px}.training-library .training-intro h1{font-size:32px}.training-library .training-intro p{font-size:12px}.training-library .training-card:nth-child(n){flex-basis:100%}.training-library .training-card-image{aspect-ratio:auto;height:auto}.training-library .training-card-image img{height:auto}.training-library .training-card p{font-size:14px}}
.training-library .training-card:hover{transform:none;box-shadow:0 5px 18px #1d405a12}

/* Real tutorial catalogue: consistent, uncropped 16:9 video covers. */
.training-catalog .training-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.training-catalog .training-card-image{height:auto;aspect-ratio:16/9}
.training-catalog .training-card-image img{object-fit:contain}
.training-catalog .training-card-image:after{content:'▶';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;padding-left:3px;border-radius:50%;background:#ffffffdf;color:#163953;font-size:23px;box-shadow:0 3px 18px #16395324}
.training-catalog .training-card-copy{padding:18px 52px 18px 18px;min-height:110px}
.training-catalog .training-card h2{font-size:20px;line-height:1.4;overflow-wrap:anywhere}
.training-catalog .training-card p{font-size:14px;line-height:1.5;max-width:none;margin-top:8px}
@media(max-width:1024px){.training-catalog .training-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.training-catalog .training-grid{grid-template-columns:1fr}}