:root{
  --bg:#fffdf7;
  --fg:#141414;
  --muted:#5b5b5b;
  --line:#141414;
  --accent:#fef08a;
  --accent-2:#fbcfe8;
  --accent-3:#67e8f9;
  --gap:56px;
  --radius:14px;
  --shadow:6px 6px 0 #141414;
  --font:"Segoe UI","Microsoft YaHei",sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--font);background:var(--bg);color:var(--fg);font-size:17px;line-height:1.8;}
img{display:block;max-width:100%;height:auto;}
a{color:var(--fg);}
.grouppgplayq-skip{position:absolute;left:-9999px;}
.grouppgplayq-nav{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:20px;background:#141414;color:#fff;padding:14px 22px;border-bottom:5px solid var(--accent-3);}
.grouppgplayq-brand{display:grid;grid-auto-flow:column;align-items:center;gap:10px;color:#fff;font-size:21px;font-weight:700;letter-spacing:1px;}
.grouppgplayq-brand span{display:inline-block;width:16px;height:16px;background:var(--accent);border:3px solid #fff;transform:rotate(12deg);}
.nav-links{display:grid;grid-auto-flow:column;justify-content:end;align-items:center;gap:22px;}
.nav-links a{color:#fff;text-decoration:none;font-size:17px;padding-bottom:2px;}
.nav-links a:hover{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:3px;text-decoration-color:var(--accent-2);}
.nav-links a:focus-visible{outline:3px dashed var(--accent-3);outline-offset:4px;}
.grouppgplayq-main{display:grid;grid-template-columns:repeat(4,1fr);column-gap:24px;row-gap:var(--gap);max-width:1180px;margin:0 auto;padding:0 22px 64px;}
.grouppgplayq-block{grid-column:1 / -1;display:grid;row-gap:18px;}
.grouppgplayq-hero{display:grid;justify-items:center;text-align:center;padding-top:48px;row-gap:22px;}
.grouppgplayq-hero h1{margin:0;font-size:44px;line-height:1.25;max-width:820px;letter-spacing:1px;}
.grouppgplayq-hero p{width:720px;max-width:100%;margin:0;font-size:17px;line-height:1.8;text-align:left;}
.grouppgplayq-rule{width:100%;height:0;border-top:4px solid var(--line);margin-top:6px;}
.grouppgplayq-hero-figure{margin:8px 0 0;display:grid;justify-items:center;row-gap:8px;}
.grouppgplayq-hero-figure img{width:240px;height:240px;border:4px solid var(--line);border-radius:var(--radius);background:var(--accent);padding:8px;}
.grouppgplayq-hero-figure figcaption{font-size:17px;color:var(--muted);}
.grouppgplayq-h2{margin:0;font-size:28px;line-height:1.4;display:inline-block;background:var(--accent-3);color:#141414;padding:4px 14px;border:4px solid var(--line);border-radius:8px;justify-self:start;}
.grouppgplayq-sub{color:var(--muted);font-size:17px;margin:0;}
.grouppgplayq-text{margin:0;font-size:17px;line-height:1.8;}
.grouppgplayq-inline-figure{margin:0;display:grid;justify-items:start;row-gap:6px;}
.grouppgplayq-inline-figure img{width:128px;height:128px;border:4px solid var(--line);border-radius:12px;background:var(--accent-2);padding:6px;}
.grouppgplayq-inline-figure figcaption{font-size:17px;color:var(--muted);}
.grouppgplayq-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.grouppgplayq-card{background:var(--accent);border:4px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);display:grid;row-gap:10px;align-content:start;transition:transform .16s ease;}
.grouppgplayq-card:first-child{grid-column:span 2;background:var(--accent-2);}
.grouppgplayq-card:nth-child(3){background:var(--accent-3);}
.grouppgplayq-card h3{margin:0;font-size:21px;line-height:1.5;display:inline-block;background:#141414;color:#fff;padding:3px 12px;border-radius:6px;justify-self:start;}
.grouppgplayq-card p{margin:0;font-size:17px;line-height:1.8;}
.grouppgplayq-card img{width:128px;height:128px;border:4px solid var(--line);border-radius:10px;background:#fff;padding:6px;}
.grouppgplayq-card:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 #141414;}
.grouppgplayq-table{width:100%;border-collapse:collapse;font-size:17px;background:#fff;}
.grouppgplayq-table th,.grouppgplayq-table td{border:3px solid var(--line);padding:10px 12px;text-align:left;}
.grouppgplayq-table th{background:var(--accent);font-size:17px;}
.grouppgplayq-table tbody tr:nth-child(even){background:#f6f3e6;}
.grouppgplayq-table tbody tr:hover{background:var(--accent-3);}
.grouppgplayq-timeline{display:grid;row-gap:26px;border-left:5px solid var(--line);padding-left:30px;margin-left:6px;}
.grouppgplayq-news-item{position:relative;display:grid;row-gap:6px;}
.grouppgplayq-news-item::before{content:"";position:absolute;left:-43px;top:12px;width:16px;height:16px;border-radius:50%;background:var(--accent-2);border:4px solid var(--line);}
.grouppgplayq-news-item h3{margin:0;font-size:21px;line-height:1.5;}
.grouppgplayq-news-item p{margin:0;font-size:17px;line-height:1.8;}
.grouppgplayq-date{margin:0;font-size:17px;color:var(--muted);font-weight:700;}
.grouppgplayq-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:stretch;}
.grouppgplayq-faq-grid details{border:4px solid var(--line);border-radius:12px;background:#fff;padding:14px 18px;box-shadow:4px 4px 0 var(--accent-2);}
.grouppgplayq-faq-grid details:nth-child(even){box-shadow:4px 4px 0 var(--accent-3);}
.grouppgplayq-faq-grid summary{cursor:pointer;font-size:21px;line-height:1.5;font-weight:700;}
.grouppgplayq-faq-grid summary:hover{background:var(--accent);}
.grouppgplayq-faq-grid details p{margin:10px 0 0;font-size:17px;line-height:1.8;}
.grouppgplayq-cta{display:grid;justify-items:start;row-gap:16px;background:var(--accent);border:5px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);}
.grouppgplayq-btn{display:inline-block;background:#141414;color:#fff;text-decoration:none;font-size:21px;padding:10px 26px;border:4px solid var(--line);border-radius:10px;box-shadow:4px 4px 0 var(--accent-3);transition:transform .14s ease,background .14s ease;}
.grouppgplayq-btn:hover{background:var(--accent-2);color:#141414;transform:translate(-2px,-2px);}
.grouppgplayq-btn:active{transform:translate(2px,2px);box-shadow:none;}
.grouppgplayq-footer{display:grid;row-gap:10px;background:#141414;color:#fff;padding:34px 22px 40px;font-size:17px;line-height:1.8;}
.grouppgplayq-footer a{color:var(--accent-3);text-decoration:none;}
.grouppgplayq-footer a:hover{text-decoration:underline;}
.grouppgplayq-footer p{margin:0;max-width:1180px;}
.grouppgplayq-footer-inner{display:grid;row-gap:10px;max-width:1180px;margin:0 auto;}
@media (max-width:1024px){
  .grouppgplayq-main{grid-template-columns:repeat(2,1fr);}
  .grouppgplayq-matrix{grid-template-columns:repeat(2,1fr);}
  .grouppgplayq-card:first-child{grid-column:span 2;}
  .grouppgplayq-faq-grid{grid-template-columns:1fr;}
  .grouppgplayq-hero h1{font-size:34px;}
  .nav-links{grid-auto-flow:row;justify-content:start;gap:10px 20px;grid-template-columns:repeat(3,auto);}
  .grouppgplayq-nav{grid-template-columns:1fr;}
}
@media (max-width:720px){
  .grouppgplayq-main{grid-template-columns:1fr;padding:0 14px 48px;}
  .grouppgplayq-matrix{grid-template-columns:1fr;}
  .grouppgplayq-card:first-child{grid-column:auto;}
  .grouppgplayq-hero h1{font-size:28px;}
  .grouppgplayq-hero p{text-align:left;}
  .nav-links{grid-template-columns:repeat(2,auto);}
  .grouppgplayq-h2{font-size:21px;}
  .grouppgplayq-hero-figure img{width:200px;height:200px;}
  .grouppgplayq-timeline{padding-left:22px;}
  .grouppgplayq-news-item::before{left:-34px;}
}
/* 图片按原尺寸显示，不放大 */
img[src^="/img/"]{max-width:256px;max-height:256px;width:auto;height:auto;object-fit:contain;display:inline-block;}