:root{
  --bg:#f4f5fb;
  --fg:#1b1d2a;
  --muted:#5c6076;
  --line:#dde0ef;
  --accent:#4f46e5;
  --accent-2:#312e81;
  --gap:88px;
  --radius:12px;
  --shadow:0 6px 20px rgba(49,46,129,.09);
  --font:"Segoe UI","Microsoft YaHei",sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font-family:"Segoe UI","Microsoft YaHei",sans-serif;
  font-size:15px;
  line-height:2.0;
}
a{color:var(--accent-2);text-decoration:none;}
a:hover{color:var(--accent);}
.clublotteryq-shell{max-width:1200px;margin:0 auto;padding:0 24px;}
.clublotteryq-masthead{
  background:linear-gradient(120deg,#4f46e5,#312e81);
  padding:12px 0;
  position:sticky;
  top:0;
  z-index:20;
  box-shadow:0 4px 16px rgba(49,46,129,.22);
}
.clublotteryq-masthead-inner{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.nav-links{display:flex;flex-wrap:wrap;gap:10px;}
.nav-links a{
  display:inline-block;
  padding:5px 16px;
  border-radius:999px;
  color:#eef0ff;
  background:rgba(255,255,255,.12);
  font-size:15px;
  line-height:1.9;
  transition:background .2s,color .2s,transform .2s;
}
.nav-links a:hover{background:#22d3ee;color:#1b1d2a;transform:translateY(-2px);}
.nav-links a:focus-visible{outline:2px solid #22d3ee;outline-offset:2px;}
.clublotteryq-hero{
  background:linear-gradient(150deg,#312e81,#4f46e5 68%,#22d3ee);
  color:#fff;
  padding:64px 0;
}
.clublotteryq-hero h1{
  font-size:34px;
  font-weight:700;
  line-height:1.5;
  margin:0 0 24px;
}
.clublotteryq-metrics{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 30px;}
.clublotteryq-metric{
  border:1px solid rgba(255,255,255,.55);
  border-radius:999px;
  padding:3px 20px;
  font-size:15px;
  color:#fff;
  background:rgba(255,255,255,.10);
}
.clublotteryq-hero-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;}
.clublotteryq-hero-copy p{margin:0 0 16px;font-size:18px;line-height:2.0;color:#e8eaff;}
.clublotteryq-hero-copy p:first-child{grid-column:1 / -1;}
.clublotteryq-magazine{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 250px;
  gap:32px;
  align-items:start;
  margin-top:var(--gap);
}
.clublotteryq-col{display:flex;flex-direction:column;gap:var(--gap);}
.clublotteryq-block{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:28px;
}
.clublotteryq-block h2{
  font-size:24px;
  font-weight:700;
  line-height:1.6;
  margin:0 0 10px;
  color:var(--accent-2);
}
.clublotteryq-block p{margin:0 0 12px;color:var(--muted);}
.clublotteryq-block p:first-of-type{color:var(--fg);}
.clublotteryq-block p:last-child{margin-bottom:0;}
.clublotteryq-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:20px 22px;
  box-shadow:var(--shadow);
  transition:transform .2s,box-shadow .2s,border-color .2s;
}
.clublotteryq-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(49,46,129,.14);border-color:#c6c6f7;}
.clublotteryq-card:nth-child(even){background:#fbfbff;}
.clublotteryq-aside{display:flex;flex-direction:column;gap:24px;}
.clublotteryq-sidecard h2{font-size:18px;font-weight:700;margin:0 0 8px;color:var(--accent-2);line-height:1.7;}
.clublotteryq-sidecard p{margin:0;font-size:15px;color:var(--muted);line-height:2.0;}
.clublotteryq-sidecard img{width:100%;height:auto;border-radius:8px;display:block;margin-bottom:12px;}
.clublotteryq-news{margin-top:var(--gap);}
.clublotteryq-news-figure{margin:0 0 22px;}
.clublotteryq-news-figure img{width:100%;height:auto;border-radius:var(--radius);display:block;}
.clublotteryq-timeline{
  list-style:none;
  margin:24px 0 0;
  padding:0 0 0 26px;
  border-left:2px solid var(--line);
}
.clublotteryq-timeline-entry{position:relative;margin-bottom:28px;}
.clublotteryq-timeline-entry::before{
  content:"";
  position:absolute;
  left:-34px;
  top:16px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 4px #e7e7fb;
}
.clublotteryq-timeline-entry:last-child{margin-bottom:0;}
.clublotteryq-news-date{display:inline-block;font-size:15px;font-weight:700;color:var(--accent);}
.clublotteryq-news-card h3{font-size:18px;font-weight:700;line-height:1.7;margin:6px 0 8px;color:var(--accent-2);}
.clublotteryq-news-card p{margin:0;color:var(--muted);font-size:15px;}
.clublotteryq-faq-section{margin-top:var(--gap);}
.clublotteryq-faq-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  align-items:stretch;
  margin-top:24px;
}
.clublotteryq-faq{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:16px 20px;
  box-shadow:var(--shadow);
  transition:border-color .2s,transform .2s;
}
.clublotteryq-faq:hover{border-color:#c6c6f7;transform:translateY(-2px);}
.clublotteryq-faq summary{
  cursor:pointer;
  font-weight:700;
  font-size:18px;
  line-height:1.8;
  color:var(--accent-2);
}
.clublotteryq-faq[open]{border-color:var(--accent);}
.clublotteryq-faq p{margin:10px 0 0;font-size:15px;color:var(--muted);line-height:2.0;}
.clublotteryq-button{
  display:inline-block;
  padding:10px 26px;
  border-radius:999px;
  background:linear-gradient(120deg,#4f46e5,#22d3ee);
  color:#fff;
  font-weight:700;
  font-size:15px;
  border:none;
  cursor:pointer;
  transition:transform .18s,box-shadow .18s;
}
.clublotteryq-button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(79,70,229,.35);color:#fff;}
.clublotteryq-button:active{transform:translateY(0);box-shadow:none;}
.clublotteryq-footer{
  background:linear-gradient(120deg,#312e81,#4f46e5);
  color:#dfe1ff;
  padding:48px 0;
  margin-top:var(--gap);
}
.clublotteryq-footer p{margin:0 0 8px;font-size:15px;line-height:2.0;}
.clublotteryq-footer a{color:#a5f3fc;}
.clublotteryq-footer a:hover{color:#fff;}
@media (max-width:1024px){
  .clublotteryq-magazine{grid-template-columns:1fr 1fr;}
  .clublotteryq-aside{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;}
  .clublotteryq-sidecard{flex:1 1 240px;}
  .clublotteryq-hero-copy{grid-template-columns:1fr;}
  .clublotteryq-hero-copy p:first-child{grid-column:auto;}
  .clublotteryq-hero h1{font-size:24px;}
}
@media (max-width:720px){
  .clublotteryq-magazine{grid-template-columns:1fr;gap:24px;}
  .clublotteryq-hero{padding:40px 0;}
  .clublotteryq-hero h1{font-size:24px;line-height:1.6;}
  .clublotteryq-block{padding:20px;}
  .clublotteryq-faq-grid{grid-template-columns:1fr;}
  .clublotteryq-hero-copy p{font-size:15px;}
  :root{--gap:48px;}
}