:root{
  --bg:#f6fbf8;
  --fg:#0f2a22;
  --muted:#5b7a70;
  --line:#d8e8e1;
  --accent:#10b981;
  --accent-2:#047857;
  --gap:32px;
  --radius:12px;
  --shadow:0 2px 10px rgba(4,120,87,.08);
  --font:"Segoe UI","Microsoft YaHei",sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;font-family:var(--font);background:var(--bg);color:var(--fg);font-size:17px;line-height:1.7;}
a{color:var(--accent-2);text-decoration:none;}
img{display:block;max-width:100%;}
h1,h2,h3{margin:0 0 12px;line-height:1.25;font-weight:700;}
h1{font-size:44px;letter-spacing:-.5px;}
h2{font-size:28px;}
h3{font-size:21px;}
p{margin:0 0 12px;}
.activelotter-header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line);}
.activelotter-header-inner{max-width:1080px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.activelotter-logo{font-size:21px;font-weight:700;color:var(--accent-2);}
.nav-links{display:flex;flex-wrap:wrap;gap:8px;}
.nav-links a{padding:6px 14px;border-radius:999px;background:#eef8f3;color:#0f2a22;font-size:15px;border:1px solid transparent;transition:background .18s ease,color .18s ease;}
.nav-links a:hover{background:var(--accent);color:#fff;}
.nav-links a:first-child{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:600;}
.activelotter-main{max-width:1080px;margin:0 auto;padding:0 20px 40px;}
.activelotter-block{padding:var(--gap) 0;border-bottom:1px dashed var(--line);}
.activelotter-block:last-child{border-bottom:0;}
.activelotter-hero{display:flex;gap:24px;align-items:flex-start;padding-top:36px;}
.activelotter-hero-text{flex:1 1 auto;min-width:0;}
.activelotter-hero-figure{flex:0 0 128px;width:128px;}
.activelotter-hero-figure img{width:128px;height:128px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow);}
.activelotter-hero p{color:#24463c;}
.activelotter-lead{color:var(--muted);font-size:17px;}
.activelotter-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 16px;}
.activelotter-stat{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;transition:transform .18s ease;}
.activelotter-stat:hover{transform:translateY(-2px);}
.activelotter-stat b{display:block;font-size:28px;color:var(--accent-2);line-height:1.3;}
.activelotter-stat span{font-size:15px;color:var(--muted);}
.activelotter-figure{margin:16px 0 0;}
.activelotter-figure img{width:100%;max-width:520px;border-radius:var(--radius);box-shadow:var(--shadow);}
.activelotter-news{list-style:none;margin:0;padding:0;}
.activelotter-news > li{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);}
.activelotter-news > li:nth-child(even){background:#fbfefc;}
.activelotter-news > li:first-child{padding-top:6px;}
.activelotter-news-date{font-size:14px;color:var(--muted);line-height:1.5;padding-top:4px;}
.activelotter-news h3{margin:0 0 6px;}
.activelotter-news h3 a{color:var(--fg);}
.activelotter-news h3 a:hover{color:var(--accent-2);text-decoration:underline;}
.activelotter-news p{margin:0;font-size:16px;color:#3c5a50;}
.activelotter-faq-item{background:#f3faf7;border:1px solid var(--line);border-radius:8px;padding:0 16px;margin-bottom:12px;transition:box-shadow .18s ease;}
.activelotter-faq-item:hover{box-shadow:var(--shadow);}
.activelotter-faq-item summary{cursor:pointer;padding:12px 0;font-size:17px;font-weight:600;color:#12463a;list-style:none;}
.activelotter-faq-item summary::-webkit-details-marker{display:none;}
.activelotter-faq-item summary:hover{color:var(--accent-2);}
.activelotter-faq-item p{margin:0;padding:0 0 14px;font-size:16px;color:#3c5a50;}
.activelotter-btn{display:inline-block;padding:10px 22px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:16px;border:0;transition:filter .18s ease,transform .12s ease;}
.activelotter-btn:hover{filter:brightness(1.08);}
.activelotter-btn:active{transform:translateY(1px);}
a:focus-visible,summary:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:6px;}
.activelotter-footer{background:#fff;border-top:1px solid var(--line);padding:28px 20px;}
.activelotter-footer-inner{max-width:1080px;margin:0 auto;font-size:15px;color:var(--muted);line-height:1.9;}
.activelotter-footer-inner p{margin:0 0 6px;}
.activelotter-footer-inner a{color:var(--accent-2);}
.activelotter-footer-inner a:hover{text-decoration:underline;}
.activelotter-copy{margin-top:10px;font-size:14px;color:#7b968c;}
@media (max-width:1024px){
  h1{font-size:36px;}
  h2{font-size:26px;}
  .activelotter-main{padding:0 16px 32px;}
  .activelotter-stats{grid-template-columns:repeat(2,1fr);}
  .activelotter-hero{gap:18px;}
}
@media (max-width:720px){
  body{font-size:16px;}
  h1{font-size:28px;}
  h2{font-size:21px;}
  h3{font-size:18px;}
  .activelotter-hero{flex-direction:row;align-items:flex-start;}
  .activelotter-hero-figure{flex:0 0 96px;width:96px;}
  .activelotter-hero-figure img{width:96px;height:96px;}
  .activelotter-news > li{grid-template-columns:1fr;gap:4px;}
  .activelotter-news-date{padding-top:0;}
  .activelotter-stats{grid-template-columns:repeat(2,1fr);}
  .activelotter-header-inner{padding:8px 12px;}
  .nav-links a{font-size:14px;padding:5px 11px;}
}