*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{font-family:"JetBrains Mono",Consolas,"Courier New",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",monospace;background:#1a1917;color:#c9c4b8;font-size:14px;line-height:1.85;overflow-x:hidden;position:relative}
body::before{content:"";position:fixed;left:0;top:0;width:100%;height:100%;background:radial-gradient(circle at 15% 20%,rgba(204,255,0,.05),transparent 40%),radial-gradient(circle at 85% 75%,rgba(180,100,40,.08),transparent 45%),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:0}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block;border:0}
ul,ol{list-style:none}
.wrap{width:1360px;margin:0 auto;max-width:96%;position:relative;z-index:2}

.alert-bar{background:#0f0e0c;border-bottom:2px solid #ccff00;color:#ccff00;font-size:12px;height:34px;line-height:34px;letter-spacing:2px;text-transform:uppercase;position:relative;z-index:3}
.alert-bar .wrap{display:flex;justify-content:space-between;align-items:center;overflow:hidden}
.alert-bar .pulse{display:inline-block;width:8px;height:8px;background:#ccff00;border-radius:50%;margin-right:10px;animation:pulse 1.4s infinite}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(204,255,0,.6)}50%{opacity:.5;box-shadow:0 0 0 8px rgba(204,255,0,0)}}
.alert-bar .marquee{flex:1;overflow:hidden;white-space:nowrap}
.alert-bar .marquee span{display:inline-block;padding-left:100%;animation:marquee 28s linear infinite}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}

.header{background:linear-gradient(180deg,#1f1d1a 0%,#1a1917 100%);border-bottom:2px solid #ccff00;position:sticky;top:0;z-index:999;box-shadow:0 8px 32px rgba(0,0,0,.6)}
.header .wrap{display:flex;align-items:center;height:88px;gap:32px;position:relative}
.header::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:repeating-linear-gradient(90deg,#ccff00 0,#ccff00 20px,transparent 20px,transparent 40px);opacity:.35}
.nav{flex:1;display:flex;justify-content:center;gap:2px}
.nav li a{display:block;padding:0 20px;height:88px;line-height:88px;font-size:14px;font-weight:700;color:#c9c4b8;letter-spacing:2px;text-transform:uppercase;position:relative;transition:color .25s}
.nav li a::before{content:"";position:absolute;left:0;bottom:20px;width:0;height:2px;background:#ccff00;transition:width .3s}
.nav li a:hover,.nav li a.on{color:#ccff00}
.nav li a:hover::before,.nav li a.on::before{width:calc(100% - 40px)}
.search{width:260px;display:flex;height:42px;border:2px solid #3a3835;background:#0f0e0c}
.search input{flex:1;border:0;outline:0;padding:0 16px;font-size:13px;background:transparent;color:#c9c4b8;font-family:inherit}
.search input::placeholder{color:#5a564e}
.search button{width:76px;border:0;background:#ccff00;color:#1a1917;font-size:12px;font-weight:900;letter-spacing:2px;cursor:pointer;text-transform:uppercase;font-family:inherit}
.search button:hover{background:#d9ff1a}

.hero{padding:56px 0;border-bottom:1px solid #2a2825;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;left:-100px;top:-100px;width:300px;height:300px;background:repeating-linear-gradient(45deg,rgba(204,255,0,.04) 0,rgba(204,255,0,.04) 10px,transparent 10px,transparent 20px);transform:rotate(15deg)}
.hero::after{content:"";position:absolute;right:-80px;bottom:-80px;width:400px;height:400px;border:1px solid rgba(204,255,0,.15);border-radius:50%}
.hero .wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center;position:relative;z-index:2}
.hero-l h1{font-size:46px;line-height:1.2;font-weight:900;color:#f0ede6;letter-spacing:-1px;margin-bottom:20px}
.hero-l h1 em{font-style:normal;color:#ccff00;display:block;font-size:14px;letter-spacing:8px;margin-bottom:18px;font-weight:700;text-transform:uppercase}
.hero-l .rule{width:100px;height:3px;background:repeating-linear-gradient(90deg,#ccff00 0,#ccff00 8px,transparent 8px,transparent 16px);margin:26px 0}
.hero-l p{font-size:15px;color:#8a8478;line-height:2;max-width:520px}
.hero-r{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.stat-box{border:2px solid #2a2825;padding:24px 20px;background:linear-gradient(135deg,rgba(204,255,0,.03) 0%,transparent 100%);position:relative;text-align:center;transition:all .3s}
.stat-box:hover{border-color:#ccff00;transform:translateY(-3px)}
.stat-box::before,.stat-box::after{content:"";position:absolute;width:12px;height:12px;border:2px solid #ccff00}
.stat-box::before{left:-2px;top:-2px;border-right:0;border-bottom:0}
.stat-box::after{right:-2px;bottom:-2px;border-left:0;border-top:0}
.stat-box strong{display:block;font-size:32px;color:#ccff00;font-weight:900;letter-spacing:1px;font-family:inherit}
.stat-box span{font-size:11px;color:#6b6658;letter-spacing:3px;text-transform:uppercase;margin-top:8px;display:block}

.main{padding:48px 0}
.main .wrap{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start}
.content{min-width:0}
.sidebar{display:flex;flex-direction:column;gap:28px}

.sec{background:linear-gradient(180deg,#232120 0%,#1f1d1a 100%);border:1px solid #2a2825;position:relative;margin-bottom:32px;box-shadow:0 12px 48px rgba(0,0,0,.5)}
.sec::before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:repeating-linear-gradient(180deg,#ccff00 0,#ccff00 12px,transparent 12px,transparent 24px);opacity:.5}
.sec-hd{display:flex;justify-content:space-between;align-items:center;padding:0 28px;height:64px;border-bottom:1px solid #2a2825;position:relative;z-index:2}
.sec-hd h3{font-size:17px;font-weight:900;color:#f0ede6;letter-spacing:3px;text-transform:uppercase;position:relative;padding-left:20px}
.sec-hd h3::before{content:"▸";position:absolute;left:0;top:50%;transform:translateY(-50%);color:#ccff00;font-size:14px}
.sec-hd a{font-size:11px;color:#ccff00;letter-spacing:2px;text-transform:uppercase;border:1px solid #ccff00;padding:4px 12px;transition:all .25s}
.sec-hd a:hover{background:#ccff00;color:#1a1917}
.sec-bd{padding:28px;position:relative;z-index:2}

.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.card{background:linear-gradient(180deg,#2a2825 0%,#232120 100%);border:1px solid #35322d;position:relative;overflow:hidden;transition:all .35s;display:flex;flex-direction:column}
.card::before{content:"";position:absolute;left:0;top:0;width:0;height:3px;background:#ccff00;transition:width .4s;z-index:3}
.card:hover{border-color:#ccff00;transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.6),0 0 0 1px rgba(204,255,0,.15)}
.card:hover::before{width:100%}
.card-thumb{width:100%;height:180px;overflow:hidden;background:#0f0e0c;position:relative}
.card-thumb::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0,rgba(0,0,0,.15) 1px,transparent 1px,transparent 3px);pointer-events:none}
.card-thumb img{width:100%;height:100%;object-fit:cover;filter:contrast(1.08) saturate(.85);transition:transform .5s,filter .5s}
.card:hover .card-thumb img{transform:scale(1.06);filter:contrast(1.15) saturate(1.05)}
.card-info{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
.card-info h4{font-size:15px;font-weight:800;line-height:1.5;color:#f0ede6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:.5px}
.card:hover .card-info h4{color:#ccff00}
.card-info p{font-size:13px;color:#8a8478;line-height:1.75;margin-top:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.card-meta{display:flex;justify-content:space-between;font-size:11px;color:#5a564e;margin-top:14px;letter-spacing:1.5px;text-transform:uppercase;padding-top:12px;border-top:1px dashed #35322d}
.card-meta .tag{color:#ccff00}

.rank li{display:flex;align-items:flex-start;padding:14px 0;border-bottom:1px solid #2a2825}
.rank li:last-child{border-bottom:0}
.rank li .num{width:32px;height:32px;line-height:30px;text-align:center;border:2px solid #ccff00;color:#ccff00;font-size:12px;font-weight:900;margin-right:14px;flex-shrink:0;font-family:inherit;background:#0f0e0c}
.rank li:nth-child(1) .num{background:#ccff00;color:#1a1917}
.rank li:nth-child(2) .num{background:rgba(204,255,0,.5);color:#1a1917}
.rank li:nth-child(3) .num{background:rgba(204,255,0,.2)}
.rank li a{font-size:13px;color:#c9c4b8;flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.6}
.rank li a:hover{color:#ccff00}

.panel{background:linear-gradient(180deg,#232120 0%,#1f1d1a 100%);border:1px solid #2a2825;position:relative}
.panel::before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:repeating-linear-gradient(180deg,#ccff00 0,#ccff00 12px,transparent 12px,transparent 24px);opacity:.5}
.panel .hd{padding:0 26px;height:58px;line-height:58px;border-bottom:1px solid #2a2825;font-size:14px;font-weight:900;color:#f0ede6;letter-spacing:3px;text-transform:uppercase;position:relative;z-index:2;padding-left:40px}
.panel .hd::before{content:"▸";position:absolute;left:26px;top:50%;transform:translateY(-50%);color:#ccff00;font-size:13px}
.panel .bd{padding:22px 26px;position:relative;z-index:2;font-size:13px;color:#8a8478;line-height:1.9}

.crumb{background:#0f0e0c;border-bottom:1px solid #2a2825;height:48px;line-height:48px;font-size:12px;color:#6b6658;letter-spacing:2px;text-transform:uppercase}
.crumb .wrap{display:flex;align-items:center}
.crumb a{color:#ccff00;margin-right:10px}
.crumb a:hover{color:#d9ff1a}

.article{background:linear-gradient(180deg,#232120 0%,#1f1d1a 100%);border:1px solid #2a2825;padding:48px 56px;position:relative;box-shadow:0 16px 56px rgba(0,0,0,.55)}
.article::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:repeating-linear-gradient(90deg,#ccff00 0,#ccff00 24px,transparent 24px,transparent 48px);opacity:.6}
.article-hd{border-bottom:1px solid #2a2825;padding-bottom:24px;margin-bottom:32px;position:relative;z-index:2}
.article-hd h1{font-size:30px;line-height:1.4;font-weight:900;color:#f0ede6;margin-bottom:20px;letter-spacing:.5px}
.article-meta{display:flex;flex-wrap:wrap;gap:26px;font-size:12px;color:#6b6658;letter-spacing:2px;text-transform:uppercase}
.article-meta span::before{content:"// ";color:#ccff00;margin-right:4px}
.article-body{font-size:15px;line-height:2;color:#c9c4b8;position:relative;z-index:2}
.article-body p{margin-bottom:22px}
.article-body img{border:1px solid #2a2825;margin:16px 0;filter:contrast(1.05)}
.article-body h2,.article-body h3{margin:30px 0 16px;color:#ccff00;font-weight:900;letter-spacing:1px;text-transform:uppercase}
.article-body a{color:#ccff00;border-bottom:1px dashed #ccff00}
.article-tags{margin-top:36px;padding-top:24px;border-top:1px solid #2a2825;display:flex;flex-wrap:wrap;gap:10px;align-items:center;position:relative;z-index:2}
.article-tags strong{font-size:11px;color:#ccff00;letter-spacing:3px;text-transform:uppercase;margin-right:8px}
.article-tags a{display:inline-block;padding:5px 14px;border:1px solid #35322d;font-size:11px;color:#8a8478;letter-spacing:2px;text-transform:uppercase;transition:all .25s}
.article-tags a:hover{background:#ccff00;color:#1a1917;border-color:#ccff00}

.pn{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px}
.pn a{background:linear-gradient(180deg,#232120 0%,#1f1d1a 100%);border:1px solid #2a2825;padding:20px 24px;font-size:13px;color:#c9c4b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;transition:all .3s}
.pn a:hover{border-color:#ccff00;color:#ccff00}
.pn a span{display:block;font-size:10px;color:#ccff00;letter-spacing:3px;text-transform:uppercase;margin-bottom:8px}

.rel{background:linear-gradient(180deg,#232120 0%,#1f1d1a 100%);border:1px solid #2a2825;margin-top:32px;position:relative}
.rel::before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:repeating-linear-gradient(180deg,#ccff00 0,#ccff00 12px,transparent 12px,transparent 24px);opacity:.5}
.rel-hd{padding:0 28px;height:58px;line-height:58px;border-bottom:1px solid #2a2825;font-size:15px;font-weight:900;color:#f0ede6;letter-spacing:3px;text-transform:uppercase;position:relative;z-index:2;padding-left:42px}
.rel-hd::before{content:"▸";position:absolute;left:28px;top:50%;transform:translateY(-50%);color:#ccff00}
.rel-bd{padding:24px;position:relative;z-index:2}
.rel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.rel-item{display:grid;grid-template-columns:120px 1fr;gap:14px;background:#1a1917;border:1px solid #2a2825;padding:12px;transition:all .3s}
.rel-item:hover{border-color:#ccff00}
.rel-thumb{width:120px;height:84px;overflow:hidden;background:#0f0e0c}
.rel-thumb img{width:100%;height:100%;object-fit:cover;filter:contrast(1.08) saturate(.85)}
.rel-info{display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.rel-info h4{font-size:13px;font-weight:700;line-height:1.5;color:#c9c4b8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rel-item:hover .rel-info h4{color:#ccff00}
.rel-info span{font-size:10px;color:#5a564e;letter-spacing:1.5px;text-transform:uppercase}

.list-banner{background:linear-gradient(135deg,rgba(204,255,0,.06) 0%,transparent 100%);border:1px solid #2a2825;padding:40px 48px;margin-bottom:32px;position:relative}
.list-banner::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:repeating-linear-gradient(90deg,#ccff00 0,#ccff00 20px,transparent 20px,transparent 40px);opacity:.6}
.list-banner h2{font-size:26px;font-weight:900;color:#f0ede6;letter-spacing:2px;text-transform:uppercase}
.list-banner p{color:#ccff00;font-size:12px;margin-top:10px;letter-spacing:3px;text-transform:uppercase}

.page{display:flex;justify-content:center;align-items:center;gap:8px;padding:32px 0 8px;flex-wrap:wrap}
.page a,.page span{display:inline-block;min-width:40px;height:40px;line-height:38px;padding:0 14px;text-align:center;border:2px solid #2a2825;background:#0f0e0c;font-size:12px;color:#8a8478;letter-spacing:1.5px;text-transform:uppercase;transition:all .25s;font-weight:700}
.page a:hover{border-color:#ccff00;color:#ccff00}
.page .thisclass{background:#ccff00;color:#1a1917;border-color:#ccff00}

.footer{background:#0f0e0c;border-top:2px solid #ccff00;margin-top:56px;position:relative;z-index:2}
.footer .wrap{padding:48px 0 0}
.f-top{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:48px;padding-bottom:40px;border-bottom:1px solid #2a2825;flex-wrap:wrap}
.f-about{flex:1 1 340px;min-width:260px}
.f-about p{font-size:13px;line-height:2;color:#6b6658;letter-spacing:.5px}
.f-col{flex:1 1 520px;min-width:280px}
.f-col h4{color:#ccff00;font-size:13px;margin-bottom:20px;font-weight:900;letter-spacing:4px;text-transform:uppercase;position:relative;padding-left:18px}
.f-col h4::before{content:"▸";position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:12px}
.f-col ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px 30px;align-items:center}
.f-col ul li{display:inline-block;margin:0;flex:0 0 auto}
.f-col ul li a{display:inline-block;font-size:13px;color:#8a8478;letter-spacing:1px;padding:4px 0;border-bottom:1px solid transparent;transition:all .3s}
.f-col ul li a:hover{color:#ccff00;border-bottom-color:#ccff00}
.f-bottom{padding:24px 0;text-align:center;font-size:11px;color:#5a564e;line-height:2.2;letter-spacing:2px;text-transform:uppercase}

@media(max-width:1240px){.wrap{width:96%}.hero .wrap{grid-template-columns:1fr;gap:40px}.main .wrap{grid-template-columns:1fr}.grid3{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.rel-grid{grid-template-columns:1fr}.f-top{flex-direction:column;gap:32px}}
@media(max-width:768px){.header .wrap{height:auto;flex-wrap:wrap;padding:16px 0;gap:16px}.nav{width:100%;overflow-x:auto;justify-content:flex-start;gap:0}.nav li a{height:52px;line-height:52px;padding:0 14px;font-size:12px;white-space:nowrap}.search{width:100%}.hero{padding:36px 0}.hero-l h1{font-size:26px}.hero-l h1 em{font-size:11px;letter-spacing:4px}.hero-r{grid-template-columns:1fr 1fr;gap:12px}.stat-box{padding:16px 10px}.stat-box strong{font-size:22px}.sec-bd{padding:18px}.grid3{grid-template-columns:1fr}.card-thumb{height:160px}.article{padding:28px 22px}.article-hd h1{font-size:20px}.pn{grid-template-columns:1fr}.rel-bd{padding:18px}.list-banner{padding:28px 24px}.list-banner h2{font-size:20px}}