/* PG电子 · 自适应中文资讯门户 */
:root{color-scheme:dark;--bg:#080A0D;--surface:#0D1015;--card:#12161C;--card2:#171C23;--hover:#1B2129;--ink:#F5F7FA;--text:#C7CDD5;--muted:#9098A3;--blue:#6EA8FF;--line:rgba(255,255,255,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:2px solid #8ED8FF;outline-offset:3px}img{max-width:100%;height:auto}button{font:inherit;cursor:pointer}h1,h2,h3{color:var(--ink);line-height:1.35;letter-spacing:.01em}h1{font-size:34px;margin:0 0 20px}h2{font-size:26px;margin:0 0 20px}h3{font-size:20px;margin:0 0 12px}p{margin:0 0 16px}.container{max-width:1200px;margin:auto;padding-left:24px;padding-right:24px}.section{padding-top:52px;padding-bottom:6px}.section-head{display:flex;align-items:flex-end;gap:16px;justify-content:space-between;margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:14px}.section-head h2{margin:0}.eyebrow{font-size:13px;letter-spacing:.14em;color:#8ED8FF;text-transform:uppercase;font-weight:700}.muted{color:var(--muted)}.lead{font-size:17px;color:#D9E0E8}.site-header{position:relative;z-index:30;background:rgba(8,10,13,.96)}.topbar{height:74px;position:relative;max-width:1200px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.icon-button{width:44px;height:44px;flex:0 0 auto;border:1px solid var(--line);background:var(--surface);border-radius:10px;color:var(--ink);display:flex;align-items:center;justify-content:center}.menu-toggle{flex-direction:column;gap:5px}.menu-toggle span{width:19px;height:2px;background:var(--ink);border-radius:9px}.brand{position:absolute;left:50%;transform:translateX(-50%);top:50%;translate:0 -50%;height:38px;display:flex;align-items:center;justify-content:center;max-width:calc(100% - 240px)}.brand img{height:35px;width:auto;max-width:100%;object-fit:contain}.brand-fallback{font-size:20px;font-weight:800;white-space:nowrap;color:var(--ink)}.entry-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 20px;background:#344E9D;color:#fff;border-radius:999px;font-size:14px;font-weight:700;white-space:nowrap;margin-left:auto}.entry-link:hover{background:#4465c0;text-decoration:none}.channel-scroll{background:#0D1015;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}.channel-inner{height:48px;max-width:1200px;min-width:max-content;margin:auto;padding:0 24px;display:flex;align-items:stretch;gap:clamp(18px,3vw,48px)}.channel-inner a{display:flex;align-items:center;color:var(--text);border-bottom:2px solid transparent;white-space:nowrap;font-size:14px}.channel-inner a.active{color:var(--blue);border-color:var(--blue)}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:80;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s}.drawer-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.site-drawer{position:fixed;left:0;top:0;bottom:0;width:420px;max-width:86vw;z-index:90;display:flex;flex-direction:column;background:#0D1015;border-right:1px solid var(--line);box-shadow:12px 0 40px #0008;transform:translateX(-100%);visibility:hidden;pointer-events:none;transition:transform .2s ease,visibility .2s}.site-drawer.open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{height:74px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.drawer-head img{max-height:32px;max-width:180px;object-fit:contain}.drawer-close{font-size:28px}.drawer-intro{font-size:13px;color:var(--muted);margin:16px 20px 8px}.drawer-content{overflow-y:auto;padding:0 20px 24px}.drawer-section{padding:12px 0;border-bottom:1px solid var(--line)}.drawer-section h2{font-size:14px;color:#8ED8FF;margin:0 0 10px}.drawer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px}.drawer-links a{display:block;padding:6px 8px;border-left:2px solid transparent;color:var(--text);font-size:14px}.drawer-links a.active{border-left-color:var(--blue);color:var(--blue)}body.drawer-open{overflow:hidden}.site-footer{margin-top:64px;padding:48px 0 24px;background:#050608;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px}.footer-grid h2{font-size:16px;margin:0 0 16px}.footer-brand img{max-height:32px;width:auto;object-fit:contain}.footer-brand p{font-size:14px;margin-top:16px;color:var(--muted)}.link-list{padding:0;margin:0;list-style:none}.link-list li{margin-bottom:6px}.link-list a{color:var(--muted);font-size:14px}.footer-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;color:var(--muted);font-size:13px}.footer-bottom p{margin:0 0 4px}.back-to-top{position:fixed;bottom:22px;right:22px;border:1px solid #4B5D79;border-radius:50%;height:43px;width:43px;background:#171C23;color:var(--ink);opacity:0;visibility:hidden;pointer-events:none;z-index:40;transition:opacity .2s}.back-to-top.visible{opacity:1;visibility:visible;pointer-events:auto}
.hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:34px;padding-top:44px;padding-bottom:12px}.hero h1{font-size:40px}.hero h1 strong{color:#8ED8FF}.hero .media{max-height:320px}.hero-links{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0}.hero-links a{border-bottom:1px solid #6EA8FF;padding-bottom:3px}.page-hero{padding-top:46px;padding-bottom:12px}.page-hero .lead{max-width:850px}.page-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(0,1fr);gap:32px;align-items:start}.article-body{min-width:0}.article-body h2{margin-top:36px}.article-body h3{margin-top:22px}.article-body p{line-height:1.9}.article-body ul,.article-body ol{padding-left:25px}.side-panel,.info-card,.text-panel{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:22px;min-width:0}.side-panel{position:sticky;top:16px}.side-panel h2{font-size:19px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card-grid.cols-four{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid.cols-two{grid-template-columns:repeat(2,minmax(0,1fr))}.info-card h3{font-size:18px}.info-card p{font-size:14px;color:var(--text);margin-bottom:10px}.info-card a:last-child{font-size:14px}.media{width:100%;min-width:0;max-width:100%;background:var(--surface);border-radius:14px;overflow:hidden;display:flex;justify-content:center;align-items:center;border:1px solid var(--line)}.media img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center center}.media-wide{height:200px}.media-square{height:170px}.media-banner{height:250px}.media-device{height:350px;max-width:300px;margin-inline:auto}.media-hero{height:310px}.media-gif{height:160px}.media-placeholder{background:linear-gradient(120deg,#0D1015,#171C23 52%,#0D1015);border:1px solid var(--line)}.figure-card{background:var(--card);border-radius:14px;border:1px solid var(--line);padding:12px;min-width:0}.figure-card h3{font-size:17px;margin:14px 4px 8px}.figure-card p{font-size:14px;margin:0 4px 6px}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:center}.split.text-heavy{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.topic-index{list-style:none;margin:0;padding:0;counter-reset:topics}.topic-index li{counter-increment:topics;display:grid;grid-template-columns:42px minmax(0,1fr);gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.topic-index li::before{content:counter(topics,decimal-leading-zero);color:#8ED8FF;font-weight:bold;font-size:17px}.topic-index h3{font-size:18px;margin:0 0 5px}.topic-index p{font-size:14px;margin-bottom:7px}.notice{border-left:3px solid #6EA8FF;padding:15px 20px;background:var(--card);margin-top:24px}.mini-label{color:#8ED8FF;font-size:12px;letter-spacing:.12em}.faq-list details{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:16px 20px;margin:10px 0}.faq-list summary{cursor:pointer;color:var(--ink);font-weight:bold}.faq-list p{margin:14px 0 0}.full-link{display:inline-flex;margin-top:8px}.index-line{border-bottom:1px solid var(--line);padding:18px 0}.index-line h3{margin:0 0 6px}.index-line p{margin-bottom:6px}.site-map-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.site-map-tiles .info-card{background:var(--surface)}
@media(max-width:1050px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid.cols-four{grid-template-columns:repeat(2,minmax(0,1fr))}.page-layout{grid-template-columns:minmax(0,1fr) 240px}.container{padding-left:20px;padding-right:20px}}
@media(max-width:800px){.page-layout{grid-template-columns:minmax(0,1fr)}.side-panel{position:static}.hero{grid-template-columns:1fr}.hero .media{order:-1}.split,.split.text-heavy{grid-template-columns:1fr}.split .media{order:-1}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-hero{padding-top:32px}}
@media(max-width:600px){body{font-size:15px}.container{padding-left:16px;padding-right:16px}.topbar{height:62px;padding:0 16px}.icon-button{width:40px;height:40px}.entry-link{min-height:38px;padding:0 12px;font-size:12px}.brand{max-width:calc(100% - 195px)}.brand img{max-height:28px}.brand-fallback{font-size:17px}.channel-inner{height:44px;padding:0 16px;gap:22px}.channel-inner a{font-size:13px}.drawer-head{height:62px}.hero{padding-top:28px;gap:20px}.hero .media{height:190px}.hero h1{font-size:29px}.page-hero h1{font-size:26px}h2{font-size:22px}h3{font-size:18px}.section{padding-top:34px}.card-grid{gap:12px}.card-grid.cols-four{gap:12px}.info-card,.text-panel{padding:16px}.info-card h3{font-size:16px}.info-card p{font-size:13px}.figure-card{padding:9px}.figure-card h3{font-size:15px}.figure-card p{font-size:13px}.media-square{height:140px}.media-wide{height:160px}.media-banner{height:140px}.media-device{height:350px}.media-gif{height:130px}.site-footer{margin-top:40px;padding-top:32px}.footer-grid{gap:20px}.footer-grid h2{font-size:15px}.section-head{align-items:flex-start}.site-map-tiles{grid-template-columns:1fr}}
@media(max-width:360px){.brand{max-width:calc(100% - 174px)}.brand img{max-height:26px}.entry-link{padding:0 9px;font-size:11px}.menu-toggle{width:38px;height:38px}.card-grid:not(.keep-two),.card-grid.cols-four:not(.keep-two){grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.media-square{height:150px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}