/* 魅影直播下载 - dark green security download theme */
:root{
  --dl-bg:#07140f;
  --dl-surface:#0c1f17;
  --dl-surface2:#0f2a1e;
  --dl-line:rgba(16,185,129,.22);
  --dl-primary:#10b981;
  --dl-accent:#a3e635;
  --dl-text:#e4f6ee;
  --dl-muted:#8fb8a6;
  --dl-warn:#fbbf24;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--dl-bg);
  color:var(--dl-text);
  font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",Arial,sans-serif;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul{list-style:none}
.dl-box{max-width:1180px;margin:0 auto;padding:0 22px}

.dl-hdr{
  position:fixed;top:0;left:0;right:0;z-index:90;
  background:rgba(7,20,15,.78);
  backdrop-filter:blur(10px);
  border-bottom:1px solid transparent;
  transition:border-color .3s, background .3s;
}
.dl-hdr.dl-stuck{border-bottom-color:var(--dl-line);background:rgba(7,20,15,.95)}
.dl-hdr .dl-box{display:flex;align-items:center;justify-content:space-between;height:64px}
.dl-brand{font-size:22px;font-weight:800;letter-spacing:1px;color:var(--dl-text)}
.dl-brand b{color:var(--dl-primary)}
.dl-brand span{color:var(--dl-accent)}
.dl-menu{display:flex;gap:28px}
.dl-menu a{font-size:15px;color:var(--dl-muted);transition:color .2s}
.dl-menu a:hover,.dl-menu a.dl-cur{color:var(--dl-primary)}
.dl-burger{
  display:none;background:none;border:1px solid var(--dl-line);color:var(--dl-text);
  width:40px;height:38px;border-radius:8px;font-size:20px;cursor:pointer;line-height:1;
}

.dl-spot{
  padding:130px 0 60px;
  background:
    radial-gradient(900px 400px at 80% -10%, rgba(16,185,129,.18), transparent 60%),
    radial-gradient(700px 380px at 10% 10%, rgba(163,230,53,.10), transparent 60%);
}
.dl-spot .dl-box{text-align:center}
.dl-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 16px;border:1px solid var(--dl-line);border-radius:999px;
  font-size:13px;color:var(--dl-accent);background:rgba(16,185,129,.08);
  margin-bottom:22px;
}
.dl-badge i{width:8px;height:8px;border-radius:50%;background:var(--dl-accent);display:inline-block;box-shadow:0 0 10px var(--dl-accent)}
.dl-spot h1{font-size:42px;line-height:1.25;font-weight:800;margin-bottom:18px}
.dl-spot h1 em{font-style:normal;color:var(--dl-primary)}
.dl-spot-lead{max-width:720px;margin:0 auto 34px;color:var(--dl-muted);font-size:16px}

.dl-dl3{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
  max-width:960px;margin:0 auto 46px;
}
.dl-dlcard{
  background:linear-gradient(180deg,var(--dl-surface2),var(--dl-surface));
  border:1px solid var(--dl-line);border-radius:16px;
  padding:26px 22px;text-align:left;
  transition:transform .25s,border-color .25s,box-shadow .25s;
}
.dl-dlcard:hover{transform:translateY(-4px);border-color:var(--dl-primary);box-shadow:0 14px 40px rgba(16,185,129,.18)}
.dl-card-os{
  width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:rgba(16,185,129,.12);color:var(--dl-primary);font-size:22px;font-weight:800;margin-bottom:14px;
  border:1px solid var(--dl-line);
}
.dl-card-name{font-size:18px;font-weight:700;margin-bottom:6px}
.dl-card-ver{font-size:13px;color:var(--dl-accent);margin-bottom:10px}
.dl-card-meta{font-size:13px;color:var(--dl-muted);line-height:1.9;margin-bottom:18px}
.dl-card-go{
  display:block;width:100%;text-align:center;
  padding:11px 0;border-radius:10px;cursor:pointer;
  background:var(--dl-primary);color:#04150e;font-size:15px;font-weight:700;
  border:none;transition:filter .2s;
}
.dl-card-go:hover{filter:brightness(1.12)}
.dl-card-go.dl-ghost{background:transparent;color:var(--dl-primary);border:1px solid var(--dl-primary)}

.dl-pills{display:flex;justify-content:center;gap:56px;flex-wrap:wrap}
.dl-pill{text-align:center}
.dl-pill-num{font-size:32px;font-weight:800;color:var(--dl-primary);display:block}
.dl-pill-num small{font-size:16px;color:var(--dl-accent);margin-left:2px}
.dl-pill-label{font-size:13px;color:var(--dl-muted);margin-top:4px;display:block}

.dl-sec{padding:70px 0}
.dl-sec-hd{text-align:center;margin-bottom:38px}
.dl-kicker{color:var(--dl-accent);font-size:13px;letter-spacing:3px;margin-bottom:10px}
.dl-sec-h{font-size:30px;font-weight:800;margin-bottom:10px}
.dl-sec-sub{color:var(--dl-muted);font-size:15px}

.dl-shield-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dl-shield-cell{background:var(--dl-surface);border:1px solid var(--dl-line);border-radius:14px;padding:22px}
.dl-shield-badge{
  width:42px;height:42px;border-radius:10px;
  background:rgba(163,230,53,.12);color:var(--dl-accent);
  display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px;
  border:1px solid var(--dl-line);
}
.dl-shield-h{font-size:16px;font-weight:700;margin-bottom:8px}
.dl-shield-p{font-size:13.5px;color:var(--dl-muted);line-height:1.7}

.dl-log{margin-top:30px;background:var(--dl-surface);border:1px solid var(--dl-line);border-radius:14px;padding:22px 26px}
.dl-log-row{display:flex;gap:18px;padding:12px 0;border-bottom:1px dashed var(--dl-line);font-size:14px}
.dl-log-row:last-child{border-bottom:none}
.dl-log-ver{color:var(--dl-accent);font-weight:700;min-width:78px}
.dl-log-date{color:var(--dl-muted);min-width:110px}
.dl-log-notes{color:var(--dl-text)}

.dl-casters{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.dl-cast-card{
  background:var(--dl-surface);border:1px solid var(--dl-line);border-radius:14px;overflow:hidden;
  transition:transform .25s,border-color .25s;
}
.dl-cast-card:hover{transform:translateY(-4px);border-color:var(--dl-primary)}
.dl-cast-pic{aspect-ratio:4/3;overflow:hidden}
.dl-cast-pic img{width:100%;height:100%;object-fit:cover}
.dl-cast-bd{padding:14px 16px}
.dl-cast-name{font-size:16px;font-weight:700;margin-bottom:6px}
.dl-cast-tags{font-size:12.5px;color:var(--dl-muted);margin-bottom:8px}
.dl-cast-hot{font-size:12.5px;color:var(--dl-accent)}

.dl-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dl-cat-tile{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--dl-line);aspect-ratio:4/3;display:block}
.dl-cat-tile img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.dl-cat-tile:hover img{transform:scale(1.06)}
.dl-cat-mask{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(7,20,15,.1) 40%,rgba(7,20,15,.92) 100%);
  padding:18px;display:flex;flex-direction:column;justify-content:flex-end;
}
.dl-cat-name{font-size:18px;font-weight:700;margin-bottom:4px}
.dl-cat-desc{font-size:13px;color:var(--dl-muted);margin-bottom:8px}
.dl-cat-now{font-size:12.5px;color:var(--dl-accent)}

.dl-pros{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.dl-pro-cell{display:flex;gap:16px;background:var(--dl-surface);border:1px solid var(--dl-line);border-radius:14px;padding:20px}
.dl-pro-ico{
  flex:0 0 46px;height:46px;border-radius:12px;
  background:rgba(16,185,129,.12);color:var(--dl-primary);
  display:flex;align-items:center;justify-content:center;font-size:22px;
  border:1px solid var(--dl-line);
}
.dl-pro-h{font-size:16px;font-weight:700;margin-bottom:6px}
.dl-pro-p{font-size:14px;color:var(--dl-muted)}

.dl-voices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dl-voice-card{background:var(--dl-surface);border:1px solid var(--dl-line);border-radius:14px;padding:20px}
.dl-voice-user{font-size:14px;font-weight:700;margin-bottom:4px;color:var(--dl-primary)}
.dl-voice-star{color:var(--dl-warn);font-size:13px;margin-bottom:10px;letter-spacing:2px}
.dl-voice-text{font-size:14px;color:var(--dl-muted)}

.dl-banner{
  border:1px solid var(--dl-primary);border-radius:18px;
  background:
    radial-gradient(600px 200px at 20% 0%, rgba(16,185,129,.25), transparent 60%),
    linear-gradient(135deg,var(--dl-surface2),var(--dl-surface));
  padding:40px 36px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;
}
.dl-banner-h{font-size:24px;font-weight:800;margin-bottom:10px;color:var(--dl-primary)}
.dl-banner-p{color:var(--dl-muted);max-width:560px}
.dl-banner-ul{display:flex;gap:26px;flex-wrap:wrap}
.dl-banner-li{text-align:center}
.dl-banner-li b{display:block;font-size:22px;color:var(--dl-accent)}
.dl-banner-li span{font-size:12.5px;color:var(--dl-muted)}

.dl-qa{max-width:820px;margin:0 auto}
.dl-qa-row{background:var(--dl-surface);border:1px solid var(--dl-line);border-radius:12px;margin-bottom:12px;overflow:hidden}
.dl-qa-head{
  width:100%;background:none;border:none;color:var(--dl-text);cursor:pointer;
  padding:16px 20px;font-size:16px;font-weight:600;text-align:left;
  display:flex;justify-content:space-between;align-items:center;
}
.dl-qa-head i{font-style:normal;color:var(--dl-primary);transition:transform .3s}
.dl-qa-row.dl-open .dl-qa-head i{transform:rotate(45deg)}
.dl-qa-body{max-height:0;overflow:hidden;transition:max-height .3s ease}
.dl-qa-row.dl-open .dl-qa-body{max-height:260px}
.dl-qa-body p{padding:0 20px 16px;color:var(--dl-muted);font-size:14.5px}

.dl-foot{border-top:1px solid var(--dl-line);padding:28px 0;text-align:center;color:var(--dl-muted);font-size:13.5px;line-height:2}

.dl-pop{
  position:fixed;left:50%;bottom:40px;transform:translateX(-50%) translateY(20px);
  background:var(--dl-primary);color:#04150e;padding:12px 22px;border-radius:10px;
  font-size:14px;font-weight:600;opacity:0;pointer-events:none;
  transition:opacity .25s, transform .25s;z-index:99;max-width:90%;
  box-shadow:0 10px 30px rgba(16,185,129,.35);
}
.dl-pop.dl-show{opacity:1;transform:translateX(-50%) translateY(0)}
.dl-pop-msg{display:inline;line-height:1.4;color:inherit;font:inherit}

.dl-page{padding:120px 0 60px;min-height:70vh}
.dl-page-hd{margin-bottom:28px}
.dl-crumb{font-size:13px;color:var(--dl-muted);margin-bottom:10px}
.dl-crumb a{color:var(--dl-primary)}
.dl-page-t{font-size:32px;font-weight:800;margin-bottom:8px}
.dl-page-meta{font-size:13px;color:var(--dl-muted)}
.dl-page-bd{background:var(--dl-surface);border:1px solid var(--dl-line);border-radius:16px;padding:32px 36px}
.dl-page-bd h2{font-size:19px;color:var(--dl-primary);margin:24px 0 10px;border-left:3px solid var(--dl-accent);padding-left:10px}
.dl-page-bd h2:first-child{margin-top:0}
.dl-page-bd p{margin-bottom:12px;color:#cfe6da;font-size:14.5px}
.dl-page-bd ul{margin:8px 0 14px 20px;list-style:disc;color:#cfe6da;font-size:14.5px}
.dl-page-bd li{margin-bottom:6px}
.dl-page-bd a{color:var(--dl-primary)}

.dl-form{margin-top:10px}
.dl-fld{margin-bottom:16px}
.dl-fld label{display:block;font-size:14px;margin-bottom:6px;color:var(--dl-text)}
.dl-fld input,.dl-fld select,.dl-fld textarea{
  width:100%;padding:11px 12px;background:var(--dl-bg);border:1px solid var(--dl-line);border-radius:8px;
  color:var(--dl-text);font-size:14px;font-family:inherit;
}
.dl-fld textarea{min-height:110px;resize:vertical}
.dl-fld input:focus,.dl-fld select:focus,.dl-fld textarea:focus{outline:none;border-color:var(--dl-primary)}
.dl-submit{background:var(--dl-primary);color:#04150e;border:none;border-radius:10px;padding:12px 30px;font-size:15px;font-weight:700;cursor:pointer}

.dl-rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.dl-rv.dl-in{opacity:1;transform:none}

@media (max-width:900px){
  .dl-menu{
    position:fixed;top:64px;right:0;left:0;
    background:rgba(7,20,15,.98);flex-direction:column;gap:0;
    max-height:0;overflow:hidden;transition:max-height .3s;
    border-bottom:1px solid var(--dl-line);
  }
  .dl-menu.dl-open{max-height:400px}
  .dl-menu a{padding:14px 22px;border-top:1px solid rgba(16,185,129,.1)}
  .dl-burger{display:block}
  .dl-spot h1{font-size:30px}
  .dl-dl3{grid-template-columns:1fr;max-width:420px}
  .dl-shield-grid{grid-template-columns:repeat(2,1fr)}
  .dl-casters{grid-template-columns:repeat(2,1fr)}
  .dl-cats{grid-template-columns:1fr 1fr}
  .dl-pros{grid-template-columns:1fr}
  .dl-voices{grid-template-columns:1fr}
  .dl-pills{gap:28px}
  .dl-page-bd{padding:22px 18px}
}
@media (max-width:520px){
  .dl-shield-grid{grid-template-columns:1fr}
  .dl-casters{grid-template-columns:1fr 1fr;gap:10px}
  .dl-cats{grid-template-columns:1fr}
}