.svip-page{background:var(--fz-bg);color:var(--fz-text)}
.svip-shell{max-width:1120px}
.svip-hero{background:linear-gradient(135deg,rgba(255,47,126,.11),rgba(59,142,255,.08) 48%,rgba(41,240,178,.05));border-color:var(--fz-line)}
.svip-feed-section{margin-top:18px}
.svip-feed-list{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
.svip-feed-card{background:var(--fz-panel);border:1px solid var(--fz-line);border-radius:14px;box-shadow:0 14px 36px rgba(0,0,0,.2);min-width:0;overflow:hidden;transition:border-color .18s ease,transform .18s ease}
.svip-feed-card:hover{border-color:rgba(255,47,126,.38);transform:translateY(-2px)}
.svip-feed-link{color:inherit;display:block;text-decoration:none}
.svip-collage{background:#05070b;display:grid;gap:3px;height:340px;overflow:hidden}
.svip-collage--1{grid-template-columns:1fr}
.svip-collage--2{grid-template-columns:2fr 1fr}
.svip-collage--3,.svip-collage--4{grid-template-columns:2fr 1fr;grid-template-rows:repeat(4,1fr)}
.svip-collage--5{grid-template-columns:minmax(0,58fr) minmax(0,42fr);grid-template-rows:repeat(3,minmax(0,1fr))}
.svip-collage-item{min-height:0;overflow:hidden;position:relative}
.svip-collage--3 .svip-collage-item--0,.svip-collage--4 .svip-collage-item--0{grid-row:1/5}
.svip-collage--5 .svip-collage-item--0{grid-column:1;grid-row:1/3}
.svip-collage--5 .svip-collage-item--1{grid-column:2;grid-row:1}
.svip-collage--5 .svip-collage-item--2{grid-column:2;grid-row:2}
.svip-collage--5 .svip-collage-item--3{grid-column:1;grid-row:3}
.svip-collage--5 .svip-collage-item--4{grid-column:2;grid-row:3}
.svip-collage--2 .svip-collage-item{height:100%}
.svip-collage--2 .svip-collage-item--0{grid-row:1}
.svip-collage--3 .svip-collage-item--1{grid-row:1/3}
.svip-collage--3 .svip-collage-item--2{grid-row:3/5}
.svip-collage--4 .svip-collage-item--1{grid-row:1/2}
.svip-collage--4 .svip-collage-item--2{grid-row:2/4}
.svip-collage--4 .svip-collage-item--3{grid-row:4/5}
.svip-collage img,.svip-media-tile img,.svip-video-choice-thumb img{display:block;height:100%;object-fit:cover;width:100%}
.svip-play-mark{align-items:center;background:rgba(4,7,12,.62);border:1px solid rgba(255,255,255,.55);border-radius:50%;display:flex;height:42px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:42px}
.svip-play-mark:after{border-bottom:8px solid transparent;border-left:13px solid #fff;border-top:8px solid transparent;content:"";margin-left:3px}
.svip-duration{background:rgba(2,4,8,.78);border-radius:5px;bottom:7px;color:#fff;font-size:11px;padding:3px 6px;position:absolute;right:7px}
.svip-more-count{align-items:center;background:rgba(2,4,8,.7);color:#fff;display:flex;font-size:24px;font-weight:800;inset:0;justify-content:center;position:absolute}
.svip-feed-copy{padding:14px 16px 15px}
.svip-feed-copy h3{color:var(--fz-text);font-size:17px;line-height:1.42;margin:0 0 7px}
.svip-feed-copy p{color:var(--fz-muted);font-size:13px;line-height:1.55;margin:0;min-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.svip-feed-meta{align-items:center;color:var(--fz-muted);display:flex;font-size:12px;justify-content:space-between;margin-top:12px}
.svip-detail{max-width:1120px}
.svip-detail-head{background:linear-gradient(135deg,var(--fz-panel),var(--fz-panel-2));border:1px solid var(--fz-line);border-radius:16px;margin:20px 0;padding:24px}
body.svip-detail-page .svip-detail-head>h1{font-size:28px;line-height:1.35;margin:0;min-width:0;width:100%}
.svip-detail-favorite{align-items:center;background:rgba(244,189,72,.06);border:1px solid rgba(244,189,72,.72);border-radius:999px;color:var(--fz-gold)!important;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:800;gap:4px;justify-content:center;min-height:30px;padding:0 11px;text-decoration:none;transition:background .18s ease,border-color .18s ease,color .18s ease}
.svip-detail-favorite:hover{background:rgba(244,189,72,.14);border-color:var(--fz-gold)}
.svip-detail-favorite.disabled{cursor:default;opacity:.7}
.svip-detail-favorite>span[aria-hidden]{font-size:16px;line-height:1}
.svip-detail-summary{color:var(--fz-muted);line-height:1.7;margin:10px 0 0;max-width:860px}
.svip-detail-stats{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.svip-detail-stats>span,.svip-detail-stats>time{background:rgba(255,255,255,.04);border:1px solid var(--fz-line);border-radius:999px;color:var(--fz-muted);font-size:12px;padding:6px 10px}
body.svip-detail-page .svip-detail-play-btn{background:linear-gradient(135deg,var(--fz-gold),#ef9e2d);box-sizing:border-box;color:#17120a!important;font-size:17px;margin-top:20px;min-height:50px;width:100%}
body.svip-detail-page .svip-detail-play-btn:hover{filter:brightness(1.05)}
.svip-media-section,.svip-episode-section{margin-top:26px}
.svip-media-grid{display:grid;gap:8px;grid-auto-flow:dense;grid-template-columns:repeat(4,minmax(0,1fr))}
.svip-media-tile{aspect-ratio:3/4;background:#05070b;border:1px solid var(--fz-line);border-radius:10px;min-width:0;overflow:hidden;position:relative}
.svip-media-tile:after{background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.72));content:"";inset:0;position:absolute}
.svip-media-kind{bottom:8px;color:#fff;font-size:12px;font-weight:700;left:9px;position:absolute;z-index:2}
.svip-media-tile .svip-duration{z-index:2}
body.svip-gallery-open{overflow:hidden}
.svip-gallery[hidden]{display:none}
.svip-gallery{background:rgba(1,3,8,.96);display:flex;inset:0;position:fixed;z-index:10050}
.svip-gallery-dialog{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-width:0;width:100%}
.svip-gallery-bar{align-items:center;display:flex;justify-content:space-between;padding:12px 18px}
.svip-gallery-counter{color:#fff;font-size:14px;font-weight:700}
.svip-gallery-close,.svip-gallery-nav,.svip-gallery-thumbs button{appearance:none;background:rgba(14,20,32,.86);border:1px solid rgba(255,255,255,.16);color:#fff;cursor:pointer}
.svip-gallery-close{border-radius:50%;font-size:28px;height:42px;line-height:36px;padding:0;width:42px}
.svip-gallery-stage{align-items:center;display:flex;justify-content:center;min-height:0;padding:8px 72px;position:relative}
.svip-gallery-stage figure{align-items:center;display:flex;height:100%;justify-content:center;margin:0;min-height:0;width:100%}
.svip-gallery-image{display:block;max-height:100%;max-width:100%;object-fit:contain}
.svip-gallery-nav{border-radius:50%;font-size:42px;height:54px;line-height:44px;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:54px}
.svip-gallery-nav:hover,.svip-gallery-close:hover{border-color:var(--fz-pink);color:var(--fz-pink)}
.svip-gallery-prev{left:16px}
.svip-gallery-next{right:16px}
.svip-gallery-thumbs{display:flex;gap:8px;justify-content:flex-start;overflow-x:auto;padding:10px 18px 14px}
.svip-gallery-thumbs button{border-radius:7px;flex:0 0 66px;height:66px;overflow:hidden;padding:0}
.svip-gallery-thumbs button.active{border-color:var(--fz-pink);box-shadow:0 0 0 1px var(--fz-pink)}
.svip-gallery-thumbs img{display:block;height:100%;object-fit:cover;width:100%}
.svip-episode-list{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}
.svip-episode-list a{align-items:center;background:var(--fz-panel);border:1px solid var(--fz-line);border-radius:10px;color:var(--fz-text);display:grid;gap:12px;grid-template-columns:38px 1fr auto;padding:12px;text-decoration:none}
.svip-episode-list a:hover{border-color:rgba(255,47,126,.42)}
.svip-episode-list a>span:last-child{color:var(--fz-muted);font-size:12px}
.svip-episode-index{align-items:center;background:rgba(255,47,126,.14);border-radius:8px;color:var(--fz-pink);display:flex;font-weight:800;height:34px;justify-content:center}
.svip-post-content{margin-top:28px}
.svip-player-shell{box-sizing:border-box;margin:0 auto;max-width:1280px;padding:24px 20px 34px;width:100%}
.svip-player-head{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;margin:0 0 18px}
.svip-player-head h1{font-size:25px;line-height:1.35;margin:2px 0 4px}
.svip-player-head p:last-child{color:var(--fz-muted);margin:0}
.svip-play-layout{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 310px}
.svip-player-main{min-width:0}
.svip-player-main .player-wrap{margin:0;max-width:none;width:100%}
.svip-player-actions{display:block;margin-top:10px;width:100%}
.svip-player-actions .fz-btn{background:#f8bb3f;border:0;box-sizing:border-box;color:#fff!important;display:flex;font-weight:800;justify-content:center;min-height:44px;text-align:center;width:100%}
.svip-play-rule{background:var(--fz-panel);border:1px solid var(--fz-line);border-radius:9px;color:var(--fz-muted);font-size:13px;line-height:1.6;margin-top:10px;padding:10px 12px}
.svip-play-rule span{color:var(--fz-pink);font-weight:800;margin-right:8px}
.svip-video-aside{background:var(--fz-panel);border:1px solid var(--fz-line);border-radius:14px;box-sizing:border-box;overflow:hidden}
.svip-video-aside-head{align-items:center;border-bottom:1px solid var(--fz-line);display:flex;justify-content:space-between;padding:13px 14px}
.svip-video-aside-head span{color:var(--fz-muted);font-size:12px}
.svip-video-aside-list{display:flex;flex-direction:column;gap:8px;max-height:640px;overflow:auto;padding:10px}
.svip-video-choice{align-items:center;background:var(--fz-panel-2);border:1px solid transparent;border-radius:9px;color:var(--fz-text);display:grid;gap:10px;grid-template-columns:92px 1fr;padding:6px;text-decoration:none}
.svip-video-choice:hover,.svip-video-choice.active{border-color:var(--fz-pink)}
.svip-video-choice.active{box-shadow:inset 3px 0 var(--fz-pink)}
.svip-video-choice-thumb{aspect-ratio:16/9;border-radius:6px;overflow:hidden;position:relative}
.svip-video-choice-thumb .svip-play-mark{height:28px;width:28px}
.svip-video-choice-thumb .svip-play-mark:after{border-bottom-width:5px;border-left-width:8px;border-top-width:5px}
.svip-video-choice-copy{min-width:0}
.svip-video-choice-copy strong{display:block;font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.svip-video-choice-copy small{color:var(--fz-muted);display:block;margin-top:5px}
.svip-video-choice.active small{color:var(--fz-pink)}
@media(max-width:900px){.svip-feed-list{grid-template-columns:1fr}.svip-play-layout{grid-template-columns:1fr}.svip-video-aside-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.svip-video-aside{margin-top:4px}}
@media(max-width:820px){.svip-shell,.svip-detail,.svip-player-shell{padding-left:12px;padding-right:12px}.svip-collage{height:275px}.svip-player-head{align-items:flex-start;flex-direction:column}.svip-detail-head{padding:18px}body.svip-detail-page .svip-detail-head>h1{font-size:23px}.svip-detail-summary{margin-top:9px}body.svip-detail-page .svip-detail-play-btn{font-size:16px;margin-top:18px;min-height:48px}.svip-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.svip-episode-list{grid-template-columns:1fr}.svip-player-shell{padding-top:16px}.svip-player-head h1{font-size:21px}}
@media(max-width:560px){.svip-collage{height:235px}.svip-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svip-video-aside-list{grid-template-columns:1fr}.svip-video-choice{grid-template-columns:112px 1fr}.svip-gallery-bar{padding:9px 12px}.svip-gallery-stage{padding:6px 42px}.svip-gallery-nav{font-size:34px;height:42px;width:42px}.svip-gallery-prev{left:4px}.svip-gallery-next{right:4px}.svip-gallery-thumbs{padding:8px 10px 10px}.svip-gallery-thumbs button{flex-basis:54px;height:54px}}
