:root{
  --bg:#111827;
  --fg:#e5e7eb;
  --muted:#9ca3af;
  --line:#243044;
  --accent:#7c3aed;
  --accent-2:#22c55e;
  --gap:32px;
  --radius:10px;
  --shadow:0 14px 34px rgba(0,0,0,.5);
  --font:"Segoe UI","Microsoft YaHei",sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:2.0;}
a{color:var(--accent-2);text-decoration:none;}
img{border:0;max-width:100%;}
h1,h2,h3{margin:0 0 14px;font-family:var(--font);font-weight:800;letter-spacing:-0.5px;line-height:1.3;}
h1{font-size:40px;}
h2{font-size:26px;}
h3{font-size:20px;}
.websitezhaji-nav{background:#0b1220;border-bottom:2px solid var(--accent);}
.websitezhaji-navbar{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:18px;}
.websitezhaji-brand{font-weight:800;font-size:20px;color:#fff;background:var(--accent);padding:2px 14px;transform:skewX(-8deg);}
.nav-links{display:flex;flex-wrap:wrap;gap:20px;}
.nav-links a{color:#fff;font-size:16px;padding:4px 2px;border-bottom:2px solid transparent;}
.nav-links a:hover{border-bottom-color:var(--accent-2);}
.nav-links a:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px;}
.websitezhaji-main{max-width:1200px;margin:0 auto;padding:0 24px;}
.websitezhaji-hero{padding:56px 0 72px;border-bottom:1px solid var(--line);}
.websitezhaji-hero-img{width:128px;height:128px;border-radius:var(--radius);border:2px solid var(--accent-2);box-shadow:var(--shadow);margin-bottom:24px;transform:skewX(-5deg);}
.websitezhaji-hero h1{color:#fff;}
.websitezhaji-hero p{max-width:880px;margin:0 0 16px;color:#cbd5e1;}
.websitezhaji-btn{display:inline-block;margin-top:10px;padding:10px 28px;background:var(--accent);color:#fff;font-weight:800;border-radius:6px;transform:skewX(-8deg);transition:background .2s,transform .2s,color .2s;}
.websitezhaji-btn:hover{background:var(--accent-2);color:#06210f;transform:skewX(-8deg) translateY(-2px);}
.websitezhaji-btn:active{transform:skewX(-8deg) translateY(1px);}
.websitezhaji-cols{display:flex;flex-wrap:wrap;gap:var(--gap);padding:88px 0;}
.websitezhaji-maincol{flex:1 1 600px;min-width:0;}
.websitezhaji-aside{flex:0 0 320px;max-width:100%;}
.websitezhaji-block{border-left:4px solid var(--accent);background:linear-gradient(90deg,rgba(124,58,237,.12),transparent 72%);padding:8px 0 8px 20px;margin-bottom:88px;}
.websitezhaji-block:last-child{margin-bottom:0;}
.websitezhaji-block h2{color:#fff;}
.websitezhaji-block p{margin:0 0 14px;color:#c7d2e0;}
.websitezhaji-block:first-child h2{color:var(--accent-2);}
.websitezhaji-table{width:100%;border-collapse:collapse;margin-top:14px;}
.websitezhaji-table th,.websitezhaji-table td{border:1px solid var(--line);padding:8px 12px;text-align:left;}
.websitezhaji-table th{background:rgba(124,58,237,.28);color:#fff;font-weight:800;}
.websitezhaji-table tbody tr:nth-child(even){background:rgba(255,255,255,.05);}
.websitezhaji-table tbody tr:hover{background:rgba(34,197,94,.14);}
.websitezhaji-news{display:flex;flex-wrap:wrap;gap:24px;margin-top:24px;}
.websitezhaji-newscard{flex:1 1 calc(50% - 12px);min-width:280px;display:flex;flex-wrap:wrap;padding:20px;border-left:4px solid var(--accent-2);background:rgba(124,58,237,.09);border-radius:var(--radius);transition:transform .2s,box-shadow .2s;}
.websitezhaji-newscard:hover{transform:translate(-4px,-4px);box-shadow:var(--shadow);}
.websitezhaji-newscard:nth-child(even){border-left-color:var(--accent);}
.websitezhaji-newscard h3{flex:1 1 100%;color:#fff;}
.websitezhaji-newscard p{flex:1 1 100%;margin:0 0 12px;color:#c7d2e0;}
.websitezhaji-newsmeta{display:flex;flex-wrap:wrap;width:100%;align-items:flex-end;justify-content:space-between;gap:10px;}
.websitezhaji-date{color:var(--muted);font-size:16px;}
.websitezhaji-newsmeta img{width:64px;height:64px;border-radius:8px;border:1px solid var(--line);}
.websitezhaji-aside-img{width:96px;height:96px;border-radius:var(--radius);border:2px solid var(--accent);margin-bottom:20px;}
.websitezhaji-faq{border-left:4px solid var(--accent);padding-left:18px;}
.websitezhaji-faq h2{color:#fff;}
.websitezhaji-faq details{border-bottom:1px solid var(--line);padding:10px 0;}
.websitezhaji-faq summary{cursor:pointer;font-size:16px;font-weight:800;color:#fff;line-height:1.8;}
.websitezhaji-faq summary:hover{color:var(--accent-2);}
.websitezhaji-faq details p{margin:10px 0 0;color:#c7d2e0;}
.websitezhaji-footer{background:#0b1220;border-top:2px solid var(--accent);margin-top:88px;padding:40px 24px 24px;}
.websitezhaji-footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;}
.websitezhaji-footer p{margin:0 0 8px;color:var(--muted);}
.websitezhaji-footer a{color:var(--accent-2);}
.websitezhaji-footer a:hover{text-decoration:underline;}
.websitezhaji-copy{max-width:1200px;margin:24px auto 0;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);}
@media (max-width:1024px){
  .websitezhaji-aside{flex:1 1 100%;}
  .websitezhaji-maincol{flex:1 1 100%;}
  .websitezhaji-block{margin-bottom:64px;}
  h1{font-size:26px;}
}
@media (max-width:720px){
  .websitezhaji-cols{padding:56px 0;}
  .websitezhaji-main{padding:0 16px;}
  .websitezhaji-newscard{flex:1 1 100%;}
  .nav-links{gap:12px;}
  .websitezhaji-hero{padding:36px 0 48px;}
}
/* 图片按原尺寸显示，不放大 */
img[src^="/img/"]{max-width:256px;max-height:256px;width:auto;height:auto;object-fit:contain;display:inline-block;}
