.hero.home .scene.lt{top:50%;bottom:auto;right:40px;width:min(46%,560px);transform:translateY(-50%)}
.ltb{padding:24px 26px 18px;border-radius:14px;background:#fff;color:var(--txt);box-shadow:0 30px 70px rgba(0,0,0,.45);transform:translate(calc(var(--mx)*-10px),calc(var(--my)*-8px));transition:transform .25s ease-out}
.lt-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px}
.lt-h b{color:var(--ink);font-size:19px;font-stretch:90%}
.lt-h small{color:var(--mut);font-size:13.5px;white-space:nowrap}
.lt-s{position:relative;min-height:272px}
.lf{position:absolute;inset:0;opacity:0;transform:translateY(14px);transition:opacity .35s,transform .35s;pointer-events:none}
.lf.on{opacity:1;transform:none;pointer-events:auto}
.lf-t{display:flex;align-items:center;gap:12px}
.lf .mi{flex:none;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:10px;background:var(--soft);color:var(--violet)}
.lf .mi svg{width:24px;height:24px}
.lf small{display:block;color:var(--mut);font-size:14px;line-height:1.3}
.lf strong{display:block;color:var(--ink);font-size:19px;font-stretch:90%;line-height:1.25}
.lf ul{list-style:none;margin:16px 0 18px;padding:0;display:grid;gap:7px}
.lf li{display:flex;align-items:center;gap:9px;font-size:16px;line-height:1.3}
.lf li svg{flex:none;width:18px;height:18px;color:#086E5D}
.lf.cold li svg{color:#B3350B}
.lf.on li{animation:lt-in .35s ease-out both}
.lf.on li:nth-child(2){animation-delay:.15s}
.lf.on li:nth-child(3){animation-delay:.3s}
@keyframes lt-in{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
.lg{position:relative;height:12px;border-radius:6px;background:linear-gradient(90deg,#3B82F6,#8B7CF6 34%,#F9A23A 66%,#E23A52)}
.lg i{position:absolute;top:50%;left:0;width:24px;height:24px;margin:-12px 0 0 -12px;border:4px solid var(--ink);border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(20,15,58,.3);transition:left 1s cubic-bezier(.2,.8,.2,1) .25s}
.lf.on .lg i{left:var(--t)}
.lg-l{display:flex;justify-content:space-between;margin-top:8px;color:var(--mut);font-size:13.5px}
.gdl2 .lf .lv{margin-top:12px;padding:10px 13px;border-radius:8px;font-size:15.5px;line-height:1.3}
.lv b{display:block}
.lf.hot .lv{background:#FFEFE6;color:#9A2D08}
.lf.warm .lv{background:#FFF6DF;color:#6E4D00}
.lf.cold .lv{background:#E8F0FE;color:#1B4AA8}
.lf.on .lv{animation:lt-in .35s ease-out .9s both}
.lt-d{display:flex;justify-content:center;gap:7px;margin-top:14px}
.lt-d i{width:8px;height:8px;border-radius:50%;background:var(--line);transition:background .2s}
.lt-d i.on{background:var(--violet)}
.gdl2 .tru .lead a{color:var(--violet);font-weight:600}
@media (max-width:1240px){.hero.home .scene.lt{width:min(48%,500px)}}
@media (max-width:1060px){.hero.home .scene.lt{position:relative;top:auto;right:auto;left:auto;width:100%;max-width:560px;margin:12px auto 44px;padding:0;transform:none}}
@media (max-width:720px){.ltb{padding:18px 16px 14px}.lt-s{min-height:306px}.lf strong{font-size:18px}.lt-h b{font-size:17px}}
@media (prefers-reduced-motion:reduce){.lf,.lg i{transition:none}.lf.on li,.lf.on .lv{animation:none}}