.opt-kq{--kq-bg:#0d203d;--kq-accent:#02d0d1;--kq-on-accent:#062a2b;--kq-ink:#f8fafc;--kq-muted:#f8fafcb8;background:var(--kq-bg);min-height:auto;color:var(--kq-ink);font-family:var(--opt-font-sans)}.opt-kq__bar{background:#00000038;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex}.opt-kq__back{color:#fff;background:#0a0a0a;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;text-decoration:none;display:inline-flex}.opt-kq__back:hover{background:#1a1a1a}.opt-kq__brand{place-items:center;line-height:0;display:grid}.opt-kq__brand img{filter:brightness(0)invert();width:auto;height:1.85rem}.opt-kq__bar-spacer{width:2.35rem}.opt-kq__main{width:min(1120px,100% - 2rem);margin:0 auto;padding:1.75rem 0 3rem}.opt-kq__hero{grid-template-columns:minmax(240px,.9fr) minmax(0,1.1fr);align-items:start;gap:2rem;display:grid}.opt-kq__cover{aspect-ratio:3/4;background:#ffffff0f;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000059}.opt-kq__cover img{object-fit:cover;width:100%;height:100%;display:block}.opt-kq__body{flex-direction:column;gap:1rem;min-width:0;padding-top:.25rem;display:flex}.opt-kq__eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--kq-accent);margin:0;font-size:.72rem;font-weight:750}.opt-kq__title{font-family:var(--opt-font-display);color:#fff;margin:0;font-size:clamp(1.75rem,4vw,2.6rem);font-weight:750;line-height:1.1}.opt-kq__meta{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.opt-kq__chip{color:var(--kq-ink);background:#ffffff1a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;padding:.3rem .65rem;font-size:.78rem;font-weight:650;display:inline-flex}.opt-kq__chip--accent{background:color-mix(in srgb, var(--kq-accent) 22%, transparent);border-color:color-mix(in srgb, var(--kq-accent) 45%, transparent);color:#fff}.opt-kq__desc{max-width:38rem;color:var(--kq-muted);white-space:pre-line;margin:0;font-size:1rem;line-height:1.6}.opt-kq__price{color:#fff;margin:0;font-size:1.35rem;font-weight:750}.opt-kq__price span{color:var(--kq-muted);margin-left:.35rem;font-size:.85rem;font-weight:600}.opt-kq__actions{flex-wrap:wrap;gap:.65rem;margin-top:.35rem;display:flex}.opt-kq__btn{min-height:2.65rem;font-family:var(--opt-font-sans);cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .15s,filter .15s,background .15s;display:inline-flex}.opt-kq__btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.opt-kq__btn--primary{background:var(--kq-accent);color:var(--kq-on-accent)}.opt-kq__btn--secondary{color:#fff;background:#0a0a0a;border-color:#ffffff24}.opt-kq__btn--ghost{color:#fff;background:0 0;border-color:#ffffff38}.opt-kq__btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.opt-kq__note{color:var(--kq-muted);margin:0;font-size:.82rem}.opt-kq__toc{background:#00000038;border:1px solid #ffffff14;border-radius:12px;margin-top:.5rem;padding:1rem 1.1rem}.opt-kq__toc h2{font-family:var(--opt-font-display);margin:0 0 .75rem;font-size:1.05rem;font-weight:750}.opt-kq__toc-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.opt-kq__toc-list li{border-bottom:1px solid #ffffff14;gap:.15rem;padding-bottom:.65rem;display:grid}.opt-kq__toc-list li:last-child{border-bottom:0;padding-bottom:0}.opt-kq__toc-label{letter-spacing:.06em;text-transform:uppercase;color:var(--kq-accent);font-size:.72rem;font-weight:750}.opt-kq__toc-text{color:var(--kq-ink);font-size:.92rem}.opt-kq__others{margin-top:2.75rem;scroll-margin-top:5.5rem}.opt-kq__others-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.opt-kq__others-head h2{font-family:var(--opt-font-display);margin:0;font-size:1.25rem;font-weight:750}.opt-kq__others-head a{color:var(--kq-accent);font-size:.85rem;font-weight:700;text-decoration:none}.opt-kq__others-count{color:var(--kq-muted);font-size:.82rem;font-weight:600}.opt-kq__pager{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000047;border:1px solid #ffffff1a;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem 1.25rem;margin-top:1.5rem;padding:.85rem 1rem;display:flex}.opt-kq__pager-info{color:var(--kq-muted);margin:0;font-size:.84rem;font-weight:600}.opt-kq__pager-info strong{color:#fff;font-weight:750}.opt-kq__pager-controls{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.opt-kq__pager-btn,.opt-kq__pager-page{color:#fff;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;min-width:2.15rem;height:2.15rem;padding:0 .4rem;font-size:.84rem;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.opt-kq__pager-btn:hover:not(.is-disabled),.opt-kq__pager-page:hover{border-color:color-mix(in srgb, var(--kq-accent) 55%, transparent);background:color-mix(in srgb, var(--kq-accent) 16%, transparent);transform:translateY(-1px)}.opt-kq__pager-btn.is-disabled{opacity:.32;pointer-events:none}.opt-kq__pager-pages{flex-wrap:wrap;align-items:center;gap:.3rem;margin:0 .15rem;display:flex}.opt-kq__pager-page.is-active{background:var(--kq-accent);color:var(--kq-on-accent);box-shadow:0 6px 18px color-mix(in srgb, var(--kq-accent) 35%, transparent);border-color:#0000}.opt-kq__pager-page.is-active:hover{background:var(--kq-accent);border-color:#0000;transform:none}.opt-kq__pager-ellipsis{min-width:1.25rem;color:var(--kq-muted);letter-spacing:.08em;justify-content:center;align-items:center;font-weight:700;display:inline-flex}@media (max-width:560px){.opt-kq__pager{text-align:center;flex-direction:column;align-items:stretch}.opt-kq__pager-controls{justify-content:center}}.opt-kq__grid{outline:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:.85rem;display:grid}.opt-kq__grid:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--kq-accent) 55%, transparent);border-radius:10px}.opt-kq__card{color:inherit;background:#ffffff0a;border:2px solid #0000;border-radius:8px;text-decoration:none;transition:border-color .15s,transform .15s;display:block;overflow:hidden}.opt-kq__card:hover{border-color:#fff3;transform:translateY(-2px)}.opt-kq__card.is-active{border-color:var(--kq-accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--kq-accent) 40%, transparent)}.opt-kq__card-cover{aspect-ratio:3/4;background:#00000040}.opt-kq__card-cover img{object-fit:cover;width:100%;height:100%;display:block}.opt-kq__card-meta{padding:.55rem .5rem .7rem}.opt-kq__card-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.78rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.opt-kq__card-date{color:var(--kq-muted);margin:.25rem 0 0;font-size:.7rem}.opt-kq__loading,.opt-kq__empty{min-height:60vh;color:var(--kq-muted);place-items:center;gap:.75rem;display:grid}.opt-kq__skel{grid-template-columns:.9fr 1.1fr;gap:2rem;width:min(1120px,100% - 2rem);display:grid}.opt-kq__skel-cover,.opt-kq__skel-line{background:linear-gradient(110deg,#ffffff0f 20%,#ffffff1f 40%,#ffffff0f 60%) 0 0/200% 100%;border-radius:8px;animation:1.1s linear infinite opt-kq-shimmer}.opt-kq__skel-cover{aspect-ratio:3/4}.opt-kq__skel-lines{align-content:start;gap:.75rem;padding-top:1rem;display:grid}.opt-kq__skel-line{height:1rem}.opt-kq__skel-line--lg{width:80%;height:2.2rem}.opt-kq__skel-line--sm{width:45%}@keyframes opt-kq-shimmer{to{background-position:-200% 0}}@media (max-width:900px){.opt-kq__hero{grid-template-columns:1fr;gap:1.35rem}.opt-kq__cover{max-width:320px;margin:0 auto}.opt-kq__grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:.85rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.opt-kq__card{scroll-snap-align:start;flex:0 0 min(42vw,160px)}.opt-kq__skel{grid-template-columns:1fr}}@media (max-width:560px){.opt-kq__card{flex-basis:min(48vw,148px)}.opt-kq__actions{flex-direction:column;align-items:stretch}.opt-kq__btn{width:100%}}