:root{--ink:#152c3d;--muted:#6b7d8b;--line:rgba(27,111,139,.16);--cyan:#46bde6;--pink:#ee79a8;--paper:#f5fcff;--shadow:0 14px 38px rgba(41,127,159,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f3fcff,#fff 42%,#fff5fa);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",system-ui,sans-serif;letter-spacing:0}button,input{font:inherit}button{cursor:pointer}header{position:sticky;z-index:20;top:0;border-bottom:1px solid var(--line);background:rgba(255,255,255,.9);backdrop-filter:blur(15px)}nav{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1480px;margin:auto;padding:9px 14px}.brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}.brand span{border-radius:7px;background:#132d3c;padding:7px 9px;color:#fff;font-size:8px;font-weight:1000}.brand strong{font-size:13px}nav>div{display:flex;gap:5px}nav>div a{border:1px solid var(--line);border-radius:7px;background:#fff;padding:7px 9px;color:inherit;font-size:9px;font-weight:950;text-decoration:none}main{max-width:1480px;margin:auto;padding:30px 14px 70px}.secret-head{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:8px 0 20px}.secret-head span{color:#147da3;font-size:9px;font-weight:1000}.secret-head h1{margin:4px 0 0;font-size:clamp(38px,7vw,76px);line-height:1}.secret-head p{margin:0;color:var(--muted);font-size:12px}.secret-tools{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:15px 0}.tabs{display:flex;gap:5px;overflow:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:0 0 auto;min-height:34px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:7px 11px;color:#176f91;font-size:9px;font-weight:1000}.tabs button.active{border-color:rgba(70,189,230,.55);background:#e7f9ff}.secret-tools label{display:grid;gap:4px;width:min(320px,100%)}.secret-tools label span{color:var(--muted);font-size:8px;font-weight:900}.secret-tools input{height:36px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 10px;color:var(--ink);font-size:10px}.channel-strip{display:flex;gap:7px;overflow:auto;padding:3px 0 14px;scrollbar-width:thin}.channel-chip{display:grid;gap:2px;min-width:130px;border:2px solid color-mix(in srgb,var(--channel-color) 42%,white);border-radius:8px;background:#fff;padding:9px;color:inherit;text-align:left}.channel-chip.active{background:color-mix(in srgb,var(--channel-color) 9%,white);box-shadow:0 7px 20px color-mix(in srgb,var(--channel-color) 18%,transparent)}.channel-chip strong{font-size:10px}.channel-chip small{color:var(--muted);font-size:7px}.secret-player{overflow:hidden;margin:0 0 12px;border:1px solid var(--line);border-radius:8px;background:#071a25;box-shadow:var(--shadow);aspect-ratio:16/9}.secret-player[hidden]{display:none}.secret-player iframe{display:block;width:100%;height:100%;border:0}.secret-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.secret-card{position:relative;overflow:hidden;border:2px solid color-mix(in srgb,var(--channel-color) 44%,white);border-radius:8px;background:#fff;box-shadow:var(--shadow);content-visibility:auto;contain-intrinsic-size:320px}.secret-media{position:relative;aspect-ratio:16/9;background:#0b2030}.secret-media>button,.secret-media img{display:block;width:100%;height:100%;border:0;padding:0;object-fit:cover}.secret-media>button:after{content:"▶";position:absolute;left:50%;top:50%;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.94);color:#176f91;transform:translate(-50%,-50%);box-shadow:0 10px 26px rgba(0,0,0,.22)}.secret-status{position:absolute;z-index:2;left:7px;top:7px;border-radius:999px;background:#596f7e;padding:4px 7px;color:#fff;font-size:7px;font-weight:1000}.secret-status.live{background:#ed315f}.secret-status.upcoming{background:#c47b00}.secret-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px}.secret-copy strong,.secret-copy small{display:block;min-width:0}.secret-copy strong{font-size:10px}.secret-copy small{display:-webkit-box;margin-top:3px;overflow:hidden;color:var(--muted);font-size:8px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.secret-copy a{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--line);border-radius:7px;color:#176f91;font-size:10px;font-weight:1000;text-decoration:none}.secret-empty{grid-column:1/-1;display:grid;place-items:center;min-height:170px;border:1px dashed var(--line);border-radius:8px;background:rgba(255,255,255,.7);color:var(--muted);font-size:11px;text-align:center}footer{padding:0 14px 38px;text-align:center}footer a{color:#176f91;font-size:10px;font-weight:1000}
@media(max-width:720px){main{padding:20px 9px 55px}.secret-head{align-items:flex-start;flex-direction:column}.secret-head p{font-size:11px}.secret-tools{align-items:stretch;flex-direction:column}.tabs{width:100%}.secret-tools label{width:100%}.secret-grid{grid-template-columns:1fr}.channel-chip{min-width:116px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}