/* xj 系列模板 - 玄蛇 */
:root {--xj-primary: #31B234;--xj-primary-dark: #1A931D;--xj-accent: #5DD870;--xj-footer-g1: #183518;--xj-footer-g2: #18442B;--xj-footer-info: #A15FBF;--xj-footer-warn: #3ED1AF;--xj-footer-success: #5250B2;--xj-bg: #ffffff;--xj-bg-light: #f8f9fa;--xj-text: #212529;--xj-text-muted: #6c757d;--xj-border: #dee2e6;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--xj-bg);color:var(--xj-text);line-height:1.7;}
a{color:inherit;text-decoration:none;}img{max-width:100%;height:auto;display:block;}
.xj-container{max-width:1180px;margin:0 auto;padding:0 20px;}

/* Header */
.xj-header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:10px 0;}
.xj-header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.xj-logo img{max-height:50px;}
.xj-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
.xj-nav a{padding:8px 16px;border-radius:8px;font-size:15px;font-weight:500;color:#495057;transition:all .2s;}
.xj-nav a:hover{color:var(--xj-primary);background:rgba(0,0,0,.03);}
.xj-btn-register{background:var(--xj-primary);color:#fff !important;padding:8px 20px;border-radius:8px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px;transition:all .3s;}
.xj-btn-register:hover{background:var(--xj-primary-dark);color:#fff;}

/* Hero */
.xj-hero{position:relative;text-align:center;padding:80px 20px 60px;overflow:hidden;background:linear-gradient(135deg,var(--xj-bg-light) 0%,#fff 50%,var(--xj-bg-light) 100%);}
.xj-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 59px,var(--xj-border) 59px,var(--xj-border) 60px),repeating-linear-gradient(0deg,transparent,transparent 59px,var(--xj-border) 59px,var(--xj-border) 60px);opacity:.3;pointer-events:none;}
.xj-hero-content{position:relative;z-index:2;max-width:720px;margin:0 auto;}
.xj-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;margin-bottom:16px;color:var(--xj-text);}
.xj-hero h1 strong{color:var(--xj-primary);}
.xj-hero p{font-size:1.05rem;color:var(--xj-text-muted);margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto;}
.xj-hero-btns{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}
.xj-hero-btns a{padding:12px 28px;border-radius:50px;font-weight:600;font-size:15px;transition:all .3s;display:inline-flex;align-items:center;gap:8px;}
.xj-btn-primary{background:var(--xj-primary);color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.15);}
.xj-btn-primary:hover{background:var(--xj-primary-dark);transform:translateY(-2px);color:#fff;}
.xj-btn-outline{border:2px solid var(--xj-primary);color:var(--xj-primary);}
.xj-btn-outline:hover{background:var(--xj-primary);color:#fff;}

/* Section Common */
.xj-section{padding:60px 0;}
.xj-section-light{background:var(--xj-bg-light);}
.xj-section-title{font-size:1.6rem;font-weight:700;text-align:center;margin-bottom:12px;}
.xj-section-title .primary{color:var(--xj-primary);}
.xj-section-sub{text-align:center;color:var(--xj-text-muted);font-size:.95rem;margin-bottom:40px;max-width:640px;margin-left:auto;margin-right:auto;}

/* About */
.xj-about-text{color:var(--xj-text-muted);font-size:.95rem;line-height:1.8;margin-bottom:14px;}
.xj-about-text strong{color:var(--xj-text);}
.xj-about-img{border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-top:30px;}

/* Why Us */
.xj-why-main{background:var(--xj-primary);color:#fff;border-radius:16px;padding:32px;text-align:center;box-shadow:0 8px 30px rgba(0,0,0,.12);height:100%;}
.xj-why-main h2{font-size:1.2rem;font-weight:700;margin-bottom:16px;}
.xj-why-main img{border-radius:12px;margin:0 auto 16px;max-width:160px;}
.xj-why-main p{font-size:.9rem;opacity:.9;}
.xj-why-item{background:#fff;border:1px solid var(--xj-border);border-radius:12px;padding:24px;text-align:center;transition:all .3s;height:100%;}
.xj-why-item:hover{border-color:var(--xj-primary);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.08);}
.xj-why-item img{border-radius:10px;margin:0 auto 12px;max-width:140px;}
.xj-why-item h3{font-size:1rem;font-weight:700;margin-bottom:8px;}
.xj-why-item p{font-size:.85rem;color:var(--xj-text-muted);}

/* Stats Map */
.xj-map-wrapper{position:relative;max-width:800px;margin:0 auto;}
.xj-map-wrapper img{border-radius:12px;width:100%;}
.xj-heat-dot{position:absolute;width:16px;height:16px;background:var(--xj-primary);border-radius:50%;box-shadow:0 0 12px var(--xj-accent);animation:xj-pulse 2s infinite;}
.xj-heat-dot span{position:absolute;bottom:120%;left:50%;transform:translateX(-50%);background:var(--xj-text);color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;white-space:nowrap;}
.xj-heat-dot::after{content:"";position:absolute;inset:-6px;border-radius:50%;background:var(--xj-accent);opacity:.3;animation:xj-pulse 2s infinite;}
@keyframes xj-pulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.5);opacity:.5;}}
.dot-1{top:35%;left:72%;}.dot-2{top:55%;left:65%;}.dot-3{top:28%;left:45%;}.dot-4{top:60%;left:28%;}.dot-5{top:38%;left:15%;}

/* Security */
.xj-security{background:linear-gradient(135deg,var(--xj-footer-g1),var(--xj-footer-g2));padding:60px 0;color:#fff;text-align:center;}
.xj-network{position:relative;max-width:600px;margin:40px auto 0;min-height:400px;}
.xj-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:50%;width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(8px);}
.xj-core i{font-size:2rem;margin-bottom:8px;color:var(--xj-accent);}
.xj-node{position:absolute;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px;text-align:center;width:160px;backdrop-filter:blur(4px);transition:all .3s;}
.xj-node:hover{background:rgba(255,255,255,.12);transform:scale(1.05);}
.xj-node i{font-size:1.2rem;margin-bottom:6px;color:var(--xj-accent);}
.xj-node-title{font-weight:600;font-size:.9rem;margin-bottom:4px;}
.xj-node small{font-size:.75rem;opacity:.7;}
.xj-node-tl{top:10px;left:20px;}.xj-node-tr{top:10px;right:20px;}
.xj-node-bl{bottom:10px;left:20px;}.xj-node-br{bottom:10px;right:20px;}

/* FAQ Timeline */
.xj-faq{padding:60px 0;background:var(--xj-bg-light);}
.xj-timeline{max-width:700px;margin:0 auto;}
.xj-step{display:flex;gap:20px;margin-bottom:24px;align-items:flex-start;}
.xj-step-num{width:40px;height:40px;border-radius:50%;background:var(--xj-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0;}
.xj-step-content{flex:1;background:#fff;border-radius:12px;padding:20px;border:1px solid var(--xj-border);}
.xj-step-content h5{font-size:1rem;font-weight:700;margin-bottom:6px;}
.xj-step-content p{font-size:.9rem;color:var(--xj-text-muted);margin:0;}

/* App Section */
.xj-app{background:linear-gradient(135deg,var(--xj-primary-dark),var(--xj-primary));padding:60px 0;color:#fff;overflow:hidden;}
.xj-app-rating{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(255,255,255,.15);border-radius:50px;font-size:.85rem;margin-bottom:20px;}
.xj-app-rating .stars{color:var(--xj-footer-warn);}
.xj-app h2{font-size:1.8rem;font-weight:700;margin-bottom:12px;}
.xj-app p{opacity:.8;margin-bottom:20px;}
.xj-app-badges{margin-bottom:24px;}
.xj-app-badges span{display:inline-block;padding:4px 14px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:50px;font-size:.85rem;margin-right:8px;margin-bottom:8px;}
.xj-app-btns{display:flex;gap:12px;flex-wrap:wrap;}
.xj-app-btns a{padding:12px 28px;border-radius:50px;font-weight:600;font-size:15px;transition:all .3s;}
.xj-btn-glass{background:rgba(255,255,255,.2);color:#fff;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25);}
.xj-btn-glass:hover{background:rgba(255,255,255,.3);color:#fff;}
.xj-btn-white-outline{border:2px solid rgba(255,255,255,.5);color:#fff;}
.xj-btn-white-outline:hover{background:rgba(255,255,255,.15);color:#fff;}
.xj-app-img{border-radius:16px;overflow:hidden;background:rgba(255,255,255,.1);padding:12px;backdrop-filter:blur(6px);}
.xj-app-img img{border-radius:12px;}

/* News */
.xj-news{padding:60px 0;}
.xj-news-item{display:flex;gap:20px;background:#fff;border:1px solid var(--xj-border);border-radius:16px;padding:16px;margin-bottom:16px;transition:all .3s;align-items:stretch;}
.xj-news-item:hover{border-color:var(--xj-primary);box-shadow:0 4px 16px rgba(0,0,0,.06);transform:translateY(-2px);}
.xj-news-img{width:200px;min-height:140px;flex-shrink:0;border-radius:10px;overflow:hidden;}
.xj-news-img img{width:100%;height:100%;object-fit:cover;}
.xj-news-body{flex:1;display:flex;flex-direction:column;justify-content:space-between;}
.xj-news-body h3{font-size:1rem;font-weight:700;margin-bottom:8px;}
.xj-news-body p{font-size:.85rem;color:var(--xj-text-muted);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.xj-news-meta{display:flex;justify-content:space-between;align-items:center;}
.xj-news-meta time{font-size:.8rem;color:var(--xj-text-muted);}
.xj-news-meta a{font-size:.8rem;color:var(--xj-primary);border:1px solid var(--xj-primary);padding:4px 14px;border-radius:6px;transition:all .2s;}
.xj-news-meta a:hover{background:var(--xj-primary);color:#fff;}

/* Footer */
.xj-footer{background:linear-gradient(to right,var(--xj-footer-g1),var(--xj-footer-g2));padding:50px 0 30px;color:#fff;}
.xj-footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;}
.xj-footer-card{background:rgba(255,255,255,.08);border-radius:16px;padding:20px;}
.xj-footer-card h6{font-weight:700;margin-bottom:10px;font-size:.95rem;}
.xj-footer-card p,.xj-footer-card li,.xj-footer-card a{font-size:.85rem;color:rgba(255,255,255,.6);}
.xj-footer-card a:hover{color:#fff;}
.xj-footer-card ul{list-style:none;padding:0;}
.xj-footer-card li{margin-bottom:8px;}
.xj-footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;font-size:.8rem;color:rgba(255,255,255,.5);}

/* Responsive */
@media(max-width:768px){
.xj-hero{padding:50px 20px 40px;}.xj-hero h1{font-size:1.6rem;}
.xj-why-grid{grid-template-columns:1fr;}
.xj-news-item{flex-direction:column;}.xj-news-img{width:100%;min-height:180px;}
.xj-footer-grid{grid-template-columns:1fr 1fr;}
.xj-network{min-height:auto;display:flex;flex-direction:column;gap:12px;align-items:center;}
.xj-core,.xj-node{position:relative;top:auto;left:auto;right:auto;bottom:auto;transform:none;}
.xj-step{gap:12px;}
}
@media(max-width:480px){
.xj-footer-grid{grid-template-columns:1fr;}
.xj-header-inner{flex-direction:column;align-items:flex-start;gap:8px;}
.xj-hero-btns{flex-direction:column;align-items:center;}
}

/* Image Domain Overlay */
.xj-img-wrap{position:relative;display:inline-block;width:100%;overflow:hidden;}
.xj-img-wrap img{width:100%;height:auto;display:block;}
.xj-domain-tag{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.55);color:#fff;padding:4px 14px;border-radius:6px;font-size:13px;font-weight:600;letter-spacing:.5px;z-index:3;backdrop-filter:blur(4px);pointer-events:none;}
.xj-domain-tag-sm{font-size:11px;padding:3px 10px;top:8px;left:8px;}

/* Hamburger Menu */
.xj-hamburger{display:none;background:none;border:none;font-size:1.4rem;color:#495057;cursor:pointer;padding:8px;}
@media(max-width:768px){
.xj-hamburger{display:block;}
.xj-nav{display:none;width:100%;padding-top:8px;border-top:1px solid var(--xj-border);margin-top:8px;flex-direction:column;}
.xj-nav.active{display:flex;}
.xj-nav a{width:100%;text-align:center;}
.xj-btn-register{width:100%;justify-content:center;}
}
@media(max-width:480px){
.xj-footer-grid{grid-template-columns:1fr;}
.xj-header-inner{flex-direction:column;align-items:flex-start;gap:8px;}
.xj-hero-btns{flex-direction:column;align-items:center;}
}