:root{color-scheme:dark;--bg: #070a12;--panel: rgba(255, 255, 255, .06);--panel-2: rgba(255, 255, 255, .09);--border: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .64);--muted-2: rgba(255, 255, 255, .42);--brand: #7c3aed;--brand-2: #22c55e;--shadow: 0 18px 60px rgba(0, 0, 0, .55);--radius: 18px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(1200px 600px at 20% -10%,rgba(124,58,237,.35),transparent 60%),radial-gradient(900px 500px at 110% 10%,rgba(34,197,94,.18),transparent 55%),var(--bg);color:var(--text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.22)}.container{width:min(520px,calc(100% - 32px));margin:0 auto}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:60;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(7,10,18,.75);border-bottom:1px solid var(--border)}.topbar__inner{height:64px;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:14px}.topbar__menu{display:inline-flex}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.brand__mark{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-weight:800;letter-spacing:.6px;background:linear-gradient(135deg,rgba(124,58,237,.95),rgba(34,197,94,.78));box-shadow:0 12px 30px #7c3aed38}.brand__text{font-weight:780;font-size:16px;background:linear-gradient(90deg,rgba(124,58,237,.95),rgba(34,197,94,.78),rgba(124,58,237,.95));background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 3s linear infinite}.topbar__search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);min-width:0}.topbar__input{border:0;outline:none;background:transparent;color:var(--text);width:100%;min-width:0;font-size:14px}.topbar__input::-moz-placeholder{color:#ffffff70}.topbar__input::placeholder{color:#ffffff70}.iconbtn{border:0;background:transparent;color:var(--text);width:38px;height:38px;border-radius:12px;display:grid;place-items:center;cursor:pointer}.iconbtn svg{width:20px;height:20px}.iconbtn:hover{background:rgba(255,255,255,.06)}.biz{display:none;color:var(--muted);text-decoration:none;font-weight:650;font-size:13px;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04)}.biz:hover{color:var(--text)}.main{flex:1}.page{padding:32px 0 64px}.footer{border-top:1px solid var(--border);padding:48px 0;background:rgba(7,10,18,.55)}.footer__inner{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.footer__brand{font-weight:800;letter-spacing:.3px;background:linear-gradient(135deg,rgba(124,58,237,.95),rgba(34,197,94,.78));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer__sub{margin-top:6px;font-size:12px;background:linear-gradient(135deg,rgba(124,58,237,.95),rgba(34,197,94,.78));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer__biz{color:var(--muted);text-decoration:none;font-weight:650;font-size:13px}.footer__biz:hover{color:var(--text)}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.56);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:80;display:grid;place-items:end center;padding:0 12px env(safe-area-inset-bottom) 12px}.drawer__panel{width:min(520px,100%);max-height:78vh;background:rgba(12,16,28,.95);border-top-left-radius:22px;border-top-right-radius:22px;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);padding:16px;overflow:hidden}.drawer__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;min-width:0}.drawer__title{font-weight:800;letter-spacing:.2px;white-space:nowrap;flex:1;min-width:0}.drawer__list{display:flex;flex-wrap:wrap;gap:10px;overflow:auto;padding-bottom:8px}.chip{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:var(--text);text-decoration:none;font-weight:650;font-size:13px}.chip:hover{background:rgba(255,255,255,.08)}.chip--nav{width:-moz-fit-content;width:fit-content}@media (max-width: 520px){.drawer__panel{max-height:88vh;padding:12px}.drawer__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:6px;justify-items:center}.chip--nav{width:-moz-fit-content;width:fit-content;max-width:100%;border-radius:14px;padding:12px 10px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.btn{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:var(--text);border-radius:12px;padding:10px 14px;cursor:pointer;font-weight:650}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{border-color:#7c3aed59;background:linear-gradient(135deg,rgba(124,58,237,.92),rgba(34,197,94,.65))}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:var(--radius);overflow:hidden;padding:0;cursor:pointer;text-align:left;color:inherit}.card:hover{border-color:#ffffff2e;background:rgba(255,255,255,.06)}.thumb{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:rgba(255,255,255,.06)}.thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.meta{padding:12px 12px 14px}.title{font-weight:780;font-size:14px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.sub{margin-top:8px;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px}.dot{opacity:.55}.card--skeleton .thumb,.card--skeleton .line{background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.1),rgba(255,255,255,.06));background-size:200% 100%;animation:shimmer 1.2s infinite}.card--skeleton .meta{display:grid;gap:10px}.card--skeleton .line{height:12px;border-radius:999px}.card--skeleton .line--short{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes gradientFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.empty{padding:30px 16px;border:1px dashed rgba(255,255,255,.16);border-radius:var(--radius);color:var(--muted);text-align:center}.pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.pager__info{color:var(--muted);font-size:13px}.fade-enter-active,.fade-leave-active{transition:opacity .18s ease}.fade-enter-from,.fade-leave-to{opacity:0}.sidefloat{position:fixed;top:50%;transform:translateY(-50%);z-index:40;display:grid;gap:40px;pointer-events:none}.sidefloat__wrap{position:relative;pointer-events:auto}.sidefloat--left{left:calc(50% - 254px)}.sidefloat--right{right:calc(50% - 254px)}@media (max-width: 520px){.sidefloat--left{left:10px}.sidefloat--right{right:10px}.sidefloat__item{width:62px;height:62px}}.sidefloat__item{border:0;background:transparent;width:75px;height:75px;border-radius:18px;overflow:hidden;cursor:pointer;box-shadow:0 10px 30px #00000052}.sidefloat__wrap{position:relative}.sidefloat__close{position:absolute;top:-9px;right:-9px;width:24px;height:24px;border:0;border-radius:999px;background:rgba(0,0,0,.58);color:#ffffffe6;cursor:pointer;display:grid;place-items:center;font-size:14px;line-height:24px}.sidefloat__item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.bottomfloat{position:fixed;left:0;right:0;bottom:0;z-index:70;border:0;background:transparent;border-radius:0;box-shadow:none;overflow:visible;padding:0;margin:0;display:flex;justify-content:center;align-items:flex-end}.bottomfloat__wrap{position:relative;width:min(520px,100%);margin:0 auto}.bottomfloat__close{position:absolute;top:6px;right:6px;width:30px;height:30px;border:0;border-radius:10px;background:rgba(0,0,0,.45);color:#ffffffd9;cursor:pointer;z-index:2}.bottomfloat__body{border:0;background:transparent;padding:0;width:100%;cursor:pointer}.bottomfloat__body img{width:auto;max-width:100%;height:auto;max-height:96px;-o-object-fit:contain;object-fit:contain;background:transparent;border-radius:18px;display:block}.bannerlist{display:grid;gap:0}.bannerlist__item{border:0;background:transparent;padding:0;cursor:pointer}.bannerlist__item img{width:100%;height:auto;max-height:220px;-o-object-fit:contain;object-fit:contain;border-radius:18px;display:block}@media (max-width: 759px){.bannerlist__item img{border-radius:0}}@media (min-width: 760px){.biz{display:inline-flex}.bottomfloat__body img{max-height:120px}}.hero{border:0;background:transparent;border-radius:0;overflow:visible;box-shadow:none}.hero__rail{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.hero__rail::-webkit-scrollbar{display:none}.hero__slide{border:0;background:transparent;padding:0;cursor:pointer;scroll-snap-align:start;height:clamp(96px,18vw,180px);display:block;position:relative}.hero__slide img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:transparent;display:block}.iconrail{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px}.iconrail__item{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:16px;padding:10px 10px 12px;cursor:pointer;color:inherit;display:grid;justify-items:center}.iconrail__img{width:56px;height:56px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.05)}.iconrail__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.iconrail__text{margin-top:8px;font-size:12px;font-weight:650;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;width:100%;text-align:center;background:linear-gradient(135deg,rgba(124,58,237,.95),rgba(34,197,94,.78));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.textgrid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;border-radius:20px;background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.14)}.textgrid__item{background:linear-gradient(135deg,rgba(124,58,237,.95),rgba(34,197,94,.78));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;font-weight:650;font-size:13px;padding:10px 12px;border-radius:14px;border:1px solid rgba(124,58,237,.35);text-align:center}.textgrid__item:hover{background:linear-gradient(135deg,rgba(124,58,237,.95),rgba(34,197,94,.78));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border-color:#7c3aed8c}.section{margin-top:48px}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px}.section__title{font-weight:860;font-size:16px;letter-spacing:.2px}.section__link{color:#ffffffb8;text-decoration:none;font-weight:650;font-size:13px}.section__link:hover{color:var(--text)}.hscroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);overflow-x:auto;gap:12px;padding-bottom:6px;scroll-snap-type:x proximity}.hcard{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:var(--radius);overflow:hidden;padding:0;cursor:pointer;text-align:left;color:inherit;scroll-snap-align:start}.hcard:hover{background:rgba(255,255,255,.06);border-color:#ffffff2e}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.68);z-index:90;display:grid;place-items:center;padding:18px}.modal__panel{width:min(380px,100%);border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:rgba(12,16,28,.96);box-shadow:var(--shadow);position:relative}.modal__close{position:absolute;top:10px;right:10px;width:34px;height:34px;border:0;border-radius:12px;background:rgba(0,0,0,.55);color:#ffffffd9;cursor:pointer;z-index:2;font-size:20px;line-height:34px}.modal__body{border:0;background:transparent;padding:0;width:100%;cursor:pointer}.modal__body img{width:100%;height:auto;display:block}.searchbar{margin-bottom:16px}.searchbar__form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.searchbar__input{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);border-radius:14px;padding:12px 14px;font-size:14px;color:var(--text);outline:none}.searchbar__input::-moz-placeholder{color:#ffffff6b}.searchbar__input::placeholder{color:#ffffff6b}.searchbar__hint{margin-top:10px;color:var(--muted);font-size:13px}@media (min-width: 760px){.hero__slide{height:clamp(120px,14vw,220px)}}.cathead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:10px 0 14px}.cathead__title{font-weight:900;font-size:18px;letter-spacing:.2px}.cathead__sub{margin-top:6px;color:var(--muted);font-size:13px}.cathead__ctrl{display:flex;align-items:center;gap:10px}.select{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--text);border-radius:14px;padding:10px 12px;font-weight:650;outline:none}.hero--mini .hero__slide,.hero__slide--mini{height:clamp(76px,14vw,132px)}.detail{display:grid;grid-template-columns:1fr;gap:16px}.detail__main{min-width:0}.detail__side{min-width:0;display:grid;gap:14px}.detail__player{height:320px;border-radius:22px}.detail__skeleton{border:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.1),rgba(255,255,255,.06));background-size:200% 100%;animation:shimmer 1.2s infinite}.playercard{border-radius:22px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);overflow:hidden;box-shadow:var(--shadow)}.playercard__head{padding:14px 14px 12px}.playercard__title{font-weight:900;font-size:16px;letter-spacing:.2px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.playercard__meta{margin-top:8px;color:var(--muted);font-size:13px;display:flex;align-items:center;gap:8px}.player{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:rgba(0,0,0,.45);cursor:pointer}.player--ready{cursor:default}.player__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.player__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.64))}.player__btn{padding:12px 18px;border-radius:999px;font-weight:850;letter-spacing:.2px;background:linear-gradient(135deg,rgba(124,58,237,.92),rgba(34,197,94,.65));border:1px solid rgba(255,255,255,.18)}.player__video{width:100%;height:100%}.notice{padding:12px 14px;border-top:1px solid rgba(255,255,255,.1);color:#ffffffc7;font-size:13px}.infocard{margin-top:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);border-radius:22px;padding:14px}.infocard__row{display:grid;grid-template-columns:64px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.infocard__row:last-child{border-bottom:0}.infocard__label{color:var(--muted-2);font-size:12px;font-weight:700}.infocard__value{font-size:13px;color:#ffffffdb;font-weight:650}.infocard__desc{margin-top:12px;color:#ffffffc2;font-size:13px;line-height:1.7}.adcard{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:22px;overflow:hidden}.adcard__title{padding:12px 14px;font-weight:850;font-size:13px;color:#ffffffe0;border-bottom:1px solid rgba(255,255,255,.08)}.adcard__banner{border:0;background:transparent;padding:0;width:100%;cursor:pointer}.adcard__banner img{width:100%;height:96px;-o-object-fit:cover;object-fit:cover;display:block}.adicons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px}.adicons__item{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:18px;padding:10px;cursor:pointer;color:inherit}.adicons__item img{width:100%;aspect-ratio:1 / 1;-o-object-fit:cover;object-fit:cover;border-radius:14px;display:block}.adicons__text{margin-top:8px;font-size:12px;color:var(--muted);font-weight:650;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.adtexts{display:grid;grid-template-columns:1fr;gap:10px;padding:12px}.adtexts__item{text-decoration:none;color:#ffffffd1;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:16px;padding:10px 12px;font-weight:650;font-size:13px}.adtexts__item:hover{background:rgba(255,255,255,.07)}@media (min-width: 960px){.detail{grid-template-columns:1fr;gap:16px}}