:root{
--ck-m:#E11D74;
--ck-md:#B01058;
--ck-mist:#FFF4F8;
--ck-ink:#161616;
--ck-dim:#5a5a5a;
--ck-line:#ececec;
--ck-serif:"Songti SC","Noto Serif SC","STSong","SimSun",Georgia,serif;
--ck-sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Heiti SC",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#fff;color:var(--ck-ink);font-family:var(--ck-sans);font-size:14px;line-height:1.65}
img{display:block;max-width:100%;border:0}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none}
ul{list-style:none}
.ck-wide{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}
.ck-mast{position:fixed;top:0;left:0;right:0;z-index:80;color:#fff;background:transparent;transition:background .28s ease,box-shadow .28s ease,color .28s ease}
.ck-mast.is-solid{background:#fff;color:var(--ck-ink);box-shadow:0 1px 0 var(--ck-line)}
.ck-mast-in{display:flex;align-items:center;gap:20px;height:56px}
.ck-brand{display:flex;align-items:center;gap:8px;flex-shrink:0;font-family:var(--ck-serif);font-size:20px;font-weight:700;letter-spacing:.04em}
.ck-brand svg{width:22px;height:22px}
.ck-mast.is-solid .ck-brand{color:var(--ck-m)}
.ck-nav{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;margin-left:auto}
.ck-nav::-webkit-scrollbar{display:none}
.ck-nav a{flex-shrink:0;padding:8px 12px;font-size:13px;letter-spacing:.08em}
.ck-nav a:hover{color:var(--ck-m)}
.ck-hero{position:relative;height:300px;overflow:hidden;background:#111}
@media(min-width:768px){.ck-hero{height:400px}}
.ck-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease}
.ck-slide.on{opacity:1;visibility:visible}
.ck-slide img{width:100%;height:100%;object-fit:cover}
.ck-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.35) 48%,rgba(0,0,0,.18) 100%)}
.ck-hero-copy{position:absolute;left:0;right:0;bottom:0;padding:72px 16px 28px;max-width:1120px;margin:0 auto;color:#fff}
@media(min-width:768px){.ck-hero-copy{padding:80px 16px 40px}}
.ck-hero-copy h1{font-family:var(--ck-serif);font-size:26px;line-height:1.25;max-width:18em;margin:10px 0 8px}
@media(min-width:768px){.ck-hero-copy h1{font-size:36px}}
.ck-hero-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(255,255,255,.88);margin-bottom:16px}
.ck-hero-meta svg{width:16px;height:16px}
.ck-go{display:inline-flex;align-items:center;gap:8px;background:var(--ck-m);color:#fff;padding:10px 18px;font-size:13px;letter-spacing:.12em}
.ck-go:hover{background:var(--ck-md)}
.ck-go svg{width:16px;height:16px}
.ck-switch{position:absolute;right:16px;bottom:20px;display:flex;gap:8px;z-index:2}
.ck-switch b{width:22px;height:3px;background:rgba(255,255,255,.4);cursor:pointer}
.ck-switch b.on{background:var(--ck-m)}
.ck-chan{border-bottom:1px solid var(--ck-line);background:#fff}
.ck-chan-in{display:flex;gap:0;overflow-x:auto;scrollbar-width:none}
.ck-chan-in::-webkit-scrollbar{display:none}
.ck-tab{flex-shrink:0;padding:14px 16px;font-size:13px;color:var(--ck-dim);border-bottom:2px solid transparent;letter-spacing:.06em;cursor:pointer;background:none}
.ck-tab.on{color:var(--ck-m);border-bottom-color:var(--ck-m);font-weight:600}
.ck-shell{padding:28px 0 48px}
.ck-layout{display:grid;grid-template-columns:1fr;gap:28px}
@media(min-width:960px){.ck-layout{grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}}
.ck-head{display:flex;align-items:baseline;gap:10px;margin:0 0 14px;border-left:3px solid var(--ck-m);padding-left:10px}
.ck-head h2{font-family:var(--ck-serif);font-size:22px;font-weight:700}
.ck-num{font-family:var(--ck-serif);color:var(--ck-m);font-size:12px;letter-spacing:.14em}
.ck-dyn{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--ck-line)}
.ck-dyn:first-of-type{padding-top:0}
.ck-dyn img{width:120px;height:68px;object-fit:cover;border-radius:6px}
.ck-dyn h3{font-family:var(--ck-serif);font-size:16px;line-height:1.4;margin-bottom:4px}
.ck-dyn h3:hover{color:var(--ck-m)}
.ck-dyn p{font-size:12px;color:var(--ck-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ck-dyn .ck-by{margin-top:6px;font-size:12px;color:#8a8a8a;display:flex;gap:10px;align-items:center}
.ck-dyn .ck-by svg{width:14px;height:14px}
.ck-clips{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
@media(min-width:720px){.ck-clips{grid-template-columns:1fr 1fr}}
.ck-clip{background:#fff}
.ck-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:#eee}
.ck-thumb img{width:100%;height:100%;object-fit:cover}
.ck-flag{position:absolute;top:0;left:0;z-index:1;background:var(--ck-m);color:#fff;font-size:11px;letter-spacing:.12em;padding:3px 8px}
.ck-flag.nw{background:#161616}
.ck-flag.ex{background:#7A0F4A}
.ck-stat{position:absolute;right:6px;bottom:6px;z-index:1;color:#fff;font-size:11px;background:rgba(0,0,0,.55);padding:2px 6px;display:inline-flex;align-items:center;gap:4px}
.ck-stat svg{width:12px;height:12px}
.ck-dur{position:absolute;left:6px;bottom:6px;z-index:1;color:#fff;font-size:11px;background:rgba(0,0,0,.55);padding:2px 6px;display:inline-flex;align-items:center;gap:3px}
.ck-dur svg{width:12px;height:12px}
.ck-playfloat{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.28);opacity:0;transition:opacity .2s}
.ck-playfloat svg{width:36px;height:36px;color:#fff}
.ck-thumb:hover .ck-playfloat{opacity:1}
.ck-clip h3{font-size:14px;line-height:1.4;margin:8px 0 4px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ck-clip h3:hover{color:var(--ck-m)}
.ck-clip .ck-up{font-size:12px;color:var(--ck-dim);display:flex;justify-content:space-between;gap:8px}
.ck-clip .ck-up span{display:inline-flex;align-items:center;gap:4px}
.ck-clip .ck-up svg{width:13px;height:13px}
.ck-side .ck-glass{background:rgba(255,255,255,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(225,29,116,.12);padding:16px;margin-bottom:18px}
.ck-rank li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;padding:9px 0;border-bottom:1px solid var(--ck-line);align-items:start}
.ck-rank li:last-child{border-bottom:0}
.ck-rank em{font-family:var(--ck-serif);font-style:normal;font-size:16px;color:#bbb;line-height:1.3}
.ck-rank li:nth-child(-n+3) em{color:var(--ck-m)}
.ck-rank a{display:block;font-size:13px;line-height:1.4}
.ck-rank a:hover{color:var(--ck-m)}
.ck-rank small{display:block;color:#8a8a8a;font-size:11px;margin-top:2px}
.ck-hotrow{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;padding:8px 0;border-bottom:1px solid var(--ck-line)}
.ck-hotrow:last-child{border-bottom:0}
.ck-hotrow img{width:64px;height:36px;object-fit:cover;border-radius:6px}
.ck-hotrow p{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ck-hotrow span{font-size:11px;color:#8a8a8a}
.ck-live-rail{margin-top:36px}
.ck-lives{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(min-width:720px){.ck-lives{grid-template-columns:repeat(4,1fr)}}
.ck-live{background:rgba(255,255,255,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(225,29,116,.1)}
.ck-live .ck-thumb{border-radius:6px 6px 0 0}
.ck-dot{display:inline-block;width:6px;height:6px;background:var(--ck-m);margin-right:5px;vertical-align:middle;box-shadow:0 0 0 0 rgba(225,29,116,.55);animation:ckpulse 1.4s infinite}
@keyframes ckpulse{70%{box-shadow:0 0 0 6px rgba(225,29,116,0)}100%{box-shadow:0 0 0 0 rgba(225,29,116,0)}}
.ck-live-body{padding:10px 10px 12px}
.ck-live-body h3{font-size:13px;margin-bottom:4px}
.ck-live-body p{font-size:12px;color:var(--ck-dim);display:flex;justify-content:space-between}
.ck-in{display:inline-block;margin-top:8px;font-size:12px;color:var(--ck-m);letter-spacing:.06em;border:1px solid var(--ck-m);padding:4px 10px}
.ck-upmosaic{margin-top:36px}
.ck-ups{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(min-width:720px){.ck-ups{grid-template-columns:repeat(8,1fr)}}
.ck-upcell{text-align:center;padding:14px 6px;background:rgba(255,255,255,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(225,29,116,.1)}
.ck-upcell img{width:56px;height:56px;object-fit:cover;margin:0 auto 8px;border-radius:50%}
.ck-upcell b{display:block;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck-upcell em{display:block;font-style:normal;font-size:11px;color:#8a8a8a;margin:2px 0 8px}
.ck-follow{display:inline-block;font-size:11px;letter-spacing:.08em;color:#fff;background:var(--ck-m);padding:4px 10px}
.ck-faq-block{margin-top:36px}
.ck-faq{border-bottom:1px solid var(--ck-line);background:rgba(255,255,255,.65);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ck-faq summary{list-style:none;cursor:pointer;padding:14px 4px;font-family:var(--ck-serif);font-size:16px;display:flex;justify-content:space-between;gap:12px}
.ck-faq summary::-webkit-details-marker{display:none}
.ck-faq summary:after{content:"";width:10px;height:10px;border-right:1.6px solid var(--ck-m);border-bottom:1.6px solid var(--ck-m);transform:rotate(45deg);margin-top:4px;flex-shrink:0}
.ck-faq[open] summary:after{transform:rotate(225deg);margin-top:8px}
.ck-faq p{padding:0 4px 14px;font-size:13px;color:var(--ck-dim)}
.ck-foot{background:#111;color:#cfcfcf;padding:36px 0 22px;margin-top:48px;font-size:13px}
.ck-foot a:hover{color:#fff}
.ck-foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(min-width:720px){.ck-foot-grid{grid-template-columns:repeat(4,1fr)}}
.ck-foot h4{font-family:var(--ck-serif);color:#fff;font-size:15px;margin-bottom:10px}
.ck-foot li{margin:6px 0}
.ck-copy{margin-top:22px;padding-top:14px;border-top:1px solid #2a2a2a;font-size:12px;color:#8a8a8a}
.ck-hide{display:none !important}

html{filter:hue-rotate(-4deg)}body{letter-spacing:0.01em;line-height:152%}