:root{
  --bg:#d7d7d2;
  --bg-2:#eaeae5;
  --fg:#141413;
  --muted:#5c5c56;
  --line:#b3b3ac;
  --accent:#ff2d20;
  --accent-2:#ffe500;
  --accent-3:#7dff3c;
  --gap:24px;
  --radius:8px;
  --shadow:7px 7px 0 #141413;
  --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:var(--font);font-size:17px;line-height:1.8;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;height:auto;}
a{color:var(--fg);text-decoration:none;border-bottom:2px solid transparent;}
a:hover{border-bottom-color:var(--accent);}
a:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px;}
h1,h2,h3{font-family:var(--font);font-weight:600;line-height:1.35;margin:0 0 12px;}
h1{font-size:30px;letter-spacing:.5px;}
h2{font-size:22px;}
h3{font-size:17px;}
p{margin:0 0 14px;font-size:17px;}
.zonelotteryq-header{background:var(--fg);color:#fff;padding:14px 24px;position:sticky;top:0;z-index:30;border-bottom:4px solid var(--accent);}
.zonelotteryq-nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px;max-width:1380px;margin:0 auto;}
.zonelotteryq-brand{font-size:14px;letter-spacing:3px;color:var(--accent-3);font-weight:700;}
.nav-links{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;}
.nav-links a{display:inline-block;padding:3px 14px;border-radius:999px;background:var(--bg-2);color:var(--fg);font-size:14px;border:2px solid transparent;line-height:1.6;}
.nav-links a:hover{background:var(--accent-2);border-color:var(--fg);border-bottom-color:var(--fg);transform:translateY(-2px);}
.nav-links a:focus-visible{outline:3px solid var(--accent-3);outline-offset:2px;}
.zonelotteryq-layout{max-width:1380px;margin:0 auto;padding:32px 24px 56px;display:grid;grid-template-columns:minmax(0,1fr) 320px 210px;gap:var(--gap);align-items:start;}
.zonelotteryq-main{grid-column:1;grid-row:1 / span 2;min-width:0;}
.zonelotteryq-side{grid-column:2;grid-row:1;min-width:0;}
.zonelotteryq-note{grid-column:3;grid-row:1;min-width:0;}
.zonelotteryq-faq{grid-column:2;grid-row:2;min-width:0;}
.zonelotteryq-note2{grid-column:3;grid-row:2;min-width:0;}
.zonelotteryq-block{margin-bottom:56px;}
.zonelotteryq-hero{text-align:center;padding:8px 0 0;}
.zonelotteryq-hero h1{font-size:30px;margin-bottom:16px;}
.zonelotteryq-lead{max-width:720px;margin:0 auto 20px;font-size:17px;color:var(--fg);}
.zonelotteryq-divider{width:100%;height:2px;background:var(--line);border:0;margin:0 auto 26px;}
.zonelotteryq-figure{margin:0 0 20px;}
.zonelotteryq-figure img{border-radius:var(--radius);border:3px solid var(--fg);width:100%;object-fit:cover;}
.zonelotteryq-figure figcaption{font-size:14px;color:var(--muted);margin-top:6px;}
.zonelotteryq-card{background:var(--fg);color:#fff;padding:18px;border-radius:var(--radius);box-shadow:var(--shadow);transform:rotate(-.6deg);margin-bottom:28px;}
.zonelotteryq-card h3{color:#fff;font-size:17px;margin-bottom:8px;}
.zonelotteryq-card p{color:#f1f1ec;font-size:14px;line-height:1.7;margin:0 0 8px;}
.zonelotteryq-card a{color:var(--accent-2);border-bottom:2px solid var(--accent-2);}
.zonelotteryq-card:hover{transform:rotate(0deg) translate(-3px,-3px);box-shadow:10px 10px 0 var(--accent);}
.zonelotteryq-card:nth-child(even){transform:rotate(.8deg);}
.zonelotteryq-card--red{background:var(--accent);}
.zonelotteryq-card--green{background:#2b6b18;}
.zonelotteryq-card--red p,.zonelotteryq-card--green p{color:#f7f7f2;}
.zonelotteryq-timeline{position:relative;margin:0;padding:0 0 0 28px;list-style:none;}
.zonelotteryq-timeline::before{content:"";position:absolute;left:8px;top:8px;bottom:10px;width:3px;background:var(--fg);}
.zonelotteryq-tl-item{position:relative;padding:0 0 26px 2px;}
.zonelotteryq-tl-item::before{content:"";position:absolute;left:-27px;top:10px;width:13px;height:13px;border-radius:50%;background:var(--accent);border:2px solid var(--fg);}
.zonelotteryq-tl-item:nth-child(even)::before{background:var(--accent-3);}
.zonelotteryq-tl-item:first-child::before{background:var(--accent-2);}
.zonelotteryq-tl-date{display:inline-block;font-size:14px;background:var(--bg-2);border:2px solid var(--line);border-radius:999px;padding:0 10px;color:var(--fg);}
.zonelotteryq-tl-title{font-size:17px;font-weight:600;margin:8px 0 4px;line-height:1.5;}
.zonelotteryq-tl-text{font-size:17px;color:var(--muted);margin:0;}
.zonelotteryq-table{width:100%;border-collapse:collapse;background:var(--bg-2);font-size:14px;margin:0 0 18px;}
.zonelotteryq-table th{border:2px solid var(--fg);padding:8px 10px;text-align:left;background:var(--fg);color:#fff;font-size:14px;font-weight:600;}
.zonelotteryq-table td{border:2px solid var(--line);padding:8px 10px;vertical-align:top;line-height:1.7;}
.zonelotteryq-table tbody tr:nth-child(even){background:#dfdfd8;}
.zonelotteryq-table tbody tr:hover{background:var(--accent-2);}
.zonelotteryq-faq{background:var(--bg-2);border-left:6px solid var(--accent);border-radius:var(--radius);padding:16px;}
.zonelotteryq-faq h2{font-size:17px;margin-bottom:10px;}
.zonelotteryq-faq-item{border-bottom:2px dashed var(--line);padding:4px 0;}
.zonelotteryq-faq-item:last-child{border-bottom:0;}
.zonelotteryq-faq-item summary{cursor:pointer;font-size:14px;font-weight:600;line-height:1.6;padding:6px 0;list-style:none;}
.zonelotteryq-faq-item summary::-webkit-details-marker{display:none;}
.zonelotteryq-faq-item summary::before{content:"＋";color:var(--accent);margin-right:6px;font-weight:700;}
.zonelotteryq-faq-item[open] summary::before{content:"－";}
.zonelotteryq-faq-item[open] summary{color:var(--accent);}
.zonelotteryq-faq-item p{font-size:14px;line-height:1.7;color:var(--muted);margin:2px 0 10px;}
.zonelotteryq-btn{display:inline-block;background:var(--accent);color:#fff;padding:9px 22px;border-radius:999px;border:3px solid var(--fg);box-shadow:5px 5px 0 var(--fg);font-size:17px;font-weight:600;line-height:1.6;}
.zonelotteryq-btn:hover{background:var(--accent-2);color:var(--fg);transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--fg);border-bottom-color:var(--fg);}
.zonelotteryq-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--fg);}
.zonelotteryq-badge{display:inline-block;background:var(--accent-3);color:var(--fg);font-size:14px;padding:0 10px;border-radius:999px;border:2px solid var(--fg);line-height:1.7;}
.zonelotteryq-note-list{list-style:none;margin:0 0 18px;padding:0;font-size:14px;}
.zonelotteryq-note-list li{padding:6px 0;border-bottom:2px dotted var(--line);color:var(--muted);line-height:1.6;}
.zonelotteryq-note-list li:first-child{color:var(--fg);font-weight:600;}
.zonelotteryq-note2 p{font-size:14px;line-height:1.7;color:var(--muted);}
.zonelotteryq-note2 h2{font-size:14px;letter-spacing:1px;}
.zonelotteryq-cta{background:var(--accent-2);border:4px solid var(--fg);box-shadow:var(--shadow);border-radius:var(--radius);padding:24px;}
.zonelotteryq-cta h2{font-size:22px;}
.zonelotteryq-cta p{max-width:720px;}
.zonelotteryq-footer{background:var(--fg);color:#e9e9e4;padding:32px 24px 18px;border-top:6px solid var(--accent-3);}
.zonelotteryq-footer-inner{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--gap);}
.zonelotteryq-footer h3{color:var(--accent-2);font-size:14px;letter-spacing:1px;margin-bottom:8px;}
.zonelotteryq-footer p{font-size:14px;color:#c9c9c2;margin:0 0 6px;line-height:1.7;}
.zonelotteryq-footer a{color:#fff;border-bottom:2px solid var(--accent-3);}
.zonelotteryq-footer a:hover{color:var(--accent-2);border-bottom-color:var(--accent-2);}
.zonelotteryq-footer-bottom{max-width:1380px;margin:18px auto 0;border-top:2px solid #3a3a36;padding-top:12px;font-size:14px;color:#a8a8a1;text-align:center;line-height:1.7;}
.zonelotteryq-footer-bottom a{margin:0 4px;}
@media (max-width:1024px){
  .zonelotteryq-layout{grid-template-columns:minmax(0,1fr) 300px;}
  .zonelotteryq-main{grid-column:1;grid-row:1 / span 2;}
  .zonelotteryq-side{grid-column:2;grid-row:1;}
  .zonelotteryq-faq{grid-column:2;grid-row:2;}
  .zonelotteryq-note{grid-column:1 / span 2;grid-row:3;}
  .zonelotteryq-note2{grid-column:1 / span 2;grid-row:4;}
  .zonelotteryq-note-list{display:flex;flex-wrap:wrap;gap:8px 18px;}
  .zonelotteryq-note-list li{border-bottom:0;padding:2px 0;}
}
@media (max-width:720px){
  .zonelotteryq-header{padding:12px 16px;}
  .zonelotteryq-nav{gap:10px;}
  .nav-links{gap:6px;}
  .nav-links a{font-size:14px;padding:2px 10px;}
  .zonelotteryq-layout{grid-template-columns:1fr;padding:20px 16px 40px;gap:20px;}
  .zonelotteryq-main,.zonelotteryq-side,.zonelotteryq-faq,.zonelotteryq-note,.zonelotteryq-note2{grid-column:1;grid-row:auto;}
  h1,.zonelotteryq-hero h1{font-size:22px;}
  h2{font-size:17px;}
  h3,.zonelotteryq-tl-title,.zonelotteryq-tl-text,.zonelotteryq-lead{font-size:14px;}
  body,.zonelotteryq-tl-text,p{font-size:14px;}
  .zonelotteryq-block{margin-bottom:36px;}
  .zonelotteryq-table{font-size:14px;display:block;overflow-x:auto;}
  .zonelotteryq-cta{padding:16px;}
}