*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --dyp-bg:#0d0b14;
  --dyp-surface:#161222;
  --dyp-card:#1e1830;
  --dyp-line:rgba(255,255,255,.07);
  --dyp-pink:#ff3366;
  --dyp-coral:#ff6b4a;
  --dyp-violet:#9b5de5;
  --dyp-text:#f2eef8;
  --dyp-muted:#a89bb8;
  --dyp-nav:54px;
  --dyp-fixed:0px;
  --dyp-font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--dyp-font);background:var(--dyp-bg);color:var(--dyp-text);line-height:1.88;-webkit-font-smoothing:antialiased}
body.has-fixed-dl{padding-top:var(--dyp-fixed)}
img{max-width:100%;height:auto;display:block}
a{color:var(--dyp-coral);text-decoration:none;transition:color .2s}
a:hover{color:var(--dyp-pink)}
.dyp-wrap{width:min(1060px,92vw);margin:0 auto}

.dyp-header{position:fixed;top:0;left:0;right:0;z-index:900;height:var(--dyp-nav);background:rgba(13,11,20,.55);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:background .3s,border-color .3s,box-shadow .3s}
.dyp-header.is-scrolled{background:rgba(13,11,20,.94);border-color:var(--dyp-line);box-shadow:0 8px 32px rgba(0,0,0,.45)}
.dyp-header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:10px}
.dyp-logo img{height:30px;width:auto}
.dyp-nav{display:flex;gap:18px;align-items:center}
.dyp-nav a{color:var(--dyp-muted);font-size:.84rem}
.dyp-nav a:hover,.dyp-nav a.is-on{color:var(--dyp-pink)}
.dyp-nav a.is-on{font-weight:600}
.dyp-btn-dl{display:inline-flex;align-items:center;padding:7px 16px;border-radius:999px;background:linear-gradient(135deg,var(--dyp-pink),var(--dyp-coral));color:#fff;font-size:.82rem;font-weight:700;white-space:nowrap;box-shadow:0 4px 18px rgba(255,51,102,.35)}
.dyp-btn-dl:hover{color:#fff;filter:brightness(1.08)}
.dyp-menu-btn{display:none;background:rgba(255,255,255,.06);border:1px solid var(--dyp-line);border-radius:10px;cursor:pointer;padding:7px 9px}
.dyp-menu-btn span{display:block;width:18px;height:2px;background:var(--dyp-pink);margin:4px 0;border-radius:2px}

.dyp-sheet{position:fixed;top:var(--dyp-nav);left:0;right:0;background:var(--dyp-surface);border-bottom:1px solid var(--dyp-line);padding:14px 4vw;display:none;flex-direction:column;gap:8px;z-index:899;transform:translateY(-110%);transition:transform .28s}
.dyp-sheet.is-open{display:flex;transform:translateY(0)}
.dyp-sheet a{color:var(--dyp-muted);font-size:.92rem;padding:6px 0;border-bottom:1px solid var(--dyp-line)}
.dyp-sheet a:last-child{border:none}

.dyp-fixed-dl{position:fixed;top:var(--dyp-nav);left:0;right:0;z-index:898;background:rgba(22,18,34,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--dyp-line);padding:8px 4vw;transform:translateY(-120%);opacity:0;transition:transform .3s,opacity .3s;pointer-events:none}
.dyp-fixed-dl.is-show{transform:translateY(0);opacity:1;pointer-events:auto}
.dyp-fixed-dl-inner{display:flex;justify-content:center;width:100%}
.dyp-hidden{display:none!important}

.dyp-dl-zone{padding:calc(var(--dyp-nav) + 14px) 0 18px;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(155,93,229,.18),transparent 70%)}
.dyp-dl-card{background:rgba(30,24,48,.75);border:1px solid var(--dyp-line);border-radius:20px;padding:20px 16px;text-align:center;backdrop-filter:blur(8px)}
.dyp-dl-card h1,.dyp-dl-card h2{font-size:1.08rem;margin-bottom:6px;background:linear-gradient(90deg,var(--dyp-pink),var(--dyp-coral));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.dyp-dl-card p{color:var(--dyp-muted);font-size:.84rem;margin-bottom:12px}
.dyp-ads-grid{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:296px;max-width:100%;margin:0 auto}
.dyp-ad-item{flex:0 0 25%;width:25%;max-width:25%;display:flex;flex-direction:column;align-items:center;padding:6px 2px;box-sizing:border-box}
.dyp-ad-item img{width:65px;height:65px;object-fit:cover;border-radius:18px;box-shadow:0 6px 18px rgba(24,24,24,.12);transition:transform .18s}
.dyp-ad-item a:hover img{transform:translateY(-3px) scale(1.04)}
.dyp-ad-cap{font-size:10px;color:var(--dyp-muted);text-align:center;margin-top:3px;width:100%;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.dyp-hero{padding:28px 0 40px}
.dyp-hero-lead{font-size:1.55rem;font-weight:800;line-height:1.35;margin-bottom:10px;letter-spacing:-.02em}
.dyp-hero-lead em{font-style:normal;color:var(--dyp-pink)}
.dyp-hero-desc{color:var(--dyp-muted);font-size:.92rem;max-width:640px;margin-bottom:18px}
.dyp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.dyp-chip{padding:6px 14px;border-radius:999px;font-size:.78rem;color:var(--dyp-muted);background:rgba(255,255,255,.04);border:1px solid var(--dyp-line)}
.dyp-chip.is-hot{color:#fff;background:linear-gradient(135deg,rgba(255,51,102,.35),rgba(255,107,74,.25));border-color:rgba(255,51,102,.4)}

.dyp-mag{padding:36px 0;border-top:1px solid var(--dyp-line)}
.dyp-mag-grid{display:grid;grid-template-columns:3fr 7fr;gap:28px;align-items:center}
.dyp-mag-grid.is-reverse .dyp-mag-visual{order:2}
.dyp-mag-grid.is-reverse .dyp-mag-body{order:1}
.dyp-mag-visual{position:relative}
.dyp-mag-frame{border-radius:22px;overflow:hidden;border:1px solid var(--dyp-line);box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 0 1px rgba(255,51,102,.08)}
.dyp-mag-frame::before{content:"";position:absolute;inset:-1px;border-radius:23px;background:linear-gradient(135deg,rgba(255,51,102,.25),rgba(155,93,229,.15));z-index:-1}
.dyp-mag-tag{display:inline-block;font-size:.72rem;padding:3px 10px;border-radius:6px;background:rgba(255,51,102,.15);color:var(--dyp-pink);margin-bottom:10px;font-weight:600}
.dyp-mag-body h2{font-size:1.28rem;margin-bottom:12px;line-height:1.4}
.dyp-mag-body p{color:var(--dyp-muted);font-size:.9rem;margin-bottom:10px}
.dyp-mag-body ul{margin:8px 0 12px 18px;color:var(--dyp-muted);font-size:.88rem}
.dyp-mag-body li{margin-bottom:5px}
.dyp-mag-link{display:inline-flex;align-items:center;gap:4px;font-size:.86rem;font-weight:600;color:var(--dyp-pink);margin-top:4px}
.dyp-mag-link:hover{color:var(--dyp-coral)}

.dyp-prose{padding:40px 0;border-top:1px solid var(--dyp-line)}
.dyp-prose h2{font-size:1.22rem;margin-bottom:14px;line-height:1.4}
.dyp-prose h3{font-size:1rem;margin:20px 0 10px;color:var(--dyp-text)}
.dyp-prose p{color:var(--dyp-muted);font-size:.9rem;margin-bottom:12px}
.dyp-prose ul{margin:8px 0 14px 20px;color:var(--dyp-muted);font-size:.88rem}
.dyp-prose li{margin-bottom:6px}
.dyp-prose-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.dyp-prose-card{background:var(--dyp-surface);border:1px solid var(--dyp-line);border-radius:18px;padding:22px 20px}
.dyp-prose-card h3{margin-top:0}

.dyp-band{padding:40px 0;background:linear-gradient(180deg,rgba(155,93,229,.06),transparent)}
.dyp-band h2{font-size:1.2rem;text-align:center;margin-bottom:20px}
.dyp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.dyp-stat{background:var(--dyp-card);border:1px solid var(--dyp-line);border-radius:16px;padding:16px 12px;text-align:center}
.dyp-stat strong{display:block;font-size:1.3rem;color:var(--dyp-coral);margin-bottom:4px}
.dyp-stat span{font-size:.78rem;color:var(--dyp-muted)}

.dyp-faq{padding:40px 0}
.dyp-faq h2{font-size:1.2rem;margin-bottom:18px}
.dyp-faq-item{border:1px solid var(--dyp-line);border-radius:14px;margin-bottom:10px;overflow:hidden;background:var(--dyp-surface)}
.dyp-faq-q{padding:14px 16px;font-weight:600;font-size:.92rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.dyp-faq-q::after{content:"+";color:var(--dyp-pink);font-size:1.1rem}
.dyp-faq-item.is-open .dyp-faq-q::after{content:"−"}
.dyp-faq-a{padding:0 16px 14px;color:var(--dyp-muted);font-size:.88rem;display:none}
.dyp-faq-item.is-open .dyp-faq-a{display:block}

.dyp-page-hero{padding:calc(var(--dyp-nav) + 24px) 0 28px;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(255,51,102,.1),transparent)}
.dyp-page-hero h1{font-size:1.45rem;margin-bottom:8px}
.dyp-page-hero p{color:var(--dyp-muted);font-size:.9rem}

.dyp-content{padding:28px 0 56px}
.dyp-content h2{font-size:1.12rem;margin:28px 0 12px;color:var(--dyp-text)}
.dyp-content h2:first-child{margin-top:0}
.dyp-content p,.dyp-content li{color:var(--dyp-muted);font-size:.9rem;margin-bottom:10px}
.dyp-content ul{margin:8px 0 14px 20px}

.dyp-footer{padding:32px 0 40px;border-top:1px solid var(--dyp-line);background:var(--dyp-surface)}
.dyp-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;margin-bottom:24px}
.dyp-footer h3{font-size:.88rem;margin-bottom:10px;color:var(--dyp-text)}
.dyp-footer p,.dyp-footer a{font-size:.8rem;color:var(--dyp-muted);display:block;margin-bottom:6px}
.dyp-footer a:hover{color:var(--dyp-pink)}
.dyp-footer-copy{text-align:center;font-size:.76rem;color:var(--dyp-muted);padding-top:16px;border-top:1px solid var(--dyp-line)}

.dyp-err{padding:calc(var(--dyp-nav) + 40px) 0 60px;text-align:center}
.dyp-err-code{font-size:4rem;font-weight:800;background:linear-gradient(135deg,var(--dyp-pink),var(--dyp-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.dyp-err h1{font-size:1.2rem;margin:12px 0 8px}
.dyp-err p{color:var(--dyp-muted);font-size:.9rem;margin-bottom:20px}

@media(max-width:768px){
  .dyp-nav,.dyp-btn-dl--desktop{display:none}
  .dyp-menu-btn{display:block}
  .dyp-mag-grid,.dyp-mag-grid.is-reverse{grid-template-columns:1fr;gap:18px}
  .dyp-mag-grid.is-reverse .dyp-mag-visual,.dyp-mag-grid.is-reverse .dyp-mag-body{order:unset}
  .dyp-mag-visual{max-width:220px;margin:0 auto}
  .dyp-stats{grid-template-columns:repeat(2,1fr)}
  .dyp-footer-grid{grid-template-columns:1fr;gap:16px}
  .dyp-hero-lead{font-size:1.25rem}
  .dyp-prose-grid{grid-template-columns:1fr;gap:16px}
}