/* ========== 全局重置 ========== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  background:#0a0a1a;color:#e0e0e0;line-height:1.7;font-size:14px;
  -webkit-font-smoothing:antialiased;
}
a{color:#e8b923;text-decoration:none;transition:color .2s}
a:hover{color:#ffd700;text-decoration:underline}
img{max-width:100%;display:block}
ul{list-style:none}
button{font-family:inherit;cursor:pointer;border:none;outline:none}
input,select,textarea{font-family:inherit;outline:none;border:none}

.container{max-width:1200px;margin:0 auto;padding:0 15px}

/* ========== 顶部通知条 ========== */
.top-bar{background:#050510;color:#888;font-size:12px;padding:6px 0;border-bottom:1px solid #1a1a2e}
.top-bar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}
.top-bar a{color:#888;margin:0 4px}
.top-bar a:hover{color:#e8b923}
.top-bar-left strong{color:#e8b923;font-size:14px}

/* ========== 头部 ========== */
.header{background:linear-gradient(180deg,#0d0d20 0%,#111130 100%);padding:18px 0;border-bottom:2px solid #e8b923;position:sticky;top:0;z-index:999;backdrop-filter:blur(10px)}
.header-inner{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.logo a{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:900;color:#fff;text-decoration:none;white-space:nowrap}
.logo-icon{font-size:28px}
.logo-text{color:#fff}
.logo-hl{color:#e8b923}

.main-nav{display:flex;gap:6px;flex:1;flex-wrap:wrap}
.main-nav a{
  padding:8px 14px;border-radius:6px;color:#ccc;font-size:14px;font-weight:600;
  transition:all .25s;white-space:nowrap;
}
.main-nav a:hover{background:rgba(232,185,35,.15);color:#e8b923;text-decoration:none}
.nav-active{background:linear-gradient(135deg,#e8b923,#f0a500)!important;color:#000!important}

.header-search{display:flex;gap:0}
.header-search input{
  width:200px;padding:9px 14px;border-radius:20px 0 0 20px;
  background:#1a1a35;color:#fff;border:1px solid #2a2a50;
}
.header-search button{
  padding:9px 16px;border-radius:0 20px 20px 0;
  background:linear-gradient(135deg,#e8b923,#f0a500);color:#000;font-weight:700;
}

/* ========== 面包屑 ========== */
.breadcrumb{padding:14px 0;font-size:13px;color:#666}
.breadcrumb a{color:#999}
.breadcrumb a:hover{color:#e8b923}
.breadcrumb span{color:#e8b923}

/* ========== 页面标题区 ========== */
.page-hero{background:linear-gradient(135deg,#0d0d25,#1a0a30);padding:40px 0;text-align:center;border-bottom:1px solid #1a1a35}
.page-hero h1{font-size:30px;font-weight:900;color:#fff;margin-bottom:12px}
.page-hero p{font-size:15px;color:#aaa}
.page-hero p strong{color:#e8b923}

/* ========== 筛选栏 ========== */
.filter-bar{display:flex;gap:8px;justify-content:center;margin-top:20px;flex-wrap:wrap}
.filter-btn{padding:8px 18px;border-radius:20px;background:#1a1a35;color:#ccc;font-size:13px;font-weight:600;transition:all .2s;border:1px solid #2a2a50}
.filter-btn:hover{background:#222250;color:#fff;border-color:#333360}
.filter-btn.active{background:linear-gradient(135deg,#e8b923,#f0a500);color:#000;border-color:#e8b923}

/* ========== 主视觉横幅 ========== */
.hero-banner{
  background:linear-gradient(135deg,#0d0d25 0%,#1a0a30 40%,#0d1a35 100%);
  padding:50px 0;position:relative;overflow:hidden;
}
.hero-banner::before{
  content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;
  background:radial-gradient(circle,rgba(232,185,35,.08) 0%,transparent 70%);
}
.hero-inner{display:flex;gap:40px;align-items:flex-start;position:relative;flex-wrap:wrap}
.hero-text{flex:1;min-width:300px}
.hero-text h1{
  font-size:36px;font-weight:900;color:#fff;line-height:1.3;margin-bottom:16px;
  text-shadow:0 2px 20px rgba(232,185,35,.3);
}
.hero-sub{font-size:16px;color:#aaa;margin-bottom:24px}
.hero-btns{display:flex;gap:14px;margin-bottom:36px;flex-wrap:wrap}
.btn{padding:14px 28px;border-radius:8px;font-size:15px;font-weight:700;display:inline-block;transition:all .3s}
.btn-primary{background:linear-gradient(135deg,#e8b923,#f0a500);color:#000;box-shadow:0 4px 20px rgba(232,185,35,.4)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(232,185,35,.6);color:#000;text-decoration:none}
.btn-outline{border:2px solid #e8b923;color:#e8b923;background:transparent}
.btn-outline:hover{background:#e8b923;color:#000;text-decoration:none}

.hero-stats{display:flex;gap:30px;flex-wrap:wrap}
.stat-item{text-align:center}
.stat-num{display:block;font-size:28px;font-weight:900;color:#e8b923}
.stat-label{font-size:12px;color:#888}

.hero-side{width:340px;min-width:280px}
.hero-card{background:rgba(20,20,45,.8);border:1px solid #2a2a55;border-radius:12px;padding:20px;backdrop-filter:blur(10px)}
.hero-card-title{font-size:15px;font-weight:700;color:#e8b923;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #2a2a55}
.live-list li{padding:8px 0;font-size:13px;color:#ccc;border-bottom:1px dashed #1e1e40;display:flex;align-items:center;gap:8px}
.live-list li:last-child{border:none}
.tag{display:inline-block;padding:1px 6px;border-radius:3px;font-size:11px;font-weight:700}
.tag-hot{background:#ff4757;color:#fff}
.tag-new{background:#2ed573;color:#fff}
.tag-vip{background:#ffa502;color:#fff}

/* ========== 通用区块 ========== */
.section{padding:50px 0}
.section-alt{background:#0d0d22}
.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:10px}
.section-title{font-size:22px;font-weight:800;color:#fff;position:relative;padding-left:14px}
.section-title::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(180deg,#e8b923,#f0a500);border-radius:2px}
.section-more{color:#e8b923;font-size:14px;font-weight:600}
.section-more:hover{color:#ffd700}

/* ========== 服务器卡片 ========== */
.server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.server-card{
  background:linear-gradient(145deg,#111130,#161640);border:1px solid #222250;border-radius:12px;
  padding:22px;transition:all .3s;position:relative;overflow:hidden;
}
.server-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e8b923,#ff6b6b,#e8b923);opacity:0;transition:opacity .3s}
.server-card:hover{transform:translateY(-4px);border-color:#e8b923;box-shadow:0 8px 30px rgba(232,185,35,.15)}
.server-card:hover::before{opacity:1}
.sc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.sc-type{background:rgba(232,185,35,.15);color:#e8b923;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:600}
.sc-status{padding:3px 10px;border-radius:4px;font-size:12px;font-weight:600}
.sc-hot{background:#ff4757;color:#fff}
.sc-new{background:#2ed573;color:#fff}
.sc-name{font-size:18px;font-weight:800;color:#fff;margin-bottom:10px}
.sc-info{display:flex;gap:16px;font-size:13px;color:#999;margin-bottom:10px;flex-wrap:wrap}
.sc-feat{font-size:13px;color:#e8b923;margin-bottom:14px;padding:8px 12px;background:rgba(232,185,35,.08);border-radius:6px}
.sc-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.sc-date{font-size:12px;color:#777}
.sc-btn{display:inline-block;padding:6px 18px;background:linear-gradient(135deg,#e8b923,#f0a500);color:#000;font-weight:700;border-radius:5px;font-size:13px;transition:all .2s}
.sc-btn:hover{transform:scale(1.05);color:#000;text-decoration:none}
.sc-btn-sm{padding:4px 12px;background:rgba(232,185,35,.15);color:#e8b923;border:1px solid #e8b923;border-radius:4px;font-size:12px}
.sc-btn-sm:hover{background:#e8b923;color:#000;text-decoration:none}

/* ========== 两栏布局 ========== */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px}

/* ========== 日历 ========== */
.calendar-box{background:#111130;border:1px solid #222250;border-radius:12px;padding:20px}
.cal-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:700;color:#e8b923;margin-bottom:10px;font-size:13px}
.cal-body{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.cal-body span{text-align:center;padding:8px 4px;border-radius:6px;font-size:13px;color:#aaa;position:relative}
.cal-today{background:linear-gradient(135deg,#e8b923,#f0a500);color:#000!important;font-weight:800}
.cal-past{color:#555}
.cal-future{color:#ccc}
.cal-dot{display:block;width:4px;height:4px;background:#ff4757;border-radius:50%;margin:2px auto 0}

/* 全尺寸日历 */
.calendar-full{background:#111130;border:1px solid #222250;border-radius:12px;padding:20px}
.cal-header-full{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:700;color:#e8b923;margin-bottom:10px;font-size:14px;padding:8px 0;border-bottom:1px solid #222250}
.cal-body-full{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.cal-body-full span{text-align:center;padding:12px 4px;border-radius:8px;font-size:14px;color:#aaa;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:50px;justify-content:center}
.cal-body-full strong{font-size:16px;color:#ccc}
.cal-body-full em{font-style:normal;font-size:11px;color:#666}
.cal-body-full .cal-today{background:linear-gradient(135deg,#e8b923,#f0a500)}
.cal-body-full .cal-today strong{color:#000}
.cal-body-full .cal-today em{color:#000;opacity:.7}

/* ========== 分类卡片 ========== */
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cat-card{background:#111130;border:1px solid #222250;border-radius:10px;padding:16px;text-align:center;transition:all .25s;display:flex;flex-direction:column;align-items:center;gap:6px}
.cat-card:hover{border-color:#e8b923;transform:translateY(-3px);box-shadow:0 4px 15px rgba(232,185,35,.1);text-decoration:none}
.cat-icon{font-size:28px}
.cat-name{color:#fff;font-weight:600;font-size:14px}
.cat-count{color:#888;font-size:12px}

/* ========== 分类导航 ========== */
.cat-nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.cat-nav-item{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#111130;border:1px solid #222250;border-radius:10px;color:#ccc;transition:all .25s}
.cat-nav-item:hover{text-decoration:none;border-color:#e8b923;color:#e8b923;transform:translateY(-2px)}
.cat-nav-item strong{color:#fff;font-size:14px}
.cat-nav-item em{font-style:normal;font-size:12px;color:#888;margin-left:4px}

.cat-count-badge{display:inline-block;padding:4px 14px;background:rgba(232,185,35,.15);color:#e8b923;border-radius:20px;font-size:13px;font-weight:600}
.cat-desc{font-size:14px;color:#999;margin-bottom:24px;line-height:1.8}

/* ========== Tab 栏 ========== */
.tab-bar{display:flex;gap:6px;flex-wrap:wrap}
.tab-bar button{padding:7px 16px;border-radius:6px;background:#1a1a35;color:#ccc;font-size:13px;font-weight:600;transition:all .2s}
.tab-bar button:hover{background:#222250;color:#fff}
.tab-active{background:linear-gradient(135deg,#e8b923,#f0a500)!important;color:#000!important}

/* ========== 表格 ========== */
.server-table{overflow-x:auto}
.st-table{width:100%;border-collapse:collapse;background:#111130;border-radius:10px;overflow:hidden}
.st-table th{background:#1a1a40;color:#e8b923;padding:12px 14px;text-align:left;font-size:13px;font-weight:700;border-bottom:2px solid #2a2a55}
.st-table td{padding:12px 14px;border-bottom:1px solid #1a1a35;font-size:13px;color:#ccc}
.st-table tr:hover{background:rgba(232,185,35,.05)}
.st-table tr:last-child td{border:none}
.no-data{text-align:center;padding:40px;color:#666;font-size:15px}

/* ========== 时间线服务器列表 ========== */
.timeline-server{display:flex;flex-direction:column;gap:12px}
.ts-item{display:flex;align-items:center;gap:20px;background:#111130;border:1px solid #222250;border-radius:10px;padding:16px 20px;transition:all .25s}
.ts-item:hover{border-color:#e8b923;transform:translateX(4px)}
.ts-time{font-size:20px;font-weight:800;color:#e8b923;min-width:70px;text-align:center}
.ts-content{flex:1}
.ts-head{display:flex;align-items:center;gap:12px;margin-bottom:6px;flex-wrap:wrap}
.ts-head h3{font-size:16px;color:#fff}
.ts-meta{display:flex;gap:14px;font-size:12px;color:#888;margin-bottom:4px;flex-wrap:wrap}
.ts-type{background:rgba(232,185,35,.15);color:#e8b923;padding:2px 8px;border-radius:3px;font-size:11px}
.ts-feat{font-size:13px;color:#aaa}
.ts-action{flex-shrink:0}

/* ========== 版本卡片 ========== */
.version-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.version-card{background:#111130;border:1px solid #222250;border-radius:10px;padding:18px;transition:all .25s}
.version-card:hover{border-color:#e8b923;transform:translateY(-3px);box-shadow:0 4px 20px rgba(232,185,35,.1)}
.vc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.vc-top h3{font-size:15px;color:#fff;font-weight:700}
.vc-rating{color:#e8b923;font-size:14px;font-weight:700}
.vc-desc{font-size:13px;color:#999;margin-bottom:12px;line-height:1.6}
.vc-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.vc-servers{font-size:12px;color:#888}
.vc-tag{padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600}
.vc-btn{display:inline-block;padding:5px 14px;background:rgba(232,185,35,.15);color:#e8b923;border:1px solid #e8b923;border-radius:4px;font-size:12px;font-weight:600;transition:all .2s}
.vc-btn:hover{background:#e8b923;color:#000;text-decoration:none}

/* ========== 资讯卡片 ========== */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.news-card{background:#111130;border:1px solid #222250;border-radius:12px;padding:24px;transition:all .3s;position:relative}
.news-card:hover{border-color:#333360;transform:translateY(-3px);box-shadow:0 6px 25px rgba(0,0,0,.3)}
.news-feature{grid-column:span 2;background:linear-gradient(145deg,#151535,#1a1a45)}
.news-tag{display:inline-block;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:700;background:rgba(232,185,35,.15);color:#e8b923;margin-bottom:12px}
.tag-orange{background:rgba(255,165,2,.15);color:#ffa502}
.tag-blue{background:rgba(46,213,115,.15);color:#2ed573}
.tag-green{background:rgba(46,213,115,.15);color:#2ed573}
.tag-purple{background:rgba(155,89,182,.15);color:#9b59b6}
.tag-red{background:rgba(255,71,87,.15);color:#ff4757}
.news-card h3{font-size:16px;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.5}
.news-feature h3{font-size:20px}
.news-card p{font-size:13px;color:#999;margin-bottom:14px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-meta{display:flex;gap:14px;font-size:12px;color:#666;margin-bottom:10px;flex-wrap:wrap}
.news-link{color:#e8b923;font-size:13px;font-weight:600}
.news-link:hover{color:#ffd700}

/* ========== 优势卡片 ========== */
.advantage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.adv-card{background:#111130;border:1px solid #222250;border-radius:12px;padding:28px;text-align:center;transition:all .3s}
.adv-card:hover{border-color:#e8b923;transform:translateY(-3px)}
.adv-icon{font-size:36px;margin-bottom:14px}
.adv-card h3{font-size:16px;font-weight:700;color:#fff;margin-bottom:10px}
.adv-card p{font-size:13px;color:#999;line-height:1.7}

/* ========== 知识库 ========== */
.kb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.kb-col h3{font-size:15px;font-weight:700;color:#e8b923;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid #222250}
.kb-col ul li{margin-bottom:10px}
.kb-col ul li a{color:#bbb;font-size:13px;display:block;padding:4px 0;transition:color .2s}
.kb-col ul li a:hover{color:#e8b923;padding-left:6px}

/* ========== FAQ ========== */
.faq-list{max-width:900px;margin:0 auto}
.faq-item{background:#111130;border:1px solid #222250;border-radius:10px;margin-bottom:12px;overflow:hidden}
.faq-item summary{padding:18px 22px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;list-style:none;position:relative;transition:background .2s}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:20px;color:#e8b923;transition:transform .3s}
.faq-item[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq-item summary:hover{background:#161635}
.faq-item p{padding:0 22px 18px;font-size:14px;color:#aaa;line-height:1.8}
.faq-item[open] p{padding-top:4px}
.faq-item a{color:#e8b923}

/* ========== 指南表格 ========== */
.guide-table-wrap{overflow-x:auto}
.guide-table{width:100%;border-collapse:collapse;background:#111130;border-radius:10px;overflow:hidden;min-width:500px}
.guide-table th{background:#1a1a40;color:#e8b923;padding:12px 14px;text-align:left;font-size:13px;font-weight:700}
.guide-table td{padding:12px 14px;border-bottom:1px solid #1a1a35;font-size:13px;color:#ccc}
.guide-table tr:last-child td{border:none}

/* ========== 指南卡片 ========== */
.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.guide-card{background:#111130;border:1px solid #222250;border-radius:10px;padding:24px;transition:all .25s}
.guide-card:hover{border-color:#e8b923}
.guide-card h3{font-size:15px;color:#e8b923;margin-bottom:10px}
.guide-card p{font-size:13px;color:#999;line-height:1.8}

/* ========== 数据卡片 ========== */
.data-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin:20px 0}
.data-card{background:#111130;border:1px solid #222250;border-radius:10px;padding:20px;text-align:center;transition:all .25s}
.data-card:hover{border-color:#e8b923;transform:translateY(-3px)}
.dc-num{display:block;font-size:24px;font-weight:900;color:#e8b923;margin-bottom:6px}
.dc-label{font-size:12px;color:#888}

/* ========== 关于页面 ========== */
.about-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px}
.about-main h2{font-size:20px;color:#e8b923;margin:30px 0 14px;padding-left:12px;border-left:3px solid #e8b923}
.about-main p{font-size:14px;color:#aaa;line-height:1.9;margin-bottom:14px}
.about-list{margin:10px 0 20px 0;padding-left:0}
.about-list li{font-size:14px;color:#aaa;line-height:1.8;margin-bottom:8px;padding-left:8px}
.about-list strong{color:#e8b923}

.about-side{display:flex;flex-direction:column;gap:20px}
.side-card{background:#111130;border:1px solid #222250;border-radius:12px;padding:22px}
.side-card h3{font-size:15px;color:#e8b923;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid #222250}
.side-info{font-size:13px;color:#aaa;line-height:2}
.side-info strong{color:#ccc}
.friend-links{display:flex;flex-wrap:wrap;gap:8px}
.friend-links a{padding:5px 14px;background:#1a1a35;border:1px solid #2a2a50;border-radius:20px;color:#aaa;font-size:12px;transition:all .2s}
.friend-links a:hover{background:#e8b923;color:#000;border-color:#e8b923;text-decoration:none}
.timeline-mini{font-size:13px;color:#aaa;line-height:2}
.timeline-mini li{display:flex;gap:10px;align-items:flex-start}
.timeline-mini span{color:#e8b923;font-weight:600;white-space:nowrap;min-width:80px}

/* 联系表单 */
.contact-form{background:#111130;border:1px solid #222250;border-radius:12px;padding:28px;margin:20px 0}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:13px;color:#e8b923;margin-bottom:6px;font-weight:600}
.form-group input,.form-group select,.form-group textarea{
  width:100%;padding:10px 14px;background:#1a1a35;color:#fff;border:1px solid #2a2a50;
  border-radius:6px;font-size:14px;transition:border-color .2s;
}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#e8b923}
.form-group textarea{resize:vertical;min-height:100px}

/* 免责声明 */
.disclaimer-box{background:#0d0d20;border:1px solid #222250;border-radius:10px;padding:24px;margin-top:16px}
.disclaimer-box p{font-size:13px;color:#777;line-height:1.9;margin-bottom:10px}

/* ========== 下载页面 ========== */
.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dl-card{background:#111130;border:1px solid #222250;border-radius:10px;padding:20px;transition:all .25s;position:relative}
.dl-card:hover{border-color:#e8b923;transform:translateY(-3px);box-shadow:0 4px 20px rgba(232,185,35,.1)}
.dl-card.dl-hot{border-color:rgba(232,185,35,.3)}
.dl-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.dl-top h3{font-size:15px;color:#fff;font-weight:700}
.dl-hot-tag{background:#ff4757;color:#fff;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:700}
.dl-desc{font-size:13px;color:#999;margin-bottom:12px;line-height:1.6}
.dl-info{display:flex;gap:14px;font-size:12px;color:#888;margin-bottom:14px}
.dl-bottom{display:flex;justify-content:space-between;align-items:center}
.dl-safe{font-size:12px;color:#2ed573}
.dl-btn{display:inline-block;padding:7px 18px;background:linear-gradient(135deg,#e8b923,#f0a500);color:#000;font-weight:700;border-radius:6px;font-size:13px;transition:all .2s}
.dl-btn:hover{transform:scale(1.05);color:#000;text-decoration:none}

/* 安全框 */
.safety-box{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.safety-item{background:#111130;border:1px solid #222250;border-radius:12px;padding:24px}
.safety-item h3{font-size:16px;color:#e8b923;margin-bottom:14px}
.safety-item ul li{font-size:13px;color:#aaa;line-height:1.9;margin-bottom:6px;padding-left:8px}

/* ========== 文章列表 ========== */
.article-list{display:flex;flex-direction:column;gap:16px}

/* ========== 底部 ========== */
.footer{background:#050510;padding:50px 0 20px;border-top:2px solid #1a1a35}
.footer-top{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:30px}
.footer-col h4{font-size:15px;font-weight:700;color:#e8b923;margin-bottom:14px}
.footer-col ul li{margin-bottom:8px}
.footer-col ul li a,.footer-col ul li{color:#999;font-size:13px}
.footer-col ul li a:hover{color:#e8b923}
.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}
.tag-cloud a{padding:4px 12px;background:#111130;border:1px solid #222250;border-radius:20px;color:#aaa;font-size:12px;transition:all .2s}
.tag-cloud a:hover{background:#e8b923;color:#000;border-color:#e8b923;text-decoration:none}

.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid #1a1a35}
.footer-bottom p{color:#666;font-size:12px;margin-bottom:8px;line-height:1.6}
.footer-disclaimer{color:#555!important;max-width:800px;margin:0 auto 10px}
.footer-bottom a{color:#888}

/* ========== 弹窗 ========== */
.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);z-index:9999;display:none;overflow-y:auto;padding:40px 20px}
.modal-overlay.active{display:block}
.modal-content{max-width:800px;margin:0 auto;background:#0d0d25;border:1px solid #2a2a55;border-radius:16px;padding:40px;position:relative;animation:fadeInUp .3s ease-out}
.modal-close{position:absolute;top:16px;right:20px;background:none;border:none;color:#e8b923;font-size:28px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}
.modal-close:hover{background:rgba(232,185,35,.1)}
.modal-body h1{font-size:24px;color:#fff;margin-bottom:8px;line-height:1.4}

/* ========== 动画 ========== */
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.section,.hero-banner,.footer,.page-hero,.breadcrumb{animation:fadeInUp .6s ease-out}
.server-card,.news-card,.adv-card,.cat-card,.version-card,.dl-card,.guide-card,.data-card,.article-card,.ts-item,.modal-content{animation:fadeInUp .5s ease-out}

/* ========== 滚动条美化 ========== */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#0a0a1a}
::-webkit-scrollbar-thumb{background:#2a2a50;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#e8b923}

/* ========== 选中颜色 ========== */
::selection{background:#e8b923;color:#000}

/* ========== 响应式 ========== */
@media(max-width:1024px){
  .server-grid{grid-template-columns:repeat(2,1fr)}
  .news-grid{grid-template-columns:repeat(2,1fr)}
  .news-feature{grid-column:span 2}
  .advantage-grid{grid-template-columns:repeat(2,1fr)}
  .kb-grid{grid-template-columns:repeat(2,1fr)}
  .footer-top{grid-template-columns:repeat(2,1fr)}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .two-col{grid-template-columns:1fr}
  .hero-side{display:none}
  .version-grid{grid-template-columns:repeat(2,1fr)}
  .download-grid{grid-template-columns:repeat(2,1fr)}
  .data-cards{grid-template-columns:repeat(3,1fr)}
  .about-grid{grid-template-columns:1fr}
  .safety-box{grid-template-columns:1fr}
  .guide-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .header-inner{flex-wrap:wrap;gap:12px}
  .main-nav{order:3;width:100%;overflow-x:auto;padding-bottom:4px}
  .main-nav a{padding:6px 10px;font-size:13px}
  .header-search{margin-left:auto}
  .header-search input{width:140px}
  .hero-text h1{font-size:24px}
  .hero-btns{flex-direction:column}
  .hero-stats{gap:16px;flex-wrap:wrap}
  .server-grid{grid-template-columns:1fr}
  .news-grid{grid-template-columns:1fr}
  .news-feature{grid-column:span 1}
  .advantage-grid{grid-template-columns:1fr}
  .kb-grid{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
  .cat-grid{grid-template-columns:repeat(2,1fr)}
  .top-bar{font-size:11px}
  .st-table{font-size:12px}
  .st-table th,.st-table td{padding:8px 6px}
  .page-hero h1{font-size:22px}
  .version-grid{grid-template-columns:1fr}
  .download-grid{grid-template-columns:1fr}
  .data-cards{grid-template-columns:repeat(2,1fr)}
  .form-row{grid-template-columns:1fr}
  .ts-item{flex-direction:column;align-items:flex-start;gap:8px}
  .modal-content{padding:24px}
  .modal-body h1{font-size:20px}
}