*{box-sizing:border-box}html{background:#333}body{margin:0;background:#eef3f8;color:#111;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font-family:inherit}.site-wrap{min-height:100vh;background:#eef3f8}.wok-header{background:#fff;border-bottom:1px solid #e6ebf1;position:sticky;top:0;z-index:80}.wok-header:before{content:"";display:block;height:32px;background:#333}.wok-header-inner{max-width:1200px;margin:0 auto;height:52px;padding:0 16px;display:flex;align-items:center;gap:22px}.wok-brand{flex:0 0 auto;font-size:18px;font-weight:800;color:#111;white-space:nowrap}.wok-brand span{display:block}.wok-brand small{display:none}.wok-nav{display:flex;align-items:center;gap:18px;white-space:nowrap;overflow-x:auto;scrollbar-width:none;flex:1;height:100%}.wok-nav::-webkit-scrollbar,.drag-scroll::-webkit-scrollbar{display:none}.wok-nav a{position:relative;color:#111;font-size:15px;height:100%;display:flex;align-items:center}.wok-nav a.active,.wok-nav a:hover{color:#7428ff}.wok-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#7b26ff;border-radius:4px 4px 0 0}.wok-search{width:220px;height:34px;background:#f0f1f4;border-radius:8px;display:flex;align-items:center;overflow:hidden}.wok-search input{flex:1;height:100%;border:0;background:transparent;padding:0 10px;font-size:13px;outline:0;font-weight:600;color:#111}.wok-search input::placeholder{color:#111}.wok-search button{width:42px;height:100%;border:0;background:transparent;color:#7b26ff;font-size:20px;font-weight:900}.wok-icon{display:none;background:transparent;border:0;color:#111}.mobile-search-panel,.mobile-drawer,.drawer-mask,.mobile-bottom{display:none}.site-main{max-width:1200px;margin:0 auto;padding:26px 16px 0}.breadcrumb{margin:0 0 22px;font-weight:600;color:#111}.breadcrumb a:hover{color:#7428ff}.breadcrumb span{margin:0 8px;color:#6d7480}.soft-line{border-bottom:0;padding-bottom:0}.you-section,.wokanys-section,.fofo-section{margin:0 0 30px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;border-bottom:1px solid #dce3eb}.section-head h1,.section-head h2{font-size:22px;line-height:1.2;margin:0;padding:0 0 12px;position:relative;font-weight:900}.section-head h1:after,.section-head h2:after{content:"";position:absolute;left:0;bottom:-1px;width:56px;height:4px;background:#7b26ff}.section-head a,.section-head span{font-size:14px;font-weight:800;color:#111}.section-head a:hover{color:#7428ff}.sub-links{display:flex;align-items:center;gap:8px;overflow-x:auto;white-space:nowrap;color:#111;font-size:13px}.sub-links a{padding:7px 12px;border-radius:6px;background:#e0e6ec;color:#333;font-weight:600}.sub-links a:hover,.sub-links a.active{background:#7b26ff;color:#fff}.poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 20px}.home-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.poster-card{display:block;min-width:0;text-align:center}.poster-img{position:relative;aspect-ratio:2/3;background:#252525;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.04)}.poster-img img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.poster-card:hover .poster-img img{transform:scale(1.04)}.poster-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#999;background:#262626}.poster-empty:before{content:"";width:58px;height:58px;border:5px solid #777;border-radius:50%;opacity:.85}.poster-empty:after{content:"";position:absolute;border-left:20px solid #777;border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:8px}.poster-tag{position:absolute;right:6px;bottom:5px;color:#fff;font-size:12px;font-style:normal;font-weight:900;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.85);max-width:82%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-score{display:none}.poster-desc{display:none}.poster-title{display:block;margin:10px 0 2px;font-size:15px;font-weight:900;color:#111;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-card:hover .poster-title{color:#7428ff}.poster-meta{display:block;color:#8d98a5;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.row-card{min-width:0}.home-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px}.home-main{min-width:0}.rank-stack{display:flex;flex-direction:column;gap:28px}.rank-panel{background:transparent;border:0;border-radius:0;padding:0;position:static}.rank-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce3eb;margin-bottom:12px}.rank-head h3{position:relative;font-size:22px;margin:0;padding:0 0 12px;font-weight:900}.rank-head h3:after{content:"";position:absolute;left:0;bottom:-1px;width:56px;height:4px;background:#7b26ff}.rank-head a{font-weight:800}.rank-list{counter-reset:item}.rank-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;padding:8px 0;min-height:38px;border-bottom:0}.rank-num{font-style:italic;font-weight:900;font-size:26px;line-height:1;color:#e0e7ed;text-align:center}.rank-item:nth-child(1) .rank-num{color:#ff344e}.rank-item:nth-child(2) .rank-num{color:#ff8a16}.rank-item:nth-child(3) .rank-num{color:#ffc20c}.rank-item strong{display:block;font-size:14px;font-weight:900;line-height:1.25;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-item em{display:block;margin-top:3px;font-style:normal;color:#8996a5;font-size:12px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-item:hover strong{color:#7428ff}.mobile-hidden-rank{min-width:0}.category-block{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;margin:0 0 34px}.category-block .section-head{margin-bottom:16px}.content-layout,.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start}.content-main,.detail-main{min-width:0}.content-side .rank-panel,.detail-side .rank-panel,.player-side .rank-panel{position:sticky;top:88px}.filter-strip{display:flex;gap:10px;overflow-x:auto;margin:0 0 22px;padding:0 0 4px}.filter-strip a{flex:0 0 auto;background:#dfe5ea;border-radius:7px;padding:8px 14px;color:#333;font-weight:700}.filter-strip a.active,.filter-strip a:hover{background:#7b26ff;color:#fff}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:26px;flex-wrap:wrap}.pagination a,.pagination span{min-width:38px;height:34px;padding:0 10px;background:#dfe5ea;border-radius:7px;display:flex;align-items:center;justify-content:center;font-weight:800}.pagination a.active,.pagination a:hover{background:#7b26ff;color:#fff}.empty-state{padding:34px;text-align:center;color:#7d8996;background:#fff;border:1px solid #d8e0e8;border-radius:10px}.detail-hero{background:#fff;border:1px solid #d7dfe8;border-radius:8px;padding:18px;display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:start}.detail-poster img{width:150px;height:210px;object-fit:cover;border-radius:7px}.detail-poster span{display:none}.hero-label{display:inline-flex;background:#e4e9ee;color:#333;border-radius:6px;padding:6px 10px;font-weight:700}.detail-info h1{font-size:22px;line-height:1.25;margin:0 0 10px;font-weight:900}.detail-tags{display:flex;gap:8px;overflow-x:auto;margin:0 0 10px}.detail-tags span{flex:0 0 auto;background:#edf1f5;border-radius:5px;padding:6px 10px;color:#333}.detail-intro{border-top:1px solid #dce3eb;padding-top:10px;color:#111;margin:8px 0}.detail-meta p{margin:6px 0;color:#333}.detail-actions{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}.btn-primary,.watch-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:0 22px;min-height:42px;background:#7b26ff;color:#fff;font-weight:900}.btn-soft{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:0 18px;min-height:38px;background:#dfe5ea;color:#111;font-weight:800}.score-box{display:none}.episode-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.episode-grid a{height:38px;background:#e0e6ec;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px}.episode-grid a.active,.episode-grid a:hover{background:#7b26ff;color:#fff}.article-text{line-height:1.9;color:#111;background:#fff;border:1px solid #d7dfe8;border-radius:8px;padding:18px}.article-text p{margin:0 0 10px}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start}.player-main{min-width:0}.player-box{position:relative;background:#222;aspect-ratio:16/9;overflow:hidden;margin-bottom:16px}.video-player{width:100%;height:100%;display:block;background:#222}.player-empty{height:100%;display:flex;align-items:center;justify-content:center;color:#fff}.big-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;border:0;background:rgba(0,0,0,.45);color:#fff;font-size:34px;display:flex;align-items:center;justify-content:center}.share-row{display:none}.player-info-card{background:#fff;border:1px solid #d7dfe8;border-radius:8px;padding:18px;margin-bottom:22px}.player-info-card h1{font-size:22px;margin:0 0 6px}.player-info-card small{color:#777;font-size:14px}.play-vod-card{display:flex;gap:12px;background:#fff;border:1px solid #d7dfe8;border-radius:8px;padding:12px;margin-bottom:18px}.play-vod-card img{width:76px;height:106px;object-fit:cover;border-radius:6px}.play-vod-card h2{font-size:16px;margin:0 0 6px}.play-vod-card p{font-size:12px;color:#7d8996;margin:0 0 8px}.side-episodes{background:#fff;border:1px solid #d7dfe8;border-radius:8px;padding:14px;margin-bottom:18px}.source-tabs{margin-bottom:12px}.source-tabs span{display:inline-block;background:#7b26ff;color:#fff;border-radius:6px;padding:7px 12px;font-weight:800}.side-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.search-card{background:#fff;border:1px solid #d7dfe8;border-radius:8px;padding:22px}.search-card h1{margin:10px 0}.search-card form{display:flex;gap:10px}.search-card input{flex:1;height:42px;border:1px solid #d7dfe8;border-radius:8px;padding:0 12px}.search-card button{width:90px;border:0;background:#7b26ff;color:#fff;border-radius:8px;font-weight:900}.site-footer{margin-top:34px;background:#fff;border-top:1px solid #e1e7ee;color:#8793a1;text-align:center}.footer-inner{max-width:1200px;margin:0 auto;padding:26px 16px}.footer-inner strong{color:#7b26ff}.footer-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:8px 0}.footer-links a:hover{color:#7b26ff}.back-top{position:fixed;right:20px;bottom:24px;width:42px;height:42px;border-radius:50%;border:0;background:#7b26ff;color:#fff;font-weight:900;display:none}.back-top.show{display:block}
@media(max-width:1024px){.wok-header:before{display:none}.wok-header-inner{height:66px;padding:0 16px;gap:10px;align-items:center}.wok-brand{font-size:28px;max-width:190px;overflow:hidden}.wok-search{display:flex;width:auto;flex:1;height:54px;border-radius:9px}.wok-search input{font-size:24px;padding:0 18px}.wok-search button{font-size:42px;width:64px;line-height:1}.wok-icon{display:block;font-size:34px}.mobile-menu-btn{font-size:36px;letter-spacing:2px}.wok-nav{order:2;flex-basis:100%;height:58px;gap:24px;overflow-x:auto;padding-left:0}.wok-nav a{font-size:30px;flex:0 0 auto}.wok-nav a.active:after{height:4px}.wok-header-inner{flex-wrap:wrap;height:auto;padding-top:8px}.mobile-search-btn{display:none}.site-main{padding:28px 20px 0}.home-shell,.category-block,.content-layout,.detail-layout,.play-layout{display:block}.rank-stack,.mobile-hidden-rank,.content-side,.detail-side,.player-side{display:none}.poster-grid,.home-grid,.poster-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 18px}.poster-img{border-radius:12px}.poster-title{font-size:26px;line-height:1.18;margin-top:12px}.poster-meta{font-size:24px;color:#929aa3}.poster-tag{font-size:22px;right:8px;bottom:8px}.section-head{margin-bottom:22px}.section-head h1,.section-head h2{font-size:38px;padding-bottom:14px}.section-head h1:after,.section-head h2:after{width:118px;height:5px}.section-head a,.section-head span{font-size:28px}.you-section,.wokanys-section,.fofo-section{margin-bottom:42px}.sub-links{gap:16px;margin-bottom:16px}.sub-links a,.filter-strip a{font-size:25px;padding:10px 22px;border-radius:9px}.breadcrumb{font-size:28px;margin-bottom:32px}.detail-hero{grid-template-columns:190px minmax(0,1fr);gap:18px;border-radius:13px;padding:18px}.detail-poster img{width:190px;height:270px;border-radius:12px}.detail-info h1{font-size:36px}.detail-tags span{font-size:24px;padding:8px 14px}.detail-intro,.detail-meta p{font-size:25px}.btn-primary,.watch-btn{font-size:30px;min-height:72px;border-radius:13px;padding:0 32px}.btn-soft{font-size:26px;min-height:58px}.episode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.episode-grid a{height:62px;font-size:26px;border-radius:9px}.article-text{font-size:27px;border:0;background:transparent;padding:0;line-height:1.8}.player-box{margin-left:0;margin-right:0}.player-info-card{border-radius:12px;padding:18px}.player-info-card h1{font-size:34px}.player-info-card p{font-size:24px;color:#8e979f}.player-empty{font-size:26px}.search-card{border-radius:12px}.search-card h1{font-size:36px}.search-card p,.search-card input,.search-card button{font-size:26px}.search-card input,.search-card button{height:62px}.drawer-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:100}.drawer-mask.show{display:block}.mobile-drawer{display:block;position:fixed;left:28px;top:42px;width:420px;max-width:78vw;bottom:28px;background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.22);z-index:101;padding:26px;transform:translateX(-120%);transition:.22s ease;overflow:auto}.mobile-drawer.show{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;font-size:32px;margin-bottom:16px}.drawer-head button{border:0;background:transparent;font-size:42px;color:#777}.mobile-drawer form{display:flex;background:#f0f1f4;border-radius:9px;height:56px;margin-bottom:22px;overflow:hidden}.mobile-drawer form input{flex:1;border:0;background:transparent;font-size:24px;padding:0 16px;outline:0}.mobile-drawer form button{width:64px;border:0;background:transparent;color:#7b26ff;font-size:36px}.mobile-drawer a{display:flex;align-items:center;justify-content:space-between;font-size:30px;padding:18px 20px;border-radius:9px}.mobile-drawer a.active,.mobile-drawer a:hover{background:#7b26ff;color:#fff}.site-footer{font-size:18px}.footer-links{display:none}}
@media(max-width:560px){body{background:#333}.site-wrap{max-width:720px;margin:0 auto;background:#eef3f8}.site-main{padding:28px 20px 0}.wok-brand{font-size:28px}.wok-nav a{font-size:29px}.poster-title{font-size:25px}.poster-meta{font-size:22px}.detail-hero{display:block}.detail-poster{float:left;margin:0 16px 10px 0}.detail-poster img{width:180px;height:250px}.detail-info h1{font-size:34px}.play-vod-card{display:none}.player-box{aspect-ratio:16/9}.site-footer{display:none}}