/**
 * 文件：assets/css/hero.css
 * 职责：PAK998 首页 Logo 主视觉与三路下载按钮布局。
 * 使用：仅在 page-home.php 加载，配合 template-parts/hero.php。
 * 边界：不处理下载路由、Tracking、Schema 或正文模块。
 */
:root{
  --hero-titlebar-bg:linear-gradient(110deg,#fffdf5,#f6f1df 64%,#fff);
  --hero-titlebar-text:#133d2c;
  --hero-titlebar-border:#d5b04e;
  --hero-stage-bg:#063a2a;
  --hero-stage-text:#fffdf3;
  --hero-stage-border:#d7b44f;
  --hero-stage-radius:34px;
  --hero-stage-shadow:0 24px 58px rgba(15,59,42,.18);
  --hero-accent-bg:#d6ad3d;
  --hero-accent-text:#143c2d;
  --hero-action-gap:12px;
  --hero-primary-button-height:62px;
  --hero-primary-button-height-mobile:54px;
  --hero-primary-button-border:#e6c45e;
  --hero-primary-button-radius:14px;
  --hero-primary-button-bg:linear-gradient(180deg,#f5d777 0%,#d5a62d 100%);
  --hero-primary-button-bg-hover:linear-gradient(180deg,#ffe699 0%,#dfb842 100%);
  --hero-primary-button-shadow:0 12px 25px rgba(128,92,13,.2),inset 0 1px 0 rgba(255,255,255,.58);
  --hero-ios-bg:#fffdf7;
  --hero-ios-text:#164231;
  --hero-ios-border:#d8c893;
  --hero-ios-shadow:0 12px 25px rgba(18,61,45,.12);
  --hero-bonus-bg:linear-gradient(180deg,#1d684d,#0d4936);
  --hero-bonus-text:#fff8db;
  --hero-bonus-border:#d9b94e;
  --hero-bonus-shadow:0 12px 25px rgba(7,49,34,.2);
}

.page-template-page-home .entry--pak998-home{overflow:hidden;border:1px solid #d8d9ce;border-radius:28px;background:#fff;box-shadow:0 18px 46px rgba(23,67,49,.1)}
.page-template-page-home .title-ruler--home{margin:0;background:linear-gradient(110deg,#fffdf5,#f6f1df 64%,#fff)}
.page-template-page-home .title-ruler--home .entry-title{
  width:100%;max-width:none;margin:0;padding:clamp(16px,2.2vw,24px) clamp(20px,3vw,40px);
  border:0;border-radius:0;
  background:var(--hero-titlebar-bg);color:var(--hero-titlebar-text);
  box-shadow:none;
  font-size:clamp(1.72rem,3.4vw,3rem);line-height:1.12;text-align:center;text-wrap:balance;
}
.hero--pak998{padding:0;margin:0}
.pak998-hero-shell{
  position:relative;isolation:isolate;display:grid;gap:clamp(16px,2.4vw,26px);
  padding:clamp(18px,3vw,36px);border:0;
  border-radius:0;overflow:hidden;
  background:
    radial-gradient(circle at 50% 17%,rgba(245,210,104,.23),transparent 28%),
    radial-gradient(circle at 12% 84%,rgba(109,181,116,.22),transparent 24%),
    linear-gradient(145deg,#03291e 0%,var(--hero-stage-bg) 52%,#0b4b36 100%);
  box-shadow:var(--hero-stage-shadow);
}
.pak998-hero-shell::before,.pak998-hero-shell::after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.pak998-hero-shell::before{width:320px;height:320px;left:-140px;top:-170px;border:1px solid rgba(245,210,104,.24);box-shadow:0 0 0 38px rgba(245,210,104,.035),0 0 0 76px rgba(245,210,104,.02)}
.pak998-hero-shell::after{width:260px;height:260px;right:-125px;bottom:-145px;border:1px solid rgba(255,255,255,.13);box-shadow:0 0 0 32px rgba(255,255,255,.025)}
.pak998-hero-emblem{position:relative;display:grid;place-items:center;min-height:clamp(290px,34vw,430px)}
.pak998-hero-halo{position:absolute;width:min(62vw,520px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(247,213,104,.2),rgba(247,213,104,.06) 43%,transparent 68%);filter:blur(2px)}
.pak998-logo-card{
  position:relative;width:min(78vw,390px);aspect-ratio:1;padding:7px;border:1px solid rgba(248,216,116,.72);
  border-radius:50%;background:#052c20;box-shadow:0 0 0 9px rgba(255,255,255,.04),0 0 0 10px rgba(239,202,88,.2),0 24px 54px rgba(0,0,0,.3);overflow:hidden;
}
.pak998-logo-card::after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.22);border-radius:50%;pointer-events:none}
.pak998-logo-card .hero-logo{width:100%;height:100%;border-radius:50%;object-fit:cover}
.pak998-hero-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pak998-detail-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:13px 15px;border:1px solid rgba(232,205,114,.36);border-radius:14px;background:rgba(255,255,255,.075);color:#fffdf3;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.pak998-detail-icon{display:grid;place-items:center;width:34px;height:34px;color:#f0ca58}.pak998-detail-icon svg{width:100%;height:100%;display:block;fill:currentColor}.pak998-detail-copy{display:grid;min-width:0}.pak998-detail-key{color:#dbc985;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.pak998-detail-value{overflow-wrap:anywhere;color:#fffdf3;font-size:.98rem;line-height:1.35}
.pak998-hero-cta-text{max-width:900px;margin:0 auto;color:#fff7d7;font-weight:750;line-height:1.65;text-align:center}
.pak998-hero-primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--hero-action-gap);align-items:stretch}
.pak998-hero-primary--2{grid-template-columns:repeat(2,minmax(0,1fr))}.pak998-hero-primary--1{grid-template-columns:minmax(0,620px);justify-content:center}
.pak998-hero-primary>a{width:100%;min-height:var(--hero-primary-button-height);padding:13px 18px;border-radius:14px;font-size:clamp(.88rem,1.25vw,1.02rem);font-weight:950;text-align:center}
.pak998-primary-download{background:var(--hero-primary-button-bg);color:var(--hero-accent-text);border-color:var(--hero-primary-button-border);box-shadow:var(--hero-primary-button-shadow)}
.pak998-primary-download:hover{background:var(--hero-primary-button-bg-hover)}
.pak998-hero-primary .pak998-ios-play{background:var(--hero-ios-bg);color:var(--hero-ios-text);border-color:var(--hero-ios-border);box-shadow:var(--hero-ios-shadow)}
.pak998-hero-primary .pak998-bonus-play{background:var(--hero-bonus-bg);color:var(--hero-bonus-text);border-color:var(--hero-bonus-border);box-shadow:var(--hero-bonus-shadow)}

@media(max-width:767px){
  .page-template-page-home .entry--pak998-home{border-radius:18px}
  .page-template-page-home .title-ruler--home .entry-title{padding:14px 16px;border-radius:0;font-size:var(--theme-h1-size-mobile)}
  .pak998-hero-shell{gap:14px;padding:14px;border-radius:0}
  .pak998-hero-emblem{min-height:230px}
  .pak998-logo-card{width:min(68vw,270px);padding:5px}
  .pak998-hero-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .pak998-detail-card{grid-template-columns:1fr;justify-items:center;padding:11px 8px;text-align:center}.pak998-detail-icon{width:28px;height:28px}.pak998-detail-key{font-size:.65rem}.pak998-detail-value{font-size:.86rem}
  .pak998-hero-primary{grid-template-columns:1fr}
  .pak998-hero-primary>a{min-height:var(--hero-primary-button-height-mobile);font-size:.92rem}
}