/* ============================================
   今日看料 - pqrzdz.cn
   Modern Glassmorphism Video Platform
   CSS Hash: _m4w8j
   ============================================ */

:root {
    --pri_m4w8j: #00b894;
    --sec_m4w8j: #fdcb6e;
    --acc_m4w8j: #e84393;
    --bg_m4w8j: #0b0e11;
    --bg2_m4w8j: #070a0d;
    --surf_m4w8j: rgba(255,255,255,0.055);
    --glass_m4w8j: rgba(255,255,255,0.07);
    --txt_m4w8j: #e4e6ec;
    --mute_m4w8j: #7c8a96;
    --rad_m4w8j: 15px;
    --bdr_m4w8j: 1px solid rgba(255,255,255,0.1);
    --shd_m4w8j: 0 8px 36px rgba(0,0,0,0.45);
    --ease_m4w8j: all 0.32s cubic-bezier(0.4,0,0.2,1);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}

body{
    font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    background:var(--bg2_m4w8j);color:var(--txt_m4w8j);line-height:1.65;overflow-x:hidden;min-height:100vh;
}

/* Ambient Glow */
.ambient_m4w8j{
    position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;
}
.ambient_m4w8j::before{
    content:'';position:absolute;top:-15%;right:-8%;width:550px;height:550px;
    background:radial-gradient(circle,rgba(0,184,148,0.12) 0%,transparent 65%);
    border-radius:50%;animation:drift_m4w8j 22s ease-in-out infinite;
}
.ambient_m4w8j::after{
    content:'';position:absolute;bottom:-18%;left:-12%;width:480px;height:480px;
    background:radial-gradient(circle,rgba(253,203,110,0.09) 0%,transparent 65%);
    border-radius:50%;animation:drift_m4w8j 28s ease-in-out infinite reverse;
}
@keyframes drift_m4w8j{0%,100%{transform:translate(0,0)}50%{transform:translate(50px,-35px)}}

/* Navbar */
.navbar_m4w8j{
    position:fixed;top:0;left:0;width:100%;z-index:1000;
    background:rgba(11,14,17,0.72);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
    border-bottom:var(--bdr_m4w8j);transition:var(--ease_m4w8j);
}
.navbar_m4w8j.pinned_m4w8j{background:rgba(11,14,17,0.94);box-shadow:0 4px 28px rgba(0,0,0,0.35);}
.nav-wrap_m4w8j{
    max-width:1380px;margin:0 auto;padding:0 22px;
    display:flex;align-items:center;justify-content:space-between;height:66px;
}
.logo-link_m4w8j{display:flex;align-items:center;gap:10px;text-decoration:none;}
.logo-link_m4w8j svg{width:38px;height:38px;}
.logo-label_m4w8j{
    font-size:1.18rem;font-weight:800;
    background:linear-gradient(135deg,var(--pri_m4w8j),var(--sec_m4w8j));
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.nav-menu_m4w8j{display:flex;gap:6px;list-style:none;}
.nav-menu_m4w8j a{
    color:var(--mute_m4w8j);text-decoration:none;padding:7px 15px;border-radius:9px;
    font-size:0.88rem;font-weight:500;transition:var(--ease_m4w8j);
}
.nav-menu_m4w8j a:hover,.nav-menu_m4w8j a.cur_m4w8j{color:#fff;background:var(--glass_m4w8j);}
.nav-menu_m4w8j a.cur_m4w8j::after{
    content:'';display:block;width:18px;height:2px;margin:4px auto 0;
    background:var(--pri_m4w8j);border-radius:1px;
}

/* Search */
.search-wrap_m4w8j{position:relative;width:230px;}
.search-wrap_m4w8j input{
    width:100%;padding:9px 38px 9px 15px;border:none;outline:none;
    background:var(--surf_m4w8j);color:#fff;border-radius:22px;
    font-size:0.84rem;border:var(--bdr_m4w8j);transition:var(--ease_m4w8j);
}
.search-wrap_m4w8j input:focus{background:rgba(255,255,255,0.11);box-shadow:0 0 0 2px rgba(0,184,148,0.3);}
.search-wrap_m4w8j input::placeholder{color:var(--mute_m4w8j);}
.search-ico_m4w8j{
    position:absolute;right:11px;top:50%;transform:translateY(-50%);
    color:var(--mute_m4w8j);cursor:pointer;transition:var(--ease_m4w8j);
}
.search-ico_m4w8j:hover{color:var(--pri_m4w8j);}

/* Mobile Toggle */
.mob-toggle_m4w8j{display:none;background:none;border:none;cursor:pointer;padding:7px;}
.mob-toggle_m4w8j span{display:block;width:23px;height:2px;background:#fff;margin:5px 0;transition:var(--ease_m4w8j);border-radius:2px;}

/* Main */
.main_m4w8j{position:relative;z-index:1;padding-top:66px;min-height:100vh;}

/* Hero */
.hero_m4w8j{
    padding:75px 22px 55px;text-align:center;
    background:linear-gradient(180deg,rgba(0,184,148,0.07) 0%,transparent 100%);
}
.hero_m4w8j h1{
    font-size:clamp(1.75rem,3.8vw,2.9rem);font-weight:900;margin-bottom:15px;
    background:linear-gradient(135deg,#fff 0%,var(--sec_m4w8j) 100%);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.hero-sub_m4w8j{max-width:700px;margin:0 auto 30px;color:var(--mute_m4w8j);font-size:1.02rem;line-height:1.85;}
.hero-pills_m4w8j{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;}
.hero-pills_m4w8j span{
    padding:5px 15px;border-radius:20px;font-size:0.79rem;
    background:var(--glass_m4w8j);border:var(--bdr_m4w8j);color:var(--pri_m4w8j);
}

/* Breadcrumb */
.crumb_m4w8j{
    max-width:1380px;margin:0 auto;padding:14px 22px;
    display:flex;align-items:center;gap:7px;font-size:0.84rem;
}
.crumb_m4w8j a{color:var(--mute_m4w8j);text-decoration:none;transition:var(--ease_m4w8j);}
.crumb_m4w8j a:hover{color:var(--pri_m4w8j);}
.crumb_m4w8j .at_m4w8j{color:var(--txt_m4w8j);}

/* Section */
.sect_m4w8j{max-width:1380px;margin:0 auto;padding:38px 22px;}
.sect-top_m4w8j{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;}
.sect-h_m4w8j{
    font-size:1.45rem;font-weight:700;color:#fff;
    display:flex;align-items:center;gap:10px;
}
.sect-h_m4w8j::before{
    content:'';width:4px;height:26px;border-radius:2px;
    background:linear-gradient(180deg,var(--pri_m4w8j),var(--sec_m4w8j));
}
.sect-link_m4w8j{color:var(--mute_m4w8j);text-decoration:none;font-size:0.84rem;transition:var(--ease_m4w8j);}
.sect-link_m4w8j:hover{color:var(--pri_m4w8j);}

/* Video Grid */
.vgrid_m4w8j{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:22px;}
.vcard_m4w8j{
    background:var(--glass_m4w8j);border:var(--bdr_m4w8j);border-radius:var(--rad_m4w8j);
    overflow:hidden;transition:var(--ease_m4w8j);backdrop-filter:blur(10px);
}
.vcard_m4w8j:hover{transform:translateY(-5px);box-shadow:var(--shd_m4w8j);border-color:rgba(0,184,148,0.3);}
.vthumb_m4w8j{position:relative;aspect-ratio:16/9;overflow:hidden;cursor:pointer;}
.vthumb_m4w8j img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);}
.vcard_m4w8j:hover .vthumb_m4w8j img{transform:scale(1.08);}
.voverlay_m4w8j{
    position:absolute;top:0;left:0;width:100%;height:100%;
    background:rgba(0,0,0,0.48);display:flex;align-items:center;justify-content:center;
    opacity:0;transition:var(--ease_m4w8j);
}
.vcard_m4w8j:hover .voverlay_m4w8j{opacity:1;}
.vplay_m4w8j{
    width:54px;height:54px;border-radius:50%;
    background:rgba(0,184,148,0.88);display:flex;align-items:center;justify-content:center;
    transform:scale(0.8);transition:var(--ease_m4w8j);box-shadow:0 4px 18px rgba(0,184,148,0.4);
}
.vcard_m4w8j:hover .vplay_m4w8j{transform:scale(1);}
.vplay_m4w8j svg{width:22px;height:22px;fill:#fff;margin-left:2px;}
.vdur_m4w8j{
    position:absolute;bottom:7px;right:7px;padding:2px 7px;
    background:rgba(0,0,0,0.75);border-radius:4px;font-size:0.73rem;color:#fff;
}
.vinfo_m4w8j{padding:15px;}
.vtitle_m4w8j{
    font-size:0.93rem;font-weight:600;color:#fff;margin-bottom:7px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.42;
}
.vmeta_m4w8j{display:flex;align-items:center;justify-content:space-between;font-size:0.79rem;color:var(--mute_m4w8j);}
.vviews_m4w8j{display:flex;align-items:center;gap:4px;}
.vtag_m4w8j{padding:2px 7px;border-radius:4px;font-size:0.69rem;background:rgba(0,184,148,0.14);color:var(--pri_m4w8j);}

/* Reviews */
.rev-grid_m4w8j{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px;}
.rev-box_m4w8j{
    background:var(--glass_m4w8j);border:var(--bdr_m4w8j);border-radius:var(--rad_m4w8j);
    padding:22px;backdrop-filter:blur(10px);transition:var(--ease_m4w8j);
}
.rev-box_m4w8j:hover{border-color:rgba(0,184,148,0.3);}
.rev-top_m4w8j{display:flex;align-items:center;gap:11px;margin-bottom:11px;}
.rev-ava_m4w8j{
    width:42px;height:42px;border-radius:50%;
    background:linear-gradient(135deg,var(--pri_m4w8j),var(--acc_m4w8j));
    display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:0.95rem;
}
.rev-who_m4w8j{font-weight:600;color:#fff;font-size:0.88rem;}
.rev-star_m4w8j{color:#fdcb6e;font-size:0.83rem;letter-spacing:2px;}
.rev-msg_m4w8j{color:var(--mute_m4w8j);font-size:0.86rem;line-height:1.75;}

/* Contact */
.ct-grid_m4w8j{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px;}
.ct-card_m4w8j{
    background:var(--glass_m4w8j);border:var(--bdr_m4w8j);border-radius:var(--rad_m4w8j);
    padding:26px;backdrop-filter:blur(10px);text-align:center;transition:var(--ease_m4w8j);
}
.ct-card_m4w8j:hover{border-color:rgba(253,203,110,0.3);transform:translateY(-4px);}
.ct-ico_m4w8j{
    width:54px;height:54px;border-radius:13px;margin:0 auto 14px;
    background:linear-gradient(135deg,var(--pri_m4w8j),var(--sec_m4w8j));
    display:flex;align-items:center;justify-content:center;
}
.ct-ico_m4w8j svg{width:26px;height:26px;fill:#fff;}
.ct-lbl_m4w8j{font-size:0.83rem;color:var(--mute_m4w8j);margin-bottom:3px;}
.ct-val_m4w8j{font-size:0.95rem;font-weight:600;color:#fff;}

/* Share */
.share-row_m4w8j{display:flex;gap:11px;justify-content:center;padding:30px 0;flex-wrap:wrap;}
.share-btn_m4w8j{
    width:46px;height:46px;border-radius:11px;border:none;cursor:pointer;
    display:flex;align-items:center;justify-content:center;transition:var(--ease_m4w8j);backdrop-filter:blur(10px);
}
.share-btn_m4w8j:hover{transform:translateY(-3px);}
.sh-wx_m4w8j{background:rgba(7,193,96,0.18);color:#07c160;}
.sh-wb_m4w8j{background:rgba(230,73,46,0.18);color:#e6492e;}
.sh-dy_m4w8j{background:rgba(254,44,85,0.18);color:#fe2c55;}
.sh-bl_m4w8j{background:rgba(0,174,236,0.18);color:#00aeec;}
.share-btn_m4w8j svg{width:22px;height:22px;}

/* FAQ */
.faq-wrap_m4w8j{max-width:790px;margin:0 auto;}
.faq-el_m4w8j{
    background:var(--glass_m4w8j);border:var(--bdr_m4w8j);border-radius:11px;
    margin-bottom:11px;overflow:hidden;transition:var(--ease_m4w8j);
}
.faq-el_m4w8j:hover{border-color:rgba(0,184,148,0.3);}
.faq-el_m4w8j summary{
    padding:17px 22px;cursor:pointer;font-weight:600;color:#fff;font-size:0.93rem;
    list-style:none;display:flex;align-items:center;justify-content:space-between;
}
.faq-el_m4w8j summary::-webkit-details-marker{display:none;}
.faq-el_m4w8j summary::after{content:'+';font-size:1.25rem;color:var(--pri_m4w8j);transition:transform 0.3s ease;}
.faq-el_m4w8j[open] summary::after{transform:rotate(45deg);}
.faq-el_m4w8j[open] summary{color:var(--pri_m4w8j);}
.faq-body_m4w8j{
    padding:0 22px 17px;color:var(--mute_m4w8j);font-size:0.88rem;line-height:1.8;
    animation:fadeUp_m4w8j 0.3s ease;
}
@keyframes fadeUp_m4w8j{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}

/* Footer */
.ft_m4w8j{
    background:rgba(7,10,13,0.96);border-top:var(--bdr_m4w8j);
    padding:46px 22px 22px;margin-top:55px;
}
.ft-inner_m4w8j{
    max-width:1380px;margin:0 auto;
    display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:30px;
}
.ft-col_m4w8j h3{
    font-size:0.98rem;font-weight:700;color:#fff;margin-bottom:14px;
    position:relative;padding-bottom:7px;
}
.ft-col_m4w8j h3::after{content:'';position:absolute;bottom:0;left:0;width:28px;height:2px;background:var(--pri_m4w8j);border-radius:2px;}
.ft-col_m4w8j a{
    display:block;color:var(--mute_m4w8j);text-decoration:none;font-size:0.83rem;
    padding:3px 0;transition:var(--ease_m4w8j);
}
.ft-col_m4w8j a:hover{color:var(--pri_m4w8j);padding-left:4px;}
.ft-bottom_m4w8j{
    max-width:1380px;margin:30px auto 0;padding-top:18px;border-top:var(--bdr_m4w8j);
    display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;
    font-size:0.79rem;color:var(--mute_m4w8j);
}

/* Responsive */
@media(max-width:768px){
    .nav-menu_m4w8j{
        position:fixed;top:66px;left:0;width:100%;background:rgba(11,14,17,0.98);
        flex-direction:column;padding:18px;gap:3px;
        transform:translateY(-120%);transition:var(--ease_m4w8j);
        backdrop-filter:blur(22px);border-bottom:var(--bdr_m4w8j);
    }
    .nav-menu_m4w8j.open_m4w8j{transform:translateY(0);}
    .mob-toggle_m4w8j{display:block;}
    .search-wrap_m4w8j{width:170px;}
    .hero_m4w8j{padding:48px 14px 38px;}
    .vgrid_m4w8j{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:11px;}
    .vinfo_m4w8j{padding:9px;}
    .vtitle_m4w8j{font-size:0.83rem;}
    .rev-grid_m4w8j{grid-template-columns:1fr;}
    .ft-inner_m4w8j{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:480px){
    .nav-wrap_m4w8j{padding:0 11px;height:58px;}
    .search-wrap_m4w8j{width:135px;}
    .vgrid_m4w8j{grid-template-columns:repeat(2,1fr);gap:9px;}
    .sect_m4w8j{padding:22px 11px;}
}

/* Utility */
.glow-text_m4w8j{background:linear-gradient(135deg,var(--pri_m4w8j),var(--sec_m4w8j));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.frost_m4w8j{background:var(--glass_m4w8j);border:var(--bdr_m4w8j);border-radius:var(--rad_m4w8j);backdrop-filter:blur(10px);padding:22px;}
.ts_m4w8j{text-align:center;padding:15px;font-size:0.79rem;color:var(--mute_m4w8j);}