/* n2 - Brutalist 粗野主义：厚边框+等宽字体+无圆角+高对比度 */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:"JetBrains Mono","Fira Code",monospace;background:#fff;color:#000;font-size:14px;line-height:1.6}
a{color:#000;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}a:hover{background:#000;color:#fff}
img{max-width:100%;border:3px solid #000}ul,ol{list-style:none;padding:0;margin:0}
.n2-container{max-width:1000px;margin:0 auto;padding:30px 20px}

/* Top bar - raw */
.n2-top{border-bottom:3px solid #000;padding:14px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:2px}
.n2-top .n2-brand{font-weight:900;font-size:18px;display:flex;align-items:center;gap:8px}.n2-top .n2-brand img{height:24px;border:none}

/* Nav - brut buttons */
.n2-nav{display:flex;gap:0;flex-wrap:wrap;border:3px solid #000;border-top:none;padding:0}
.n2-nav a{padding:12px 24px;border-right:3px solid #000;font-size:13px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:1px}.n2-nav a:hover{background:#000;color:#fff}.n2-nav a:last-child{border-right:none}
.n2-nav .drop{position:relative}.n2-nav .drop-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border:3px solid #000;min-width:180px;z-index:10}.n2-nav .drop:hover .drop-menu{display:block}.n2-nav .drop-menu a{display:block;border-right:none;border-bottom:3px solid #000}.n2-nav .drop-menu a:last-child{border-bottom:none}

.n2-btn{display:inline-block;padding:10px 24px;border:3px solid #000;font-size:13px;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:1px;text-decoration:none;background:#fff;color:#000}.n2-btn:hover{background:#000;color:#fff}.n2-btn-black{background:#000;color:#fff}.n2-btn-black:hover{background:#ff0;color:#000;border-color:#ff0}

/* Hero */
.n2-hero{border:3px solid #000;margin:30px 0;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.n2-hero .n2-hero-text .n2-label{display:inline-block;background:#ff0;color:#000;padding:4px 12px;font-size:11px;font-weight:900;text-transform:uppercase;margin-bottom:16px}
.n2-hero .n2-hero-text h1{font-size:36px;font-weight:900;line-height:1.1;margin-bottom:12px;text-transform:uppercase}
.n2-hero .n2-hero-text p{font-size:13px;color:#555;margin-bottom:20px}
.n2-hero .n2-hero-img img{width:100%;max-height:240px;object-fit:cover}

/* Sections */
.n2-section{margin:40px 0}.n2-sec-title{border-left:8px solid #000;padding-left:16px;margin-bottom:24px}.n2-sec-title h2{font-size:24px;font-weight:900;text-transform:uppercase;letter-spacing:1px}

/* Grid */
.n2-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:3px solid #000;border-bottom:none}.n2-card{border-bottom:3px solid #000;border-right:3px solid #000;overflow:hidden}.n2-card:nth-child(4n){border-right:none}.n2-card:hover{background:#ff0}.n2-card .nc-thumb{height:120px;overflow:hidden}.n2-card .nc-thumb img{width:100%;height:100%;object-fit:cover;border:none;filter:grayscale(1)}.n2-card:hover .nc-thumb img{filter:grayscale(0)}.n2-card .nc-body{padding:14px 16px}.n2-card .nc-body h4{font-size:13px;font-weight:900;text-transform:uppercase}.n2-card .nc-body .nc-meta{font-size:10px;color:#555;margin-top:4px}

/* 2 col */
.n2-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:3px solid #000}.n2-hcard{display:flex;border-bottom:3px solid #000}.n2-hcard:last-child{border-bottom:none}.n2-hcard .nh-img{width:200px;flex-shrink:0}.n2-hcard .nh-img img{width:100%;height:100%;object-fit:cover;border:none}.n2-hcard .nh-body{padding:24px}.n2-hcard .nh-body .nh-tag{display:inline-block;background:#000;color:#fff;padding:2px 8px;font-size:10px;font-weight:900;text-transform:uppercase;margin-bottom:8px}.n2-hcard .nh-body h4{font-size:16px;font-weight:900;text-transform:uppercase}.n2-hcard .nh-body p{font-size:12px;color:#555}

/* Stats */
.n2-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:3px solid #000;margin:30px 0}.n2-stat{text-align:center;padding:30px 16px;border-right:3px solid #000}.n2-stat:last-child{border-right:none}.n2-stat .ns-val{font-size:36px;font-weight:900}.n2-stat .ns-lbl{font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-top:4px;color:#555}

/* Reviews */
.n2-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:3px solid #000}.n2-review{padding:24px;border-right:3px solid #000}.n2-review:last-child{border-right:none}.n2-review .nr-text{font-size:13px;margin-bottom:12px;line-height:1.6}.n2-review .nr-author{font-weight:900;font-size:12px;text-transform:uppercase;display:flex;align-items:center;gap:8px}.n2-review .nr-author .nra-img{width:32px;height:32px;overflow:hidden}.n2-review .nr-author .nra-img img{width:100%;height:100%;object-fit:cover;border:none}

/* FAQ */
.n2-faq .fq{border:3px solid #000;margin-bottom:-3px}.n2-faq .fq .q{padding:14px 20px;font-weight:900;text-transform:uppercase;cursor:pointer;display:flex;justify-content:space-between;font-size:14px}.n2-faq .fq .q::after{content:'[+]'}.n2-faq .fq.open .q::after{content:'[-]'}.n2-faq .fq .a{padding:0 20px;max-height:0;overflow:hidden;transition:.3s;font-family:Inter,sans-serif}.n2-faq .fq.open .a{padding:0 20px 16px;max-height:240px}

/* Partners */
.n2-partners{overflow:hidden;padding:30px 0;border:3px solid #000;border-top:none}.n2-partners .track{display:flex;gap:0;animation:n2p 22s linear infinite;width:fit-content}.n2-partners .item{flex-shrink:0;border-right:3px solid #000;padding:18px 30px;display:flex;align-items:center}.n2-partners .item img{height:32px;opacity:1;filter:grayscale(1);border:none}.n2-partners .item:hover img{filter:grayscale(0)}@keyframes n2p{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* Footer */
.n2-footer{border-top:3px solid #000;padding:40px 0 24px;font-size:12px}.n2-footer a{color:#555}.n2-footer a:hover{color:#000;background:transparent}.n2-footer .nf-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px;margin-bottom:20px}.n2-footer h4{font-weight:900;text-transform:uppercase;margin-bottom:8px}.n2-footer .nf-bot{text-align:center;padding-top:16px;border-top:3px solid #000}

/* Inner */
.n2-detail{padding-top:24px}.n2-row{display:flex;gap:24px;flex-wrap:wrap}.n2-col-main{flex:2}.n2-col-side{flex:1;min-width:240px}.n2-pcard{border:3px solid #000;margin-bottom:14px}.n2-pcard-hd{padding:14px 18px;border-bottom:3px solid #000;font-weight:900;text-transform:uppercase}.n2-pcard-bd{padding:18px}.n2-bread{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#555;padding:10px 0}.n2-art-item{display:flex;gap:14px;padding:14px 0;border-bottom:3px solid #000}.n2-art-item .art-t{width:150px;height:100px;overflow:hidden;flex-shrink:0}.n2-art-item .art-t img{width:100%;height:100%;object-fit:cover;border:none}.n2-art-item .art-i h4{font-size:14px;font-weight:900}.n2-art-item .art-i .art-d{font-size:12px;color:#555;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.n2-list-i{padding:8px 0;border-bottom:3px solid #000}.n2-list-i a{color:#000;text-decoration:underline}.n2-tags{display:flex;gap:4px;flex-wrap:wrap}.n2-tags a{padding:4px 10px;border:3px solid #000;font-size:10px;font-weight:900;text-transform:uppercase;text-decoration:none}.n2-tags a:hover{background:#000;color:#fff}.n2-pag{display:flex;justify-content:center;gap:0;padding:24px 0}.n2-pag a,.n2-pag span{padding:8px 14px;border:3px solid #000;margin-left:-3px;font-size:12px;font-weight:900;color:#000;background:#fff;text-decoration:none}.n2-pag a:hover{background:#000;color:#fff}.n2-pag .active span{background:#ff0;color:#000}.n2-dbody{font-size:15px;line-height:1.8}.n2-meta{display:flex;gap:12px;font-size:11px;text-transform:uppercase;color:#555;padding-bottom:8px;border-bottom:3px solid #000;margin-bottom:14px}.n2-pn{display:flex;gap:12px;padding:12px 0;border-top:3px solid #000;margin-top:20px;font-size:12px}.n2-404{text-align:center;padding:100px 20px}.n2-404 .code{font-size:160px;font-weight:900;line-height:1}
@media(max-width:768px){.n2-hero{grid-template-columns:1fr}.n2-grid4{grid-template-columns:1fr 1fr}.n2-grid2,.n2-reviews{grid-template-columns:1fr}.n2-stats{grid-template-columns:1fr 1fr}}
.n2-tagstrip{display:flex;gap:6px;flex-wrap:wrap;padding:14px 0;justify-content:center}.n2-tagstrip a{padding:5px 14px;border:3px solid #000;font-size:11px;font-weight:900;text-transform:uppercase;color:#000}.n2-tagstrip a:hover{background:#ff0;border-color:#ff0}
.n2-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:30px 0;border:3px solid #000}.n2-icon{text-align:center;padding:28px 16px;border-right:3px solid #000}.n2-icon:last-child{border-right:none}.n2-icon .pi-img{width:56px;height:56px;margin:0 auto 12px;overflow:hidden;border:3px solid #000}.n2-icon .pi-img img{width:100%;height:100%;object-fit:cover;border:none;filter:grayscale(1)}.n2-icon h4{font-size:14px;font-weight:900;text-transform:uppercase}.n2-icon p{font-size:11px;color:#555}
.n2-altrow{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:30px 0;border:3px solid #000}.n2-altrow .pa-img{overflow:hidden;border:3px solid #000}.n2-altrow .pa-img img{width:100%;border:none;filter:grayscale(1)}.n2-altrow .pa-text h3{font-size:22px;font-weight:900;text-transform:uppercase}.n2-altrow .pa-text p{font-size:13px;color:#555}
@media(max-width:768px){.n2-icons{grid-template-columns:1fr 1fr}.n2-altrow{grid-template-columns:1fr}}
