*{margin:0;padding:0;box-sizing:border-box}
html,body{background:#06101a;color:#f5f6fa;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif;line-height:1.6;min-height:100vh}
body::before{content:'';position:fixed;inset:0;background:radial-gradient(800px circle at 20% 10%,#00e7c422,transparent 60%),radial-gradient(900px circle at 80% 90%,#0088ff22,transparent 60%);pointer-events:none;z-index:-1}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
.2r3c6u{position:sticky;top:0;z-index:100;backdrop-filter:blur(20px) saturate(180%);background:rgba(10,8,18,.55);border-bottom:1px solid rgba(255,255,255,.06);padding:14px 28px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.ltkodk{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:#00e7c4}
.ltkodk svg{width:32px;height:32px}
.2r3c6u nav{display:flex;gap:18px;flex-wrap:wrap;margin-left:auto}
.2r3c6u nav a{padding:8px 14px;border-radius:99px;font-size:14px;transition:all .25s;border:1px solid transparent}
.2r3c6u nav a:hover,.2r3c6u nav a.active{background:linear-gradient(135deg,#00e7c4,#0088ff);color:#fff;box-shadow:0 6px 24px #00e7c455}
.5v50g8{padding:48px 28px;max-width:1440px;margin:0 auto;text-align:center}
.5v50g8 h1{font-size:clamp(28px,4vw,48px);background:linear-gradient(135deg,#00e7c4,#0088ff);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:14px}
.5v50g8 p{color:#c8cad6;max-width:780px;margin:0 auto;font-size:15px}
.jly822{max-width:1480px;margin:0 auto;padding:24px}
.2dn45r{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
.4ruhyf{display:none}

.9kui34{position:relative;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);transition:transform .35s,box-shadow .35s;cursor:pointer}
.9kui34:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 24px 60px -20px #00e7c466}
.9kui34 .cover{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden}
.9kui34 .cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.9kui34:hover .cover img{transform:scale(1.08)}
.9kui34 .mask{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.75));opacity:0;transition:opacity .35s;display:flex;align-items:center;justify-content:center}
.9kui34:hover .mask{opacity:1}
.emlpzf{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#00e7c4,#0088ff);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #00e7c499;animation:pulse 1.8s infinite}
.emlpzf::before{content:'';display:block;border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:5px}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.4c0pr8{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;background:linear-gradient(135deg,#00e7c4,#0088ff);color:#fff;letter-spacing:.5px}
.9kui34 .dur{position:absolute;bottom:10px;right:10px;padding:3px 8px;border-radius:4px;font-size:12px;background:rgba(0,0,0,.65);color:#fff}
.9kui34 .meta{padding:14px 16px}
.9kui34 .meta h3{font-size:14.5px;font-weight:600;color:#f3f4f8;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.9kui34 .meta .sub{font-size:12px;color:#9ba0b4;display:flex;justify-content:space-between}
.tm7o50{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-left:3px solid #00e7c4;padding:20px 22px;border-radius:14px;margin-bottom:24px;font-size:14px;color:#cfd2e0}
.tm7o50 strong{color:#00e7c4;margin-right:8px}
.1vg4ca{padding:14px 28px;max-width:1440px;margin:0 auto;font-size:13px;color:#8d92a8}
.1vg4ca a{color:#00e7c4}
.caboe2{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.caboe2 a{font-size:12px;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:all .25s}
.caboe2 a:hover{background:#00e7c4;border-color:#00e7c4}
.4ruhyf h4{font-size:13px;color:#00e7c4;margin-bottom:12px;letter-spacing:1px}
.4ruhyf ul{list-style:none}
.4ruhyf li{padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.06);font-size:13px;color:#c0c4d2;display:flex;justify-content:space-between}
.ll76hc{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:18px 0}
.ll76hc div{padding:14px 16px;background:rgba(255,255,255,.03);border-radius:12px;border:1px solid rgba(255,255,255,.06);font-size:13px;color:#c4c8d8}
.ybufbj{margin:24px 0}
.ybufbj details{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px 18px;margin-bottom:10px}
.ybufbj summary{cursor:pointer;font-weight:600;color:#e6e8f1;list-style:none;display:flex;justify-content:space-between}
.ybufbj summary::after{content:'+';color:#00e7c4;font-size:22px;line-height:1}
.ybufbj details[open] summary::after{content:'−'}
.ybufbj p{margin-top:10px;color:#a8acbe;font-size:14px}
.patvvl{display:flex;gap:10px;margin:14px 0}
.patvvl a{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);transition:all .25s;font-size:13px}
.patvvl a:hover{background:linear-gradient(135deg,#00e7c4,#0088ff);color:#fff;transform:translateY(-3px)}
.p4tsmd{margin-top:60px;padding:40px 28px 24px;background:rgba(0,0,0,.35);border-top:1px solid rgba(255,255,255,.06);text-align:center;font-size:13px;color:#878da0}
.p4tsmd .links{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:14px}
.p4tsmd .links a{color:#b8bccc;padding:4px 8px;border-radius:4px}
.p4tsmd .links a:hover{color:#00e7c4}
.p4tsmd .icp{margin-top:10px;color:#5d6275;font-size:12px}
