*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter','Segoe UI','PingFang SC',sans-serif;background:#0a0a0a;color:#e0e0e0;padding:0}
a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}
.h{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:2px solid #ff3366;max-width:600px;margin:0 auto}
.hi{display:flex;align-items:center;justify-content:space-between;width:100%}
.lgo{font-size:18px;font-weight:900;color:#ff3366}
.nv{display:flex;gap:12px}
.nv a{font-size:11px;color:#606060;font-weight:500}
.nv a:hover{color:#ff3366}
.hr{background:linear-gradient(135deg,#ff3366,#6600ff);color:#fff;border-radius:16px;padding:24px;max-width:600px;margin:16px auto;text-align:center}
.hr h1{font-size:22px;font-weight:800;margin-bottom:4px;letter-spacing:-.3px}
.hr p{font-size:12px;color:rgba(255,255,255,0.5);margin-bottom:14px}
.hr .btns{display:flex;gap:10px;justify-content:center}
.hr .bp{display:inline-block;padding:8px 20px;background:#fff;color:#ff3366;border-radius:8px;font-size:11px;font-weight:600}
.hr .bs{display:inline-block;padding:8px 20px;border:1px solid rgba(255,255,255,0.3);color:#fff;border-radius:8px;font-size:11px}
.stb{display:flex;gap:8px;max-width:600px;margin:0 auto 16px;padding:0 24px}
.stb>div{flex:1;background:#1a1a1a;border-radius:10px;padding:10px 6px;text-align:center;border:1px solid #2a2a2a}
.stb .sv{font-size:14px;font-weight:800;color:#ff3366}
.stb .sl{font-size:8px;color:#606060;margin-top:1px}
.se{max-width:600px;margin:0 auto;padding:0 24px 12px}
.st{margin-bottom:8px}
.st .tag{font-size:11px;font-weight:600;color:#ff3366;margin-bottom:4px;display:block}
.st h2{font-size:15px;font-weight:700;color:#e0e0e0}
.st p{font-size:11px;color:#505050;margin-top:2px}
.feed{display:flex;flex-direction:column;gap:8px;max-width:600px;margin:0 auto;padding:0 24px}
.feed a{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:#1a1a1a;border-radius:12px;border:1px solid #2a2a2a}
.feed a:hover{border-color:#ff3366;background:#222}
.feed a .av{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}
.feed a .bd{flex:1;min-width:0}
.feed a .nm{font-size:12px;font-weight:600;color:#e0e0e0;margin-bottom:2px;display:block}
.feed a .tx{font-size:11px;color:#707070;line-height:1.4}
.feed a .gt{display:inline-block;font-size:8px;color:#6600ff;background:#1a1a2a;padding:2px 8px;border-radius:4px;margin-top:4px}
.cta{padding:24px;text-align:center;max-width:600px;margin:16px auto}
.cta h2{font-size:16px;font-weight:700;color:#e0e0e0;margin-bottom:4px}
.cta p{font-size:11px;color:#505050;margin-bottom:12px}
.cta .cp{display:inline-block;padding:8px 24px;background:linear-gradient(135deg,#ff3366,#6600ff);color:#fff;border-radius:8px;font-size:11px;font-weight:600}
.ft{text-align:center;padding:16px;max-width:600px;margin:0 auto;border-top:1px solid #1a1a1a}
.ft p{font-size:9px;color:#404040}
.hd{padding:50px 24px 20px;max-width:600px;margin:0 auto}
.hd .ct{font-size:10px;color:#ff3366;font-weight:600;margin-bottom:4px}
.hd h1{font-size:18px;font-weight:700;color:#e0e0e0}
.ls{max-width:600px;margin:0 auto;padding:0 24px 20px}
.ls a{display:block;padding:12px 16px;border-bottom:1px solid #1a1a1a;background:#0a0a0a}
.ls a:hover{background:#1a1a1a}
.ls .ln{font-size:8px;color:#6600ff;font-weight:600;margin-bottom:2px}
.ls .lt{font-size:13px;font-weight:600;color:#e0e0e0;margin-bottom:2px}
.ls .ld{font-size:10px;color:#606060}
.pg{display:flex;justify-content:center;gap:6px;padding:12px 24px;max-width:600px;margin:0 auto}
.pg a{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #2a2a2a;font-size:10px;color:#606060;background:#1a1a1a;border-radius:4px}
.pg a:hover,.pg a.act{background:#ff3366;color:#fff;border-color:#ff3366}
.aw{max-width:600px;margin:0 auto;padding:12px 24px 30px}
.aw .ab{display:inline-block;padding:6px 14px;border:1px solid #2a2a2a;color:#606060;border-radius:6px;font-size:10px;margin-bottom:14px;background:#1a1a1a}
.aw .ac h1{font-size:18px;font-weight:700;color:#e0e0e0;margin-bottom:14px;border-left:3px solid #ff3366;padding-left:12px}
.aw .abd{font-size:13px;line-height:1.8;color:#909090}
.aw .abd p{margin-bottom:10px}
.aw .abd h2{font-size:14px;font-weight:700;color:#ff3366;margin:20px 0 10px;border-bottom:1px solid #2a2a2a;padding-bottom:4px}
@media(max-width:768px){
.nv{gap:4px}
.nv a{font-size:10px}
.hr h1{font-size:18px}
.stb{flex-wrap:wrap}.stb>div{flex:1 1 45%}}

@media(max-width:500px){.stb{flex-direction:column}.stb>div{flex:100%}}
.feed a .thumb{width:60px;height:60px;border-radius:8px;flex-shrink:0;overflow:hidden;background:#2a2a2a}
.feed a .thumb img{width:100%;height:100%;object-fit:cover;display:block}