:root{
  --black:#17181b;
  --black2:#222329;
  --paper:#f3f0e8;
  --white:#fff;
  --ink:#202126;
  --muted:#676971;
  --yellow:#f2d349;
  --yellow2:#ffe983;
  --green:#577a5b;
  --line:#d9d4c9;
  --soft:#e7e4dc;
  --blue:#7ba4ac;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial,"Microsoft YaHei","PingFang SC","Helvetica Neue",sans-serif;
  color:var(--ink);
  background:var(--paper);
  font-size:16px;
  line-height:1.8;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.skip-link{
  position:fixed;left:14px;top:-70px;z-index:1000;
  background:#fff;padding:10px 15px;border-radius:7px;text-decoration:none
}
.skip-link:focus{top:14px}

.site-header{
  position:sticky;top:0;z-index:80;
  background:rgba(23,24,27,.97);
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(16px)
}
.header-row{
  min-height:72px;display:grid;grid-template-columns:190px 1fr auto;
  gap:28px;align-items:center
}
.brand{display:inline-flex;min-width:max-content;text-decoration:none}
.brand-box{
  display:inline-flex;align-items:center;padding:7px 10px;
  border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#101115
}
.brand-box img{height:34px;width:auto;max-width:168px;object-fit:contain;flex-shrink:0}
.nav{display:flex;justify-content:center;gap:28px}
.nav a{color:#cfd0d3;text-decoration:none;font-size:14px}
.nav a:hover{color:#fff}
.top-download{
  min-height:44px;display:inline-flex;align-items:center;justify-content:center;
  padding:9px 20px;background:var(--yellow);color:#17181b;
  border-radius:7px;text-decoration:none;font-weight:900
}

.hero{
  position:relative;overflow:hidden;background:var(--black);color:#fff
}
.hero-noise{
  position:absolute;inset:0;opacity:.08;
  background-image:
    linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);
  background-size:84px 84px
}
.hero::before{
  content:"";position:absolute;left:-220px;bottom:-290px;width:720px;height:720px;
  border-radius:50%;border:120px solid rgba(242,211,73,.05)
}
.hero-grid{
  position:relative;z-index:2;min-height:735px;
  display:grid;grid-template-columns:1.03fr .97fr;gap:72px;align-items:center;
  padding:76px 0 90px
}
.hero-code{display:flex;align-items:center;gap:10px;margin-bottom:25px}
.hero-code span{
  padding:7px 12px;background:var(--yellow);color:#17181b;border-radius:5px;
  font-weight:900;font-size:12px
}
.hero-code b{color:#a8a9ad;font-size:11px;letter-spacing:.14em}
.hero h1{
  margin:0;font-size:clamp(52px,6vw,82px);line-height:.98;letter-spacing:-.055em
}
.hero h1 em{display:inline-block;margin-top:10px;color:var(--yellow);font-style:normal}
.hero-lead{max-width:680px;margin:28px 0 0;color:#d1d2d5;font-size:18px;line-height:1.9}

.download-box{
  max-width:660px;margin-top:35px;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.045)
}
.download-box-head{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.11)
}
.download-box-head small,.download-box-head strong{display:block}
.download-box-head small{color:#92949a;font-size:10px;letter-spacing:.11em}
.download-box-head strong{margin-top:2px}
.download-state{
  padding:5px 9px;border:1px solid rgba(242,211,73,.4);color:var(--yellow);
  border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.12em
}
.main-download{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  min-height:72px;padding:16px 20px;background:var(--yellow);color:#16171a;
  text-decoration:none;font-size:18px;font-weight:900
}
.main-download b{font-size:28px}
.download-box-foot{display:flex;gap:18px;flex-wrap:wrap;padding:12px 18px;color:#a5a6ab;font-size:11px}

.package-card{
  max-width:500px;margin-inline:auto;
  border:1px solid rgba(255,255,255,.15);background:#202126;
  box-shadow:0 40px 100px rgba(0,0,0,.35)
}
.package-bar{
  min-height:48px;display:flex;align-items:center;justify-content:space-between;
  padding:0 17px;color:#9fa0a4;font-size:10px;font-weight:900;letter-spacing:.12em;
  border-bottom:1px solid rgba(255,255,255,.1)
}
.package-image{
  min-height:420px;display:flex;align-items:center;justify-content:center;
  padding:22px;background:#e6e3da
}
.package-image img{max-height:390px;width:auto;object-fit:contain}
.package-note{padding:18px}
.package-note strong{color:var(--yellow)}
.package-note p{margin:5px 0 0;color:#b7b8bb;font-size:12px}

.direct-strip{background:var(--yellow)}
.strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.strip-grid>div{min-height:148px;padding:25px 22px;border-right:1px solid rgba(32,33,38,.25)}
.strip-grid>div:last-child{border-right:0}
.strip-grid span{display:block;margin-bottom:21px;font-size:11px;font-weight:900}
.strip-grid strong{display:block;font-size:17px}
.strip-grid p{margin:4px 0 0;color:#555129;font-size:13px}

.file-section{padding:105px 0;background:#fbfaf6}
.file-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:82px;align-items:center}
.kicker{margin:0 0 11px;color:#776b2f;font-size:11px;font-weight:900;letter-spacing:.14em}
.kicker.light{color:var(--yellow2)}
.file-copy h2,.retry-head h2,.scenario-title h2,.quick-copy h2,.related-row h2,.faq-side h2,.final-download h2{
  margin:0;font-size:clamp(31px,3.4vw,47px);line-height:1.15;letter-spacing:-.04em
}
.section-lead{margin:18px 0 0;color:var(--muted)}
.file-checks{margin-top:34px;border-top:1px solid var(--line)}
.file-checks article{
  display:grid;grid-template-columns:48px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid var(--line)
}
.file-checks>article>span{color:#9b8433;font-size:12px;font-weight:900}
.file-checks h3{margin:0;font-size:19px}
.file-checks p{margin:5px 0 0;color:var(--muted)}
.inline-download{display:inline-block;margin-top:28px;text-decoration:none;color:#66591f;font-weight:900}
.file-visual{
  margin:0;padding:18px;background:#e8e5dd;box-shadow:0 28px 70px rgba(33,34,38,.14)
}
.visual-label{
  display:flex;justify-content:space-between;align-items:center;padding:2px 2px 14px;
  color:#77766f;font-size:10px;font-weight:900;letter-spacing:.11em
}
.file-visual img{max-height:510px;width:auto;margin-inline:auto;object-fit:contain}
.file-visual figcaption{padding:12px 3px 0;text-align:center;color:#6c6c6a;font-size:12px}

.retry-section{padding:105px 0;background:#222329;color:#fff}
.retry-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:78px;align-items:start}
.retry-head{position:sticky;top:110px}
.retry-head>p:not(.kicker){color:#c3c4c8}
.yellow-download{
  display:inline-flex;align-items:center;justify-content:center;min-height:50px;
  margin-top:25px;padding:11px 20px;background:var(--yellow);color:#17181b;
  border-radius:7px;text-decoration:none;font-weight:900
}
.retry-visual-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;align-items:center}
.retry-visual{
  margin:0;min-height:520px;padding:22px;display:flex;align-items:center;justify-content:center;
  background:#303138;border:1px solid rgba(255,255,255,.09)
}
.retry-visual img{max-height:475px;width:auto;object-fit:contain}
.retry-list{border-top:1px solid rgba(255,255,255,.14)}
.retry-list article{padding:24px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.retry-list strong{color:var(--yellow)}
.retry-list p{margin:6px 0 0;color:#bfc0c4}

.download-scenarios{padding:96px 0;background:#f1eee6}
.scenario-title{max-width:760px;margin-bottom:38px}
.scenario-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:2px solid var(--black);border-left:1px solid var(--line)
}
.scenario-grid article{
  min-height:280px;padding:27px 24px;background:#f8f6f0;
  border-right:1px solid var(--line);border-bottom:1px solid var(--line)
}
.scenario-grid>article>span{display:block;margin-bottom:38px;color:#987f26;font-size:12px;font-weight:900}
.scenario-grid h3{margin:0;font-size:20px}
.scenario-grid p{color:var(--muted);font-size:14px}
.scenario-grid a{display:inline-block;margin-top:20px;color:#645617;text-decoration:none;font-weight:900}

.quick-download{padding:34px 0;background:var(--yellow)}
.quick-inner{display:grid;grid-template-columns:120px 1fr auto;gap:30px;align-items:center}
.quick-label{font-size:11px;font-weight:900;letter-spacing:.14em}
.quick-copy h2{font-size:28px}
.quick-copy p{margin:4px 0 0;color:#554e24;font-size:13px}
.quick-inner>a{
  min-width:170px;min-height:50px;display:inline-flex;align-items:center;justify-content:center;
  padding:10px 20px;background:var(--black);color:#fff;border-radius:7px;text-decoration:none;font-weight:900
}

.related-section{padding:88px 0;background:#fff}
.related-row{display:grid;grid-template-columns:.62fr 1.38fr;gap:70px;align-items:start}
.related-links{border-top:1px solid var(--line)}
.related-links a{
  min-height:88px;display:grid;grid-template-columns:130px 1fr 25px;gap:18px;align-items:center;
  border-bottom:1px solid var(--line);text-decoration:none
}
.related-links small{color:#8a7b32;font-weight:900;letter-spacing:.08em}
.related-links strong{font-size:18px}
.related-links span{font-size:20px}
.related-links a:hover{padding-inline:12px;background:#f7f5ee}

.faq-section{padding:100px 0;background:#f0ede5}
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:75px}
.faq-side{position:sticky;top:110px}
.faq-side>p:not(.kicker){color:var(--muted)}
.black-download{
  display:inline-flex;min-height:50px;align-items:center;justify-content:center;
  margin-top:22px;padding:11px 21px;background:var(--black);color:#fff;
  border-radius:7px;text-decoration:none;font-weight:900
}
.faq-list{border-top:1px solid #cbc7bc}
.faq-list details{border-bottom:1px solid #cbc7bc}
.faq-list summary{cursor:pointer;list-style:none;padding:22px 4px;font-size:18px;font-weight:900}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";float:right;color:#8c7726}
.faq-list details[open] summary::after{content:"−"}
.faq-list details p{margin:-2px 0 25px;padding-right:48px;color:var(--muted)}

.final-download{padding:76px 0;background:var(--black);color:#fff}
.final-grid{display:grid;grid-template-columns:1fr auto;gap:45px;align-items:center}
.final-grid>div>span{color:var(--yellow);font-size:11px;font-weight:900;letter-spacing:.14em}
.final-grid p{margin:10px 0 0;color:#b9babe}
.final-grid>a{
  min-width:220px;min-height:56px;display:inline-flex;align-items:center;justify-content:center;
  padding:12px 24px;background:var(--yellow);color:#17181b;border-radius:7px;
  text-decoration:none;font-weight:900
}

.footer{padding:55px 0 94px;background:#0f1012;color:#dddde0}
.footer-grid{display:grid;grid-template-columns:1fr auto;gap:40px}
.footer-logo{
  display:inline-flex;padding:7px 9px;border-radius:8px;
  background:#08090a;border:1px solid rgba(255,255,255,.1)
}
.footer-logo img{height:32px;width:auto;max-width:160px;object-fit:contain}
.footer-brand p{color:#96979c;font-size:13px}
.footer-downloads{display:flex;gap:20px;flex-wrap:wrap}
.footer-downloads a{color:#dddde0;text-decoration:none;font-size:14px}
.mobile-download-bar{display:none}

@media(max-width:1040px){
  .nav{gap:16px}
  .hero-grid{grid-template-columns:1fr .82fr;gap:40px}
  .retry-grid{grid-template-columns:1fr}
  .retry-head{position:static}
}
@media(max-width:820px){
  .header-row{grid-template-columns:1fr auto}
  .nav{display:none}
  .hero-grid,.file-grid,.related-row,.faq-grid{grid-template-columns:1fr}
  .hero-grid{min-height:auto;padding:62px 0}
  .package-card{max-width:620px}
  .strip-grid{grid-template-columns:1fr 1fr}
  .strip-grid>div:nth-child(2){border-right:0}
  .strip-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(32,33,38,.25)}
  .retry-visual-wrap{max-width:850px}
  .scenario-grid{grid-template-columns:1fr 1fr}
  .quick-inner{grid-template-columns:1fr}
  .quick-inner>a{width:100%}
  .faq-side{position:static}
  .final-grid{grid-template-columns:1fr}
  .final-grid>a{width:100%}
}
@media(max-width:600px){
  body{font-size:15px;padding-bottom:62px}
  .shell{width:min(100% - 28px,1180px)}
  .header-row{min-height:66px}
  .brand-box{padding:6px 8px}
  .brand-box img{height:29px;max-width:145px}
  .top-download{padding:8px 13px;font-size:13px}
  .hero h1{font-size:clamp(41px,13vw,57px)}
  .hero-lead{font-size:16px}
  .download-box-head{align-items:flex-start}
  .main-download{min-height:62px;font-size:16px}
  .package-image{min-height:320px}
  .package-image img{max-height:300px}
  .strip-grid{grid-template-columns:1fr}
  .strip-grid>div{min-height:auto;border-right:0;border-bottom:1px solid rgba(32,33,38,.25)}
  .strip-grid span{margin-bottom:8px}
  .file-section,.retry-section,.download-scenarios,.related-section,.faq-section{padding:64px 0}
  .file-checks article{grid-template-columns:38px 1fr}
  .file-visual img{max-height:340px}
  .retry-visual-wrap{grid-template-columns:1fr}
  .retry-visual{min-height:auto}
  .retry-visual img{max-height:340px}
  .scenario-grid{grid-template-columns:1fr}
  .scenario-grid article{min-height:auto}
  .related-links a{grid-template-columns:90px 1fr 20px}
  .faq-list details p{padding-right:8px}
  .footer-grid{grid-template-columns:1fr}
  .footer-downloads{display:grid;grid-template-columns:1fr 1fr}
  .mobile-download-bar{
    position:fixed;z-index:100;left:0;right:0;bottom:0;height:60px;
    display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;
    padding:8px 14px;background:rgba(23,24,27,.98);color:#fff;
    border-top:1px solid rgba(255,255,255,.1)
  }
  .mobile-download-bar a{
    min-height:42px;display:inline-flex;align-items:center;justify-content:center;
    padding:8px 15px;border-radius:7px;background:var(--yellow);color:#17181b;
    text-decoration:none;font-weight:900
  }
}