.training-glass{position:relative;isolation:isolate;width:100%;aspect-ratio:1.16;min-width:0;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#44415b;font-weight:400}
.training-glass *{box-sizing:border-box}.training-glass .glow{position:absolute;z-index:-2;border-radius:50%;background:linear-gradient(135deg,#626bff99,#c678df80);box-shadow:inset 0 0 22px #ffffff65,0 12px 35px #a18bd92b}.training-glass .glow-one{width:29%;aspect-ratio:1;left:1%;top:8%}.training-glass .glow-two{width:24%;aspect-ratio:1;right:2%;bottom:0;background:linear-gradient(135deg,#7673ed90,#c17fe6a0)}
.training-glass .glass-back{position:absolute;inset:23% 18% 5% 0;border:1px solid #ffffffed;border-radius:19px;background:linear-gradient(125deg,#ffffffa8,#ffffff65);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);box-shadow:0 14px 40px #726b9b14;z-index:-1;padding:20% 8% 5%}.training-glass .back-row{height:19%;margin-top:7%;border-radius:9px;background:#e8e9fb80;display:flex;align-items:center;gap:10px;padding:10px}.training-glass .back-row:before{content:"";width:26px;height:26px;background:linear-gradient(120deg,#b1bbf680,#d6abe480);border-radius:50%}.training-glass .back-row:after{content:"";height:5px;width:46%;background:#c7d1f65c;border-radius:5px}
.training-glass .glass-front{position:absolute;inset:3% 1% 14% 12%;border:1px solid #fffffff5;border-radius:20px;background:linear-gradient(120deg,#ffffffdf,#ffffffa8 65%,#ffffffc9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:12px 14px 45px #8f80be26,0 0 50px #bca8e719;padding:5% 5.5%}.training-glass .window-dots{display:flex;gap:7px;margin-bottom:5%}.training-glass .window-dots i{width:8px;height:8px;background:#ff737b;border:1px solid #ed616a;border-radius:50%}.training-glass .window-dots i:nth-child(2){background:#ffc545;border-color:#efb638}.training-glass .window-dots i:nth-child(3){background:#79d968;border-color:#6ac95a}
.training-glass .glass-title{font-size:clamp(19px,2vw,29px);line-height:1.5;font-weight:500;letter-spacing:.3px;background:linear-gradient(90deg,#6868fa,#c477de);background-clip:text;-webkit-background-clip:text;color:transparent;margin:0 0 2%}.training-glass .glass-subtitle{font-size:clamp(12px,1.2vw,17px);font-weight:400;color:#55536a;margin-bottom:5%}.training-glass .glass-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 9px}.training-glass .glass-feature{min-width:0;text-align:center;padding:12px 3px 10px;border:1px solid #ffffffed;border-radius:11px;background:linear-gradient(140deg,#ffffffa0,#eeeefe70);box-shadow:0 5px 12px #9993bd09;font-size:clamp(9px,.9vw,12px);white-space:nowrap}.training-glass svg{width:28px;height:28px;display:block;margin:0 auto 8px;stroke:#9380e8;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.training-glass .glass-input{font-size:clamp(9px,.85vw,12px);color:#9a95b0;margin-top:5%;letter-spacing:.2px}.training-glass .glass-track{margin-top:3%;font-size:clamp(10px,.9vw,13px);color:#9485c6}.training-glass .glass-track:after{content:"";display:block;margin-top:8px;height:4px;border-radius:8px;background:linear-gradient(90deg,#9992f080,#c28ee580 78%,#e6e2f350 78%)}.training-glass .glass-badge{position:absolute;right:0;bottom:6%;padding:13px 17px;background:linear-gradient(115deg,#ffffffde,#ffffffa3);border:1px solid white;border-radius:12px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 27px #8d77bb20;color:#9680d0;font-size:clamp(10px,1vw,13px);line-height:1.6}.training-glass .glass-badge span{display:inline-block;color:#a19ae4;margin-right:7px}
@media(max-width:720px){.training-glass{max-width:500px;margin:auto}.training-glass .glass-feature{padding:10px 2px;font-size:10px}.training-glass .glass-title{font-size:23px}.training-glass .glass-subtitle{font-size:13px}.training-glass .glass-input{font-size:9px}.training-glass .glass-track{font-size:10px}.training-glass .glass-badge{font-size:10px;padding:10px 12px}.training-glass svg{width:25px;height:25px;margin-bottom:6px}}
.training-glass .glow-one{width:32%;left:-10%;top:7%}
.training-glass .glass-front{inset:3% 1% 9% 12%;padding:5% 6.5% 8%}
.training-glass .glass-title{font-weight:650;background-image:linear-gradient(105deg,#5868ed 0%,#8b65ee 48%,#c678d8 100%);-webkit-text-fill-color:transparent}
.training-glass .glass-input{margin-top:5%;padding:0 4px}
.training-glass .glass-track{padding:0 4px;margin-top:3%;margin-bottom:20px}
.training-glass .glass-badge{bottom:0;right:-2%}
.hero-visual .training-glass{transform:scale(.8);transform-origin:50% 98%}
@media(max-width:720px){.hero-visual .training-glass{transform:scale(.9);transform-origin:50% 50%}}