:root{
  --bg:#f4f7f2;
  --fg:#0f2419;
  --muted:#5c6b5f;
  --line:#cbd8c4;
  --accent:#064e3b;
  --accent-2:#bef264;
  --earth:#78350f;
  --gap:32px;
  --radius:8px;
  --shadow:0 12px 26px rgba(6,78,59,.14),0 4px 10px rgba(120,53,15,.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:var(--font);
  font-size:15px;
  line-height:1.7;
}
img{max-width:100%;display:block;}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;color:var(--earth);}
a:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px;}
h1,h2,h3,h4{font-family:var(--font);font-weight:700;margin:0;line-height:1.3;}
h1{font-size:34px;}
h2{font-size:24px;}
h3{font-size:18px;}
p{margin:0 0 12px;}
ul{margin:0 0 12px;padding-left:20px;}
li{margin-bottom:6px;}
.openigameqq-header{
  background:var(--accent);
  border-bottom:4px solid var(--accent-2);
  position:sticky;
  top:0;
  z-index:20;
  box-shadow:var(--shadow);
}
.openigameqq-inner{
  max-width:1140px;
  margin:0 auto;
  padding:0 16px;
}
.openigameqq-nav{
  display:flex;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
  padding:10px 0;
}
.openigameqq-brand{
  color:#ffffff;
  font-weight:700;
  font-size:18px;
  letter-spacing:1px;
  padding:4px 12px;
  border:2px solid var(--accent-2);
  border-radius:var(--radius);
  background:rgba(190,242,100,.10);
}
.openigameqq-brand:hover{background:var(--accent-2);color:var(--accent);text-decoration:none;}
.nav-links{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;}
.nav-links a{
  color:#ffffff;
  font-size:15px;
  padding:4px 2px;
  border-bottom:2px solid transparent;
}
.nav-links a:hover{
  text-decoration:none;
  border-bottom-color:var(--accent-2);
  color:var(--accent-2);
}
.openigameqq-block{
  padding:var(--gap) 0;
  border-bottom:2px solid var(--line);
}
.openigameqq-block:nth-of-type(odd){background:#eef4ea;}
.openigameqq-block:nth-of-type(even){background:var(--bg);}
.openigameqq-strip{
  background:var(--accent);
  border-left:8px solid var(--accent-2);
  padding:10px 0;
  margin-bottom:20px;
}
.openigameqq-strip h2{color:#ffffff;font-size:24px;}
.openigameqq-body{padding:0 16px;}
.openigameqq-lead{
  font-size:18px;
  color:var(--earth);
  border-left:4px solid var(--accent-2);
  padding-left:12px;
  margin-bottom:18px;
}
.openigameqq-cols{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}
.openigameqq-hero{padding-top:var(--gap);}
.openigameqq-hero h1{margin-bottom:14px;color:var(--accent);}
.openigameqq-hero-foot{
  display:flex;
  justify-content:flex-end;
  align-items:flex-end;
  gap:16px;
  margin-top:8px;
}
.openigameqq-hero-thumb{
  width:128px;
  height:128px;
  object-fit:cover;
  border:3px solid var(--accent);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.openigameqq-card{
  background:#ffffff;
  border:3px solid var(--accent);
  padding:18px;
  clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);
  box-shadow:var(--shadow);
  transition:transform .18s ease,box-shadow .18s ease;
  margin-bottom:16px;
}
.openigameqq-card:hover{transform:translateY(-4px);box-shadow:0 18px 32px rgba(6,78,59,.22);}
.openigameqq-card h3{margin-bottom:8px;color:var(--accent);}
.openigameqq-card p:last-child{margin-bottom:0;}
.openigameqq-grid-3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.openigameqq-grid-2{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.openigameqq-quote{
  background:#ffffff;
  border:3px solid var(--earth);
  border-radius:var(--radius);
  padding:16px;
  box-shadow:var(--shadow);
  transition:transform .18s ease;
}
.openigameqq-quote:hover{transform:translateY(-3px);}
.openigameqq-quote p{font-size:15px;color:var(--fg);}
.openigameqq-quote span{display:block;margin-top:8px;font-size:15px;color:var(--muted);}
.openigameqq-table{width:100%;border-collapse:collapse;margin:12px 0 18px;background:#ffffff;}
.openigameqq-table th,.openigameqq-table td{
  border:1px solid var(--line);
  padding:8px 10px;
  text-align:left;
  font-size:15px;
}
.openigameqq-table thead th{background:var(--accent);color:#ffffff;font-weight:700;}
.openigameqq-table tbody tr:nth-child(even){background:#eef4ea;}
.openigameqq-table tbody tr:hover{background:rgba(190,242,100,.35);}
.openigameqq-news-group{margin-bottom:24px;}
.openigameqq-news-group h3{
  border-bottom:2px solid var(--accent-2);
  padding-bottom:6px;
  margin-bottom:14px;
  color:var(--earth);
}
.openigameqq-news-card{
  background:#ffffff;
  border:3px solid var(--line);
  border-left:8px solid var(--accent);
  border-radius:var(--radius);
  padding:14px 16px;
  margin-bottom:12px;
  transition:border-color .18s ease,transform .18s ease;
}
.openigameqq-news-card:hover{border-color:var(--accent);transform:translateX(3px);}
.openigameqq-news-card h4{font-size:18px;color:var(--accent);margin-bottom:6px;}
.openigameqq-news-date{
  font-size:15px;
  color:var(--earth);
  font-weight:700;
  margin-bottom:6px;
}
.openigameqq-news-card p:last-child{margin-bottom:0;}
.openigameqq-faq-item{
  background:#ffffff;
  border:2px solid var(--line);
  border-radius:8px;
  padding:12px 14px;
  margin-bottom:12px;
  transition:border-color .18s ease,background .18s ease;
}
.openigameqq-faq-item:hover{border-color:var(--accent);background:#f6fbef;}
.openigameqq-faq-item summary{
  cursor:pointer;
  font-size:18px;
  font-weight:700;
  color:var(--accent);
  list-style:none;
  padding-right:20px;
  position:relative;
}
.openigameqq-faq-item summary::-webkit-details-marker{display:none;}
.openigameqq-faq-item summary::after{
  content:"+";
  position:absolute;
  right:0;
  top:0;
  color:var(--earth);
  font-weight:700;
}
.openigameqq-faq-item[open] summary::after{content:"−";}
.openigameqq-faq-item p{margin-top:10px;color:var(--fg);}
.openigameqq-badge{
  display:inline-block;
  background:var(--accent-2);
  color:var(--accent);
  font-size:15px;
  font-weight:700;
  padding:2px 10px;
  border-radius:var(--radius);
  margin-right:8px;
}
.openigameqq-btn{
  display:inline-block;
  background:var(--accent);
  color:#ffffff;
  font-weight:700;
  padding:10px 22px;
  border:3px solid var(--accent);
  border-radius:var(--radius);
  transition:background .18s ease,color .18s ease,transform .12s ease;
}
.openigameqq-btn:hover{background:var(--accent-2);color:var(--accent);text-decoration:none;}
.openigameqq-btn:active{transform:translateY(2px);}
.openigameqq-btn-ghost{background:transparent;color:var(--accent);}
.openigameqq-btn-ghost:hover{background:var(--accent);color:#ffffff;}
.openigameqq-figure{
  float:right;
  width:180px;
  margin:0 0 12px 18px;
  border:3px solid var(--earth);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.openigameqq-clearfix::after{content:"";display:block;clear:both;}
.openigameqq-footer{
  background:var(--accent);
  color:#e8f5e0;
  padding:28px 0 18px;
  border-top:6px solid var(--accent-2);
}
.openigameqq-footer p{margin:0 0 8px;font-size:15px;}
.openigameqq-footer a{color:var(--accent-2);}
.openigameqq-footer a:hover{color:#ffffff;}
.openigameqq-footer-bottom{
  border-top:2px solid rgba(190,242,100,.35);
  margin-top:14px;
  padding-top:12px;
}
@media (max-width:1024px){
  .openigameqq-cols{grid-template-columns:1fr;}
  .openigameqq-grid-3{grid-template-columns:repeat(2,1fr);}
  .openigameqq-figure{width:140px;}
  h1{font-size:28px;}
}
@media (max-width:720px){
  .openigameqq-grid-3{grid-template-columns:1fr;}
  .openigameqq-grid-2{grid-template-columns:1fr;}
  .openigameqq-nav{flex-direction:column;align-items:flex-start;gap:10px;}
  .nav-links{gap:4px 12px;}
  .openigameqq-figure{float:none;width:100%;margin:0 0 14px;}
  .openigameqq-hero-foot{justify-content:flex-start;}
  h1{font-size:24px;}
  h2{font-size:20px;}
  .openigameqq-strip h2{font-size:20px;}
  .openigameqq-block{padding:24px 0;}
}