/*
Theme Name: 青苹果系统下载中心 Pro
Theme URI: https://example.com/
Author: OpenAI
Description: 面向 Windows 系统下载站的完整 WordPress 主题。支持 Elementor Pro、系统分类、首页自动抓取、外部网盘弹窗、教程、工具、U盘装系统、友情链接和 QQ 群入口。
Version: 5.6.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: qpg
*/
:root{
  --qpg-blue:#1677ff;--qpg-blue2:#0b63d9;--qpg-blue-soft:#eef6ff;
  --qpg-bg:#f7fbff;--qpg-card:#fff;--qpg-text:#18324f;--qpg-muted:#73879d;
  --qpg-line:#e4edf7;--qpg-shadow:0 10px 28px rgba(40,92,145,.09);
  --qpg-radius:8px;--qpg-max:1500px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--qpg-bg);color:var(--qpg-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;font-size:14px;line-height:1.65}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}
.qpg-container{width:min(var(--qpg-max),calc(100% - 48px));margin:auto}
.qpg-topline{height:4px;background:#17212b}
.qpg-header{background:#fff;border-bottom:1px solid #edf2f7;position:sticky;top:0;z-index:1000}
.qpg-header-inner{height:70px;display:flex;align-items:center;gap:26px}
.qpg-brand{display:flex;align-items:center;gap:11px;min-width:260px}
.qpg-apple{font-size:35px;line-height:1}
.qpg-brand-text strong{display:block;font-size:20px;line-height:1.2;color:#15375a}.qpg-brand-text small{font-size:10px;letter-spacing:2px;color:#9aa9b9}
.qpg-nav{display:flex;align-items:stretch;height:100%;gap:2px;flex:1;overflow-x:auto;scrollbar-width:none}.qpg-nav::-webkit-scrollbar{display:none}
.qpg-nav a{display:flex;align-items:center;padding:0 14px;white-space:nowrap;position:relative;color:#244563;font-size:14px}.qpg-nav a:hover,.qpg-nav .current-menu-item>a{color:var(--qpg-blue)}
.qpg-nav a:hover:after,.qpg-nav .current-menu-item>a:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;background:var(--qpg-blue);border-radius:3px 3px 0 0}
.qpg-search{width:250px;height:38px;border-radius:22px;background:#f4f8fc;border:1px solid #edf2f7;display:flex;align-items:center;padding:0 13px;color:#91a4b6;flex:0 0 auto}.qpg-search input{border:0;background:transparent;outline:0;width:100%;font-size:12px;color:#49647e}
.qpg-hero{height:250px;background:linear-gradient(110deg,#eef7ff 0%,#ddecff 45%,#72b3f7 100%);overflow:hidden;border-bottom:1px solid #e7eef7}
.qpg-hero-inner{height:250px;display:flex;align-items:center;position:relative}
.qpg-hero-copy{width:48%;position:relative;z-index:3}.qpg-hero h1{font-size:34px;margin:0 0 10px;color:#123459;letter-spacing:.5px}.qpg-hero p{margin:0;max-width:620px;color:#66809a;font-size:16px;line-height:1.85}
.qpg-hero-art{position:absolute;right:-70px;bottom:-140px;width:760px;height:520px;border-radius:48% 52% 0 0;background:
radial-gradient(circle at 42% 38%,rgba(255,255,255,.55) 0 5%,transparent 6%),
radial-gradient(ellipse at 45% 56%,#35a7ff 0 18%,#0b73ff 19% 35%,#075bd7 36% 47%,transparent 48%),
radial-gradient(ellipse at 65% 40%,#65c2ff 0 18%,#1584ff 19% 38%,#075bd7 39% 50%,transparent 51%);
filter:saturate(1.1);transform:rotate(-4deg)}
.qpg-hero-badge{position:absolute;right:110px;top:56px;z-index:4;color:white;text-align:left}.qpg-hero-badge b{font-size:22px;display:block}.qpg-hero-badge span{font-size:12px;opacity:.9}
.qpg-section{padding:30px 0}.qpg-section-white{background:#fff}.qpg-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.qpg-title{font-size:23px;font-weight:800;display:flex;align-items:center;gap:10px;margin:0}.qpg-title:before{content:"";width:5px;height:22px;background:var(--qpg-blue);border-radius:4px}.qpg-more{color:var(--qpg-blue);font-size:13px}
.qpg-system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.qpg-system-card{background:#fff;border:1px solid var(--qpg-line);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(34,80,120,.04);transition:.25s ease;display:flex;flex-direction:column}
.qpg-system-card:hover{transform:translateY(-7px);box-shadow:0 16px 32px rgba(34,90,155,.15);border-color:#cfe2fb}
.qpg-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#ecf5ff,#d6e9ff);overflow:hidden;position:relative}.qpg-thumb img{width:100%;height:100%;object-fit:cover;transition:.35s}.qpg-system-card:hover .qpg-thumb img{transform:scale(1.035)}
.qpg-thumb-fallback{height:100%;display:flex;align-items:center;justify-content:center;font-size:58px;color:var(--qpg-blue);background:linear-gradient(135deg,#edf7ff,#cae4ff)}
.qpg-card-body{padding:14px 15px 15px;display:flex;flex-direction:column;flex:1}.qpg-card-title{font-size:15px;font-weight:700;line-height:1.5;margin:0 0 10px;min-height:46px}.qpg-card-title a:hover{color:var(--qpg-blue)}
.qpg-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.qpg-pill{font-size:11px;padding:2px 8px;border-radius:12px;background:#eef6ff;color:#2a78d4}.qpg-pill.green{background:#ebf9ef;color:#28a35a}
.qpg-card-actions{margin-top:auto;display:flex;align-items:center;gap:10px}.qpg-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border-radius:5px;border:1px solid var(--qpg-blue);font-weight:600;cursor:pointer;background:#fff;color:var(--qpg-blue);font-family:inherit}.qpg-btn-primary{background:var(--qpg-blue);color:#fff}.qpg-btn:hover{filter:brightness(.98)}.qpg-btn-sm{height:32px;padding:0 13px;font-size:12px}
.qpg-category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.qpg-category-card{background:#fff;border:1px solid var(--qpg-line);border-radius:7px;padding:16px;display:flex;align-items:center;gap:13px;transition:.2s}.qpg-category-card:hover{border-color:#b8d8ff;box-shadow:0 7px 18px rgba(40,90,140,.08);transform:translateY(-2px)}.qpg-category-icon{width:42px;height:42px;border-radius:9px;background:#edf6ff;color:var(--qpg-blue);display:flex;align-items:center;justify-content:center;font-size:21px}.qpg-category-card strong{display:block;font-size:15px}.qpg-category-card small{display:block;color:#94a4b5;font-size:11px}
.qpg-feature-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#eef7ff;border:1px solid #e0edfb;border-radius:10px;padding:16px}.qpg-feature{text-align:center}.qpg-feature b{display:block;color:#315779}.qpg-feature span{font-size:11px;color:#91a4b7}
.qpg-home-bottom{display:grid;grid-template-columns:1fr 1fr;gap:22px}.qpg-list-box{background:#fff;border:1px solid var(--qpg-line);border-radius:8px;padding:16px 18px}.qpg-list-row{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf2f7}.qpg-list-row:last-child{border-bottom:0}.qpg-list-row i{font-style:normal;color:var(--qpg-blue)}.qpg-list-row time{margin-left:auto;color:#9aadbf;font-size:11px}
.qpg-footer{background:#f1f7fd;border-top:1px solid #dce8f4;padding:34px 0 18px;color:#64809a}.qpg-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr .8fr;gap:32px}.qpg-footer h3{font-size:16px;color:#274764;margin:0 0 10px}.qpg-footer p{margin:0}.qpg-footer a{display:inline-block;margin:0 10px 7px 0;color:#5a7590}.qpg-footer-bottom{border-top:1px solid #d9e5f0;text-align:center;margin-top:25px;padding-top:16px;font-size:12px;color:#90a3b5}
.qpg-archive-wrap{padding:32px 0}.qpg-archive-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px}.qpg-archive-main,.qpg-sidebar-box,.qpg-article-box{background:#fff;border:1px solid var(--qpg-line);border-radius:8px}.qpg-archive-main{padding:20px}.qpg-list-system{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;padding:18px 0;border-bottom:1px solid #edf2f7}.qpg-list-system:first-child{padding-top:0}.qpg-list-system:last-child{border-bottom:0}.qpg-list-thumb{aspect-ratio:16/10;border-radius:7px;overflow:hidden;background:#edf6ff}.qpg-list-thumb img{width:100%;height:100%;object-fit:cover}.qpg-list-info h2{font-size:18px;margin:2px 0 8px}.qpg-list-info h2 a:hover{color:var(--qpg-blue)}.qpg-stars{color:#ffae24;letter-spacing:2px}.qpg-inline-meta{font-size:12px;color:#8ca0b2;margin:6px 0}.qpg-list-desc{color:#6f8599;margin:10px 0}.qpg-readmore{float:right;color:var(--qpg-blue);font-weight:600}
.qpg-sidebar-box{padding:16px 18px;margin-bottom:18px}.qpg-sidebar-box h3{font-size:16px;margin:0 0 12px;padding-left:10px;border-left:4px solid var(--qpg-blue)}.qpg-rank{counter-reset:qpg-rank}.qpg-rank a{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid #eef3f7}.qpg-rank a:last-child{border-bottom:0}.qpg-rank a:before{counter-increment:qpg-rank;content:counter(qpg-rank);width:20px;height:20px;border-radius:50%;background:#f1f5f9;color:#7890a6;text-align:center;line-height:20px;font-size:11px;flex:0 0 20px}.qpg-sidebar-latest{display:grid;gap:12px}.qpg-sidebar-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:5px}.qpg-sidebar-card strong{display:block;font-size:13px;margin-top:6px}
.qpg-article-wrap{padding:32px 0}.qpg-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px}.qpg-article-box{padding:24px}.qpg-article-title{font-size:28px;margin:0 0 8px}.qpg-article-meta{color:#8da0b4;font-size:12px;margin-bottom:18px}.qpg-article-cover{border-radius:8px;overflow:hidden;margin-bottom:18px}.qpg-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.qpg-spec{background:#f5f9fd;border:1px solid #e8eef5;border-radius:6px;padding:10px 12px}.qpg-spec b{display:block;font-size:11px;color:#96a6b7;font-weight:400}.qpg-tabs{display:flex;gap:0;border-bottom:1px solid var(--qpg-line);margin:24px 0 18px}.qpg-tab{padding:10px 20px;font-weight:700;border-bottom:3px solid transparent}.qpg-tab.active{color:var(--qpg-blue);border-color:var(--qpg-blue)}
.qpg-content{font-size:15px;color:#405d78}.qpg-content p{margin:0 0 1.2em}.qpg-content h2,.qpg-content h3{color:#1e3d5b}.qpg-download-block{background:#f7fbff;border:1px solid #dfeaf6;border-radius:8px;padding:18px;margin-top:18px}.qpg-download-block h3{margin:0 0 12px}.qpg-download-buttons{display:flex;flex-wrap:wrap;gap:12px}
.qpg-modal{position:fixed;inset:0;background:rgba(18,34,49,.5);z-index:99999;display:none;align-items:center;justify-content:center;padding:18px}.qpg-modal.show{display:flex}.qpg-modal-box{width:min(620px,100%);background:#fff;border-radius:12px;box-shadow:0 25px 70px rgba(0,0,0,.22);padding:24px;position:relative}.qpg-modal-close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:28px;color:#8a98a8;cursor:pointer}.qpg-modal h3{font-size:21px;margin:0 0 18px}.qpg-source-select{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.qpg-source-choice{border:1px solid #cfe0f4;background:#f8fbff;color:#2372c9;border-radius:8px;padding:18px;text-align:center;font-size:17px;cursor:pointer}.qpg-source-choice:hover{background:#edf6ff;border-color:#8fc1fb}.qpg-code-box{display:none}.qpg-code-box.show{display:block}.qpg-code-line{font-size:18px;margin:16px 0}.qpg-code{color:#f04444;font-weight:800;font-size:22px}.qpg-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.qpg-empty{background:#fff;border:1px dashed #cdddea;border-radius:8px;padding:35px;text-align:center;color:#7d91a3}.qpg-demo-note{font-size:12px;color:#98a7b8;margin:8px 0 0}
.qpg-pagination{display:flex;justify-content:center;gap:7px;padding-top:24px}.qpg-pagination .page-numbers{padding:7px 11px;border:1px solid var(--qpg-line);border-radius:4px;background:#fff}.qpg-pagination .current{background:var(--qpg-blue);color:#fff}
.qpg-uhero{background:linear-gradient(120deg,#d9ecff,#f4f9ff);border:1px solid #dceaf7;border-radius:10px;min-height:300px;display:flex;align-items:center;padding:40px;position:relative;overflow:hidden}.qpg-uhero:after{content:"";position:absolute;right:4%;bottom:-20px;width:360px;height:210px;background:linear-gradient(135deg,#dce6f0,#fff);border:9px solid #c9d6e3;border-radius:12px;transform:perspective(500px) rotateX(5deg)}.qpg-uhero h1{font-size:32px;margin:0 0 10px}.qpg-uhero p{max-width:560px;color:#66819a}.qpg-uhero .qpg-btn{margin-top:10px}
@media(max-width:1200px){.qpg-system-grid{grid-template-columns:repeat(3,1fr)}.qpg-category-grid{grid-template-columns:repeat(3,1fr)}.qpg-search{width:190px}.qpg-brand{min-width:220px}.qpg-nav a{padding:0 9px}}
@media(max-width:900px){.qpg-header-inner{height:auto;flex-wrap:wrap;padding:10px 0}.qpg-nav{order:3;width:100%;height:44px}.qpg-search{flex:1}.qpg-system-grid{grid-template-columns:repeat(2,1fr)}.qpg-archive-layout,.qpg-article-layout{grid-template-columns:1fr}.qpg-footer-grid{grid-template-columns:1fr 1fr}.qpg-hero-copy{width:65%}.qpg-hero-art{right:-260px}}
@media(max-width:620px){.qpg-container{width:calc(100% - 24px)}.qpg-system-grid,.qpg-category-grid,.qpg-home-bottom{grid-template-columns:1fr}.qpg-feature-strip{grid-template-columns:repeat(2,1fr);gap:14px}.qpg-hero{height:225px}.qpg-hero-inner{height:225px}.qpg-hero h1{font-size:27px}.qpg-hero p{font-size:14px}.qpg-hero-art,.qpg-hero-badge{display:none}.qpg-hero-copy{width:100%}.qpg-list-system{grid-template-columns:1fr}.qpg-specs{grid-template-columns:repeat(2,1fr)}.qpg-source-select{grid-template-columns:1fr}.qpg-footer-grid{grid-template-columns:1fr}}

/* V5.1 */
.qpg-hero-actions{display:flex;gap:14px;margin-top:22px;flex-wrap:wrap}.qpg-hero-chip{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 20px;border-radius:999px;border:1.5px solid #8abfff;background:rgba(255,255,255,.75);color:#176fc8;font-weight:700;box-shadow:0 4px 14px rgba(22,119,255,.08);transition:.2s}.qpg-hero-chip:hover{transform:translateY(-2px);background:#fff;box-shadow:0 8px 18px rgba(22,119,255,.14)}.qpg-hero-chip.primary{background:var(--qpg-blue);border-color:var(--qpg-blue);color:#fff}.qpg-readmore{float:none!important;display:inline-flex;align-items:center;justify-content:center;min-width:104px;height:36px;padding:0 18px;border-radius:18px;background:linear-gradient(135deg,#2587ff,#1267df);color:#fff!important;font-weight:700;box-shadow:0 6px 14px rgba(22,119,255,.18);transition:.2s}.qpg-readmore:hover{transform:translateY(-2px);box-shadow:0 9px 18px rgba(22,119,255,.25)}.qpg-list-system-actions{display:flex;justify-content:flex-end;margin-top:12px}.qpg-footer-qq{display:inline-flex;align-items:center;gap:9px;min-width:160px;height:44px;padding:0 20px;border-radius:8px;background:linear-gradient(135deg,#2587ff,#1267df);color:#fff!important;font-weight:800;box-shadow:0 8px 18px rgba(22,119,255,.2)}.qpg-footer-note{display:block;margin-top:8px;font-size:12px;color:#8ca0b3}.qpg-friend-links a{margin-right:14px}


/* ===== V5.2 visual refinements ===== */

/* Hero: actual Win11 wallpaper asset instead of abstract shapes */
.qpg-hero{
  height:265px;
  background:
    linear-gradient(90deg,#eef7ff 0%,#e7f2ff 38%,rgba(224,240,255,.9) 48%,rgba(224,240,255,.22) 63%,rgba(224,240,255,0) 75%),
    linear-gradient(transparent,transparent) right center / auto 100% no-repeat,
    #eaf5ff;
}
.qpg-hero-inner{height:265px}
.qpg-hero-art{display:none!important}
.qpg-hero-badge{right:62px;top:67px;text-shadow:0 1px 3px rgba(0,65,150,.18)}
.qpg-hero-copy{width:52%}
.qpg-hero h1{font-size:33px}
.qpg-hero p{max-width:580px}
.qpg-hero-actions{margin-top:18px}

/* Main navigation: cleaner, polished, no list bullets */
.qpg-nav{
  align-items:center;
  gap:7px;
  overflow:visible;
}
.qpg-nav li{
  list-style:none!important;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  position:relative;
  height:100%;
}
.qpg-nav li::marker{content:""}
.qpg-nav a{
  height:40px;
  padding:0 14px;
  border-radius:8px;
  display:flex;
  align-items:center;
  color:#294b69;
  font-weight:600;
  transition:all .2s ease;
}
.qpg-nav a:hover{
  color:var(--qpg-blue);
  background:#eef6ff;
}
.qpg-nav a:hover:after{display:none!important}
.qpg-nav .current-menu-item>a,
.qpg-nav .current-menu-parent>a,
.qpg-nav .current-menu-ancestor>a{
  color:var(--qpg-blue);
  background:#edf6ff;
}
.qpg-nav .current-menu-item>a:after,
.qpg-nav .current-menu-parent>a:after,
.qpg-nav .current-menu-ancestor>a:after{
  content:"";
  display:block!important;
  position:absolute;
  height:3px;
  left:14px;
  right:14px;
  bottom:5px;
  border-radius:3px;
  background:var(--qpg-blue);
}

/* Dropdown menu support */
.qpg-nav .sub-menu{
  display:none;
  position:absolute;
  top:56px;
  left:0;
  min-width:180px;
  margin:0;
  padding:8px;
  background:#fff;
  border:1px solid #e3edf7;
  border-radius:10px;
  box-shadow:0 14px 36px rgba(27,73,116,.13);
  z-index:1005;
}
.qpg-nav li:hover>.sub-menu{display:block}
.qpg-nav .sub-menu li{height:auto;display:block}
.qpg-nav .sub-menu a{height:38px;border-radius:7px;white-space:nowrap}
.qpg-nav .sub-menu a:after{display:none!important}

/* Footer QQ button like the user's preferred compact mockup */
.qpg-footer-qq{
  width:176px;
  min-height:58px;
  height:auto;
  padding:9px 14px;
  border-radius:7px;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  gap:10px;
  background:linear-gradient(135deg,#2c8cff,#1469e8);
  color:#fff!important;
  box-shadow:0 7px 16px rgba(22,119,255,.18);
  text-align:left;
}
.qpg-footer-qq:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(22,119,255,.25)}
.qpg-qq-icon{
  width:34px;height:34px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.16);
  font-size:20px;flex:0 0 34px;
}
.qpg-qq-text{line-height:1.15}
.qpg-qq-text strong{display:block;color:#fff;font-size:15px}
.qpg-qq-text small{display:block;color:rgba(255,255,255,.9);font-size:10px;margin-top:4px}
.qpg-footer-note{font-size:11px;margin-top:7px;color:#8ea0b2}

@media(max-width:900px){
  .qpg-nav{overflow-x:auto;overflow-y:visible}
  .qpg-nav .sub-menu{display:none!important}
}
@media(max-width:620px){
  .qpg-hero,.qpg-hero-inner{height:225px}
  .qpg-hero{background:
    linear-gradient(90deg,#eef7ff 0%,rgba(234,245,255,.92) 68%,rgba(234,245,255,.45) 100%),
    linear-gradient(transparent,transparent) right center / auto 100% no-repeat,#eaf5ff}
  .qpg-hero-badge{display:none}
}


/* ===== V5.3 mobile + Windows logo + footer refinements ===== */

/* Pure CSS Windows four-pane logo */
.qpg-win-logo{
  width:18px;height:18px;
  display:inline-grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:2px;
  flex:0 0 18px;
}
.qpg-win-logo i{
  display:block;
  background:currentColor;
  border-radius:1px;
}
.qpg-hero-badge .qpg-win-logo{
  width:28px;height:28px;flex-basis:28px;gap:3px;
}
.qpg-hero-badge b{
  display:flex;
  align-items:center;
  gap:10px;
}

/* Mobile nav toggle */
.qpg-menu-toggle{
  display:none;
  width:42px;height:42px;
  border:1px solid #e4edf7;
  border-radius:10px;
  background:#f7fbff;
  color:#244563;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  padding:0;
  flex:0 0 42px;
}
.qpg-menu-toggle span,
.qpg-menu-toggle span:before,
.qpg-menu-toggle span:after{
  content:"";
  display:block;
  width:20px;height:2px;
  background:currentColor;
  border-radius:2px;
  position:relative;
  transition:.2s;
}
.qpg-menu-toggle span:before{position:absolute;top:-6px;left:0}
.qpg-menu-toggle span:after{position:absolute;top:6px;left:0}
.qpg-menu-toggle.active span{background:transparent}
.qpg-menu-toggle.active span:before{top:0;transform:rotate(45deg)}
.qpg-menu-toggle.active span:after{top:0;transform:rotate(-45deg)}

@media(max-width:760px){
  .qpg-header-inner{
    display:grid;
    grid-template-columns:1fr auto;
    gap:10px 12px;
    padding:10px 0;
  }
  .qpg-brand{min-width:0}
  .qpg-brand-text strong{font-size:17px}
  .qpg-menu-toggle{display:flex}
  .qpg-search{
    grid-column:1 / -1;
    width:100%;
    height:38px;
    order:2;
  }
  .qpg-nav{
    grid-column:1 / -1;
    display:none;
    height:auto;
    overflow:visible;
    flex-direction:column;
    align-items:stretch;
    gap:5px;
    padding:8px 0 2px;
    border-top:1px solid #eef3f8;
  }
  .qpg-nav.open{display:flex}
  .qpg-nav li{
    display:block;
    height:auto;
    width:100%;
  }
  .qpg-nav a{
    width:100%;
    height:42px;
    padding:0 12px;
    border-radius:8px;
  }
  .qpg-nav .current-menu-item>a:after,
  .qpg-nav .current-menu-parent>a:after,
  .qpg-nav .current-menu-ancestor>a:after{
    left:12px;right:auto;bottom:6px;width:28px;
  }
  .qpg-nav .sub-menu{
    position:static;
    display:block!important;
    box-shadow:none;
    border:0;
    padding:0 0 0 14px;
    margin:0;
    background:transparent;
    min-width:0;
  }
  .qpg-nav .sub-menu a{
    height:38px;
    color:#5b7590;
  }

  .qpg-hero-copy{width:100%}
  .qpg-hero h1{font-size:25px;line-height:1.25}
  .qpg-hero p{font-size:13px;line-height:1.7;max-width:92%}
  .qpg-hero-actions{margin-top:14px}
  .qpg-hero-chip{height:36px;padding:0 13px;font-size:12px}
  .qpg-win-logo{width:15px;height:15px;flex-basis:15px}
}

@media(max-width:420px){
  .qpg-apple{font-size:29px}
  .qpg-brand-text small{display:none}
  .qpg-header-inner{gap:8px}
  .qpg-hero{height:235px}
  .qpg-hero-inner{height:235px}
}


/* ===== V5.4.1 Hero seam fix + Windows logo fix ===== */

/* Entire hero is one continuous background layer */
.qpg-hero{
  position:relative;
  height:265px;
  overflow:hidden;
  background:
    linear-gradient(90deg,
      rgba(235,246,255,.98) 0%,
      rgba(235,246,255,.96) 30%,
      rgba(235,246,255,.84) 45%,
      rgba(235,246,255,.42) 58%,
      rgba(235,246,255,.08) 70%,
      rgba(235,246,255,0) 82%
    ),
    linear-gradient(transparent,transparent) center center / cover no-repeat !important;
}
.qpg-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(238,247,255,.24),rgba(238,247,255,0) 62%);
}
.qpg-hero-inner{
  height:265px;
  position:relative;
  z-index:2;
}
.qpg-hero-art{display:none!important}
.qpg-hero-copy{position:relative;z-index:3}
.qpg-hero-badge{position:absolute;z-index:3}

/* Real four-pane Windows mark for hero buttons and right badge */
.qpg-win-logo{
  display:inline-grid !important;
  grid-template-columns:repeat(2,1fr);
  grid-template-rows:repeat(2,1fr);
  gap:2px;
  width:17px;
  height:17px;
  flex:0 0 17px;
  vertical-align:middle;
}
.qpg-win-logo i{
  display:block !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  background:currentColor !important;
  border:0 !important;
  border-radius:0 !important;
  margin:0 !important;
  padding:0 !important;
}
.qpg-hero-chip .qpg-win-logo{color:currentColor}
.qpg-hero-badge .qpg-win-logo{
  width:28px;
  height:28px;
  flex-basis:28px;
  gap:3px;
}
.qpg-hero-badge b{
  display:flex;
  align-items:center;
  gap:10px;
}

@media(max-width:760px){
  .qpg-hero{
    background:
      linear-gradient(90deg,
        rgba(235,246,255,.98) 0%,
        rgba(235,246,255,.94) 58%,
        rgba(235,246,255,.52) 78%,
        rgba(235,246,255,.18) 100%
      ),
      linear-gradient(transparent,transparent) center center / cover no-repeat !important;
  }
}


/* ===== FINAL V5.4 ===== */
.qpg-hero{
  background:
    linear-gradient(90deg,
      rgba(239,248,255,.98) 0%,
      rgba(239,248,255,.94) 25%,
      rgba(239,248,255,.70) 39%,
      rgba(239,248,255,.18) 54%,
      rgba(239,248,255,0) 66%
    ),
    linear-gradient(transparent,transparent) center center / cover no-repeat !important;
}
.qpg-hero:before{
  background:linear-gradient(90deg,rgba(238,248,255,.15),rgba(238,248,255,0) 60%) !important;
}
.qpg-hero-art{display:none!important}

/* Hero left buttons: text only, perfectly centered */
.qpg-hero-chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:0!important;
  min-width:170px;
  padding-left:24px!important;
  padding-right:24px!important;
}
.qpg-hero-chip .qpg-win-logo,
.qpg-hero-chip .winmark{
  display:none!important;
}

/* Right Windows 11 block: larger and clearer */
.qpg-hero-badge b{
  font-size:30px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.3px;
}
.qpg-hero-badge small{
  display:block;
  margin-top:10px;
  font-size:16px!important;
  line-height:1.5!important;
}
.qpg-hero-badge .qpg-win-logo{
  width:30px!important;
  height:30px!important;
  flex-basis:30px!important;
}

@media(max-width:760px){
  .qpg-hero-chip{
    min-width:132px;
    padding-left:15px!important;
    padding-right:15px!important;
  }
  .qpg-hero-badge b{font-size:21px!important}
  .qpg-hero-badge small{font-size:12px!important;margin-top:6px}
  .qpg-hero-badge .qpg-win-logo{
    width:21px!important;height:21px!important;flex-basis:21px!important;
  }
}


/* ===== V5.4.1 hotfix ===== */
.qpg-hero-actions .qpg-hero-chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.qpg-hero-actions .qpg-hero-chip:before,
.qpg-hero-actions .qpg-hero-chip:after{
  content:none!important;
  display:none!important;
}


/* ===== V5.5.1 Tech-blue CSS hero =====
   Light blue base, stronger contrast, no image request. */
.qpg-hero{
  position:relative;
  height:265px;
  overflow:hidden;
  border-bottom:1px solid #cfe4f8;
  background:
    radial-gradient(circle at 82% 35%, rgba(73,163,255,.18) 0 12%, transparent 38%),
    radial-gradient(circle at 96% 5%, rgba(31,122,255,.14) 0 10%, transparent 34%),
    linear-gradient(108deg,#e8f5ff 0%,#dcedff 34%,#c9e4ff 66%,#afd6ff 100%) !important;
}
.qpg-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(118deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.05) 44%,rgba(30,120,255,.05) 100%) !important;
}
.qpg-hero:after{
  content:"";
  position:absolute;
  width:440px;
  height:440px;
  right:8%;
  top:-300px;
  border-radius:50%;
  pointer-events:none;
  background:rgba(54,145,255,.10);
}
.qpg-hero-inner{height:265px;position:relative;z-index:2}
.qpg-hero-art{display:none!important}
.qpg-hero-copy,.qpg-hero-badge{position:relative;z-index:3}
.qpg-hero-badge{position:absolute;color:#15518a!important;text-shadow:none!important}
.qpg-hero-badge *{color:#15518a!important;text-shadow:none!important}

@media(max-width:760px){
  .qpg-hero{
    background:
      radial-gradient(circle at 90% 20%,rgba(55,148,255,.14) 0 10%,transparent 34%),
      linear-gradient(110deg,#e7f4ff 0%,#d5eaff 55%,#badcff 100%) !important;
  }
  .qpg-hero:before{background:linear-gradient(110deg,rgba(255,255,255,.14),rgba(30,120,255,.04) 72%) !important}
}


/* ===== V5.5.2 article download anchor + MD5 refinements ===== */
.qpg-tab{cursor:pointer}
.qpg-tab[href]{text-decoration:none}
.qpg-tab[href]:hover{color:var(--qpg-blue);background:#f4f9ff}
#qpg-system-intro,#qpg-downloads{scroll-margin-top:96px}
#qpg-downloads:focus{outline:none}
.qpg-spec{min-width:0;overflow-wrap:anywhere;word-break:break-word}


/* ===== V5.5.3 hero badge ===== */
.qpg-hero-badge{color:#fff!important;text-shadow:0 2px 12px rgba(0,74,145,.20)!important;transform:scale(1.16);transform-origin:center center}
.qpg-hero-badge *{color:#fff!important;text-shadow:inherit!important}
.qpg-hero-badge b{font-size:34px!important;font-weight:800!important;letter-spacing:-.5px}
.qpg-hero-badge span:not(.qpg-win-logo){display:block;font-size:16px!important;margin-top:8px;opacity:.88}
.qpg-hero-badge .qpg-win-logo{width:35px!important;height:35px!important;gap:4px!important}
@media(max-width:760px){.qpg-hero-badge{transform:none}.qpg-hero-badge b{font-size:24px!important}.qpg-hero-badge span:not(.qpg-win-logo){font-size:13px!important}}

/* V5.5.5: tool article tabs */
#qpg-tool-intro{scroll-margin-top:96px}

/* V5.5.6 tutorial tabs + tutorial single sidebar */
.qpg-tutorial-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.qpg-tutorial-tab{display:inline-flex;align-items:center;justify-content:center;padding:9px 20px;border:1px solid #cfe2f7;border-radius:999px;background:#fff;color:#315b82;font-weight:700;transition:.2s}.qpg-tutorial-tab:hover,.qpg-tutorial-tab.is-active{background:var(--qpg-blue);border-color:var(--qpg-blue);color:#fff;box-shadow:0 6px 18px rgba(22,119,255,.18)}
.qpg-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.qpg-article-layout .qpg-article-wrap{width:auto;margin:0}.qpg-article-layout aside{min-width:0}
@media(max-width:980px){.qpg-article-layout{grid-template-columns:1fr}.qpg-tutorial-tabs{gap:8px}.qpg-tutorial-tab{padding:8px 15px}}

/* V5.5.8 tutorial AJAX filter */
#qpg-tutorial-results{position:relative;transition:opacity .16s ease,transform .16s ease;min-height:120px}
#qpg-tutorial-results.is-loading{opacity:.48;transform:translateY(2px);pointer-events:none}
#qpg-tutorial-results.is-loading:before{content:"";position:absolute;z-index:8;top:12px;right:12px;width:18px;height:18px;border:2px solid rgba(22,119,255,.22);border-top-color:var(--qpg-blue);border-radius:50%;animation:qpgSpin .65s linear infinite}
.qpg-tutorial-tabs.is-loading .qpg-tutorial-tab{pointer-events:none}
@keyframes qpgSpin{to{transform:rotate(360deg)}}


/* ===== V5.5.9 Custom Logo / Brand ===== */
.qpg-brand-icon{width:46px;height:46px;object-fit:contain;display:block;flex:0 0 46px}
.qpg-brand-full{min-width:0;max-width:360px}
.qpg-full-logo{display:block;width:min(var(--qpg-full-logo-width,220px),100%);max-height:56px;height:auto;object-fit:contain;object-position:left center}
.qpg-brand-icon-text .qpg-brand-text{min-width:0}
@media(max-width:760px){
  .qpg-brand-icon{width:38px;height:38px;flex-basis:38px}
  .qpg-full-logo{max-height:44px;width:min(var(--qpg-full-logo-width,220px),190px)}
  .qpg-brand-full{max-width:190px}
}

/* V5.6.0 system edition tabs */
.qpg-system-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.qpg-system-tab{display:inline-flex;align-items:center;justify-content:center;padding:9px 20px;border:1px solid #cfe2f7;border-radius:999px;background:#fff;color:#315b82;font-weight:700;transition:.2s}.qpg-system-tab:hover,.qpg-system-tab.is-active{background:var(--qpg-blue);border-color:var(--qpg-blue);color:#fff;box-shadow:0 6px 18px rgba(22,119,255,.18)}#qpg-system-results{position:relative;transition:opacity .16s ease,transform .16s ease;min-height:120px}#qpg-system-results.is-loading{opacity:.48;transform:translateY(2px);pointer-events:none}.qpg-system-tabs.is-loading .qpg-system-tab{pointer-events:none}@media(max-width:760px){.qpg-system-tabs{gap:8px}.qpg-system-tab{padding:8px 15px}}


/* V5.6.1 global back-to-top button */
.qpg-back-to-top{
  position:fixed;
  right:24px;
  bottom:28px;
  z-index:999;
  width:48px;
  height:48px;
  padding:0;
  border:1px solid rgba(255,255,255,.38);
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(145deg,var(--qpg-blue),var(--qpg-blue2));
  color:#fff;
  font-size:25px;
  font-weight:700;
  line-height:1;
  box-shadow:0 10px 26px rgba(22,119,255,.28);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  pointer-events:none;
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease,box-shadow .2s ease;
}
.qpg-back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  pointer-events:auto;
}
.qpg-back-to-top:hover{
  transform:translateY(-2px);
  box-shadow:0 13px 30px rgba(22,119,255,.36);
}
.qpg-back-to-top:focus-visible{outline:3px solid rgba(22,119,255,.25);outline-offset:3px}
@media(max-width:760px){
  .qpg-back-to-top{right:14px;bottom:16px;width:44px;height:44px;border-radius:13px;font-size:23px}
}
@media(prefers-reduced-motion:reduce){
  .qpg-back-to-top{transition:none}
}