.training-page{--trn-ink:#222;--trn-muted:#666;--trn-line:#dcdcdc;--trn-soft-line:#e5e7eb;--trn-orange:#ff671d;--trn-orange-hover:#ee5809;--trn-link:#a63d00;--trn-link-hover:#7f2f00;--trn-band:#fbfbfc;--trn-soft:#f9fafb;--trn-bg:#fff;--trn-wash:#f0f0f0;background:var(--trn-bg);color:var(--trn-ink);font-family:Source Han Sans SC,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.5}.training-page *,.training-page :before,.training-page :after{box-sizing:border-box}.training-page .trn-container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:32px}.training-page h1,.training-page h2,.training-page h3,.training-page p,.training-page ul,.training-page ol,.training-page dl,.training-page dd{margin:0}.training-page h1{margin-bottom:20px;font-size:60px;font-weight:700;line-height:1}.training-page h2{color:#000;margin-bottom:32px;font-size:30px;font-weight:600;line-height:1.25}.training-page h3{font-size:20px;font-weight:600;line-height:1.4}.training-page .trn-lead{color:var(--trn-muted);margin:-16px 0 32px}.training-page a{color:inherit;text-decoration:none}.training-page a:hover{color:var(--trn-link-hover)}:root .training-page :is(a,button,select):focus-visible{outline:2px solid var(--trn-orange);outline-offset:4px}.training-page .trn-link{color:var(--trn-link);text-underline-offset:3px;text-decoration:underline}.training-page .trn-hero{min-height:var(--scenario-hero-min-height);padding-block:var(--scenario-hero-padding-block);color:#fff;background:linear-gradient(90deg,#00000024,#0000 62%),#111 url(/assets/training/hero-v1.webp) 50%/cover no-repeat;align-items:center;display:flex}.training-page .trn-hero-copy{max-width:520px}.training-page .trn-hero h1{color:#fff}.training-page .trn-hero p{color:#d4d7dc;max-width:490px;font-size:18px;line-height:28px}.training-page .trn-actions{flex-wrap:wrap;gap:16px;margin-top:36px;display:flex}.training-page .trn-button-primary,.training-page .trn-button-secondary{border:1px solid;border-radius:4px;justify-content:center;align-items:center;min-height:44px;padding:10px 24px;font-size:15px;font-weight:600;display:inline-flex}.training-page .trn-button-primary{color:#181a1d;background:#f1f2f4;border-color:#c9cdd2}.training-page .trn-button-primary:hover{color:#181a1d;background:#e5e7eb;border-color:#c9cdd2}.training-page .trn-button-secondary{color:#565b62;background:#f1f2f4;border-color:#c9cdd2}.training-page .trn-button-secondary:hover{color:#181a1d;background:#e5e7eb}.training-page .trn-section{padding-block:64px;scroll-margin-top:90px}.training-page .trn-band{background:var(--trn-band)}.training-page .trn-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding:0;list-style:none;display:grid}.training-page .trn-step{flex-direction:column;gap:12px;display:flex;position:relative}.training-page .trn-step-index{border:1px solid var(--trn-orange);width:28px;height:28px;color:var(--trn-orange);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.training-page .trn-step:after{content:"";border-top:1px solid var(--trn-line);position:absolute;top:14px;left:40px;right:-8px}.training-page .trn-step:last-child:after{display:none}.training-page .trn-step a{font-size:16px;font-weight:600;line-height:24px}.training-page .trn-step p{color:var(--trn-muted);font-size:14px;line-height:22px}.training-page .trn-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:32px;display:flex}.training-page .trn-head h2{margin-bottom:0}.training-page .trn-head a{font-size:14px}.training-page .trn-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.training-page .trn-image-card{border:1px solid var(--trn-soft-line);background:var(--trn-soft);border-radius:4px;flex-direction:column;gap:12px;min-width:0;padding:24px;display:flex}.training-page .trn-image-meta{color:var(--trn-muted);font-size:14px}.training-page .trn-command{border:1px solid var(--trn-soft-line);background:#fff;border-radius:4px;align-items:center;gap:12px;padding:8px 8px 8px 14px;display:flex}.training-page .trn-command code{overflow-wrap:anywhere;flex:1;min-width:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:20px}.training-page .trn-copy{color:#565b62;min-height:36px;font:inherit;cursor:pointer;background:#f1f2f4;border:1px solid #c9cdd2;border-radius:4px;flex-shrink:0;padding:6px 14px;font-size:14px;line-height:20px}.training-page .trn-copy:hover{color:var(--trn-ink);background:#f2f3f5}.training-page .trn-image-notice{color:var(--trn-muted);font-size:13px;line-height:20px}.training-page .trn-task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.training-page .trn-task-card{border:1px solid var(--trn-line);background:var(--trn-bg);border-radius:4px;flex-direction:column;gap:8px;padding:24px;display:flex}.training-page .trn-task-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.training-page .trn-frameworks{color:var(--trn-muted);flex-wrap:wrap;gap:4px 14px;font-size:14px;display:flex}.training-page .trn-frameworks a{text-decoration:underline;-webkit-text-decoration-color:var(--trn-line);text-decoration-color:var(--trn-line);text-underline-offset:3px}.training-page .trn-task-desc{color:var(--trn-muted);font-size:15px;line-height:24px}.training-page .trn-practices{border-top:1px solid var(--trn-line);margin-top:8px;padding:0;list-style:none}.training-page .trn-practices li{border-bottom:1px solid var(--trn-soft-line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;padding:12px 0;display:flex}.training-page .trn-practices li:last-child{border-bottom:0;padding-bottom:0}.training-page .trn-practices a{font-size:15px}.training-page .trn-practice-meta{color:var(--trn-muted);white-space:nowrap;font-size:13px}.training-page .trn-tune-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.training-page .trn-tune{border:1px solid var(--trn-line);border-radius:4px;flex-direction:column;gap:8px;padding:24px;display:flex}.training-page .trn-tune h3{font-size:18px}.training-page .trn-tune p{color:var(--trn-muted);font-size:15px;line-height:24px}.training-page .trn-tune-links{flex-wrap:wrap;gap:8px 20px;margin-top:4px;font-size:14px;display:flex}@media (max-width:1023px){.training-page .trn-container{padding-inline:24px}.training-page h1{font-size:44px;line-height:1.2}.training-page .trn-hero-copy{max-width:70%}.training-page .trn-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.training-page .trn-step:after{display:none}.training-page .trn-image-grid,.training-page .trn-task-grid{grid-template-columns:1fr}}@media (max-width:639px){.training-page .trn-container{padding-inline:16px}.training-page h1{font-size:36px;line-height:45px}.training-page h2{margin-bottom:24px}.training-page .trn-lead{margin:-8px 0 24px}.training-page .trn-hero-copy{max-width:100%}.training-page .trn-hero p{font-size:16px;line-height:24px}.training-page .trn-actions{margin-top:28px}.training-page .trn-section{padding-block:48px}.training-page .trn-steps,.training-page .trn-tune-grid{grid-template-columns:1fr}.training-page .trn-image-card,.training-page .trn-task-card,.training-page .trn-tune{padding:20px}.training-page .trn-command{flex-direction:column;align-items:stretch;padding:12px}}.training-page .trn-hero .trn-button-secondary{color:#fff;background:#22222273;border-color:#a9afb7}.training-page .trn-hero .trn-button-secondary:hover{color:#fff;background:#565b6299}.training-page .trn-image-environment{color:var(--trn-muted);overflow-wrap:anywhere;font-size:14px}.training-page .trn-image-notice{background:#f1f2f4;border-left:2px solid #c9cdd2;padding:12px 14px}.training-page .trn-image-links{flex-wrap:wrap;gap:12px 24px;margin-top:0;padding-top:8px;font-size:14px;display:flex}.training-page .trn-command{margin-top:auto}.training-page .trn-image-footnote{color:var(--trn-muted);margin-top:20px;font-size:14px}.training-page .trn-copy:disabled{cursor:progress}.training-page .trn-copy-fallback{font-size:13px}.training-page .trn-copy-fallback textarea{resize:vertical;border:1px solid #c9cdd2;border-radius:4px;width:100%;min-height:76px;margin-top:8px;padding:10px;font:13px/1.6 monospace;display:block}.training-page .trn-image-empty{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.training-page .trn-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.training-page .trn-task-card{min-width:0;scroll-margin-top:90px}.training-page .trn-practices a{overflow-wrap:anywhere;min-width:0}.training-page .trn-frameworks a{padding-block:2px}@media (max-width:1023px){.training-page .trn-hero-copy{max-width:58%}}@media (max-width:639px){.training-page .trn-hero{background-image:linear-gradient(90deg,#000000c2,#0000005c),url(/assets/training/hero-v1.webp);background-position:65%}.training-page .trn-hero-copy{max-width:100%}.training-page .trn-hero .trn-actions{gap:12px}.training-page .trn-button-primary,.training-page .trn-button-secondary{padding-inline:20px}.training-page .trn-practices li{flex-direction:column;align-items:flex-start;gap:6px;padding-block:14px}.training-page .trn-practices a{padding-block:3px;display:block}}