/* PG电子 | local CSS only, dark cold-blue editorial identity */
:root{--bg:#080A0D;--top:rgba(8,10,13,.96);--surface:#0D1015;--sub:#12161C;--sub2:#171C23;--hover:#1B2129;--head:#F5F7FA;--body:#C7CDD5;--muted:#9098A3;--blue:#5C7CFA;--lightblue:#6EA8FF;--ice:#8ED8FF;--purple:#7775FF;--line:rgba(255,255,255,.09);--strongline:rgba(255,255,255,.16);--footer:#050608;--radius:14px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--body);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8;overflow-wrap:break-word}button,a{font:inherit}a{color:var(--lightblue);text-decoration:none}a:hover{text-decoration:underline;color:var(--ice)}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--ice);outline-offset:3px;border-radius:4px}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--head);line-height:1.38}h1{font-size:32px}h2{font-size:24px}h3{font-size:19px}p{margin-bottom:16px}.container{max-width:1200px;padding:0 24px;margin:auto}.skip-link{position:fixed;top:-80px;left:12px;z-index:200;background:var(--blue);color:var(--head);padding:8px 16px}.skip-link:focus{top:8px}
.site-header{position:sticky;top:0;z-index:50;background:var(--top);border-bottom:1px solid var(--line)}.header-inner{height:68px;max-width:1200px;padding:0 24px;margin:auto;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;flex-shrink:0;min-width:0;gap:9px;color:var(--head)}.brand:hover{text-decoration:none}.brand-visual .media-natural{background:transparent;padding:0;border-radius:0}.brand-visual .media-natural img{max-width:94px;max-height:34px}.brand-visual:has(img) + .brand-word{display:none}.brand-visual .media-missing{display:none}.brand-word{font-size:20px;font-weight:700;line-height:1.15;white-space:nowrap}.brand-word small{display:block;font-size:8px;letter-spacing:.05em;color:var(--muted);font-weight:400}.desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:15px;flex:1;white-space:nowrap;min-width:0}.desktop-nav a,.desktop-nav button{color:var(--body);font-size:14px}.desktop-nav a.current{color:var(--lightblue);font-weight:bold;border-bottom:2px solid var(--blue);text-decoration:none}.nav-trigger{border:0;background:transparent;padding:9px 4px}.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.enter-link{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;color:#F5F7FA;background:#415FD6;border:1px solid #6D8AFF;border-radius:9px;font-size:14px;font-weight:700;white-space:nowrap;min-height:40px}.enter-link:hover{color:#fff;background:#5274ED;text-decoration:none}.mobile-menu-trigger{display:none}
.directory-panel{position:absolute;right:max(24px,calc((100vw - 1152px)/2));top:calc(100% + 4px);width:min(870px,calc(100vw - 48px));padding:20px;background:var(--sub);border:1px solid var(--strongline);border-radius:13px;box-shadow:0 24px 45px rgba(0,0,0,.5);z-index:53}.directory-panel[hidden],.menu-backdrop[hidden],.backtop[hidden]{display:none!important}.directory-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}.directory-head strong{color:var(--head)}.menu-close{border:1px solid var(--line);border-radius:8px;color:var(--body);background:var(--sub2);padding:4px 12px;min-height:36px}.directory-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 22px;max-height:min(55vh,520px);overflow:auto;padding:14px 2px}.directory-groups section{min-width:0}.directory-groups h2{font-size:15px;color:var(--head);margin:0 0 6px}.directory-groups ul,.all-groups ul{padding:0;margin:0;list-style:none}.directory-groups li a{display:block;padding:2px 0;font-size:14px}.directory-groups a.current,.local-nav .current{color:var(--ice);font-weight:700}.directory-bottom{border-top:1px solid var(--line);padding-top:10px;font-size:14px}.menu-backdrop{position:fixed;inset:68px 0 0;background:rgba(0,0,0,.66);z-index:52}
.site-main{padding:32px 0 65px;min-height:65vh}.breadcrumbs{font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:9px;margin:0 0 28px}.page-heading{max-width:820px}.page-heading h1{font-size:32px;margin:5px 0 12px}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--lightblue);font-weight:700}.lead{font-size:17px;line-height:1.78;color:var(--body)}.local-nav{display:flex;flex-wrap:wrap;align-items:center;gap:9px 16px;margin:24px 0 36px;padding:12px 0;border-block:1px solid var(--line);font-size:14px}.local-nav span{font-size:12px;color:var(--muted)}.section{margin:0 0 42px;min-width:0}.section>h2{margin:0 0 18px}.section.prose>p,.section.compact>p,.section.essay>p,.section.longform>p{max-width:810px}.section-intro{max-width:800px}.longform{max-width:785px}.longform .section{margin:0 0 32px}.longform h2{margin-bottom:16px}.longform p{font-size:17px}.related{border-top:1px solid var(--strongline);padding:25px 0 0;margin-top:45px}.related h2{font-size:20px}.related-links,.inline-links,.ribbon-links,.service-links,.task-links{display:flex;flex-wrap:wrap;gap:10px 18px}.related a,.inline-links a,.ribbon-links a,.service-links a,.task-links a{padding:6px 0;border-bottom:1px solid var(--strongline)}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.panel{background:var(--surface);border:1px solid var(--line);padding:20px;border-radius:var(--radius);min-width:0}.panel h3{font-size:19px;margin-bottom:8px}.panel p{margin:0}.reading-list{max-width:820px;padding-left:26px}.reading-list li{padding:4px 0}.table-scroll{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:10px;margin:18px 0 20px}table{width:100%;border-collapse:collapse;min-width:560px;font-size:15px}th,td{text-align:left;vertical-align:top;padding:13px 16px;border-bottom:1px solid var(--line)}th{background:var(--sub2);color:var(--head);font-weight:700}td{background:var(--surface)}tbody tr:last-child td{border-bottom:0}.lines{max-width:870px;margin:20px 0}.line-item{display:grid;grid-template-columns:45px minmax(0,1fr);gap:16px;padding:19px 0;border-bottom:1px solid var(--line)}.line-num{font-size:16px;font-weight:700;color:var(--lightblue);font-variant-numeric:tabular-nums}.line-item h3{margin:0 0 7px}.line-item p{margin:0}.figure{margin:12px 0 23px;min-width:0}.media-natural{display:grid;place-items:center;min-width:0;padding:8px;border-radius:12px;background:#0D1015;border:1px solid var(--line)}.media-natural>img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--image-max-height,280px);object-fit:contain;object-position:center}.media-missing{display:flex;align-items:center;justify-content:center;text-align:center;min-height:130px;width:100%;padding:20px;background:var(--surface);color:var(--muted);border:1px dashed var(--strongline);border-radius:12px;font-size:13px}.figure figcaption{font-size:13px;color:var(--muted);line-height:1.65;margin-top:8px}.poster .media-natural{--image-max-height:260px}.poster .media-missing{min-height:160px}.thumb .media-natural,.catalog-thumb .media-natural{--image-max-height:185px}.study-image .media-natural{--image-max-height:420px}.device .media-natural{--image-max-height:360px}.gif-figure .media-natural{--image-max-height:190px}.image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.image-grid .figure{margin:0}
.editorial-intro{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:40px;align-items:end;margin:5px 0 28px}.editorial-intro h1{font-size:38px;max-width:760px;letter-spacing:-.02em}.intro-notes{border-left:2px solid var(--blue);padding-left:15px;display:grid;gap:8px;color:var(--muted);font-size:13px}.page-index .poster{margin:0 0 44px}.question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.question{padding:20px 22px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.question h3{font-size:19px}.question p{font-size:15px}.focus-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:30px}.focus-feature{padding:25px;border-left:3px solid var(--blue);background:var(--surface)}.focus-feature h2{font-size:25px}.focus-side{padding:0 5px}.focus-side>h2{font-size:19px}.mini-read{border-bottom:1px solid var(--line);padding:8px 0 12px}.mini-read p{font-size:14px;margin:5px 0}.mini-read a{font-size:14px}.ribbon{background:var(--sub);border:1px solid var(--strongline);border-radius:12px;padding:24px;display:grid;grid-template-columns:2fr 1fr;gap:20px}.ribbon p{margin:0}.ribbon-links{align-content:center}
.article-with-rail{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:45px;align-items:start}.term-rail{position:sticky;top:97px;background:var(--surface);padding:20px;border-left:2px solid var(--blue);font-size:14px}.term-rail h2{font-size:17px}.term-rail p{margin-bottom:15px}.timeline{max-width:860px;border-left:2px solid var(--strongline);margin-left:18px}.phase{display:grid;grid-template-columns:75px minmax(0,1fr);gap:16px;padding:0 0 22px 22px;position:relative}.phase:before{content:"";position:absolute;left:-6px;top:10px;width:10px;height:10px;background:var(--blue);border-radius:50%}.phase>span{color:var(--ice);font-size:21px}.phase h2{font-size:22px;margin:0 0 6px}.phase p{margin:0}.esports-index{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;margin-bottom:40px}.esports-aside{background:var(--sub);padding:24px;border-radius:12px}.esports-aside h2{font-size:21px}.term-index{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:35px}.term-index a{padding:7px 14px;border:1px solid var(--strongline);border-radius:8px}.glossary{max-width:950px}.gloss-entry{padding:15px 0;border-bottom:1px solid var(--line)}.gloss-entry h3{margin-bottom:8px}.gloss-entry dl{display:grid;grid-template-columns:90px minmax(0,1fr);gap:5px 18px;margin:0}.gloss-entry dt{color:var(--lightblue);font-size:14px}.gloss-entry dd{margin:0}.observation-strips{margin-bottom:40px}.observe{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;padding:22px 0;border-top:1px solid var(--strongline)}.observe span{font-size:12px;color:var(--blue)}.observe p{max-width:690px}.comparison{max-width:1000px}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.catalog-item{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;min-width:0}.catalog-item .figure{margin:0}.catalog-item .media-missing{min-height:150px}.catalog-meta{padding:4px 6px}.catalog-meta span{color:var(--ice);font-size:12px}.catalog-meta p{font-size:13px;margin:3px 0 0;color:var(--muted)}.gallery-study{max-width:920px}.gallery-heading span{font-size:12px;color:var(--lightblue)}.gallery-comment{max-width:760px;border-left:1px solid var(--strongline);padding-left:20px}.gallery-comment h3{font-size:18px}.bookmarks{max-width:930px}.bookmark{display:grid;grid-template-columns:65px minmax(0,1fr);gap:20px;padding:22px 0;border-top:1px solid var(--line)}.bookmark-num{font-size:24px;color:var(--lightblue)}.bookmark h2{font-size:22px;margin:0 0 6px}.bookmark p{margin-bottom:7px}.path-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:38px}.reading-path{border-top:3px solid var(--blue);padding:23px;background:var(--surface);border-radius:0 0 12px 12px}.reading-path span{font-size:12px;color:var(--muted)}.reading-path h2{font-size:21px;margin-top:8px}.reading-path p{font-size:15px}.mechanism{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:45px}.mech-step{background:var(--surface);padding:20px;border-radius:12px;border:1px solid var(--line)}.mech-step span{font-size:11px;color:var(--ice)}.mech-step h2{font-size:20px;margin:10px 0}.mech-step p{font-size:14px}.task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.task{padding:23px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.task h2{font-size:21px}.task-links a{font-size:14px}.all-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.all-groups section{border-top:1px solid var(--strongline);padding:15px 0}.all-groups h3{margin-bottom:12px}.all-groups li{margin-bottom:4px}.mobile-guide{display:grid;grid-template-columns:280px minmax(0,1fr);gap:30px;margin-bottom:40px}.mobile-steps .line-item{padding:12px 0}.risk-list,.diagnosis,.faq-list{max-width:930px}.risk,.diagnosis section,.faq-list section{border-bottom:1px solid var(--line);padding:19px 0}.risk h2,.diagnosis h2,.faq-list h2{font-size:20px;margin-bottom:10px}.diagnosis ol{margin:0;padding-left:24px}.diagnosis li{padding:3px 0}
.site-footer{background:var(--footer);border-top:1px solid var(--line);padding:36px 0 18px}.footer-layout{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.footer-brand{font-weight:700;font-size:20px;color:var(--head)}.footer-brand span{font-size:10px;color:var(--muted);display:block;font-weight:400}.footer-about p{font-size:13px;color:var(--muted);margin:10px 0}.footer-links h2{font-size:16px}.footer-links a{display:block;font-size:14px;margin:5px 0}.footer-bottom{font-size:12px;color:var(--muted);margin-top:28px;padding-top:16px;border-top:1px solid var(--line)}.backtop{position:fixed;bottom:22px;right:20px;width:42px;height:42px;border-radius:10px;border:1px solid var(--strongline);color:var(--head);background:var(--sub2);z-index:10}
@media(max-width:1050px){.desktop-nav{display:none}.mobile-menu-trigger{display:inline-flex;gap:4px;align-items:center;justify-content:center;min-height:44px;min-width:55px;color:var(--head)}.header-inner{justify-content:space-between}.header-actions{margin-left:auto}.directory-panel{position:fixed;top:auto;bottom:0;right:0;left:0;width:100%;border-radius:16px 16px 0 0;max-height:85vh;max-height:85dvh;display:flex;flex-direction:column;padding:16px 20px calc(14px + env(safe-area-inset-bottom));overflow:hidden}.directory-groups{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;flex:1;min-height:0;overflow-y:auto}.menu-backdrop{inset:0;position:fixed}.site-header{z-index:100}.directory-panel{z-index:103}.menu-backdrop{z-index:102}.menu-open-mobile{overflow:hidden}}
@media(max-width:800px){.container,.header-inner{padding-left:20px;padding-right:20px}.editorial-intro{grid-template-columns:1fr;gap:12px}.intro-notes{display:flex;flex-wrap:wrap;gap:10px 18px}.focus-layout,.article-with-rail,.esports-index,.ribbon,.mobile-guide{grid-template-columns:1fr}.term-rail{position:static}.path-layout,.mechanism{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog,.all-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.image-grid{gap:12px}.observe{grid-template-columns:180px 1fr}}
@media(max-width:600px){.container,.header-inner{padding-left:16px;padding-right:16px}.header-inner{height:66px;gap:8px}.brand-visual .media-natural img{max-width:96px;max-height:32px}.brand-word{font-size:17px}.brand-word small{font-size:7px}.header-actions{gap:6px}.enter-link{padding:7px 10px;font-size:13px}.mobile-menu-trigger{min-width:48px;padding:4px}.directory-groups{grid-template-columns:1fr;gap:14px}.directory-groups ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.directory-groups li a{padding:5px 0}.site-main{padding-top:23px;padding-bottom:44px}h1,.page-heading h1{font-size:27px}h2{font-size:21px}h3{font-size:17px}body{font-size:15.5px;line-height:1.78}.lead{font-size:15.5px}.editorial-intro h1{font-size:29px}.intro-notes{font-size:12px}.section{margin-bottom:30px}.local-nav{margin:19px 0 27px}.card-grid,.question-grid,.task-grid,.path-layout,.mechanism,.catalog,.all-groups,.image-grid{grid-template-columns:1fr}.image-grid .media-natural{--image-max-height:165px}.poster .media-natural{--image-max-height:170px}.thumb .media-natural,.catalog-thumb .media-natural{--image-max-height:165px}.study-image .media-natural{--image-max-height:280px}.figure:not(.poster) .media-natural{--image-max-height:210px}.device .media-natural{--image-max-height:280px}.gif-figure .media-natural{--image-max-height:150px}.line-item{grid-template-columns:34px minmax(0,1fr);gap:10px}.observe{grid-template-columns:1fr;gap:2px}.phase{grid-template-columns:45px minmax(0,1fr);gap:10px}.phase h2{font-size:19px}.gloss-entry dl{grid-template-columns:72px minmax(0,1fr);gap:6px 11px}.footer-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.footer-about{grid-column:1/-1}.bookmark{grid-template-columns:40px minmax(0,1fr);gap:12px}.bookmark h2{font-size:19px}.ribbon{padding:19px}}
@media(max-width:350px){.brand-word small{display:none}.header-actions{gap:1px}.header-inner{gap:5px}.enter-link{padding:7px 8px}.directory-groups ul{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gif-figure .media-natural img{visibility:hidden}.gif-figure .media-natural:has(img)::after{content:"动态图片已按减少动画偏好隐藏，可关闭此偏好后查看原始 GIF。";color:var(--muted);font-size:13px;display:block;padding:10px}}

.directory-brand{display:flex;align-items:center;gap:12px}.directory-brand .media-natural{border:0;padding:0;background:transparent}.directory-brand .media-natural img{max-width:76px;max-height:28px}.directory-brand .media-missing{display:none}.footer-logo{display:inline-block;vertical-align:middle;margin-right:10px}.footer-logo .media-natural{padding:0;border:0;background:transparent}.footer-logo img{max-height:32px;max-width:90px}.footer-logo .media-missing{display:none}