/* PG电子：独立、无第三方依赖的响应式编辑式布局 */
:root{color-scheme:dark;--bg:#080A0D;--surface:#0D1015;--panel:#12161C;--muted:#171C23;--text:#F5F7FA;--body:#C7CDD5;--sub:#9098A3;--blue:#5C7CFA;--bright:#6EA8FF;--line:rgba(255,255,255,.09)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--body);font:16px/1.82 Arial,'PingFang SC','Microsoft YaHei',sans-serif;overflow-wrap:break-word}a{color:var(--bright);text-decoration:none}a:hover{color:#9bc8ff}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #8ED8FF;outline-offset:3px}button{font:inherit;cursor:pointer}img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center center}figure{margin:0}h1,h2,h3{color:var(--text);line-height:1.38;margin:0 0 18px;font-weight:700}h1{font-size:35px}h2{font-size:26px}h3{font-size:19px}p{margin:0 0 17px}small,.eyebrow,.section-kicker{font-size:13px;letter-spacing:.08em;color:#8ED8FF}.wrap{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px;min-width:0}.skip-link{position:absolute;left:12px;top:-90px;background:#12161c;padding:8px;z-index:1000}.skip-link:focus{top:12px}.site-head{background:rgba(8,10,13,.96);border-bottom:1px solid var(--line);position:relative;z-index:20}.topbar{height:76px;display:flex;gap:20px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;flex:0 0 auto;min-width:0}.brand-text{font-size:10px;letter-spacing:.09em;color:#9098a3;white-space:nowrap}.brand .pg-image--logo{max-width:100px}.pg-image--logo{height:36px;width:100px;display:flex;align-items:center;justify-content:flex-start;border:0;background:none}.pg-image--logo img{max-height:36px;width:auto;max-width:100%;height:auto}.pg-image--logo.pg-image--missing{min-height:0}.main-nav{display:flex;align-items:center;justify-content:center;gap:21px;white-space:nowrap;margin:auto}.main-nav a{color:#C7CDD5;font-size:14px;border-bottom:2px solid transparent;padding:26px 0 22px}.main-nav a.active,.main-nav a:hover{color:var(--bright);border-bottom-color:var(--bright)}.enter-button{background:var(--blue);color:white;border-radius:999px;white-space:nowrap;padding:8px 22px;font-size:14px;font-weight:700;line-height:28px}.enter-button:hover{color:white;background:#7390FF}.menu-toggle{display:none;background:none;border:1px solid var(--line);width:40px;height:40px;border-radius:9px;padding:10px;flex-direction:column;justify-content:space-around}.menu-toggle span{height:2px;width:100%;background:#F5F7FA;border-radius:2px}.shortcut{background:#10141A;border-bottom:1px solid var(--line)}.shortcut-inner{display:flex;gap:32px;align-items:center;min-height:44px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.shortcut-inner::-webkit-scrollbar{display:none}.shortcut a{font-size:14px;color:var(--body)}.shortcut a:hover{color:var(--bright)}.breadcrumbs{display:flex;gap:10px;align-items:center;color:var(--sub);font-size:13px;margin-top:25px}.breadcrumbs strong{font-weight:400;color:#c7cdd5}.site-main{padding-top:45px;padding-bottom:88px}.breadcrumbs+.site-main{padding-top:26px}.drawer-overlay,.mobile-drawer{position:fixed;z-index:90;visibility:hidden;pointer-events:none;transition:visibility .2s,transform .25s,opacity .2s}.drawer-overlay{inset:0;background:rgba(0,0,0,.64);opacity:0}.drawer-overlay.is-open{visibility:visible;pointer-events:auto;opacity:1}.mobile-drawer{inset:0 auto 0 0;width:min(390px,86vw);background:#0D1015;transform:translateX(-102%);overflow-y:auto;overscroll-behavior:contain;padding:18px 23px 36px;box-shadow:8px 0 40px rgba(0,0,0,.3)}.mobile-drawer.is-open{visibility:visible;pointer-events:auto;transform:translateX(0)}body.drawer-open{overflow:hidden}.drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.drawer-close{border:1px solid var(--line);background:var(--panel);color:white;font-size:25px;width:40px;height:40px;line-height:1}.mobile-drawer section{border-top:1px solid var(--line);padding:16px 0}.mobile-drawer h2{font-size:14px;color:#8ED8FF;margin-bottom:9px}.drawer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 16px}.drawer-links a{font-size:14px;color:var(--body);padding:6px 0}.page-head{max-width:875px;margin-bottom:38px}.page-head h1{margin-top:14px}.lead{font-size:17px;color:var(--body);line-height:1.8}.page-content{min-width:0}.article-body{max-width:820px}.article-section{border-top:1px solid var(--line);padding:31px 0 20px}.article-section h2{margin-top:9px}.article-section p{max-width:780px}.article-body.editorial .article-section:nth-child(even){padding-left:25px;border-left:2px solid rgba(92,124,250,.3)}.related-reading{margin-top:54px;padding:27px 0 0;border-top:1px solid var(--line)}.related-reading p{max-width:760px}.text-links{display:flex;gap:12px 25px;flex-wrap:wrap;margin-top:15px}.text-links a,.entry-card>a,.index-list h3 a{border-bottom:1px solid rgba(110,168,255,.45);padding-bottom:2px}.feature-figure{max-width:810px;margin:0 0 35px}.figure-note,figcaption{font-size:13px;color:var(--sub);line-height:1.65;margin-top:9px}.pg-image{min-width:0;max-width:100%;background:#0D1015;border:1px solid var(--line);border-radius:13px;padding:10px;display:flex;align-items:center;justify-content:center}.pg-image img{max-width:100%;max-height:100%;height:auto;width:auto;object-fit:contain}.pg-image--hero{height:300px}.pg-image--feature{height:235px}.pg-image--thumb{height:165px}.pg-image--gallery{height:190px}.pg-image--device{max-width:270px;max-height:340px;margin:auto;min-height:240px}.pg-image--device img{max-height:320px}.pg-image--gif{max-height:175px}.pg-image--missing span{font-size:12px;color:#748093;letter-spacing:.05em;text-align:center}.inline-figure{margin:12px 0 30px;max-width:560px}.inline-figure .pg-image{height:230px}.table-scroll{overflow-x:auto;max-width:860px;margin:0 0 30px}table{border-collapse:collapse;width:100%;text-align:left}caption{text-align:left;margin-bottom:8px;color:var(--sub);font-size:13px}td,th{padding:13px 14px;border:1px solid var(--line);font-size:14px;vertical-align:top}th{color:#F5F7FA;background:#171C23}.faq-stack{max-width:880px}.faq-stack details{border-top:1px solid var(--line);padding:18px 0}.faq-stack summary{cursor:pointer;color:var(--text);font-size:17px;font-weight:600}.faq-stack p{padding:15px 30px 0;margin:0}.area-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.area-card{display:flex;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}.index-number{font-size:15px;font-weight:700;letter-spacing:.06em;color:#8ED8FF}.area-card h2{font-size:21px}.area-card p{font-size:15px}.digest-list{max-width:900px}.digest-item{border-top:1px solid var(--line);padding:22px 0 30px}.digest-item h2{font-size:21px;margin-top:9px}.digest-item p{max-width:800px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery-card{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:13px}.gallery-card figcaption{margin:15px 5px 5px}.gallery-card h2{font-size:18px;margin:7px 0}.gallery-card p{font-size:14px}.home-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:35px;margin:4px 0 65px}.home-hero h1{font-size:42px;margin:19px 0 20px}.home-hero p{font-size:17px}.home-block{padding:44px 0 48px;border-top:1px solid var(--line)}.home-block h2{margin-top:12px;margin-bottom:22px}.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.entry-card{padding:23px;background:var(--panel);border:1px solid var(--line);border-radius:13px}.entry-card p{font-size:15px}.entry-card h3{margin-bottom:12px}.split-editorial{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.85fr);gap:38px}.index-aside{border-left:1px solid var(--line);padding-left:25px}.index-aside h3{font-size:17px}.index-aside p{font-size:14px}.two-essays{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.two-essays article{min-width:0}.mini-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.mini-gallery.four{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-gallery figure{min-width:0}.mini-gallery figcaption{padding:0 5px}.subnote{max-width:780px;margin-top:22px}.feature-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:34px}.mobile-feature{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:45px;align-items:center}.index-list{max-width:950px}.index-list>div{display:flex;gap:26px;border-top:1px solid var(--line);padding:17px 0}.index-list h3{font-size:18px;margin:0 0 4px}.index-list p{margin:0;font-size:15px}.home-bottom{padding:34px 30px;background:#12161C;border:1px solid var(--line);border-radius:12px}.home-bottom p{max-width:900px}.site-footer{background:#050608;border-top:1px solid var(--line);padding:52px 0 23px}.footer-grid{display:grid;grid-template-columns:1.1fr 2fr .7fr;gap:45px}.footer-brand p{font-size:13px;color:var(--sub);margin:12px 0}.site-footer h2{font-size:16px;margin-bottom:16px}.site-footer nav a{font-size:13px;color:#b8c2cf;margin:0 14px 8px 0;display:inline-block}.footer-group{margin-bottom:15px}.footer-group strong{display:block;color:var(--sub);font-size:12px;margin-bottom:4px}.footer-bottom{display:flex;gap:18px;justify-content:space-between;padding-top:20px;margin-top:30px;border-top:1px solid var(--line);font-size:12px;color:var(--sub)}.back-to-top{position:fixed;bottom:25px;right:20px;width:39px;height:39px;border-radius:50%;border:1px solid var(--line);background:#1B2129;color:white;opacity:0;pointer-events:none;z-index:30}.back-to-top.is-visible{opacity:1;pointer-events:auto}
@media(max-width:1150px){.topbar{gap:10px}.main-nav{gap:12px}.brand-text{display:none}.main-nav a{font-size:13px}}
@media(max-width:979px){.wrap{padding-left:20px;padding-right:20px}.topbar{height:64px;position:relative;justify-content:space-between}.main-nav{display:none}.menu-toggle{display:flex}.brand{position:absolute;left:50%;transform:translateX(-50%);max-width:30%;justify-content:center}.brand .pg-image--logo,.pg-image--logo{height:28px;max-width:100px}.pg-image--logo img{max-height:28px}.enter-button{font-size:13px;line-height:22px;padding:8px 14px}.shortcut-inner{gap:25px}.home-hero h1{font-size:36px}.home-hero{gap:20px}.footer-grid{grid-template-columns:1fr 1.7fr;gap:24px}.footer-grid>div:last-child{grid-column:1/-1}.mini-gallery.four{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.site-main{padding-top:30px;padding-bottom:52px}.breadcrumbs+.site-main{padding-top:18px}.home-hero{grid-template-columns:minmax(0,1fr)}.home-hero .hero-art{order:-1}.home-hero h1{font-size:31px}.home-hero p{font-size:15px}.split-editorial,.two-essays,.feature-split,.mobile-feature,.area-index{grid-template-columns:minmax(0,1fr)}.index-aside{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.home-block{padding:30px 0}.feature-split,.mobile-feature{gap:24px}.mobile-feature>div:first-child{order:-1}.entry-grid{grid-template-columns:minmax(0,1fr)}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:minmax(0,1fr)}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.article-body.editorial .article-section:nth-child(even){padding-left:15px}.pg-image--hero{height:245px}.pg-image--feature{height:190px}}
@media(max-width:480px){.wrap{padding-left:16px;padding-right:16px}.topbar{height:63px}.brand{max-width:29%}.brand .pg-image--logo{max-width:88px}.pg-image--logo{width:88px}.menu-toggle{flex:0 0 40px}.enter-button{padding:8px 11px;font-size:12px}.shortcut-inner{gap:22px;min-height:43px}.shortcut a{font-size:13px}.home-hero h1{font-size:29px}.page-head h1{font-size:26px}.page-head{margin-bottom:28px}.lead{font-size:15px}h2{font-size:21px}h3{font-size:18px}body{font-size:15px}.mini-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-gallery .pg-image--thumb{height:125px}.gallery-grid{grid-template-columns:minmax(0,1fr)}.gallery-card .pg-image--gallery{height:175px}.pg-image--hero{height:195px}.pg-image--feature{height:170px}.pg-image--device{max-width:220px;max-height:340px}.pg-image--gif{max-height:145px}.home-bottom{padding:22px 17px}.area-card{padding:17px}.footer-group a{margin-right:12px}}
@media(max-width:350px){.brand .pg-image--logo{max-width:72px}.enter-button{font-size:11px;padding:7px 8px}.mini-gallery{grid-template-columns:minmax(0,1fr)}.mini-gallery.four{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}