:root{
  --bg:#1d1f26;
  --bg2:#171920;
  --bg3:#23262f;
  --text:#fff;
  --muted:#a8adb8;
  --gold:#ffe09b;
  --gold2:#ffedc7;
  --gold3:#c9a86c;
  --line:rgba(255,255,255,.08);
  --max:1180px;
  --header:72px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text);line-height:1.65;min-height:100vh}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(100% - 32px,var(--max));margin:0 auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(29,31,38,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);height:var(--header)}
.header-inner{height:100%;display:flex;align-items:center;gap:20px}
.logo img{height:35px;width:auto}
.nav{display:flex;gap:22px;flex:1;justify-content:center;flex-wrap:wrap}
.nav a{font-size:14px;color:#e8e8e8;padding:8px 0;position:relative}
.nav a.active,.nav a:hover{color:var(--gold)}
.nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--gold2),var(--gold))}
.header-tools{display:flex;align-items:center;gap:14px}
.glc{height:34px}
.lang{display:flex;align-items:center;gap:6px;font-size:13px;color:#ddd}
.lang img{width:18px;height:12px}
.btn-gold{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:6px;background:linear-gradient(180deg,var(--gold2),var(--gold));color:#1a1a1a;font-weight:700;font-size:14px;border:0;cursor:pointer}
.btn-gold:hover{filter:brightness(1.05)}
.menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:#fff;padding:8px 10px;border-radius:6px}
.hero{position:relative;height:930px;min-height:930px;display:flex;align-items:stretch;background-color:#171920;background-image:url("../assets/images/original/pk-hero-banner-2024_.jpg");background-repeat:no-repeat;background-position:50% 0%;background-size:contain;overflow:hidden}
.hero::before{content:none}
.hero-wrap{position:relative;z-index:1;width:min(100% - 32px,var(--max));margin:0 auto;padding:200px 0 40px;display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:0;box-sizing:border-box}
.hero-copy{max-width:620px;margin:0;text-align:left;align-self:flex-start}
.eyebrow{color:var(--gold);font-size:14px;letter-spacing:.08em;margin-bottom:12px}
.hero h1{font-size:clamp(28px,3.2vw,44px);line-height:1.25;font-weight:500;margin-bottom:18px;text-align:left}
.hero-copy>p{color:#bcbcbe;font-size:18px;margin-bottom:28px;text-align:left;line-height:1.6;max-width:520px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start}
.btn-app{display:inline-flex;align-items:center;gap:12px;padding:14px 22px;min-width:240px;min-height:56px;border-radius:6px;border:1px solid rgb(104,88,97);color:#fff;background:transparent;font-size:16px;font-weight:500}
.btn-app img{width:18px;height:18px;object-fit:contain}
.btn-app:hover{border-color:var(--gold);color:var(--gold)}
.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px;position:relative;z-index:2;background:transparent;border:0;border-radius:0;overflow:visible;backdrop-filter:none;padding:0 0 24px}
.feature-card{background:transparent;border:0;border-radius:0;padding:0;text-align:left;display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start}
.feature-card:last-child{border-right:0}
.feature-card img{width:47px;height:47px;margin:0}
.feature-card h3{font-size:18px;margin-bottom:6px;font-weight:400;text-align:left}
.feature-card p{color:#84848a;font-size:15px;text-align:left;line-height:1.5}
.section{padding:72px 0}
.section-title{text-align:center;margin-bottom:40px}
.section-title h2{font-size:clamp(26px,3.5vw,36px);margin-bottom:10px}
.section-title p{color:var(--muted);max-width:640px;margin:0 auto}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;margin-bottom:70px}
.split.reverse{grid-template-columns:.95fr 1.05fr}
.split.reverse .split-media{order:-1}
.split-kicker{color:var(--gold);font-size:14px;margin-bottom:10px}
.split h3{font-size:clamp(24px,3vw,34px);margin-bottom:14px;line-height:1.25}
.split p{color:var(--muted);margin-bottom:18px}
.split-media img{width:100%;height:auto}
.wpt-block{background:#12131a center/cover no-repeat;border-radius:16px;overflow:hidden;border:1px solid var(--line);min-height:360px;display:grid;grid-template-columns:1fr 1.1fr}
.wpt-copy{padding:40px 36px;background:linear-gradient(90deg,rgba(18,19,26,.95),rgba(18,19,26,.55));display:flex;flex-direction:column;justify-content:center}
.wpt-copy h3{font-size:28px;margin:8px 0 12px}
.video-row{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.video-main,.video-side{position:relative;border-radius:12px;overflow:hidden;min-height:220px;background:#000 center/cover no-repeat}
.video-side{min-height:220px}
.video-label{position:absolute;left:16px;bottom:16px;background:rgba(0,0,0,.55);padding:8px 12px;border-radius:6px;font-size:13px}
.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.support-card{background:var(--bg3);border:1px solid var(--line);border-radius:12px;padding:28px 22px;text-align:center}
.support-card img{width:70px;height:70px;margin:0 auto 14px}
.support-card h3{margin-bottom:8px}
.support-card p{color:var(--muted);font-size:14px}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.article-card{background:var(--bg3);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .2s ease,border-color .2s}
.article-card:hover{transform:translateY(-3px);border-color:rgba(255,224,155,.35)}
.article-card .thumb{aspect-ratio:16/10;object-fit:cover;width:100%;background:#111}
.article-card .body{padding:16px}
.article-card .cat{color:var(--gold3);font-size:12px;margin-bottom:6px}
.article-card h3{font-size:16px;line-height:1.4;margin-bottom:8px}
.article-card .meta{color:var(--muted);font-size:12px}
.page-hero{padding:48px 0 24px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#23262f,var(--bg))}
.page-hero h1{font-size:32px;margin-bottom:8px}
.page-hero p{color:var(--muted)}
.layout{display:grid;grid-template-columns:240px 1fr;gap:28px;padding:36px 0 80px}
.side-nav{background:var(--bg3);border:1px solid var(--line);border-radius:12px;padding:16px;height:fit-content;position:sticky;top:88px}
.side-nav a{display:block;padding:10px 12px;border-radius:8px;color:#ddd;font-size:14px}
.side-nav a:hover,.side-nav a.active{background:rgba(255,224,155,.12);color:var(--gold)}
.list-item{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}
.list-item img{width:100%;height:130px;object-fit:cover;border-radius:10px;background:#111}
.list-item h2{font-size:20px;margin-bottom:8px}
.list-item p{color:var(--muted);font-size:14px}
.article-page{padding:36px 0 90px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}
.article-main{background:var(--bg3);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.article-cover{width:100%;max-height:420px;object-fit:cover}
.article-content{padding:28px}
.article-content h1{font-size:28px;margin-bottom:10px;line-height:1.3}
.article-meta{color:var(--muted);font-size:13px;margin-bottom:22px}
.article-content p{color:#d7dae2;margin-bottom:16px}
.article-content figure{margin:22px 0}
.article-content figure img{width:100%;border-radius:10px}
.article-content figcaption{color:var(--muted);font-size:12px;margin-top:8px}
.aside-box{background:var(--bg3);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:18px}
.aside-box h3{font-size:16px;margin-bottom:12px}
.aside-box a{display:block;padding:8px 0;border-bottom:1px solid var(--line);color:#ddd;font-size:13px}
.search-box{display:flex;gap:10px;margin-top:18px}
.search-box input{flex:1;background:#12131a;border:1px solid var(--line);border-radius:8px;color:#fff;padding:12px 14px;font-size:15px}
.site-footer{background:#12131a;border-top:1px solid var(--line);padding:48px 0 100px}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}
.footer-grid h4{margin-bottom:12px;color:var(--gold)}
.footer-grid a,.footer-grid p{color:var(--muted);font-size:14px;display:block;margin-bottom:8px}
.copyright{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);color:#777;font-size:13px}
.download-bar{position:fixed;left:0;right:0;bottom:0;z-index:120;background:linear-gradient(180deg,var(--gold2),var(--gold));color:#111;text-align:center;padding:14px 12px;font-weight:800;font-size:18px;letter-spacing:.2em}
.download-bar a{color:inherit;display:block}
.mobile-only{display:none}
.download-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;background:var(--bg3);border:1px solid var(--line);border-radius:16px;padding:28px}
@media (max-width:980px){
  .nav,.header-tools .lang,.glc{display:none}
  .menu-toggle{display:inline-flex}
  .nav.open{display:flex;position:absolute;top:var(--header);left:0;right:0;background:#171920;flex-direction:column;padding:16px;gap:8px;border-bottom:1px solid var(--line)}
  .feature-strip,.support-grid,.article-grid{grid-template-columns:1fr}
  .feature-card{border-right:0;border-bottom:0}
  .feature-card:last-child{border-bottom:0}
  .split,.split.reverse,.wpt-block,.video-row,.layout,.article-page,.footer-grid,.list-item,.download-panel{grid-template-columns:1fr}
  .split.reverse .split-media{order:0}
  .hero{height:auto;min-height:720px;background-image:url("../assets/images/original/hero_mobile_614.png");background-size:contain;background-position:50% 0%;background-color:#000}
  .hero-wrap{padding:72px 0 36px;justify-content:flex-start;gap:36px;min-height:720px;height:auto}
  .hero-copy{max-width:100%;text-align:center;align-self:center}
  .hero h1,.hero-copy>p,.hero-cta{text-align:center;justify-content:center}
  .hero h1{font-size:33px}
  .hero-copy>p{font-size:15px;margin-left:auto;margin-right:auto}
  .btn-app{margin:0 auto}
  .feature-strip{gap:22px;margin-top:24px}
  .feature-card{grid-template-columns:48px 1fr;max-width:420px;margin:0 auto}
  .side-nav{position:static}
  .mobile-only{display:block}
  .download-bar{letter-spacing:.12em;font-size:16px}
}