:root{--bg:#020617;--bg-2:#060d24;--fg:#e8eefc;--muted:#9aa7c7;--line:rgba(251,191,36,.16);--line-2:rgba(125,211,252,.20);--accent:#fbbf24;--accent-2:#7dd3fc;--gap:88px;--radius:0;--shadow:0 0 24px rgba(125,211,252,.10);--font:"Segoe UI","Microsoft YaHei",sans-serif;}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:2;letter-spacing:0;}
img{max-width:100%;display:block;height:auto;}
a{color:var(--accent-2);text-decoration:none;}
a:hover{color:var(--accent);}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
::selection{background:var(--accent);color:#020617;}
h1,h2,h3,h4{margin:0 0 16px;font-weight:800;letter-spacing:-.5px;line-height:1.35;}
h1{font-size:40px;color:#fff;}
h2{font-size:26px;color:var(--accent);}
h3{font-size:20px;}
h4{font-size:16px;color:var(--accent-2);}
p{margin:0 0 18px;}
ul,ol{margin:0 0 18px;padding-left:22px;}
.aboutpgplays-topbar{background:#01040f;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;box-shadow:0 2px 18px rgba(0,0,0,.6);}
.aboutpgplays-topbar-in{max-width:1120px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.aboutpgplays-brandmark{font-weight:800;font-size:20px;color:var(--accent);letter-spacing:-.5px;white-space:nowrap;}
.nav-links{display:flex;flex-wrap:wrap;gap:18px;margin-left:auto;}
.nav-links a{color:#ffffff;font-size:15px;padding:4px 0;border-bottom:2px solid transparent;transition:border-color .2s ease,color .2s ease;}
.nav-links a:hover{border-bottom-color:var(--accent);color:var(--accent);}
.aboutpgplays-band{background:linear-gradient(90deg,#0a1330,#050b1d 70%,#020617);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.aboutpgplays-band-in{max-width:1120px;margin:0 auto;padding:14px 20px;}
.aboutpgplays-bandtitle{margin:0;font-size:20px;font-weight:800;color:var(--accent);letter-spacing:2px;}
.aboutpgplays-section{padding:var(--gap) 0;}
.aboutpgplays-section-in{max-width:1120px;margin:0 auto;padding:0 20px;}
.aboutpgplays-hero{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:32px;align-items:start;}
.aboutpgplays-hero-copy{min-width:0;}
.aboutpgplays-hero-figure{margin:0;width:128px;justify-self:end;border:1px solid var(--line-2);border-radius:0;background:#050c20;box-shadow:var(--shadow);}
.aboutpgplays-hero-figure img{width:128px;height:128px;object-fit:cover;}
.aboutpgplays-lead{color:var(--muted);font-size:16px;}
.aboutpgplays-quote{margin:0 0 18px;padding:0 0 0 16px;border-left:3px solid var(--accent-2);color:var(--muted);font-style:normal;}
.aboutpgplays-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;}
.aboutpgplays-card{background:linear-gradient(160deg,#0a1230 0%,#050a1c 55%,#080f26 100%);border:1px solid var(--line);border-radius:0;padding:24px;box-shadow:var(--shadow);transition:transform .2s ease,border-color .2s ease;}
.aboutpgplays-card:hover{transform:translateY(-4px);border-color:var(--accent);}
.aboutpgplays-card h3{color:var(--accent);margin-bottom:10px;}
.aboutpgplays-card p{margin:0;font-size:15px;color:var(--muted);}
.aboutpgplays-timeline{position:relative;margin:0;padding:0 0 0 28px;list-style:none;}
.aboutpgplays-timeline::before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:1px;background:linear-gradient(180deg,var(--accent),var(--line-2));}
.aboutpgplays-news{position:relative;padding:0 0 32px;border-bottom:1px solid var(--line);margin-bottom:24px;}
.aboutpgplays-news::before{content:"";position:absolute;left:-25px;top:14px;width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(251,191,36,.85);}
.aboutpgplays-news:last-child{padding-bottom:0;border-bottom:0;margin-bottom:0;}
.aboutpgplays-news h3{font-size:20px;margin-bottom:10px;color:#fff;}
.aboutpgplays-news p{font-size:15px;color:var(--muted);margin:0;}
.aboutpgplays-date{display:inline-block;font-size:14px;line-height:1.8;color:var(--accent-2);border:1px solid var(--line-2);padding:0 8px;margin-bottom:10px;}
.aboutpgplays-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;}
.aboutpgplays-faq details{border:1px solid var(--line);border-radius:0;background:#050c20;padding:14px 18px;transition:border-color .2s ease,box-shadow .2s ease;}
.aboutpgplays-faq summary{cursor:pointer;font-weight:800;font-size:17px;color:var(--fg);line-height:1.6;}
.aboutpgplays-faq summary:hover{color:var(--accent);}
.aboutpgplays-faq details[open]{border-color:var(--accent-2);box-shadow:var(--shadow);}
.aboutpgplays-faq p{font-size:15px;line-height:1.9;color:var(--muted);margin:12px 0 0;}
.aboutpgplays-table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 18px;}
.aboutpgplays-table th,.aboutpgplays-table td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;}
.aboutpgplays-table thead th{background:#0a1330;color:var(--accent);font-weight:800;}
.aboutpgplays-table tbody tr:nth-child(even){background:rgba(125,211,252,.05);}
.aboutpgplays-table tbody tr:hover{background:rgba(251,191,36,.07);}
.aboutpgplays-btn{display:inline-block;padding:12px 26px;background:var(--accent);color:#020617;font-weight:800;border:1px solid var(--accent);border-radius:0;transition:background .2s ease,transform .15s ease;}
.aboutpgplays-btn:hover{background:#fcd34d;color:#020617;transform:translateY(-2px);}
.aboutpgplays-btn:active{transform:translateY(1px);}
.aboutpgplays-btn-ghost{background:transparent;color:var(--accent-2);border-color:var(--line-2);}
.aboutpgplays-btn-ghost:hover{background:rgba(125,211,252,.10);color:var(--accent-2);}
.aboutpgplays-steps{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:16px;}
.aboutpgplays-steps li{border-left:3px solid var(--accent);padding:10px 0 10px 18px;background:linear-gradient(90deg,rgba(251,191,36,.07),transparent 70%);}
.aboutpgplays-steps strong{color:var(--accent);}
.aboutpgplays-cta{border:1px solid var(--line);background:radial-gradient(circle at 18% 18%,rgba(125,211,252,.16),transparent 62%),#060d24;padding:40px;box-shadow:var(--shadow);}
.aboutpgplays-cta-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px;}
.aboutpgplays-figure-inline{margin:0 0 20px;border:1px solid var(--line-2);background:#050c20;box-shadow:var(--shadow);}
.aboutpgplays-figure-inline img{width:100%;max-width:420px;}
.aboutpgplays-list{margin:0 0 18px;padding-left:20px;color:var(--muted);font-size:15px;}
.aboutpgplays-list li{margin-bottom:8px;}
.aboutpgplays-list li::marker{color:var(--accent);}
.aboutpgplays-footer{background:#01040f;border-top:1px solid var(--line);margin-top:var(--gap);}
.aboutpgplays-footer-in{max-width:1120px;margin:0 auto;padding:48px 20px 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.aboutpgplays-footer h3{font-size:16px;color:var(--accent);letter-spacing:1px;margin-bottom:12px;}
.aboutpgplays-footer p,.aboutpgplays-footer li{font-size:15px;color:var(--muted);margin:0 0 8px;line-height:1.9;}
.aboutpgplays-footer a{color:var(--accent-2);}
.aboutpgplays-footer a:hover{color:var(--accent);}
.aboutpgplays-footer-bottom{border-top:1px solid var(--line);padding:16px 20px;text-align:center;font-size:14px;color:var(--muted);}
.aboutpgplays-footer-bottom a{margin:0 6px;color:var(--accent-2);}
.aboutpgplays-footer-bottom a:hover{color:var(--accent);}
@media (max-width:1024px){
.aboutpgplays-hero{grid-template-columns:minmax(0,1fr) 128px;gap:24px;}
.aboutpgplays-cards{gap:16px;}
.aboutpgplays-footer-in{grid-template-columns:repeat(2,minmax(0,1fr));}
.aboutpgplays-cta{padding:32px;}
}
@media (max-width:720px){
:root{--gap:48px;}
h1{font-size:28px;}
h2{font-size:22px;}
body{line-height:1.9;}
.aboutpgplays-topbar-in{padding:10px 16px;gap:12px;}
.nav-links{margin-left:0;width:100%;gap:12px;}
.aboutpgplays-hero{grid-template-columns:minmax(0,1fr);}
.aboutpgplays-hero-figure{justify-self:start;}
.aboutpgplays-cards{grid-template-columns:minmax(0,1fr);}
.aboutpgplays-faq{grid-template-columns:minmax(0,1fr);}
.aboutpgplays-footer-in{grid-template-columns:minmax(0,1fr);padding:32px 16px 16px;}
.aboutpgplays-cta{padding:24px;}
.aboutpgplays-section-in{padding:0 16px;}
.aboutpgplays-band-in{padding:12px 16px;}
}