.c3{background:linear-gradient(160deg,#0c231a,#123a28);color:#fff;position:relative;overflow:hidden}
.c3::after{content:"";position:absolute;right:-180px;top:-180px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(253,185,19,.15),transparent 65%)}
.c3 .in{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding-block:60px 50px}
.c3 h1{font-size:clamp(30px,4.2vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin:14px 0}
.c3 h1 span{color:var(--y)}
.c3 .lead{color:#cfe0d5;font-size:17px;max-width:50ch}
.c3 .acts{justify-content:flex-start;margin-top:24px}
.c3 .acts .btn.ln{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.c3 .ticket{background:var(--white);color:var(--ink);border-radius:22px;position:relative;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.c3 .ticket .tp{padding:24px 26px;display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.c3 .ticket .tp img{width:84px}
.c3 .ticket .tp small{display:block;font-size:11.5px;color:var(--mute);letter-spacing:.1em;text-transform:uppercase;text-align:right}
.c3 .ticket .tp b{font-family:var(--f-h);font-size:20px;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.c3 .ticket .cut{height:0;border-top:2px dashed var(--line);margin:0 18px;position:relative}
.c3 .ticket .cut::before,.c3 .ticket .cut::after{content:"";position:absolute;top:-14px;width:28px;height:28px;border-radius:50%;background:#103124}
.c3 .ticket .cut::before{left:-32px}
.c3 .ticket .cut::after{right:-32px}
.c3 .ticket .bt{padding:22px 26px 26px}
.c3 .trk{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:6px 0 18px}
.c3 .trk div{font-size:12px;font-weight:700;color:var(--mute);text-align:center}
.c3 .trk div i{display:block;height:6px;border-radius:6px;background:var(--line);margin-bottom:8px}
.c3 .trk div.on{color:var(--g)}
.c3 .trk div.on i{background:var(--g2)}
.c3 .trk div.cur i{background:linear-gradient(90deg,var(--g2) 50%,var(--line) 50%);background-size:200% 100%;animation:prog 1.6s linear infinite}
.c3 .ticket dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font-size:14px}
.c3 .ticket dt{color:var(--mute)}
.c3 .ticket dd{margin:0;font-weight:700;text-align:right}
.c3 .strip{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-bottom:20px}
.c3 .strip div{border-radius:16px;aspect-ratio:4/3;max-width:100%;position:relative}
.c3 .strip span{position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.94);color:var(--ink);font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}
.c3 .x{background:var(--paper);color:var(--ink);padding-block:64px}
.c3 .x h2{font-size:26px;font-weight:800;margin-bottom:6px}
.c3 .x>.wrap>p{color:var(--mute);margin-bottom:22px}
.c3 .xs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.c3 .xs a{background:var(--white);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.c3 .xs .im{aspect-ratio:4/3;max-width:100%}
.c3 .xs b{padding:12px 14px 14px;font-family:var(--f-h);font-size:15px;display:flex;justify-content:space-between;align-items:center}
@media (max-width:1024px){
.c3 .in{grid-template-columns:1fr}
.c3 .xs{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
.c3 .xs{grid-template-columns:1fr}
.c3 .strip{grid-template-columns:1fr 1fr}
.c3 .trk div{font-size:10.5px}
}