.qp-root{--qp-cream:#f6f6f6;--qp-surface:#fff;--qp-ink:#171717;--qp-ink-2:#323539;--qp-muted:#7a7a7a;--qp-subtle:#9b9b9b;--qp-line:#1717171a;--qp-red:#b2111c;--qp-red-deep:#8e0d16;--qp-red-dim:#b2111c14;--qp-shadow-hover:0 18px 40px #0000001f;--qp-ease:cubic-bezier(.2, .8, .2, 1);background:var(--qp-cream);height:100dvh;color:var(--qp-ink);flex-direction:column;display:flex;overflow:hidden}.qp-root *{box-sizing:border-box}.qp-back{color:var(--qp-ink-2);border:1.5px solid var(--qp-ink);background:var(--qp-surface);align-items:center;gap:8px;padding:8px 15px;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}.qp-back:hover{color:var(--qp-ink);border-color:var(--qp-red)}.qp-head{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:clamp(4px,1vh,10px);padding:clamp(14px,2.4vh,32px) 24px 0;display:flex}.qp-logo{width:clamp(140px,26vw,200px);height:auto;display:block}.qp-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--qp-red);margin:clamp(4px,1.2vh,12px) 0 0;font-size:11px;font-weight:600}.qp-h1{letter-spacing:-.025em;color:var(--qp-ink);margin:0;font-size:clamp(24px,3.2vw,38px);font-weight:800;line-height:1.15}.qp-sub{color:var(--qp-muted);max-width:620px;margin:2px 0 0;font-size:clamp(13px,1.6vh,15px);line-height:1.55}.qp-carousel{flex-direction:column;flex:1;gap:clamp(8px,1.4vh,14px);width:100%;max-width:1256px;min-height:0;margin:0 auto;padding:clamp(10px,2vh,24px) 24px clamp(10px,1.8vh,20px);display:flex}.qp-controls{flex-shrink:0;align-items:center;gap:10px;display:flex}.qp-count{color:var(--qp-subtle);letter-spacing:.02em;margin:0 2px 0 auto;font-size:12.5px}@media (max-width:679px){.qp-count{display:none}}.qp-arrow{background:var(--qp-surface);border:1.5px solid var(--qp-ink);width:40px;height:40px;color:var(--qp-ink);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s,opacity .15s;display:flex}.qp-arrow:hover:not(:disabled){border-color:var(--qp-red);color:var(--qp-red)}.qp-arrow:disabled{opacity:.35;cursor:default}.qp-scroller{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;flex:1;gap:24px;min-height:0;padding:4px 2px 8px;display:flex;overflow:auto hidden}.qp-scroller::-webkit-scrollbar{display:none}.qp-card{--qp-per-view:3;flex:0 0 calc((100% - (var(--qp-per-view) - 1) * 24px) / var(--qp-per-view));scroll-snap-align:start;background:var(--qp-surface);border:1px solid var(--qp-line);border-top:3px solid var(--qp-red);height:100%;min-height:0;transition:box-shadow .25s ease, transform .25s var(--qp-ease);flex-direction:column;display:flex;overflow:hidden}@media (max-width:1023px){.qp-card{--qp-per-view:2}}@media (max-width:679px){.qp-card{--qp-per-view:1}}.qp-card--soon{border-top-color:#1717172e}@media (hover:hover) and (pointer:fine){.qp-card--live:hover{box-shadow:var(--qp-shadow-hover);transform:translateY(-4px)}}.qp-thumb{background:var(--qp-cream);flex:42%;min-height:140px;max-height:320px;position:relative;overflow:hidden}.qp-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--qp-ease);display:block}@media (hover:hover) and (pointer:fine){.qp-card--live:hover .qp-thumb img{transform:scale(1.05)}}.qp-card--soon .qp-thumb img{filter:saturate(.35);opacity:.85}.qp-badge{z-index:2;background:var(--qp-red);color:#fff;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;font-size:11px;font-weight:600;position:absolute;top:12px;right:12px}.qp-badge--soon{background:var(--qp-ink-2)}.qp-body{flex-direction:column;flex:58%;gap:clamp(8px,1.3vh,12px);min-height:0;padding:clamp(14px,2vh,22px) clamp(16px,1.8vw,24px);display:flex}.qp-title-row{flex-shrink:0;align-items:center;gap:12px;display:flex}.qp-icon{background:var(--qp-red-dim);border:1px solid var(--qp-red-dim);width:40px;height:40px;color:var(--qp-red);flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:flex}.qp-card--soon .qp-icon{color:var(--qp-muted);background:#1717170d;border-color:#17171714}.qp-title{color:var(--qp-ink);margin:0;font-size:clamp(16px,2vh,19px);font-weight:700;line-height:1.25}.qp-tagline{color:var(--qp-muted);margin:2px 0 0;font-size:12.5px}.qp-desc{color:var(--qp-ink-2);-webkit-line-clamp:5;-webkit-box-orient:vertical;flex:0 auto;min-height:0;margin:0;font-size:clamp(12.5px,1.6vh,14px);line-height:1.6;display:-webkit-box;overflow:hidden}.qp-meta{color:var(--qp-subtle);border-top:1px solid var(--qp-line);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-shrink:0;margin:0;padding-top:8px;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.qp-meta span+span:before{content:"·";color:var(--qp-subtle);margin:0 7px}.qp-cta-row{flex-shrink:0;margin-top:auto;padding-top:4px}.qp-cta{background:var(--qp-red);color:#fff;cursor:pointer;text-align:center;border:none;width:100%;padding:clamp(10px,1.6vh,13px) 20px;font-size:14px;font-weight:700;transition:background .15s}.qp-cta:hover{background:var(--qp-red-deep)}.qp-soon-note{color:var(--qp-muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.qp-soon-note:before{content:"";background:var(--qp-subtle);border-radius:50%;width:7px;height:7px}.qp-foot{color:var(--qp-subtle);text-align:center;flex-shrink:0;margin:0;padding:0 24px clamp(10px,1.8vh,20px);font-size:clamp(11px,1.4vh,13px)}@media (min-width:1600px){.qp-root{height:92.5926dvh}}@media (min-width:1920px){.qp-root{height:84.7458dvh}}@media (min-width:2400px){.qp-root{height:75.7576dvh}}@media (max-height:700px){.qp-sub{display:none}.qp-desc{-webkit-line-clamp:4}.qp-meta{-webkit-line-clamp:1}.qp-logo{width:clamp(120px,22vw,160px)}}@media (max-height:600px){.qp-kicker,.qp-meta,.qp-foot,.qp-tagline{display:none}.qp-desc{-webkit-line-clamp:2}}
