*{box-sizing:border-box}html{background:#f3f6f8}body{margin:0;background:#f3f6f8;color:#112033;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{max-width:100%;display:block}.site-wrap{min-height:100vh;background:#f3f6f8}.wok-header{position:sticky;top:0;z-index:80;background:#fff;border-bottom:1px solid #dbe4ea;box-shadow:0 1px 0 rgba(17,32,51,.03)}.wok-header-inner{max-width:1280px;margin:0 auto;min-height:76px;padding:0 18px;display:grid;grid-template-columns:178px minmax(280px,470px) 42px;grid-template-areas:"brand search menu" "nav nav nav";align-items:center;column-gap:22px}.wok-brand{grid-area:brand;display:flex;align-items:center;gap:8px;font-weight:900;white-space:nowrap}.wok-brand span{font-size:34px;line-height:1;color:#18bfa8;letter-spacing:.5px}.wok-brand strong{font-size:20px;color:#56616d;font-weight:900}.wok-search{grid-area:search;height:34px;background:#f1f4f6;border:0;border-radius:999px;display:flex;align-items:center;overflow:hidden}.wok-search input{flex:1;height:100%;background:transparent;border:0;outline:0;color:#18283a;padding:0 15px;font-size:14px}.wok-search input::placeholder{color:#7a858f}.wok-search button{height:100%;min-width:82px;border:0;border-radius:999px;background:#18bfa8;color:#fff;font-weight:900;cursor:pointer}.wok-icon{grid-area:menu;width:38px;height:38px;border-radius:12px;border:1px solid #dbe4ea;background:#fff;color:#263746;font-size:22px;display:none;align-items:center;justify-content:center}.wok-nav{grid-area:nav;height:36px;display:flex;align-items:center;gap:22px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.wok-nav::-webkit-scrollbar,.drag-scroll::-webkit-scrollbar{display:none}.wok-nav a{font-size:14px;color:#07192b;font-weight:800;position:relative;line-height:34px}.wok-nav a.active,.wok-nav a:hover{color:#18bfa8}.wok-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#18bfa8;border-radius:6px}.drawer-mask,.mobile-drawer{display:none}.drawer-mask.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:100}.mobile-drawer.show{display:block;position:fixed;right:0;top:0;bottom:0;width:270px;background:#fff;z-index:101;box-shadow:-10px 0 30px rgba(0,0,0,.14);padding:18px}.drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6edf1;padding-bottom:14px;margin-bottom:10px}.drawer-head span{color:#18bfa8;font-size:28px}.drawer-head button{border:0;background:#f0f4f6;border-radius:8px;width:34px;height:34px;font-size:22px}.mobile-drawer a{display:block;padding:13px 8px;border-bottom:1px solid #eef3f5;font-weight:800;color:#102235}.site-main{max-width:1280px;margin:0 auto;padding:16px 18px 0}.breadcrumb{display:flex;align-items:center;gap:8px;color:#7a8b99;margin:8px 0 14px}.breadcrumb a{color:#18bfa8}.soft-line{border-bottom:1px solid #dfe8ee;padding-bottom:12px}.wokanys-section,.filter-panel,.list-hero-card,.detail-card,.search-card{background:#fff;border:1px solid #d9e4ea;border-radius:4px;margin:0 0 24px;padding:18px;box-shadow:0 1px 0 rgba(10,30,48,.02)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.section-head h2{font-size:22px;line-height:1.1;margin:0;color:#102235;font-weight:900}.section-head h2:before{content:"★";color:#18bfa8;margin-right:2px}.section-head a,.section-head span,.section-head button{color:#18bfa8;font-weight:800}.section-head button{border:0;background:#18bfa8;color:#fff;border-radius:999px;padding:6px 14px}.bx-hero{display:grid;grid-template-columns:170px minmax(0,1fr) 240px;gap:22px;align-items:start}.bx-hero-poster{width:170px;aspect-ratio:2/3;border-radius:3px;overflow:hidden;background:#eef3f6}.bx-hero-poster img{width:100%;height:100%;object-fit:cover}.bx-hero-main h1{font-size:28px;margin:2px 0 8px;color:#102235}.bx-hero-main .today{color:#18bfa8;font-weight:900;margin:0 0 4px}.bx-hero-desc{color:#3e5265;margin:0 0 12px;min-height:44px}.bx-hero-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0;color:#102235}.bx-hero-meta b{display:block;color:#667789;font-weight:700}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.btn-primary,.btn-soft,.watch-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 16px;border-radius:999px;background:#18bfa8;color:#fff;font-weight:900;border:0}.btn-primary.small{position:absolute;right:0;top:4px;min-height:32px}.btn-soft{background:#eff5f7;color:#102235;border:1px solid #d8e5eb}.bx-mini-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:8px}.bx-mini{display:flex;align-items:center;gap:8px;border:1px solid #d7e5eb;background:#fafcfd;border-radius:4px;padding:6px;min-width:0}.bx-mini img{width:56px;height:34px;object-fit:cover;border-radius:2px}.bx-mini strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-panel{border-left:1px solid #dbe6eb;padding-left:18px}.rank-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.rank-head h3{font-size:18px;margin:0;color:#102235}.rank-list{display:flex;flex-direction:column}.rank-item{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:8px 0;border-bottom:1px dashed #d9e3e8}.rank-num{font-weight:900;color:#18bfa8}.rank-item strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-item em{display:none}.rank-item:hover strong{color:#18bfa8}.latest-lines{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 24px}.latest-line{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed #d9e3e8;padding:5px 0;gap:10px}.latest-line strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.latest-line span{color:#7b8996;font-size:12px;white-space:nowrap}.poster-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:20px 16px}.home-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.poster-card{display:block;min-width:0}.poster-img{position:relative;aspect-ratio:2/3;background:#eef3f6;border-radius:3px;overflow:hidden}.poster-img img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.poster-card:hover .poster-img img{transform:scale(1.045)}.poster-empty{display:flex;height:100%;align-items:center;justify-content:center;color:#80909c;font-size:12px}.poster-tag{position:absolute;right:4px;bottom:4px;background:rgba(0,0,0,.55);color:#fff;font-style:normal;font-size:12px;line-height:1;padding:4px 5px;border-radius:2px;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-score{position:absolute;right:4px;top:4px;background:rgba(24,191,168,.92);color:#fff;font-size:11px;border-radius:2px;padding:2px 4px}.poster-desc{display:none}.poster-title{display:block;font-size:14px;line-height:1.35;margin:8px 0 2px;font-weight:900;color:#102235;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-card:hover .poster-title{color:#18bfa8}.poster-meta{display:block;font-size:12px;color:#728291;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-row{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px}.row-card{flex:0 0 138px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px}.list-hero-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f8fbfc}.list-hero-card h1{margin:0 0 8px;font-size:30px;color:#102235}.list-hero-card p{margin:0;color:#667889}.list-search{width:310px;height:34px;display:flex;background:#fff;border-radius:999px;overflow:hidden;border:1px solid #dae6ec}.list-search input{flex:1;border:0;outline:0;padding:0 14px}.list-search button{border:0;background:#18bfa8;color:#fff;padding:0 18px;font-weight:900}.filter-title{font-size:17px;font-weight:900;margin-bottom:12px}.filter-row{display:flex;gap:8px;align-items:center;overflow-x:auto;margin-top:8px;padding-bottom:3px}.filter-row span{color:#6d7f8e;flex:0 0 auto}.filter-row a,.filter-strip a{flex:0 0 auto;background:#f5f8fa;border:1px solid #e0e9ee;border-radius:999px;padding:5px 12px;font-size:13px;color:#102235}.filter-row a.active,.filter-row a:hover,.filter-strip a.active,.filter-strip a:hover{background:#18bfa8;color:#fff;border-color:#18bfa8}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:28px;flex-wrap:wrap}.pagination a,.pagination span{min-width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid #dce6ec;display:flex;align-items:center;justify-content:center;font-weight:900}.pagination a.active,.pagination a:hover{background:#18bfa8;color:#fff;border-color:#18bfa8}.empty-state{padding:38px;text-align:center;color:#7b8996;background:#fff;border:1px solid #dbe6ec;border-radius:4px}.detail-card{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;padding:18px 22px}.detail-poster img{width:170px;height:255px;object-fit:cover;border-radius:3px}.detail-poster span{display:block;background:#102235;color:#fff;text-align:center;padding:5px;border-radius:0 0 3px 3px}.detail-info h1{font-size:28px;line-height:1.25;margin:0 0 12px;color:#102235}.detail-info h1 small{font-size:14px;color:#102235;margin-left:4px}.detail-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px}.detail-table p{margin:0;color:#102235}.detail-table b{color:#80909c;font-weight:700}.detail-intro{margin:14px 0 0;color:#566878;line-height:1.8}.detail-intro a{color:#18bfa8}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.source-box{margin-top:14px;display:flex;gap:12px;align-items:center}.source-box span{background:#18bfa8;color:#fff;border-radius:999px;padding:7px 16px;font-weight:900}.episode-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px}.episode-grid a{display:flex;align-items:center;justify-content:center;min-height:34px;background:#f5f8fa;border:1px solid #e0e8ed;color:#102235;border-radius:4px;font-weight:800;position:relative}.episode-grid a:before{content:"";position:absolute;left:0;top:0;border-style:solid;border-width:11px 11px 0 0;border-color:#18bfa8 transparent transparent transparent}.episode-grid a.active,.episode-grid a:hover{background:#18bfa8;color:#fff;border-color:#18bfa8}.article-text,.faq-box{color:#24384b;line-height:1.85}.faq-box h3{font-size:17px;margin:0 0 8px}.faq-box p{margin:0 0 12px}.part-nav{display:flex;gap:14px;flex-wrap:wrap}.part-nav a,.part-nav span{min-width:110px;background:#fff;border:1px solid #dce6ec;padding:10px 14px;color:#102235}.player-page-head{position:relative;margin:22px 0 12px}.player-page-head h1{font-size:28px;margin:0;color:#102235}.player-page-head p{margin:4px 0 0;color:#738494;font-size:18px}.play-layout{display:block}.player-main{min-width:0}.player-box{position:relative;background:#0c1116;width:100%;max-width:1160px;margin:0 auto;border-radius:2px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.12)}.video-player{width:100%;height:auto;aspect-ratio:16/9;display:block;background:#000;object-fit:contain}.big-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;border:0;background:rgba(255,255,255,.75);color:#18bfa8;font-size:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}.player-empty{height:520px;display:flex;align-items:center;justify-content:center;color:#fff}.prev-next-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:1160px;margin:10px auto 22px}.prev-next-row a,.prev-next-row span{background:#fff;border:1px solid #dce6ec;padding:11px 14px;color:#102235}.player-episodes.reverse{display:flex;flex-wrap:wrap;flex-direction:row-reverse}.sort-btn{cursor:pointer}.search-card{text-align:left}.search-card h1{font-size:28px;margin:0 0 8px}.search-card p{color:#667889}.search-card form{display:flex;max-width:620px;height:42px;border:1px solid #dce6ec;border-radius:999px;overflow:hidden;background:#fff}.search-card input{flex:1;border:0;outline:0;padding:0 16px}.search-card button{border:0;background:#18bfa8;color:#fff;font-weight:900;padding:0 26px}.site-footer{background:#fff;border-top:1px solid #dbe6ec;margin-top:22px;padding:28px 18px 86px;color:#667789}.footer-inner{max-width:1280px;margin:0 auto}.footer-inner strong{display:block;color:#102235;margin-bottom:10px}.footer-inner strong span{color:#18bfa8;font-size:26px}.footer-links{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px}.footer-links a:hover{color:#18bfa8}.mobile-bottom{display:none}.back-top{position:fixed;right:22px;bottom:28px;width:42px;height:42px;border-radius:50%;border:0;background:#18bfa8;color:#fff;font-weight:900;display:none}.back-top.show{display:block}@media (max-width:1100px){.poster-grid,.home-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.bx-hero{grid-template-columns:150px minmax(0,1fr)}.bx-hero .rank-panel{grid-column:1/-1;border-left:0;border-top:1px solid #dbe6eb;padding:14px 0 0}.content-layout{grid-template-columns:1fr}.content-side{display:none}.episode-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:760px){body{font-size:16px}.wok-header-inner{min-height:auto;padding:10px 16px 0;grid-template-columns:1fr 58px;grid-template-areas:"brand menu" "search search" "nav nav";gap:10px}.wok-brand{justify-content:center}.wok-brand span{font-size:46px}.wok-brand strong{font-size:28px}.wok-icon{display:flex}.wok-search{height:56px;border-radius:28px}.wok-search input{font-size:20px;padding:0 18px}.wok-search button{min-width:126px;font-size:20px}.wok-nav{height:auto;gap:22px;flex-wrap:wrap;overflow:visible;padding:0 0 14px}.wok-nav a{font-size:22px;line-height:42px}.wok-nav a.active:after{bottom:-2px}.site-main{padding:20px 18px 0}.wokanys-section,.filter-panel,.list-hero-card,.detail-card,.search-card{padding:16px;margin-bottom:22px;border-radius:6px}.section-head h2{font-size:28px}.bx-hero{grid-template-columns:1fr}.bx-hero-poster{width:100%;max-width:none;aspect-ratio:16/10}.bx-hero-main h1{font-size:32px}.bx-hero-desc{font-size:18px}.bx-hero-meta{grid-template-columns:repeat(2,minmax(0,1fr));font-size:17px}.bx-mini-list{grid-template-columns:1fr 1fr}.bx-mini img{width:72px;height:46px}.latest-lines{grid-template-columns:1fr}.poster-grid,.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}.poster-title{font-size:23px;margin-top:12px}.poster-meta{font-size:19px;color:#7f8b96}.poster-tag{font-size:17px;padding:5px 7px}.poster-score{font-size:13px}.row-card{flex-basis:45%}.list-hero-card{display:block}.list-hero-card h1{font-size:32px}.list-search{width:100%;height:46px;margin-top:14px}.filter-row a,.filter-row span{font-size:18px}.detail-card{grid-template-columns:1fr}.detail-poster img{width:100%;height:auto;max-height:none}.detail-info h1{font-size:36px}.detail-table{grid-template-columns:1fr;font-size:22px;gap:12px}.detail-intro{font-size:22px}.btn-primary,.btn-soft{min-height:52px;font-size:20px;padding:0 22px}.source-box{font-size:20px}.episode-grid{display:flex;overflow-x:auto;gap:12px;padding-bottom:4px}.episode-grid a{flex:0 0 126px;min-height:54px;font-size:21px}.part-nav{display:grid;grid-template-columns:1fr 1fr}.player-page-head{padding-right:0}.player-page-head h1{font-size:34px}.player-page-head .btn-primary.small{position:static;margin-top:10px}.player-box{max-width:100%}.prev-next-row{grid-template-columns:1fr}.prev-next-row a,.prev-next-row span{font-size:21px;padding:16px}.search-card form{height:52px}.search-card input{font-size:20px}.mobile-bottom{display:grid;position:fixed;left:0;right:0;bottom:0;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #dce6ec;z-index:75}.mobile-bottom a{padding:7px 0;text-align:center;font-size:12px;color:#526476}.mobile-bottom span{display:block;font-size:20px;color:#18bfa8}.site-footer{padding-bottom:78px}}@media (max-width:430px){.wok-brand span{font-size:40px}.wok-brand strong{font-size:24px}.wok-search input{font-size:18px}.wok-search button{min-width:110px}.wok-nav a{font-size:20px}.poster-title{font-size:21px}.poster-meta{font-size:17px}.detail-info h1{font-size:32px}.detail-table,.detail-intro{font-size:20px}.bx-mini-list{grid-template-columns:1fr}}