*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#1a2332;background:#0b0e1a;line-height:1.7}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}ul{list-style:none}
.header{background:linear-gradient(135deg,#0f1628 0%,#1a2342 100%);border-bottom:1px solid rgba(250,190,30,.2);position:sticky;top:0;z-index:999;backdrop-filter:blur(10px)}
.header-inner{max-width:1280px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.logo{font-size:26px;font-weight:900;color:#fabe1e;letter-spacing:1px}
.logo span{color:#fff;font-weight:400;font-size:14px;margin-left:8px}
.nav{display:flex;gap:8px;flex-wrap:wrap}
.nav a{padding:10px 18px;border-radius:6px;color:#c9d2e3;font-size:15px;transition:.25s;font-weight:500}
.nav a:hover,.nav a.active{background:#fabe1e;color:#0b0e1a}
.banner{background:radial-gradient(circle at 20% 30%,rgba(250,190,30,.15),transparent 50%),radial-gradient(circle at 80% 70%,rgba(60,130,255,.15),transparent 50%),linear-gradient(135deg,#0b0e1a 0%,#141b35 100%);padding:80px 24px 60px}
.banner-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.banner h1{font-size:52px;color:#fff;line-height:1.25;margin-bottom:20px;font-weight:900}
.banner h1 em{color:#fabe1e;font-style:normal;background:linear-gradient(90deg,#fabe1e,#ff8a3d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.banner p{font-size:18px;color:#a9b4cc;margin-bottom:32px;line-height:1.8}
.btn-group{display:flex;gap:16px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;border-radius:8px;font-size:16px;font-weight:700;transition:.25s;cursor:pointer;border:none}
.btn-primary{background:linear-gradient(135deg,#fabe1e 0%,#ff8a3d 100%);color:#0b0e1a;box-shadow:0 10px 30px rgba(250,190,30,.35)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(250,190,30,.5)}
.btn-outline{border:2px solid rgba(255,255,255,.25);color:#fff}
.btn-outline:hover{border-color:#fabe1e;color:#fabe1e}
.banner-right{background:linear-gradient(135deg,#1a2342,#0f1628);padding:32px;border-radius:16px;border:1px solid rgba(250,190,30,.2)}
.stat-card{background:rgba(255,255,255,.03);padding:16px;border-radius:10px;margin-bottom:12px;border:1px solid rgba(255,255,255,.05)}
.stat-card h3{color:#fabe1e;font-size:24px;font-weight:900}
.stat-card p{color:#a9b4cc;font-size:14px}
.section{padding:70px 24px}
.section-inner{max-width:1280px;margin:0 auto}
.section-title{text-align:center;margin-bottom:50px}
.section-title h2{font-size:40px;color:#fff;font-weight:900;margin-bottom:12px}
.section-title h2 span{color:#fabe1e}
.section-title p{color:#a9b4cc;font-size:16px}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.feature{background:linear-gradient(145deg,#141b35,#0f1628);padding:32px 24px;border-radius:14px;border:1px solid rgba(255,255,255,.06);transition:.3s;position:relative;overflow:hidden}
.feature:hover{transform:translateY(-8px);border-color:rgba(250,190,30,.4)}
.feature .icon{font-size:40px;margin-bottom:16px}
.feature h3{color:#fff;font-size:20px;margin-bottom:12px;font-weight:700}
.feature p{color:#a9b4cc;font-size:14px;line-height:1.7}
.market{background:linear-gradient(135deg,#0f1628,#1a2342)}
.market-table{background:#0b0e1a;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}
.market-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.05);align-items:center}
.market-row.head{background:rgba(250,190,30,.08);color:#fabe1e;font-weight:700}
.market-row:last-child{border-bottom:none}
.coin{display:flex;align-items:center;gap:12px}
.coin .c-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#fabe1e,#ff8a3d);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;color:#0b0e1a}
.coin strong{color:#fff;font-size:16px}
.coin small{color:#a9b4cc;display:block;font-size:12px}
.up{color:#4ade80;font-weight:700}
.down{color:#f87171;font-weight:700}
.download{background:radial-gradient(circle at 50% 50%,rgba(250,190,30,.08),transparent 60%),#0b0e1a}
.download-box{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:linear-gradient(135deg,#1a2342,#0f1628);padding:48px;border-radius:20px;border:1px solid rgba(250,190,30,.2)}
.dl-card{background:rgba(0,0,0,.3);padding:32px;border-radius:14px;text-align:center;border:2px solid transparent;transition:.3s}
.dl-card:hover{border-color:#fabe1e;transform:translateY(-5px)}
.dl-card .big{font-size:70px;margin-bottom:16px}
.dl-card h3{color:#fff;font-size:24px;margin-bottom:8px}
.dl-card p{color:#a9b4cc;margin-bottom:20px;font-size:14px}
.news-list{display:grid;grid-template-columns:2fr 1fr;gap:32px}
.news-main{display:grid;gap:20px}
.news-item{background:#141b35;padding:28px;border-radius:12px;border-left:4px solid #fabe1e;transition:.3s;cursor:pointer}
.news-item:hover{background:#1a2342;transform:translateX(6px)}
.news-item h3{color:#fff;font-size:18px;margin-bottom:10px;font-weight:700}
.news-item p{color:#a9b4cc;font-size:14px;margin-bottom:12px}
.news-meta{display:flex;gap:16px;color:#6b7791;font-size:13px}
.news-side{background:#141b35;padding:28px;border-radius:12px;height:fit-content}
.news-side h3{color:#fabe1e;font-size:18px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(250,190,30,.2)}
.news-side li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.04);color:#c9d2e3;font-size:14px;cursor:pointer;transition:.2s}
.news-side li:hover{color:#fabe1e;padding-left:6px}
.news-side li:last-child{border-bottom:none}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.product{background:linear-gradient(145deg,#141b35,#0f1628);border-radius:14px;padding:32px;border:1px solid rgba(255,255,255,.06);transition:.3s}
.product:hover{border-color:#fabe1e;transform:translateY(-5px)}
.product .ic{font-size:48px;margin-bottom:20px}
.product h3{color:#fff;font-size:22px;margin-bottom:12px}
.product .price{color:#fabe1e;font-size:28px;font-weight:900;margin:16px 0}
.product ul li{color:#a9b4cc;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.05);font-size:14px}
.product ul li::before{content:"✓";color:#4ade80;margin-right:8px;font-weight:900}
.about{background:#0f1628}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.about-text h2{color:#fff;font-size:36px;margin-bottom:20px;font-weight:900}
.about-text h2 span{color:#fabe1e}
.about-text p{color:#c9d2e3;margin-bottom:16px;font-size:15px;line-height:1.9}
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}
.about-stats .st{background:#141b35;padding:24px;border-radius:12px;text-align:center;border:1px solid rgba(250,190,30,.1)}
.about-stats .st strong{color:#fabe1e;font-size:32px;display:block;font-weight:900}
.about-stats .st span{color:#a9b4cc;font-size:13px}
.about-img{background:linear-gradient(135deg,#1a2342,#0f1628);padding:40px;border-radius:16px;border:1px solid rgba(250,190,30,.2)}
.about-img .emoji-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center}
.about-img .emoji-row div{background:rgba(255,255,255,.03);padding:24px 12px;border-radius:10px}
.about-img .emoji-row .big{font-size:48px;display:block;margin-bottom:8px}
.about-img .emoji-row span{color:#a9b4cc;font-size:13px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.contact-info{background:linear-gradient(145deg,#141b35,#0f1628);padding:40px;border-radius:14px;border:1px solid rgba(255,255,255,.06)}
.contact-info h3{color:#fff;font-size:24px;margin-bottom:20px}
.contact-info .ci{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:16px}
.contact-info .ci:last-child{border-bottom:none}
.contact-info .ci .ico{font-size:28px;color:#fabe1e}
.contact-info .ci strong{color:#fff;display:block;margin-bottom:4px}
.contact-info .ci span{color:#a9b4cc;font-size:14px}
.contact-form{background:linear-gradient(145deg,#141b35,#0f1628);padding:40px;border-radius:14px;border:1px solid rgba(255,255,255,.06)}
.contact-form h3{color:#fff;font-size:24px;margin-bottom:20px}
.form-group{margin-bottom:20px}
.form-group label{display:block;color:#c9d2e3;margin-bottom:8px;font-size:14px}
.form-group input,.form-group textarea{width:100%;padding:14px;background:#0b0e1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:15px;font-family:inherit}
.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#fabe1e}
.form-group textarea{resize:vertical;min-height:120px}
.why{background:linear-gradient(135deg,#0f1628,#1a2342)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.why-box{background:#0b0e1a;padding:32px;border-radius:14px;border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}
.why-box .num{position:absolute;top:16px;right:20px;font-size:70px;font-weight:900;color:rgba(250,190,30,.08)}
.why-box h3{color:#fff;font-size:22px;margin-bottom:16px}
.why-box p{color:#a9b4cc;font-size:14px;line-height:1.8}
.why-box .ic{font-size:40px;margin-bottom:16px}
.breadcrumb{background:#141b35;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.05)}
.breadcrumb-inner{max-width:1280px;margin:0 auto;color:#a9b4cc;font-size:14px}
.breadcrumb a:hover{color:#fabe1e}
.breadcrumb span{margin:0 8px}
.page-title{background:linear-gradient(135deg,#0b0e1a,#1a2342);padding:60px 24px;text-align:center}
.page-title h1{color:#fff;font-size:44px;font-weight:900;margin-bottom:12px}
.page-title h1 span{color:#fabe1e}
.page-title p{color:#a9b4cc;font-size:16px}
.news-full{display:grid;gap:20px}
.news-card{background:#141b35;padding:28px;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:.3s;cursor:pointer}
.news-card:hover{border-color:rgba(250,190,30,.4);transform:translateY(-3px)}
.news-card h3{color:#fff;font-size:20px;margin-bottom:12px;font-weight:700}
.news-card p{color:#c9d2e3;font-size:14px;margin-bottom:16px;line-height:1.8}
.news-card .tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.news-card .tags span{background:rgba(250,190,30,.12);color:#fabe1e;padding:4px 12px;border-radius:6px;font-size:12px}
.pagination{display:flex;justify-content:center;gap:8px;margin-top:40px}
.pagination a{padding:10px 18px;background:#141b35;color:#c9d2e3;border-radius:6px;border:1px solid rgba(255,255,255,.06);font-size:14px}
.pagination a:hover,.pagination a.active{background:#fabe1e;color:#0b0e1a}
.footer{background:#06080f;padding:50px 24px 20px;border-top:1px solid rgba(250,190,30,.15)}
.footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.footer h4{color:#fabe1e;font-size:16px;margin-bottom:18px;font-weight:700}
.footer p,.footer li{color:#8c96af;font-size:13px;line-height:2}
.footer a{color:#8c96af;transition:.2s;font-size:13px}
.footer a:hover{color:#fabe1e}
.footer-logo{font-size:22px;font-weight:900;color:#fabe1e;margin-bottom:16px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.05);margin-top:40px;padding-top:20px;text-align:center;color:#6b7791;font-size:12px}
.qr-row{display:flex;gap:20px;margin-top:16px}
.qr{background:#fff;padding:10px;border-radius:8px;text-align:center;width:120px}
.qr .q{width:100px;height:100px;background:repeating-conic-gradient(#000 0 25%,#fff 0 50%) 50%/12px 12px;border-radius:4px}
.qr span{color:#0b0e1a;font-size:12px;display:block;margin-top:6px;font-weight:600}
@media(max-width:900px){.banner-inner,.download-box,.about-grid,.contact-grid,.news-list{grid-template-columns:1fr}.features,.products,.why-grid{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1fr 1fr}.banner h1{font-size:36px}.section-title h2{font-size:30px}.market-row{grid-template-columns:1.5fr 1fr 1fr;padding:14px 16px;font-size:13px}.market-row .hide-sm{display:none}.nav{width:100%;margin-top:12px;justify-content:center}.nav a{padding:8px 12px;font-size:13px}}
@media(max-width:600px){.features,.products,.why-grid,.footer-inner{grid-template-columns:1fr}.banner h1{font-size:28px}}