/* dglox.cn 专属样式 — 类名前缀 dglox 确保前端指纹唯一 */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --dglox-bg:#0b0d17;--dglox-bg2:#11142a;--dglox-fg:#e8ecff;--dglox-mute:#9aa3c7;
  --dglox-accent:#ff3d8b;--dglox-accent2:#7c5cff;--dglox-glass:rgba(255,255,255,.06);
  --dglox-border:rgba(255,255,255,.12);--dglox-radius:18px;
}
html,body{background:var(--dglox-bg);color:var(--dglox-fg);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
body{background:radial-gradient(1200px 600px at 10% -10%,rgba(124,92,255,.25),transparent 60%),radial-gradient(900px 500px at 100% 0%,rgba(255,61,139,.18),transparent 60%),var(--dglox-bg)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.dglox-nav{position:sticky;top:0;z-index:50;backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);background:rgba(11,13,23,.6);border-bottom:1px solid var(--dglox-border)}
.dglox-nav-inner{max-width:1280px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:24px}
.dglox-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px}
.dglox-logo svg{width:34px;height:34px;filter:drop-shadow(0 4px 14px rgba(124,92,255,.6))}
.dglox-nav ul{display:flex;gap:6px;list-style:none;flex:1;flex-wrap:wrap}
.dglox-nav a.dglox-link{padding:8px 14px;border-radius:12px;font-size:14px;color:var(--dglox-mute);transition:.25s}
.dglox-nav a.dglox-link:hover,.dglox-nav a.dglox-active{color:var(--dglox-fg);background:var(--dglox-glass)}
.dglox-search{position:relative;display:flex;align-items:center;background:var(--dglox-glass);border:1px solid var(--dglox-border);border-radius:999px;padding:6px 14px;transition:.25s;min-width:220px}
.dglox-search:focus-within{border-color:var(--dglox-accent);box-shadow:0 0 0 4px rgba(255,61,139,.15)}
.dglox-search input{background:transparent;border:0;outline:0;color:var(--dglox-fg);width:100%;font-size:14px;padding:6px}
.dglox-search button{background:linear-gradient(135deg,var(--dglox-accent2),var(--dglox-accent));border:0;color:#fff;border-radius:999px;padding:6px 14px;cursor:pointer;font-weight:600}

.dglox-hero{max-width:1280px;margin:32px auto;padding:0 24px}
.dglox-hero-card{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--dglox-border)}
.dglox-hero-card img{width:100%;height:360px;object-fit:cover}
.dglox-hero-card .dglox-hero-overlay{position:absolute;inset:0;background:linear-gradient(120deg,rgba(11,13,23,.85),rgba(11,13,23,.2) 60%,transparent);display:flex;flex-direction:column;justify-content:center;padding:48px}
.dglox-hero h1{font-size:clamp(28px,4vw,46px);line-height:1.15;letter-spacing:.5px;background:linear-gradient(90deg,#fff,#cdb9ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.dglox-hero p{margin-top:14px;color:var(--dglox-mute);max-width:620px}

.dglox-crumbs{max-width:1280px;margin:0 auto;padding:0 24px;color:var(--dglox-mute);font-size:13px}
.dglox-crumbs a{color:var(--dglox-mute)}.dglox-crumbs a:hover{color:var(--dglox-fg)}

main.dglox-main{max-width:1280px;margin:24px auto 60px;padding:0 24px}
.dglox-section-h{display:flex;align-items:end;justify-content:space-between;margin:36px 0 18px;gap:16px;flex-wrap:wrap}
.dglox-section-h h2{font-size:22px}
.dglox-section-h .dglox-section-sub{color:var(--dglox-mute);font-size:13px;max-width:680px}

.dglox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.dglox-card{position:relative;background:var(--dglox-glass);border:1px solid var(--dglox-border);border-radius:var(--dglox-radius);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease;backdrop-filter:blur(8px)}
.dglox-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -16px rgba(124,92,255,.45)}
.dglox-thumb{position:relative;aspect-ratio:16/10;overflow:hidden}
.dglox-thumb img{width:100%;height:100%;object-fit:cover;transition:.6s}
.dglox-card:hover .dglox-thumb img{transform:scale(1.06)}
.dglox-mask{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,0,0,.25),rgba(0,0,0,.7));opacity:0;display:flex;align-items:center;justify-content:center;transition:.35s}
.dglox-card:hover .dglox-mask{opacity:1}
.dglox-play{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;transform:scale(.7);transition:.35s}
.dglox-card:hover .dglox-play{transform:scale(1)}
.dglox-play::before{content:"";border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent var(--dglox-bg);margin-left:5px}
.dglox-meta{padding:14px 16px 18px}
.dglox-meta h3{font-size:15px;font-weight:600;margin-bottom:6px;line-height:1.35}
.dglox-meta p{font-size:12.5px;color:var(--dglox-mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dglox-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.dglox-tags span{font-size:11px;padding:3px 8px;border-radius:999px;background:rgba(124,92,255,.15);color:#cdb9ff}

.dglox-channel-foot{margin-top:30px;padding:22px 24px;border-radius:var(--dglox-radius);background:var(--dglox-glass);border:1px solid var(--dglox-border);color:var(--dglox-mute);font-size:14px}

.dglox-reviews{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.dglox-review{background:var(--dglox-glass);border:1px solid var(--dglox-border);border-radius:var(--dglox-radius);padding:18px}
.dglox-review .dglox-stars{color:#ffb547;margin-bottom:6px}
.dglox-review p{color:var(--dglox-mute);font-size:13.5px}
.dglox-review .dglox-user{margin-top:10px;font-size:12.5px;color:#cdb9ff}

.dglox-contact{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
.dglox-contact .dglox-block{background:var(--dglox-glass);border:1px solid var(--dglox-border);border-radius:var(--dglox-radius);padding:22px}
.dglox-contact h3{margin-bottom:10px}
.dglox-contact ul{list-style:none;color:var(--dglox-mute);font-size:14px}
.dglox-contact li{padding:5px 0;border-bottom:1px dashed var(--dglox-border)}

.dglox-share{display:flex;gap:10px;flex-wrap:wrap}
.dglox-share a{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--dglox-glass);border:1px solid var(--dglox-border);transition:.25s}
.dglox-share a:hover{transform:translateY(-2px);border-color:var(--dglox-accent)}

details.dglox-faq{background:var(--dglox-glass);border:1px solid var(--dglox-border);border-radius:14px;padding:14px 18px;margin-bottom:10px;transition:.3s}
details.dglox-faq[open]{background:rgba(124,92,255,.12)}
details.dglox-faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center}
details.dglox-faq summary::after{content:"+";font-size:20px;color:var(--dglox-accent)}
details.dglox-faq[open] summary::after{content:"−"}
details.dglox-faq p{margin-top:10px;color:var(--dglox-mute);font-size:14px;animation:dglox-fade .35s ease}
@keyframes dglox-fade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

footer.dglox-footer{border-top:1px solid var(--dglox-border);background:rgba(0,0,0,.25);margin-top:60px}
.dglox-footer-inner{max-width:1280px;margin:0 auto;padding:36px 24px;color:var(--dglox-mute);font-size:13.5px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
.dglox-footer h4{color:var(--dglox-fg);margin-bottom:10px;font-size:14px}
.dglox-footer ul{list-style:none}.dglox-footer li{padding:4px 0}.dglox-footer a:hover{color:var(--dglox-accent)}
.dglox-copy{text-align:center;padding:18px;border-top:1px solid var(--dglox-border);color:var(--dglox-mute);font-size:12.5px}

@media (max-width:760px){
 .dglox-nav-inner{flex-wrap:wrap}.dglox-search{order:3;width:100%}
 .dglox-hero-card img{height:240px}.dglox-hero-card .dglox-hero-overlay{padding:24px}
 .dglox-contact{grid-template-columns:1fr}.dglox-footer-inner{grid-template-columns:1fr}
}