/* 纳迪亚之宝 - 暗色现代风格 */

:root {
--primary:#6366f1;
--secondary:#8b5cf6;
--accent:#ec4899;
--dark:#0f172a;
--darker:#020617;
--light:#cbd5e1;
--glow:rgba(99,102,241,0.5)
}

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Microsoft YaHei',Arial,sans-serif;background:#0f172a;color:#e2e8f0;line-height:1.6}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit;transition:all .3s}
ul{list-style:none}

.container-p3m7{max-width:1400px;margin:0 auto;padding:0 2rem}

/* 导航栏 - 暗色扁平 */
.navbar-z9k5{background:rgba(15,23,42,0.95);backdrop-filter:blur(10px);position:sticky;top:0;z-index:999;border-bottom:1px solid rgba(99,102,241,0.2)}
.nav-flex-w6k2{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}
.logo-h8m4{display:flex;align-items:center;gap:1rem}
.logo-h8m4 img{width:40px;height:40px;border-radius:4px}
.logo-h8m4 span{font-size:1.3rem;font-weight:700;color:#6366f1;letter-spacing:1px}
.burger-k9p6{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer}
.burger-k9p6 span{width:25px;height:3px;background:#6366f1;border-radius:2px}
.menu-w5m9{display:flex;gap:2rem;align-items:center}
.menu-w5m9 a{color:#cbd5e1;font-weight:500;position:relative;padding:0.5rem 0}
.menu-w5m9 a:hover{color:#6366f1}
.dl-btn-m6k8{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;padding:0.6rem 1.5rem!important;border-radius:6px;color:#fff!important;font-weight:600}
.dl-btn-m6k8:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--glow)}

/* 主横幅 - 深色几何风格 */
.hero-k7m9{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172a,#1e293b)}
.hero-bg-w8p4{position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><rect fill="rgba(99,102,241,0.03)" width="50" height="50"/><rect fill="rgba(139,92,246,0.03)" x="50" y="50" width="50" height="50"/></svg>');opacity:0.3}
.hero-grid-m5k7{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}
.line-k4m8{width:60px;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6);margin-bottom:2rem;border-radius:2px}
.hero-text-p9w6 h1{font-size:3.5rem;font-weight:800;margin-bottom:2rem;line-height:1.1;color:#fff}
.glow-m3p9{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:2.5rem;display:block;margin-top:0.5rem}
.tags-k6w8{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}
.tags-k6w8 span{background:rgba(99,102,241,0.2);border:1px solid rgba(99,102,241,0.3);padding:0.5rem 1rem;border-radius:6px;font-size:0.9rem;color:#a5b4fc}
.hero-text-p9w6 p{font-size:1.1rem;color:#cbd5e1;margin-bottom:2rem;line-height:1.8}
.btns-m8k5{display:flex;gap:1.5rem;margin-bottom:3rem}
.btn-primary-k7p9{background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:1rem 2.5rem;border-radius:8px;color:#fff;font-weight:600;display:inline-flex;align-items:center;gap:0.8rem;box-shadow:0 4px 15px var(--glow)}
.btn-primary-k7p9:hover{transform:translateY(-3px);box-shadow:0 8px 25px var(--glow)}
.btn-outline-w6m3{border:2px solid #6366f1;padding:1rem 2.5rem;border-radius:8px;color:#6366f1;font-weight:600;display:inline-flex;align-items:center;gap:0.8rem}
.btn-outline-w6m3:hover{background:rgba(99,102,241,0.1)}
.stats-p4k9{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.stats-p4k9>div{text-align:center}
.num-k9p3{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.stats-p4k9>div>div:last-child{color:#64748b;font-size:0.9rem;margin-top:0.5rem}
.frame-p7w9{position:relative;border-radius:12px;overflow:hidden}
.frame-p7w9 img{width:100%;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,0.5)}
.glow-w6p5{position:absolute;inset:0;background:radial-gradient(circle at 50%,rgba(99,102,241,0.3),transparent 70%);pointer-events:none}

/* 通用区块样式 - 扁平暗色 */
.about-w7k9,.systems-w6k8,.guides-p7k9,.links-p8k7{background:#0f172a;padding:6rem 0}
.features-m8k7,.chars-k9m8,.news-m8k9,.reviews-w6k8{background:#1e293b;padding:6rem 0}
.head-m6k5{text-align:center;margin-bottom:4rem}
.tag-p9w7{color:#6366f1;font-size:0.9rem;font-weight:600;letter-spacing:2px;display:block;margin-bottom:1rem}
.head-m6k5 h2{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:1rem}
.head-m6k5 h2 i{color:#6366f1;margin-right:1rem}
.line-w5k9{width:80px;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6);margin:0 auto;border-radius:2px}

/* 关于 */
.text-m7p8{max-width:900px;margin:0 auto}
.text-m7p8 p{margin-bottom:2rem;font-size:1.1rem;color:#cbd5e1}
.text-m7p8 img{border-radius:12px;margin:3rem 0;box-shadow:0 10px 30px rgba(0,0,0,0.3)}

/* 特色 - 六边形图标 */
.grid-k9w6{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.card-p7m5{background:rgba(15,23,42,0.5);border:1px solid rgba(99,102,241,0.2);padding:2.5rem;border-radius:12px;text-align:center;transition:all .3s}
.card-p7m5:hover{transform:translateY(-8px);border-color:#6366f1;box-shadow:0 15px 35px rgba(99,102,241,0.3)}
.icon-w6k9{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;transform:rotate(45deg)}
.icon-w6k9 i{font-size:2.5rem;color:#fff;transform:rotate(-45deg)}
.card-p7m5 h3{font-size:1.4rem;color:#fff;margin-bottom:1rem}
.card-p7m5 p{color:#cbd5e1;line-height:1.7}

/* 系统 */
.sys-row-p5w8{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:5rem}
.sys-row-p5w8.reverse{direction:rtl}
.sys-row-p5w8.reverse>*{direction:ltr}
.img-k7m6 img{border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.3)}
.text-p6k9 h3{font-size:1.8rem;color:#fff;margin-bottom:1.5rem}
.text-p6k9 h3 i{color:#6366f1;margin-right:1rem}
.text-p6k9 p{color:#cbd5e1;font-size:1.1rem;line-height:1.8}

/* 角色 - 扁平卡片 */
.char-grid-p8k6{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.char-m7w9{background:rgba(15,23,42,0.5);border:1px solid rgba(99,102,241,0.2);padding:2.5rem;border-radius:12px;transition:all .3s}
.char-m7w9:hover{transform:translateY(-5px);border-color:#6366f1}
.char-m7w9 h3{font-size:1.5rem;color:#fff;margin-bottom:1rem}
.char-m7w9 h3 span{display:inline-block;background:#6366f1;color:#fff;padding:0.3rem 0.8rem;border-radius:6px;font-size:0.8rem;margin-left:0.5rem}
.char-m7w9 p{color:#cbd5e1;line-height:1.7}

/* 攻略 */
.guide-grid-w8m5{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}
.guide-k9p7{background:rgba(15,23,42,0.5);border:1px solid rgba(99,102,241,0.2);padding:2.5rem;border-radius:12px;transition:all .3s}
.guide-k9p7:hover{transform:translateY(-5px);border-color:#6366f1}
.icon-m6w8{width:60px;height:60px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}
.icon-m6w8 i{font-size:2rem;color:#fff}
.guide-k9p7 h3{font-size:1.4rem;color:#fff;margin-bottom:1rem}
.guide-k9p7 p{color:#cbd5e1;margin-bottom:1.5rem;line-height:1.7}
.guide-k9p7 a{color:#6366f1;font-weight:600;display:inline-flex;align-items:center;gap:0.5rem}
.guide-k9p7 a:hover{color:#8b5cf6}

/* 资讯 - 时间线 */
.timeline-k7p8{max-width:900px;margin:0 auto;position:relative}
.timeline-k7p8::before{content:'';position:absolute;left:50px;top:0;bottom:0;width:2px;background:rgba(99,102,241,0.2)}
.item-w9m6{display:grid;grid-template-columns:100px 1fr;gap:2rem;margin-bottom:3rem}
.date-p5k7{width:100px;height:100px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:700;z-index:1}
.date-p5k7 div:first-child{font-size:1.5rem}
.date-p5k7 div:last-child{font-size:2rem}
.content-w7m8{background:rgba(15,23,42,0.5);border:1px solid rgba(99,102,241,0.2);padding:2rem;border-radius:12px}
.content-w7m8 h3{font-size:1.5rem;color:#fff;margin-bottom:1rem}
.content-w7m8 p{color:#cbd5e1;margin-bottom:1.5rem}
.content-w7m8 a{color:#6366f1;font-weight:600;display:inline-flex;align-items:center;gap:0.5rem}

/* 评价 */
.rating-m9k7{display:grid;grid-template-columns:250px 1fr;gap:4rem;margin-bottom:4rem;background:rgba(15,23,42,0.5);padding:3rem;border-radius:12px}
.score-p8w6{text-align:center}
.num-k7m9{font-size:5rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.stars-w5p8{display:flex;justify-content:center;gap:0.5rem;margin:1rem 0;color:#6366f1;font-size:1.5rem}
.bars-k6m8{display:flex;flex-direction:column;gap:1.5rem;justify-content:center}
.bar-w9p7{display:grid;grid-template-columns:80px 1fr 60px;gap:1.5rem;align-items:center}
.bar-w9p7>span{color:#cbd5e1;font-weight:600}
.track-p8w6{height:10px;background:rgba(99,102,241,0.1);border-radius:10px;overflow:hidden}
.fill-k7m5{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:10px}
.bar-w9p7>span:last-child{text-align:right;color:#6366f1;font-weight:700}
.comments-p7k9{display:flex;flex-direction:column;gap:2rem}
.comment-w8m6{background:rgba(15,23,42,0.5);border:1px solid rgba(99,102,241,0.2);padding:2rem;border-radius:12px}
.top-k9p5{display:flex;justify-content:space-between;margin-bottom:1rem}
.user-m7w8{display:flex;align-items:center;gap:1rem}
.avatar-k6p9{width:45px;height:45px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}
.mini-k7w9{color:#6366f1;font-size:0.9rem}
.comment-w8m6 p{color:#cbd5e1;line-height:1.8}

/* 下载 */
.download-m9k8{background:linear-gradient(135deg,#1e293b,#0f172a);padding:6rem 0}
.dl-content-p7w6{max-width:800px;margin:0 auto;text-align:center}
.icon-w9p7{width:100px;height:100px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;font-size:3rem;color:#fff}
.dl-content-p7w6 h2{font-size:3rem;font-weight:800;color:#fff;margin-bottom:1rem}
.dl-content-p7w6 p{font-size:1.2rem;color:#cbd5e1;margin-bottom:2.5rem}
.benefits-k7m6{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:3rem}
.benefits-k7m6>div{color:#cbd5e1;font-weight:600;display:flex;align-items:center;justify-content:center;gap:0.8rem}
.benefits-k7m6 i{color:#6366f1;font-size:1.5rem}
.mega-btn-k9p8{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:1.5rem 4rem;border-radius:50px;font-size:1.3rem;font-weight:700;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:1rem;box-shadow:0 8px 25px var(--glow);margin-bottom:2rem}
.mega-btn-k9p8:hover{transform:translateY(-5px);box-shadow:0 12px 35px var(--glow)}
.notice-w7k6{color:#94a3b8;display:flex;align-items:center;justify-content:center;gap:0.8rem}

/* 链接 */
.links-p8k7{background:#1e293b;padding:3rem 0}
.flex-m9k6{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}
.flex-m9k6 a{background:rgba(99,102,241,0.1);border:1px solid rgba(99,102,241,0.2);color:#cbd5e1;padding:0.8rem 1.5rem;border-radius:8px;font-weight:600;transition:all .3s}
.flex-m9k6 a:hover{background:#6366f1;color:#fff;transform:translateY(-3px)}

/* 页脚 */
.footer-k8m9{background:#020617;color:#64748b;padding:3rem 0 1.5rem}
.ft-grid-w6p8{display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem;margin-bottom:3rem}
.col-m7k5 h3,.col-m7k5 h4{color:#6366f1;margin-bottom:1rem}
.col-m7k5 p{line-height:1.7}
.col-m7k5 ul li{margin-bottom:0.8rem}
.col-m7k5 a:hover{color:#6366f1}
.social-k9w7{display:flex;gap:1rem}
.social-k9w7 a{width:45px;height:45px;background:rgba(99,102,241,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s}
.social-k9w7 a:hover{background:#6366f1;transform:translateY(-3px)}
.copy-w7k8{text-align:center;padding-top:2rem;border-top:1px solid rgba(99,102,241,0.1)}

/* 文章页 */
.article-page{background:#0f172a}
.article-hero{padding:5rem 0 3rem;background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom:1px solid rgba(99,102,241,0.15)}
.article-breadcrumb{display:flex;gap:.6rem;flex-wrap:wrap;color:#94a3b8;font-size:.95rem;margin-bottom:1.2rem}
.article-breadcrumb a{color:#a5b4fc}
.article-breadcrumb a:hover{color:#6366f1}
.article-hero h1{color:#fff;font-size:2.3rem;line-height:1.2;margin-bottom:1rem}
.article-hero p{color:#cbd5e1;max-width:900px}
.article-meta{margin-top:1rem;color:#64748b;font-size:.95rem}
.article-hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.article-wrap{padding:3.5rem 0 6rem}
.article-content{background:rgba(30,41,59,0.6);border:1px solid rgba(99,102,241,0.15);border-radius:12px;padding:2.2rem}
.article-content h2{color:#e2e8f0;margin:2rem 0 1rem}
.article-content h2:first-child{margin-top:0}
.article-content p,.article-content li{color:#cbd5e1;line-height:1.9}
.article-content ul,.article-content ol{padding-left:1.4rem}
.article-callout{margin:1.5rem 0;padding:1.2rem 1.2rem;border-radius:10px;background:rgba(99,102,241,0.08);border:1px solid rgba(99,102,241,0.18)}
.article-pre{margin:1.2rem 0;padding:1rem 1.2rem;background:#020617;border:1px solid rgba(99,102,241,0.2);border-radius:10px;overflow:auto;color:#cbd5e1;line-height:1.7}

/* 响应式 */
@media(max-width:1024px){
.hero-grid-m5k7,.sys-row-p5w8{grid-template-columns:1fr;gap:3rem}
.sys-row-p5w8.reverse{direction:ltr}
.grid-k9w6,.char-grid-p8k6{grid-template-columns:repeat(2,1fr)}
.guide-grid-w8m5{grid-template-columns:1fr}
.rating-m9k7{grid-template-columns:1fr}
.ft-grid-w6p8{grid-template-columns:1fr}
.benefits-k7m6{grid-template-columns:repeat(2,1fr)}
.article-content{padding:1.6rem}
}
@media(max-width:768px){
.burger-k9p6{display:flex}
.menu-w5m9{position:absolute;top:100%;left:0;right:0;background:#0f172a;border-top:1px solid rgba(99,102,241,0.2);flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:max-height .3s}
.menu-w5m9.active{max-height:500px}
.menu-w5m9 li{width:100%}
.menu-w5m9 a{display:block;padding:1rem 2rem;border-bottom:1px solid rgba(99,102,241,0.1)}
.hero-text-p9w6 h1{font-size:2.5rem}
.btns-m8k5{flex-direction:column}
.stats-p4k9,.grid-k9w6,.char-grid-p8k6,.benefits-k7m6{grid-template-columns:1fr}
.article-hero{padding:4rem 0 2.5rem}
.article-hero h1{font-size:1.9rem}
}



/* Whitehat news surfaces: namespaced to avoid changing the original site sections. */
.seo-news-page { min-height: 100vh; }
.seo-news-page a, .seo-news-detail-page a, .seo-news-back a { color: inherit; }
.seo-news-main { width: min(1120px, calc(100% - 2rem)); margin: 2.5rem auto 4rem; }
.seo-news-heading { margin: 0 auto 2rem; text-align: center; }
.seo-news-heading h1 { margin: .3rem 0 .6rem; }
.seo-news-eyebrow { letter-spacing: .16em; opacity: .72; font-size: .82rem; }
.seo-news-intro { opacity: .82; }
.seo-news-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); gap: 1rem; }
.seo-news-list article, .seo-news-list .seo-news-entry { min-width: 0; }
.seo-news-card { text-decoration: none; }
.seo-news-date { display: block; margin: .5rem 0; font-size: .88rem; opacity: .78; }
.seo-news-summary { display: block; margin-top: .45rem; opacity: .82; line-height: 1.6; }
.seo-news-read { display: inline-block; margin-top: .4rem; }
.seo-news-more { text-align: center; margin: 1.5rem auto; }
.seo-news-more a, .seo-news-back a { text-underline-offset: .2em; }
.seo-news-detail-page { min-height: 100vh; }
.seo-news-back-top { width: min(1120px, calc(100% - 2rem)); margin: 1rem auto; padding: 0 20px; }
.seo-news-detail { max-width: 900px; margin-left: auto; margin-right: auto; }
.seo-news-detail-meta { opacity: .78; margin: .6rem 0 1.5rem; }
.seo-news-content { line-height: 1.9; overflow-wrap: anywhere; }
.seo-news-content p { white-space: normal; }
.seo-news-back { margin: 1rem 0; }
.seo-news-nav-links { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
@media (max-width: 640px) {
  .seo-news-main { width: min(100% - 1.25rem, 1120px); margin-top: 1.5rem; }
  .seo-news-list { grid-template-columns: 1fr; }
  .seo-news-nav-links { gap: .6rem; }
}

.seo-news-page.article-page, .seo-news-detail-page.article-page { color: var(--text-primary, #e5e7eb); background: var(--bg-primary, #0b1020); }
.seo-news-list .item-w9m6 { align-items: stretch; }
.date-p5k7.seo-news-date { min-width: 128px; padding: .8rem; display: flex; align-items: center; justify-content: center; text-align: center; }
.seo-news-content.article-content { color: inherit; }
@media (max-width: 640px) { .date-p5k7.seo-news-date { min-width: 0; } }