/* Section "An tâm vận hành" – minh hoạ website trên LadiWeb (dựng bằng HTML/CSS) */
.ladi-pv{position:relative;aspect-ratio:1/1;container-type:inline-size;font-family:inherit;color:var(--ladi-text)}
.ladi-pv__win{position:absolute;left:13%;top:15%;width:74%;height:64%;border-radius:14px;background:#fff;box-shadow:0 24px 50px -24px rgba(20,32,107,.3),inset 0 0 0 1px #E1E9FF;overflow:hidden}
.ladi-pv__bar{display:flex;align-items:center;gap:5px;height:8%;min-height:22px;padding:0 4%;background:#F2F6FF;border-bottom:1px solid #E1E9FF}
.ladi-pv__bar i{width:7px;height:7px;border-radius:50%;background:#C9D7FF}
.ladi-pv__url{margin-left:4%;flex:1;max-width:60%;padding:2px 8px;border-radius:6px;background:#fff;font-size:clamp(8px,1.9cqw,11px);color:var(--ladi-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ladi-pv__body{padding:5% 6%;display:flex;flex-direction:column;gap:7%;height:92%}
.ladi-pv__nav{display:flex;align-items:center;gap:6%}
.ladi-pv__nav b{width:16%;height:9px;border-radius:4px;background:var(--ladi-royal)}
.ladi-pv__nav span{width:10%;height:6px;border-radius:3px;background:#DCE5FF}
.ladi-pv__nav span:last-child{margin-left:auto;width:14%;height:12px;border-radius:6px;background:var(--ladi-royal)}
.ladi-pv__hero{display:flex;gap:6%}
.ladi-pv__img{flex:0 0 42%;aspect-ratio:4/3;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#DCE6FF,#C9F5EC);color:#5B7BFF}
.ladi-pv__lines{flex:1;display:flex;flex-direction:column;gap:9%;padding-top:2%}
.ladi-pv__lines span{height:8px;border-radius:4px;background:#DCE5FF}
.ladi-pv__lines span:first-child{height:11px;background:var(--ladi-ink)}
.ladi-pv__lines span:nth-child(2){width:80%}
.ladi-pv__lines span:nth-child(3){width:60%}
.ladi-pv__lines em{align-self:flex-start;margin-top:4%;padding:4px 10px;border-radius:6px;background:var(--ladi-royal);color:#fff;font-style:normal;font-weight:700;font-size:clamp(8px,1.8cqw,11px)}
.ladi-pv__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;flex:1}
.ladi-pv__grid span{border-radius:8px;background:#EEF3FF}
.ladi-pv__card{position:absolute;display:flex;flex-direction:column;gap:clamp(5px,1.4cqw,9px);padding:clamp(9px,2.6cqw,16px);border-radius:14px;background:#fff;box-shadow:0 18px 40px -18px rgba(20,32,107,.32),0 0 0 1px rgba(20,32,107,.06);font-size:clamp(9.5px,2.2cqw,13px);line-height:1.35;animation:pgFloat 6s ease-in-out infinite}
.ladi-pv__card--ticket{left:0;top:3%;width:52%}
.ladi-pv__card--cost{right:0;top:36%;width:50%;animation-delay:-2s}
.ladi-pv__card--score{left:3%;bottom:2%;width:54%;flex-direction:row;align-items:center;gap:clamp(8px,2.4cqw,14px);animation-delay:-4s}
.ladi-pv__row{display:flex;align-items:center;gap:8px}
.ladi-pv__row--sp{justify-content:space-between}
.ladi-pv__ico{flex:0 0 auto;display:grid;place-items:center;width:clamp(22px,5cqw,30px);height:clamp(22px,5cqw,30px);border-radius:8px}
.ladi-pv__ico svg{width:60%;height:60%}
.ladi-pv__ico--ok{background:#E6FBF6;color:#00A88D}
.ladi-pv__ico--blue{background:#EEF3FF;color:var(--ladi-royal)}
.ladi-pv__k{color:var(--ladi-muted);font-size:.88em}
.ladi-pv__t{font-weight:800;color:var(--ladi-ink);font-size:1.08em}
.ladi-pv__pill{padding:3px 9px;border-radius:999px;background:#E6FBF6;color:#008F78;font-weight:700;font-size:.85em;white-space:nowrap}
.ladi-pv__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ladi-pv__list li{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ladi-text)}
.ladi-pv__list b{font-weight:700;color:var(--ladi-royal);font-size:.9em;white-space:nowrap}
.ladi-pv__total{padding-top:7px;border-top:1px dashed #C9D7FF;font-weight:700;color:var(--ladi-ink)}
.ladi-pv__total b{font-weight:800;color:#00A88D;font-size:1.15em}
.ladi-pv__gauge{position:relative;flex:0 0 auto;width:clamp(44px,11cqw,64px);height:clamp(44px,11cqw,64px)}
.ladi-pv__gauge svg{width:100%;height:100%;display:block}
.ladi-pv__gauge b{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;font-size:1.25em;color:#00A88D}
.ladi-card .ladi-ic.ladi-ic--svg svg{width:28px;height:28px;color:var(--ladi-royal)}
@media (prefers-reduced-motion:reduce){.ladi-pv__card{animation:none}}
@container (max-width:440px){.ladi-pv__card--ticket{width:64%}.ladi-pv__card--cost{width:66%;top:34%}.ladi-pv__card--score{width:68%}}