:root{
  --bg:#f4faf7;
  --fg:#12281f;
  --muted:#5a6f66;
  --line:#d7e8e0;
  --accent:#10b981;
  --accent-2:#047857;
  --gap:24px;
  --radius:14px;
  --shadow:0 10px 24px rgba(4,120,87,.10);
  --font:"Segoe UI","Microsoft YaHei",sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:15px;line-height:2.0;}
img{display:block;max-width:100%;}
h1,h2,h3,h4{font-family:var(--font);font-weight:700;}
a{color:var(--accent-2);}
.safelotteryq-shell{width:min(1240px,92vw);margin:0 auto;}
.safelotteryq-nav{background:#ffffff;border-bottom:2px solid var(--accent);}
.safelotteryq-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 0;}
.safelotteryq-brand{font-size:18px;font-weight:700;color:var(--accent-2);text-decoration:none;letter-spacing:.5px;}
.nav-links{display:flex;flex-wrap:wrap;gap:4px;}
.nav-links a{color:#14352a;text-decoration:none;font-size:15px;padding:6px 10px;border-radius:8px;transition:background .2s ease,color .2s ease;}
.nav-links a:hover{background:#e6f7ef;color:var(--accent-2);}
.nav-links a:focus-visible{outline:3px solid var(--accent);outline-offset:2px;}
.safelotteryq-hero{position:relative;padding:56px 0 12px;margin-bottom:88px;}
.safelotteryq-hero h1{font-size:34px;line-height:1.5;margin:0 0 24px;color:#0d2f25;}
.safelotteryq-hero-body{columns:2;column-gap:48px;padding-right:168px;}
.safelotteryq-hero-body p{margin:0 0 18px;font-size:18px;line-height:2.0;}
.safelotteryq-hero-figure{position:absolute;right:0;bottom:0;width:128px;margin:0;}
.safelotteryq-hero-figure img{width:128px;height:128px;object-fit:cover;border-radius:12px;border:3px solid var(--accent);}
.safelotteryq-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin-bottom:88px;}
.safelotteryq-span-2{grid-column:span 2;}
.safelotteryq-card{background:linear-gradient(135deg,var(--accent),var(--accent-2));padding:3px;clip-path:polygon(28px 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%,0 28px);filter:drop-shadow(0 8px 16px rgba(4,120,87,.12));transition:transform .25s ease;}
.safelotteryq-card:hover{transform:translateY(-6px);}
.safelotteryq-card-inner{background:#ffffff;height:100%;padding:26px;clip-path:polygon(26px 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%,0 26px);}
.safelotteryq-card h2{font-size:24px;margin:0 0 14px;color:var(--accent-2);}
.safelotteryq-card p{margin:0 0 12px;font-size:15px;line-height:2.0;}
.safelotteryq-card-figure{margin:0 0 16px;}
.safelotteryq-card-figure img{width:100%;height:150px;object-fit:cover;border-radius:10px;}
.safelotteryq-table{width:100%;border-collapse:collapse;font-size:15px;margin-top:10px;}
.safelotteryq-table th,.safelotteryq-table td{border:1px solid var(--line);padding:8px 10px;text-align:left;}
.safelotteryq-table th{background:#e6f7ef;color:var(--accent-2);font-weight:700;}
.safelotteryq-table tbody tr:nth-child(even){background:#f7fcf9;}
.safelotteryq-table tbody tr:hover{background:#effaf4;}
.safelotteryq-btn{display:inline-block;margin:6px 10px 6px 0;padding:10px 22px;border-radius:10px;border:2px solid transparent;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#ffffff;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s ease,filter .2s ease;}
.safelotteryq-btn:hover{transform:translateY(-2px);filter:brightness(1.08);}
.safelotteryq-btn:active{transform:translateY(0);box-shadow:inset 0 2px 8px rgba(0,0,0,.25);}
.safelotteryq-btn-ghost{background:#ffffff;color:var(--accent-2);border-color:var(--accent);}
.safelotteryq-news{margin-bottom:88px;}
.safelotteryq-news h2{font-size:34px;margin:0 0 16px;color:#0d2f25;}
.safelotteryq-news-lead{font-size:18px;color:var(--muted);margin:0 0 22px;}
.safelotteryq-news-figure{margin:0 0 24px;}
.safelotteryq-news-figure img{width:100%;max-height:220px;object-fit:cover;border-radius:var(--radius);}
.safelotteryq-news-group{margin-top:40px;}
.safelotteryq-news-group h3{font-size:24px;margin:0 0 6px;color:var(--accent-2);border-left:6px solid var(--accent);padding-left:12px;}
.safelotteryq-news-item{border-bottom:1px solid var(--line);padding:18px 0;transition:background .2s ease;}
.safelotteryq-news-item:hover{background:#f7fcf9;}
.safelotteryq-news-group .safelotteryq-news-item:first-of-type{border-top:1px solid var(--line);}
.safelotteryq-news-date{margin:0;font-size:15px;color:var(--muted);}
.safelotteryq-news-title{font-size:18px;line-height:1.7;margin:4px 0 8px;}
.safelotteryq-news-text{margin:0;font-size:15px;line-height:2.0;}
.safelotteryq-faq{margin-bottom:88px;}
.safelotteryq-faq h2{font-size:34px;margin:0 0 24px;color:#0d2f25;}
.safelotteryq-faq-item{border-bottom:1px solid var(--line);padding:16px 0;}
.safelotteryq-faq-item:first-of-type{border-top:1px solid var(--line);}
.safelotteryq-faq-q{font-size:18px;font-weight:700;cursor:pointer;list-style:none;position:relative;padding-right:34px;color:#14352a;}
.safelotteryq-faq-q::-webkit-details-marker{display:none;}
.safelotteryq-faq-q::after{content:"+";position:absolute;right:8px;top:0;color:var(--accent-2);font-weight:700;}
.safelotteryq-faq-item[open] .safelotteryq-faq-q::after{content:"–";}
.safelotteryq-faq-a{margin:12px 0 0;font-size:15px;line-height:2.0;color:#26433a;}
.safelotteryq-footer{background:#0d2f25;color:#d8efe6;padding:56px 0 24px;}
.safelotteryq-footer h2{font-size:24px;color:#ffffff;margin:0 0 14px;}
.safelotteryq-footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.safelotteryq-footer p{margin:0 0 10px;font-size:15px;}
.safelotteryq-footer a{color:#a9e6cf;text-decoration:none;}
.safelotteryq-footer a:hover{color:#ffffff;text-decoration:underline;}
.safelotteryq-footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:32px;padding-top:18px;font-size:15px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;}
@media (max-width:1024px){
  .safelotteryq-grid{grid-template-columns:repeat(2,1fr);}
  .safelotteryq-hero-body{columns:1;padding-right:0;}
  .safelotteryq-hero-figure{position:static;width:128px;margin:20px 0 0;}
  .safelotteryq-footer-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:720px){
  .safelotteryq-grid{grid-template-columns:1fr;}
  .safelotteryq-span-2{grid-column:span 1;}
  .safelotteryq-hero h1{font-size:24px;}
  .safelotteryq-news h2,.safelotteryq-faq h2{font-size:24px;}
  .safelotteryq-nav-inner{flex-direction:column;align-items:flex-start;}
  .safelotteryq-footer-grid{grid-template-columns:1fr;}
}