:root{--bg-0: #05070f;--bg-1: #0b1220;--bg-2: #131b2d;--surface: rgba(255, 255, 255, .06);--surface-2: rgba(255, 255, 255, .09);--line: rgba(255, 255, 255, .15);--line-strong: rgba(255, 255, 255, .24);--text: rgba(247, 250, 255, .96);--muted: rgba(219, 228, 246, .68);--accent: #7ce4ff;--accent-2: #ffb980;--good: #68f7c7;--skeleton-base: rgba(255, 255, 255, .07);--skeleton-wave: rgba(124, 228, 255, .25);--shadow: 0 14px 44px rgba(0, 0, 0, .36)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--text);font-family:Plus Jakarta Sans,Avenir Next,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;background:linear-gradient(180deg,var(--bg-0),var(--bg-1) 52%,#090d19 100%);letter-spacing:.02em}a{color:inherit;text-decoration:none}.bg-layer{position:fixed;inset:0;z-index:-1;background:radial-gradient(1000px 520px at -10% -18%,rgba(124,228,255,.22),transparent 60%),radial-gradient(920px 500px at 120% -10%,rgba(255,185,128,.22),transparent 58%),radial-gradient(860px 460px at 60% 120%,rgba(104,247,199,.12),transparent 62%)}.topbar{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);backdrop-filter:blur(16px);background:#050810b8}.topbar-inner,.nav-inner,.container,.footer-inner{width:min(1240px,calc(100vw - 32px));margin:0 auto}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}.brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:32px;height:32px;display:block;flex:0 0 32px;border-radius:10px;box-shadow:var(--shadow)}.brand-dot{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(140deg,#7ce4ff59,#ffb98047);border:1px solid var(--line-strong);box-shadow:var(--shadow);font-size:14px}.brand-text{display:flex;flex-direction:column;gap:1px}.brand-title{font-size:17px;font-weight:760;line-height:1.1}.brand-sub{color:var(--muted);font-size:12px;line-height:1.1}.search{flex:1;max-width:580px;display:flex;align-items:center;gap:10px}.search input{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 14px;font-size:14px;color:var(--text);background:#ffffff08;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.search input::placeholder{color:#d3e0f875}.search input:focus{outline:none;border-color:#7ce4ff94;background:#ffffff0d;box-shadow:0 0 0 4px #7ce4ff24}.search button{border:1px solid rgba(124,228,255,.56);border-radius:12px;padding:11px 14px;color:#e8f8ff;background:linear-gradient(145deg,#7ce4ff40,#7ce4ff24);cursor:pointer;font-weight:650}.search button:hover{background:linear-gradient(145deg,#7ce4ff59,#7ce4ff33)}.nav-wrap{border-top:1px solid rgba(255,255,255,.08)}.nav-inner{display:flex;flex-wrap:wrap;gap:10px;padding:11px 0 14px}.nav-item{border-radius:999px;border:1px solid var(--line);background:#ffffff08;color:#e8f0ffd1;padding:6px 12px;font-size:13px;transition:border-color .12s ease,background .12s ease,transform .12s ease}.nav-item:hover{text-decoration:none;border-color:#7ce4ff66;background:#7ce4ff1a;transform:translateY(-1px)}.nav-item.active{border-color:#7ce4ff8c;background:#7ce4ff29;color:#effbff}.main{padding:18px 0 38px}.x-slots{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0;align-items:stretch;justify-content:center;content-visibility:auto;contain-intrinsic-size:132px}.x-slots-header{margin:10px 0 0}.x-slot{display:flex;align-items:center;gap:12px;flex:1 1 220px;padding:10px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#0f172a0f;color:inherit;text-decoration:none;overflow:hidden}.x-slot:hover{border-color:#2563eb73}.x-slot-media{flex:0 0 auto}.x-slot-icon{width:44px;height:44px;border-radius:11px;object-fit:cover}.x-slot-banner{width:100%;max-height:130px;object-fit:cover;border-radius:10px}.x-slot-body{display:flex;flex-direction:column;gap:4px;min-width:0}.x-slot-title{font-size:14px;font-weight:600;line-height:1.35}.x-slot-subtitle{font-size:12px;opacity:.78;line-height:1.35}.x-slot-code{display:none;flex:1 1 100%;padding:0;border:none;background:transparent;overflow:hidden;gap:0;align-items:stretch;max-height:320px}.x-slot-frame{display:block;width:100%;min-height:0;max-height:320px;border:0;background:transparent;overflow:hidden}.x-slot-code:empty{display:none}.x-slot-tile{flex:0 0 72px;width:72px;min-height:78px;padding:5px 3px;gap:2px;flex-direction:column;justify-content:center;align-items:center;border-radius:9px;text-align:center}.x-slot-tile .x-slot-media{line-height:0;display:flex;justify-content:center;align-items:center;width:100%}.x-slot-tile .x-slot-icon{width:40px;height:40px;border-radius:10px}.x-slot-tile .x-slot-body{width:100%;gap:0;align-items:center;justify-content:center;text-align:center}.x-slot-tile .x-slot-title{font-size:9px;line-height:1.1;font-weight:500;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.x-slot-tile .x-slot-subtitle{display:none}.hero{display:flex;justify-content:space-between;gap:18px;padding:22px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(145deg,#ffffff14,#ffffff08),radial-gradient(420px 180px at 94% -16%,rgba(124,228,255,.22),transparent 68%);box-shadow:var(--shadow);animation:fade-in-up .26s ease}.hero-left{min-width:0}.kicker{margin:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#7ce4ffe6;font-weight:700}.hero-title{margin:8px 0;font-size:clamp(24px,2.8vw,34px);line-height:1.18;letter-spacing:.01em}.hero-desc{margin:0;max-width:720px;color:var(--muted);line-height:1.66;font-size:14px}.hero-right{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.hero-pill{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;padding:6px 11px;color:#e4ecfad6;font-size:12px;max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice{margin-top:14px;border:1px solid rgba(255,185,128,.36);background:#ffb9801a;color:#ffdfc6;border-radius:14px;padding:12px 14px;line-height:1.5}.tabs{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.tab{border:1px solid var(--line);background:#ffffff08;border-radius:999px;padding:7px 12px;font-size:13px;color:#e6edfdcc}.tab:hover{text-decoration:none;border-color:#7ce4ff61}.tab.active{border-color:#7ce4ff94;background:#7ce4ff26;color:#ecfbff}.category-tabs{margin-top:10px}.category-tabs .tab{display:inline-flex;align-items:center;gap:6px}.tab-count{margin:0;font-style:normal;font-size:12px;color:#c8dcf6b3}.result-summary{margin-top:10px;color:#d4e0f6db;font-size:13px}.result-summary strong{color:#7ce4fff5;font-weight:700}.hot-search{margin-top:14px;padding:14px;border-radius:16px;border:1px solid var(--line);background:#ffffff0a;content-visibility:auto;contain-intrinsic-size:240px}.hot-search-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.hot-search-head h2{margin:0;font-size:16px;font-weight:700}.hot-search-more{color:#7ce4ffeb;font-size:13px}.hot-search-list{margin-top:12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.hot-item{display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:9px;border:1px solid rgba(255,255,255,.12);padding:6px 8px;background:#ffffff08}.hot-item:hover{border-color:#7ce4ff61;background:#7ce4ff14}.hot-key{font-size:12px;color:#f0f6ffeb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hot-metric{font-size:11px;color:#ffb980f5;flex:0 0 auto}.video-grid{margin-top:16px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.ops-board{margin-top:16px;display:grid;grid-template-columns:2fr 1fr;gap:12px}.ops-feature{position:relative;min-height:220px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#ffffff0a}.ops-feature:hover{text-decoration:none;border-color:#7ce4ff75}.ops-cover{position:absolute;inset:0;overflow:hidden}.ops-cover img{width:100%;height:100%;object-fit:cover;display:block}.ops-ph{width:100%;height:100%;display:grid;place-items:center;color:var(--muted)}.ops-content{position:absolute;inset:auto 0 0;padding:18px 16px;background:linear-gradient(to top,#060a12e6,#060a1226)}.ops-label{font-size:12px;color:#7ce4fff2;letter-spacing:.06em}.ops-content h2{margin:7px 0 0;font-size:20px;line-height:1.3}.ops-content p{margin:8px 0 0;color:#dfe8f7c7;font-size:13px}.ops-side{display:grid;gap:10px}.ops-mini{border:1px solid var(--line);border-radius:14px;background:#ffffff0a;padding:14px;min-height:66px;transition:border-color .12s ease,transform .12s ease,background .12s ease}.ops-mini:hover{text-decoration:none;border-color:#7ce4ff6b;background:#7ce4ff17;transform:translateY(-1px)}.ops-mini-title{font-size:12px;color:#7ce4ffeb}.ops-mini-desc{margin-top:7px;font-size:13px;line-height:1.46;color:#e9effbe6}.home-section{margin-top:18px;content-visibility:auto;contain-intrinsic-size:980px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}.section-head h2{margin:0;font-size:20px}.section-head p{margin:0;color:var(--muted);font-size:13px}.video-card{display:block;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,#fff1,#ffffff08);overflow:hidden;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.video-card:hover{text-decoration:none;transform:translateY(-3px);border-color:#7ce4ff70;box-shadow:0 14px 32px #00000052}.poster{position:relative;aspect-ratio:2 / 3;background:#ffffff0d;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover;display:block}.poster-ph{height:100%;display:grid;place-items:center;font-size:12px;color:var(--muted)}.poster-mask{position:absolute;inset:0;background:linear-gradient(to top,rgba(4,7,14,.66),transparent 45%);pointer-events:none}.chip{position:absolute;z-index:1;border-radius:999px;padding:4px 8px;font-size:11px;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(4px)}.chip-time{right:9px;bottom:9px;background:#00000085}.chip-rank{left:9px;top:9px;color:#112136;font-weight:720;background:linear-gradient(135deg,#7ce4fff2,#ffb980f2);border-color:#ffffff80}.video-meta{padding:11px 11px 12px}.video-title{margin:0;font-size:14px;line-height:1.32;min-height:2.64em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-stats{margin-top:9px;display:flex;gap:7px;flex-wrap:wrap}.video-stats span{border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff08;color:var(--muted);font-size:11px;padding:3px 8px}.empty{margin-top:16px;border-radius:16px;border:1px dashed rgba(124,228,255,.36);background:radial-gradient(560px 180px at 50% -36%,rgba(124,228,255,.14),transparent 70%),#ffffff08;padding:28px 18px;text-align:center}.empty-icon{width:52px;height:52px;margin:0 auto 12px;border-radius:14px;border:1px solid rgba(124,228,255,.45);background:#7ce4ff1a;display:grid;place-items:center;box-shadow:0 10px 30px #06102459}.empty-icon:before{content:"";width:22px;height:22px;border-radius:6px;border:2px solid rgba(230,247,255,.92);border-top-color:transparent;transform:rotate(45deg)}.empty h2{margin:0;font-size:20px}.empty p{margin:10px auto 0;max-width:640px;color:var(--muted);line-height:1.7}.empty-action{margin-top:14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(124,228,255,.52);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:620;color:#e8f8ff;background:#7ce4ff24;transition:border-color .12s ease,background .12s ease,transform .12s ease}.empty-action:hover{text-decoration:none;border-color:#7ce4ffb8;background:#7ce4ff38;transform:translateY(-1px)}.pager{margin-top:20px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}.pg-btn,.pg-page{border:1px solid var(--line);border-radius:11px;background:#ffffff08;padding:7px 11px;font-size:13px}.pg-btn:hover,.pg-page:hover{text-decoration:none;border-color:#7ce4ff70}.pg-btn.disabled{opacity:.45;cursor:default}.pg-pages{display:flex;gap:8px;flex-wrap:wrap}.pg-page.active{border-color:#7ce4ff94;background:#7ce4ff26}.footer{border-top:1px solid var(--line);background:#080c14b8}.footer-inner{padding:16px 0 20px;color:var(--muted);font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px}.dot{opacity:.6}.footer-contact{color:#7ce4fff2;border-bottom:1px dashed rgba(124,228,255,.4)}.footer-contact:hover{color:#ecfbff;border-bottom-color:#7ce4ffb8}.debug{margin-top:18px;border-radius:10px;border:1px solid var(--line);background:#ffffff08;color:var(--muted);padding:10px;font-size:12px}@keyframes fade-in-up{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes sk-wave{0%{transform:translate(-120%)}to{transform:translate(120%)}}.poster.sk-loading,.ops-cover.sk-loading{background:var(--skeleton-base)}.poster.sk-loading:before,.ops-cover.sk-loading:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,0) 0%,var(--skeleton-wave) 48%,rgba(255,255,255,0) 100%);animation:sk-wave 1.25s ease-in-out infinite;pointer-events:none;z-index:3}.poster.sk-loading img,.ops-cover.sk-loading img{opacity:0}@media (max-width: 1100px){.hot-search-list,.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ops-board{grid-template-columns:1fr}.ops-feature{min-height:200px}}@media (max-width: 860px){.hot-search-list{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar-inner{flex-direction:column;align-items:stretch;gap:12px}.search{max-width:none}.nav-wrap{overflow-x:auto;scrollbar-width:none}.nav-wrap::-webkit-scrollbar{display:none}.nav-inner{flex-wrap:nowrap;width:max-content;min-width:100%;padding:10px 0 12px}.nav-item{flex:0 0 auto;white-space:nowrap}.hero{flex-direction:column;align-items:flex-start;padding:18px}.hero-right{width:100%;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:flex-start}.hero-pill{max-width:none}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-head{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width: 768px){.x-slots{gap:8px;justify-content:flex-start}.x-slot{padding:9px 10px}.x-slot:not(.x-slot-tile){flex:1 1 100%;min-width:0}.tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto}.pager{justify-content:flex-start;align-items:flex-start;gap:8px}.pg-pages{max-width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.pg-pages::-webkit-scrollbar{display:none}.pg-page{flex:0 0 auto}}@media (max-width: 640px){.hot-search{padding:12px}.hot-search-head{flex-wrap:wrap;align-items:flex-start}.hot-search-more{margin-left:auto}.hot-search-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.hot-item{gap:6px;padding:5px 7px}.hot-key{font-size:11px}.hot-metric{font-size:10px}.topbar-inner,.container,.footer-inner{width:min(1240px,calc(100vw - 20px))}.main{padding-top:12px}.hero{border-radius:16px;padding:14px}.hero-title{font-size:clamp(22px,7vw,30px)}.hero-desc{font-size:13px;line-height:1.6}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ops-content h2{font-size:17px}.video-meta{padding:9px 9px 10px}.video-title{font-size:13px}.pager{justify-content:flex-start}.footer-inner{flex-wrap:wrap;justify-content:flex-start;gap:6px}}@media (max-width: 520px){.search{gap:8px}.search input{padding:10px 12px;font-size:13px}.search button{padding:10px 12px;font-size:13px;white-space:nowrap}.hero-pill{font-size:11px;padding:5px 10px}.detail-tags{gap:6px}.detail-tags span{font-size:11px;padding:3px 8px}}@media (max-width: 420px){.topbar-inner,.container,.footer-inner{width:calc(100vw - 16px)}.search{flex-direction:column;align-items:stretch}.search button{width:100%}.video-grid{gap:10px}}