*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080A0D;color:#C7CDD5;font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#8ED8FF}button{font:inherit;cursor:pointer}img{max-width:100%}:focus-visible{outline:2px solid #8ED8FF;outline-offset:3px}.skip{position:absolute;z-index:20000;left:12px;top:-70px;padding:8px;background:#171C23}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:1000;background:#0D1015;border-bottom:1px solid rgba(255,255,255,.09)}.topbar{max-width:1228px;margin:auto;padding:0 24px;height:70px;display:flex;gap:35px;align-items:center}.brand{display:flex;align-items:center;flex:none;min-width:120px;gap:8px}.brand .media{width:auto;max-width:150px;height:36px;background:transparent;border-radius:0}.brand .media img{width:auto;height:100%;max-width:150px;object-fit:contain}.brand .media-placeholder{display:none}.brand-fallback{font-size:20px;line-height:1.2;white-space:nowrap;font-weight:800;color:#F5F7FA}.brand-fallback span,.footer-brand-title span{color:#6EA8FF}.brand:has(img) .brand-fallback{display:none}.desktop-main{display:flex;align-items:center;gap:28px;white-space:nowrap;margin-left:auto}.desktop-main a{font-size:15px;line-height:68px;border-bottom:2px solid transparent;color:#C7CDD5}.desktop-main a.active,.desktop-main a:hover{color:#6EA8FF;border-bottom-color:#6EA8FF}.entry{margin-left:auto;display:inline-flex;gap:12px;align-items:center;justify-content:center;flex:none;min-width:112px;height:42px;padding:0 17px;background:#5C7CFA;border-radius:999px;color:#fff;font-size:14px;font-weight:700;line-height:1}.entry:hover{background:#7390FF;color:#fff}.channel-bar{background:#12161C;border-top:1px solid rgba(255,255,255,.05)}.channel-inner{max-width:1180px;margin:auto;display:flex;gap:29px;align-items:center;height:44px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.channel-inner::-webkit-scrollbar{display:none}.channel-inner a{font-size:13px;color:#9098A3;flex:none}.channel-inner a:hover,.channel-inner a.active{color:#8ED8FF}.menu-toggle{display:none}.mobile-drawer,.drawer-mask{display:none}.site-main{max-width:1228px;padding:34px 24px 65px;margin:auto;min-height:65vh}.eyebrow{color:#8ED8FF;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700}.hero,.feature-split{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:36px;align-items:center}.hero{padding:24px 0 45px;border-bottom:1px solid rgba(255,255,255,.09)}h1,h2,h3,p{margin-top:0}h1{font-size:38px;line-height:1.25;letter-spacing:-.03em;color:#F5F7FA;margin-bottom:21px}h2{font-size:26px;color:#F5F7FA;line-height:1.38}h3{font-size:19px;color:#F5F7FA;line-height:1.45}p{margin-bottom:17px}.lead{font-size:17px;color:#C7CDD5}.hero-actions,.pill-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn,.soft-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border-radius:9px;border:1px solid rgba(255,255,255,.16);font-size:14px;font-weight:700}.btn{background:#5C7CFA;color:#fff}.soft-btn{background:#171C23}.btn:hover{background:#7390FF;color:#fff}.section{padding:45px 0;border-bottom:1px solid rgba(255,255,255,.09)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:22px}.section-head h2{margin:0}.section-head a,.link-more{color:#8ED8FF;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#171C23;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:22px;min-width:0}.card h3{margin-bottom:9px}.card p{font-size:14px;color:#AEB8C6;line-height:1.8}.card a{color:#8ED8FF;font-size:14px}.card .media{margin:-22px -22px 17px;width:calc(100% + 44px);border-radius:13px 13px 0 0}.feature-split .copy{min-width:0}.feature-split .media{max-width:490px}.section-stacks{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:22px}.article-block{background:#171C23;border:1px solid rgba(255,255,255,.09);padding:27px;border-radius:14px}.list-panel{background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:23px}.list-panel a{display:block;border-bottom:1px solid rgba(255,255,255,.09);padding:11px 0}.list-panel a:last-child{border:0}.text-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.text-list a{display:block;background:#171C23;border-radius:10px;padding:16px}.text-list small{display:block;color:#9098A3}.image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.image-tile{border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden;background:#171C23}.image-tile .tile-copy{padding:13px 15px}.image-tile h3{font-size:16px;margin:0 0 3px}.image-tile p{font-size:13px;margin:0;color:#9098A3}.media{position:relative;width:100%;max-width:100%;min-width:0;overflow:hidden;border-radius:12px;background:#0D1015;display:flex;align-items:center;justify-content:center}.media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center}.media-square{aspect-ratio:1/1}.media-landscape{aspect-ratio:16/9}.media-topic{aspect-ratio:4/3}.media-banner{aspect-ratio:16/7}.media-device{aspect-ratio:9/16;max-width:300px;margin:auto}.media-natural img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;margin:auto}.media-placeholder{background:linear-gradient(145deg,#12161C,#1C2430);width:100%;height:100%;min-height:120px}.media-natural .media-placeholder{min-height:180px}.banner-wrap{max-width:1080px;margin:auto}.banner-wrap .media img{height:auto;max-height:none}.banner-wrap .media{aspect-ratio:auto;min-height:120px}.banner-wrap .media-placeholder{min-height:190px}.page-header{max-width:850px;margin:10px 0 34px}.page-header h1{font-size:34px}.page-layout{display:grid;grid-template-columns:minmax(0,800px) minmax(225px,1fr);gap:35px;align-items:start}.reading{min-width:0}.reading-section{border-top:1px solid rgba(255,255,255,.09);padding:27px 0}.reading-section p{font-size:16px;line-height:1.82}.sidebox{background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:20px;position:sticky;top:146px}.sidebox a{display:block;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}.sidebox a:last-child{border:0}.related{padding:34px 0}.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-links a{background:#171C23;padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:9px;font-size:14px}.faq details{background:#171C23;border:1px solid rgba(255,255,255,.09);margin:12px 0;border-radius:10px;padding:13px 18px}.faq summary{color:#F5F7FA;font-weight:700;cursor:pointer}.faq details p{margin:10px 0 0}.site-footer{background:#050608;border-top:1px solid rgba(255,255,255,.09);padding:44px 24px 24px}.footer-grid,.footer-bottom{max-width:1180px;margin:auto}.footer-grid{display:grid;grid-template-columns:1.8fr repeat(4,1fr);gap:24px}.footer-brand-title{color:#F5F7FA;font-size:23px;font-weight:800}.footer-brand p{font-size:13px;color:#9098A3;margin:12px 0}.footer-col h3{font-size:15px}.footer-col a{display:block;color:#9098A3;font-size:13px;margin:7px 0}.footer-col a:hover{color:#8ED8FF}.footer-bottom{margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;gap:18px;border-top:1px solid rgba(255,255,255,.09);font-size:12px;color:#9098A3}.mobile-bottom{display:none}@media(max-width:1120px){.topbar{gap:16px}.desktop-main{gap:15px}.footer-grid{grid-template-columns:repeat(4,1fr)}.footer-brand{grid-column:span 4}}@media(max-width:980px){.desktop-main{display:none}.topbar{height:59px;padding:0 20px;gap:10px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:4px;align-items:center;width:36px;height:36px;padding:0;border:0;background:none;flex:none}.menu-toggle span{width:20px;height:2px;background:#F5F7FA}.brand{position:absolute;left:50%;transform:translateX(-50%);min-width:0;max-width:36%}.brand .media{height:29px;max-width:100px}.brand .media img{max-width:100px}.brand-fallback{font-size:18px}.entry{margin-left:auto;height:36px;min-width:76px;font-size:12px;padding:0 11px;gap:3px}.channel-inner{padding:0 20px;gap:24px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100dvh;background:#0D1015;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto;visibility:hidden}.mobile-drawer.is-open{transform:translateX(0);visibility:visible}.drawer-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:11000;opacity:0;pointer-events:none}.drawer-mask.is-visible{display:block;opacity:1;pointer-events:auto}body.drawer-open{overflow:hidden}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;color:#F5F7FA;font-weight:800;border-bottom:1px solid rgba(255,255,255,.09)}.drawer-close{background:transparent;border:0;color:#fff;font-size:27px;line-height:1}.drawer-group{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.09)}.drawer-group h3{font-size:13px;color:#8ED8FF;margin:0 0 7px}.drawer-group a{display:block;padding:7px 0;font-size:14px}.site-main{padding:26px 20px 84px}.mobile-bottom{display:grid;position:fixed;bottom:0;left:0;right:0;z-index:1000;grid-template-columns:repeat(4,1fr);height:60px;background:#0D1015;border-top:1px solid rgba(255,255,255,.12)}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font-size:12px;line-height:1.4;color:#C7CDD5}.mobile-bottom a span{font-size:20px}.mobile-bottom a.active{color:#6EA8FF}.page-layout{grid-template-columns:1fr}.sidebox{position:static;display:none}.hero,.feature-split{gap:20px}.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}.image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section{padding:35px 0}}@media(max-width:620px){body{font-size:15px}.site-main{padding:21px 16px 80px}.topbar{padding:0 16px}.channel-inner{padding:0 16px;height:42px}.hero,.feature-split{grid-template-columns:1fr}.hero .media{order:-1}.hero{padding:8px 0 28px}h1{font-size:28px}h2{font-size:21px}h3{font-size:17px}.page-header h1{font-size:27px}.lead{font-size:15px}.section{padding:28px 0}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{padding:15px}.card .media{margin:-15px -15px 13px;width:calc(100% + 30px)}.card h3{font-size:16px}.card p{font-size:13px}.section-stacks{grid-template-columns:1fr}.article-block{padding:18px}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.text-list{grid-template-columns:1fr}.related-links{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.footer-brand{grid-column:span 2}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:9px}.site-footer{padding:35px 16px 85px}.reading-section p{font-size:15px}.media-device{max-width:250px}.section-head{align-items:start}.banner-wrap .media-placeholder{min-height:100px}}@media(max-width:350px){.brand-fallback{font-size:15px}.entry{padding:0 9px;font-size:11px;min-width:74px}.cards{grid-template-columns:1fr}.hero h1{font-size:26px}.channel-inner{gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-drawer{transition:none}}


/* PG试玩全新编辑式首页 */
.fresh-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:42px;align-items:center;padding:44px 0 58px;border-bottom:1px solid rgba(255,255,255,.09)}.fresh-intro .lead{max-width:640px}.fresh-visual .media{max-height:320px}.fresh-index,.fresh-feature,.fresh-spotlight,.fresh-poster,.fresh-end{padding:48px 0;border-bottom:1px solid rgba(255,255,255,.09)}.fresh-section-title{margin-bottom:25px}.fresh-section-title h2{margin:6px 0 0}.fresh-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.fresh-tile{display:flex;flex-direction:column;background:#171C23;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:23px;min-width:0;min-height:210px;transition:border-color .15s ease,transform .15s ease}.fresh-tile:hover{border-color:#6EA8FF;transform:translateY(-2px)}.fresh-tile h3{font-size:21px;margin:10px 0}.fresh-tile p{font-size:14px;line-height:1.75;flex:1;color:#AEB8C6}.fresh-kicker{font-size:11px;letter-spacing:.14em;color:#8ED8FF}.fresh-arrow{font-size:13px;color:#8ED8FF}.fresh-feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:45px;align-items:center}.fresh-feature-copy .link-more{display:inline-block;margin:6px 16px 0 0}.fresh-spotlight{background:#12161C;padding:33px;border:1px solid rgba(255,255,255,.09);border-radius:16px;margin-top:44px}.fresh-spotlight-row{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:center}.fresh-spotlight .media{max-height:280px}.fresh-more{text-align:right;margin:18px 0 0;color:#8ED8FF}.fresh-poster{text-align:center}.fresh-poster .banner-wrap{margin:23px auto}.fresh-end{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:36px}.fresh-end .fresh-device{max-width:265px;margin:auto}.fresh-final{background:#12161C;border-left:3px solid #5C7CFA;padding:18px 22px;margin-top:24px}.fresh-final p{font-size:14px;margin:0 0 8px}.fresh-final a{font-size:14px;color:#8ED8FF}.page-feature{margin:20px 0 35px}.page-feature .media{max-height:340px}.brand .media{max-width:110px}.desktop-main{gap:17px}.desktop-main a{font-size:14px}.topbar{gap:22px}.brand{min-width:110px}
@media(max-width:1100px){.desktop-main{gap:10px}.topbar{gap:12px}.brand{min-width:100px}.desktop-main a{font-size:13px}}
@media(max-width:980px){.fresh-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.fresh-intro{gap:23px}}
@media(max-width:620px){.fresh-intro{display:flex;flex-direction:column-reverse;align-items:stretch;padding:12px 0 32px;gap:22px}.fresh-intro .fresh-visual .media{max-height:220px}.fresh-tiles{gap:11px}.fresh-tile{min-height:175px;padding:16px}.fresh-tile h3{font-size:17px}.fresh-tile p{font-size:13px}.fresh-index,.fresh-feature,.fresh-spotlight,.fresh-poster,.fresh-end{padding:30px 0}.fresh-feature,.fresh-spotlight-row,.fresh-end{grid-template-columns:1fr;gap:22px}.fresh-spotlight{padding:20px}.fresh-end .fresh-device{max-width:220px}.fresh-section-title{margin-bottom:19px}.fresh-poster .banner-wrap .media img{max-height:none}}
@media(max-width:350px){.fresh-tiles{grid-template-columns:1fr}.fresh-tile{min-height:130px}}