*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;background:#f5f5f0;color:#222;line-height:1.7}

/* Nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:60px;background:rgba(34,34,34,0.97);backdrop-filter:blur(10px);border-bottom:1px solid rgba(191,255,0,0.1)}
.nav-inner{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 30px}
.nav-logo{font-size:1.05rem;font-weight:800;color:#BFFF00;letter-spacing:1px;text-decoration:none}
.nav-links{display:flex;align-items:center;gap:24px}
.nav-links a{font-size:.85rem;font-weight:500;color:rgba(255,255,255,0.7);text-decoration:none;transition:color .2s}
.nav-links a:hover{color:#BFFF00}
.nav-btn{padding:7px 18px;border-radius:6px;background:#BFFF00;color:#222!important;font-weight:600!important;font-size:.85rem!important}
body{padding-top:60px}

/* Hero Strip */
.hero-d{background:#BFFF00;padding:70px 30px 60px;text-align:center}
.hero-d h1{font-size:clamp(1.5rem,3.2vw,2.2rem);font-weight:800;color:#222;margin-bottom:10px;letter-spacing:2px}
.hero-d p{font-size:clamp(.85rem,1.2vw,.95rem);color:rgba(0,0,0,0.5);margin-bottom:22px}
.hero-d-btns{display:flex;justify-content:center;gap:14px}
.hero-d-btn{padding:12px 32px;border-radius:8px;font-size:.92rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}
.hero-d-btn-primary{background:#222;color:#BFFF00}
.hero-d-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,0.18)}
.hero-d-btn-o{background:transparent;border:2px solid #222;color:#222}
.hero-d-btn-o:hover{background:#222;color:#BFFF00}

/* Section */
.sec{padding:60px 30px}
.sec-alt{background:#e8e8e0}
.sec-inner{max-width:1200px;margin:0 auto}
.sec-title{text-align:center;margin-bottom:28px}
.sec-title h2{font-size:1.35rem;font-weight:700;margin-bottom:6px}
.sec-title p{font-size:.88rem;color:#6b7280}
.view-all{text-align:center;margin-top:22px}
.view-all a{display:inline-flex;padding:10px 28px;border-radius:50px;background:#222;color:#BFFF00;font-weight:600;font-size:.85rem;text-decoration:none;transition:all .2s}
.view-all a:hover{background:#333;transform:translateY(-1px)}

/* Magazine Grid 2列 — 大卡+小卡+底条 */
.mag{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}
.mag>div{border-radius:12px}
.mag-feat{background:#BFFF00;grid-row:1/3;padding:28px 24px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;transition:all .3s;min-height:200px}
.mag-feat:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,0.10)}
.mag-feat .mg-tag{display:inline-block;padding:3px 12px;background:rgba(0,0,0,0.08);border-radius:4px;font-size:.72rem;font-weight:700;color:#222;margin-bottom:10px;align-self:flex-start}
.mag-feat h3{font-size:1rem;font-weight:700;color:#222;line-height:1.4;margin-bottom:6px}
.mag-feat p{font-size:.78rem;color:rgba(0,0,0,0.5);line-height:1.5;margin-bottom:12px}
.mag-feat .mg-link{font-size:.78rem;font-weight:600;color:#222}
.mag-card{background:#fff;padding:18px 16px;border:1px solid rgba(191,255,0,0.15);text-decoration:none;display:flex;flex-direction:column;justify-content:center;transition:all .2s}
.mag-card:hover{transform:translateY(-2px);border-color:#BFFF00;box-shadow:0 6px 16px rgba(0,0,0,0.04)}
.mag-card .ml{display:inline-block;padding:2px 10px;background:#e0e0d8;border-radius:4px;font-size:.65rem;font-weight:600;color:#555;margin-bottom:5px;align-self:flex-start}
.mag-card h4{font-size:.82rem;font-weight:600;color:#222;line-height:1.4}
.mag-bar{background:#BFFF00;grid-column:1/3;border-radius:12px;padding:14px 20px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s}
.mag-bar:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.06)}
.mag-bar span{font-size:.82rem;font-weight:700;color:#222}
@media(max-width:768px){
  .mag{grid-template-columns:1fr}
  .mag-feat{grid-row:auto;min-height:120px}
  .mag-bar{grid-column:1}
}

/* News Grid 4列 */
.ng{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ng a{display:block;padding:14px 14px;border-radius:8px;font-size:.78rem;font-weight:600;color:#222;text-decoration:none;line-height:1.4;transition:all .2s}
.ng-grn{background:#BFFF00}
.ng-gry{background:#fff;border:1px solid rgba(191,255,0,0.12)}
.ng-gry2{background:#ddd8d0}
.ng a:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,0.05)}
@media(max-width:768px){.ng{grid-template-columns:repeat(2,1fr)}}

/* CTA */
.cta-sec{background:#222;padding:60px 30px;text-align:center}
.cta-inner{max-width:600px;margin:0 auto}
.cta-sec h2{font-size:1.4rem;font-weight:700;color:#BFFF00;margin-bottom:8px}
.cta-sec p{font-size:.88rem;color:rgba(255,255,255,0.45);margin-bottom:22px}
.cta-btns{display:flex;justify-content:center;gap:14px}
.cta-btn{padding:12px 34px;border-radius:8px;font-size:.92rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}
.cta-btn-primary{background:#BFFF00;color:#222}
.cta-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(191,255,0,0.2)}
.cta-btn-o{background:transparent;border:2px solid #BFFF00;color:#BFFF00}
.cta-btn-o:hover{background:#BFFF00;color:#222}

/* Footer */
.footer-s{background:#1a1a1a;padding:50px 30px 24px}
.ft-inner{max-width:1200px;margin:0 auto}
.ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:30px}
.ft-col h4{font-size:.92rem;font-weight:700;color:#BFFF00;margin-bottom:10px}
.ft-col p{font-size:.78rem;color:rgba(255,255,255,0.4);line-height:1.6}
.ft-col a{display:block;font-size:.78rem;color:rgba(255,255,255,0.35);margin-bottom:6px;text-decoration:none;transition:color .2s}
.ft-col a:hover{color:#BFFF00}
.ft-bottom{padding-top:20px;border-top:1px solid rgba(255,255,255,0.05);text-align:center}
.ft-bottom p{font-size:.72rem;color:rgba(255,255,255,0.25)}
.ft-bottom .disc{color:rgba(191,255,0,0.15)!important;margin-top:6px}
@media(max-width:768px){.ft-grid{grid-template-columns:1fr 1fr}}