:root{--b1:#141e30;--b2:#1a2740;--b3:#243b55;--ac:#FFE100;--a2:#cca800;--tx:#e8e8e8;--mt:#999;--card-bg:#1a2740;--card-border:#2a3f5a}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;background:var(--b1);color:var(--tx);line-height:1.6}
.container{max-width:1200px;margin:0 auto;padding:0 20px}a{color:var(--ac);text-decoration:none;transition:all .3s}a:hover{color:var(--a2)}
.navbar{background:rgba(20,30,48,.98);border-bottom:1px solid var(--card-border);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}
.navbar .container{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-size:1.4rem;font-weight:700;color:var(--ac)!important;letter-spacing:1px}
.nav-links{display:flex;gap:30px}.nav-links a{color:var(--tx);font-size:.85rem}
.nav-links a:hover,.nav-links a.active{color:var(--ac)}
.nav-actions{display:flex;gap:10px}
.btn-nav{padding:8px 18px;border-radius:6px;font-size:.8rem;font-weight:600}
.btn-nav-primary{background:var(--ac);color:#141e30!important}
.btn-nav-outline{border:1px solid var(--ac);color:var(--ac)!important}
.nav-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:5px}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--tx);margin:5px 0}
.hero{background:linear-gradient(135deg,#141e30 0,#243b55 60%,#1e3a5f 100%);padding:80px 0;text-align:center;position:relative;overflow:hidden}
.hero:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 50%,rgba(255,225,0,.08) 0,transparent 60%)}
.hero h1{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:15px;position:relative}
.hero h1 span{color:var(--ac)}.hero p{color:var(--mt);font-size:1rem;max-width:600px;margin:0 auto 30px;position:relative}
.hero .btn-group{display:flex;gap:15px;justify-content:center;position:relative}
.hero .btn-primary{background:var(--ac);color:#141e30!important;padding:12px 32px;border-radius:8px;font-weight:700;font-size:.9rem}
.hero .btn-secondary{border:1px solid var(--tx);color:var(--tx)!important;padding:12px 32px;border-radius:8px;font-weight:600;font-size:.9rem}
.bento{padding:60px 0}.bento .container{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}
.bento-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:30px;transition:.3s}
.bento-card:hover{border-color:var(--ac);transform:translateY(-2px)}
.bento-card.feature-card{min-height:320px}.bento-card .bc-icon{font-size:2.2rem;margin-bottom:12px}
.bento-card h3{font-size:1.1rem;margin-bottom:10px;color:var(--ac)}
.bento-card p{color:var(--mt);font-size:.85rem;line-height:1.7}
.bento-right{display:flex;flex-direction:column;gap:20px}
.bento-right .bento-card{min-height:150px;flex:1}
.sec-title{text-align:center;margin-bottom:40px}
.sec-title h2{font-size:1.6rem;color:var(--tx)}.sec-title h2 span{color:var(--ac)}
.sec-title p{color:var(--mt);font-size:.85rem;margin-top:8px}
.dual-articles{padding:60px 0;background:var(--b2)}
.dual-col{display:grid;grid-template-columns:1.6fr 1fr;gap:30px}
.art-col-title{font-size:1.1rem;color:var(--ac);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--ac);display:inline-block;text-align:right}
.art-list{display:flex;flex-direction:column;gap:12px}
.art-item{display:flex;gap:15px;padding:15px;background:var(--card-bg);border-radius:8px;border:1px solid var(--card-border);transition:.3s}
.art-item:hover{border-color:var(--ac);transform:translateX(3px)}
.art-num{width:32px;height:32px;border-radius:50%;background:var(--ac);color:#141e30;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}
.art-item .info{flex:1}.art-item .info .t{font-size:.82rem;color:var(--tx);font-weight:500;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.art-item .info .t a{color:var(--tx)}.art-item .info .t a:hover{color:var(--ac)}
.art-item .info .d{font-size:.7rem;color:var(--mt)}
.cta{background:linear-gradient(135deg,#243b55,#141e30);padding:60px 0;text-align:center;border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border)}
.cta h2{font-size:1.5rem;margin-bottom:10px}.cta h2 span{color:var(--ac)}
.cta p{color:var(--mt);font-size:.9rem;margin-bottom:25px}
.cta .btn-group{display:flex;gap:15px;justify-content:center}
.cta .btn-primary{background:var(--ac);color:#141e30!important;padding:14px 36px;border-radius:8px;font-weight:700;font-size:.95rem}
.cta .btn-secondary{border:1px solid var(--ac);color:var(--ac)!important;padding:14px 36px;border-radius:8px;font-weight:600;font-size:.95rem}
.footer{background:#0f1628;padding:50px 0 20px;border-top:1px solid var(--card-border)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:30px;margin-bottom:30px}
.footer h3{font-size:.95rem;color:var(--ac);margin-bottom:15px}.footer p{color:var(--mt);font-size:.8rem;line-height:1.7}
.footer ul{list-style:none}.footer ul li{margin-bottom:8px}
.footer ul li a{color:var(--mt);font-size:.8rem}.footer ul li a:hover{color:var(--ac)}
.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid var(--card-border);color:var(--mt);font-size:.75rem}
.article-page{padding:40px 0;min-height:60vh}.article-page .container{max-width:800px}
.article-page .breadcrumb{font-size:.8rem;color:var(--mt);margin-bottom:25px;padding:10px 15px;background:var(--card-bg);border-radius:6px}
.article-page .breadcrumb a{color:var(--ac)}.article-page .breadcrumb span{margin:0 8px}
.article-page h1{font-size:1.5rem;margin-bottom:15px;line-height:1.4}
.art-header-meta{display:flex;gap:20px;color:var(--mt);font-size:.8rem;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid var(--card-border)}
.art-tag{background:var(--ac);color:#141e30;padding:2px 10px;border-radius:4px;font-size:.75rem;font-weight:600}
.art-content{font-size:.92rem;line-height:1.9;color:#d0d0d0}.art-content p{margin-bottom:16px}
.art-content h2{font-size:1.2rem;color:var(--ac);margin:25px 0 15px}
.reg-section{background:linear-gradient(135deg,#243b55,#1e3a5f);border:1px solid var(--ac);border-radius:10px;padding:25px;margin:30px 0;text-align:center}
.reg-section h3{color:var(--ac);font-size:1.05rem;margin-bottom:10px}
.reg-section p{color:var(--mt);font-size:.82rem;margin-bottom:18px}
.reg-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.reg-btn-binance{background:var(--ac);color:#141e30!important;padding:10px 24px;border-radius:6px;font-weight:700;font-size:.85rem}
.reg-btn-okx{background:#fff;color:#141e30!important;padding:10px 24px;border-radius:6px;font-weight:700;font-size:.85rem}
.nav-section{border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);padding:15px 0;margin:25px 0;display:flex;justify-content:space-between}
.nav-section a{font-size:.85rem;color:var(--ac)}.nav-section span{font-size:.85rem;color:var(--mt)}
.disclaimer{background:#1a2740;border-left:3px solid var(--ac);padding:12px 15px;margin:20px 0;border-radius:4px;font-size:.78rem;color:var(--mt);line-height:1.6}
.cat-page{padding:40px 0;min-height:60vh}
.cat-page h1{font-size:1.6rem;margin-bottom:8px;color:var(--ac)}
.cat-page .section-sub{color:var(--mt);font-size:.85rem;margin-bottom:30px}
.cat-list{display:flex;flex-direction:column;gap:15px}
.cat-list-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:18px 20px;transition:.3s}
.cat-list-item:hover{border-color:var(--ac);transform:translateX(3px)}
.cat-list-item h3{margin:5px 0}.cat-list-item h3 a{color:var(--tx);font-size:.95rem;font-weight:500}
.cat-list-item h3 a:hover{color:var(--ac)}.cat-list-item p{color:var(--mt);font-size:.82rem;margin:6px 0}
.cat-list-item .cat-meta{color:var(--mt);font-size:.72rem}
.cat-tag{background:var(--ac);color:#141e30;padding:1px 8px;border-radius:3px;font-size:.7rem;font-weight:600}
@media(max-width:768px){.bento .container,.dual-col{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.nav-links,.nav-actions{display:none}.nav-links.open,.nav-actions.open{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:rgba(20,30,48,.98);padding:20px;gap:15px}.nav-actions.open{top:auto;margin-top:-10px}.nav-toggle{display:block}.hero{padding:50px 0}.hero h1{font-size:1.5rem}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}
.bento-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 28px 0}
.bs-item{background:rgba(255,225,0,0.08);border:1px solid rgba(255,225,0,0.15);border-radius:8px;padding:10px 6px;text-align:center}
.bs-num{display:block;font-size:1rem;font-weight:800;color:#FFE100}
.bs-label{display:block;font-size:.65rem;color:var(--mt);margin-top:3px}
.bento-tech-list{display:flex;flex-direction:column;gap:10px;margin:8px 0 12px 0}
.bt-item{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--tx);line-height:1.3}
.bt-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}