:root{
    --green:#2F7D46;
    --green-light:#EDF6EF;
    --green-border:#D6E8DA;
    --text:#1c1f23;
    --muted:#5b6166;
    --muted-2:#9aa0a6;
    --border:#e6e9ec;
    --border-strong:#d7dbe0;
    --radius:12px;
    --radius-lg:14px;
    --shadow:0 8px 24px rgba(0,0,0,.08);
    --danger:#C63127;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html,body{height:100%}
  body{
    background:#ffffff;color:var(--text);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",
                "PingFang SC","Microsoft YaHei",Roboto,Helvetica,Arial,sans-serif;
    line-height:1.6;font-size:16px;
    display:flex;flex-direction:column;
  }
  a{color:inherit;text-decoration:none}
  button{font:inherit;cursor:pointer;background:none;border:none;color:inherit}
  img{max-width:100%;display:block}
  .container{max-width:1140px;margin:0 auto;padding:0 20px}

  /* ---------- Header ---------- */
  header{
    border-bottom:1px solid var(--border);
    position:sticky;top:0;z-index:100;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(12px);
  }
  .header-inner{
    display:flex;align-items:center;justify-content:space-between;
    height:64px;gap:24px;
  }
  .logo{
    font-weight:800;font-size:20px;letter-spacing:-.5px;
    display:flex;align-items:center;gap:8px;color:var(--text);
  }
  .logo span{color:var(--green)}
  .logo-dot{
    width:26px;height:26px;border-radius:8px;
    background:linear-gradient(135deg,var(--green),#6fb583);
    display:inline-block;flex-shrink:0;
  }
  nav{display:flex;align-items:center;gap:26px}
  nav a{color:var(--muted);font-size:14px;font-weight:500;transition:color .15s}
  nav a:hover{color:var(--green)}

  /* 语言切换 */
  .lang-switch{position:relative}
  .lang-btn{
    background:#fff;border:1px solid var(--border-strong);
    color:var(--text);padding:7px 12px;border-radius:8px;
    font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;
    transition:.15s;
  }
  .lang-btn:hover{border-color:var(--green);color:var(--green)}
  .lang-menu{
    position:absolute;right:0;top:110%;
    background:#fff;border:1px solid var(--border);
    border-radius:10px;min-width:170px;padding:6px;
    display:none;box-shadow:0 12px 32px rgba(0,0,0,.12);
    max-height:340px;overflow-y:auto;z-index:200;
  }
  .lang-menu.open{display:block}
  .lang-menu .tz-lang-item{
    display:flex;align-items:center;gap:10px;
    padding:8px 10px;border-radius:6px;
    font-size:13px;color:var(--text);text-decoration:none;
    cursor:pointer;white-space:nowrap;
  }
  .lang-menu .tz-lang-item:hover{background:var(--green-light)}
  .lang-menu .tz-lang-item.active{color:var(--green);font-weight:600}
  .lang-menu .fi{width:18px;height:13px;border-radius:2px;flex-shrink:0}

  /* ---------- Hero ---------- */
  .hero{
    flex:1;
    display:flex;align-items:center;justify-content:center;
    padding:56px 0 64px;
    text-align:center;
  }
  .hero-inner{max-width:560px;width:100%;margin:0 auto}

  /* 应用图标 */
  .app-icon{
    width:96px;height:96px;border-radius:24px;
    background:linear-gradient(135deg,var(--green),#6fb583);
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 24px;
    box-shadow:0 16px 40px rgba(47,125,70,.28);
    animation:appFloat 4s ease-in-out infinite;
  }
  @keyframes appFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-6px)}
  }
  .app-icon svg{width:52px;height:52px;color:#fff}

  .app-name{
    font-size:clamp(26px,5vw,36px);font-weight:800;
    letter-spacing:-.6px;line-height:1.2;margin-bottom:8px;
  }
  .app-name span{color:var(--green)}

  .app-sub{
    color:var(--muted);font-size:16px;
    max-width:440px;margin:0 auto 8px;
  }

  .app-version{
    display:inline-flex;align-items:center;gap:8px;
    font-size:13px;color:var(--muted);
    background:var(--green-light);
    border:1px solid var(--green-border);
    border-radius:999px;padding:4px 14px;
    margin-bottom:36px;
  }
  .app-version .dot{
    width:7px;height:7px;border-radius:50%;
    background:var(--green);display:inline-block;
  }

  /* ---------- 下载按钮 ---------- */
  .download-btn{
    position:relative;
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    min-width:260px;
    padding:16px 36px;
    border-radius:14px;
    font-size:17px;font-weight:700;letter-spacing:.2px;
    background:var(--green);color:#fff;
    border:none;cursor:pointer;
    box-shadow:0 10px 28px rgba(47,125,70,.32);
    transition:filter .15s,transform .1s,box-shadow .15s,background .2s;
    overflow:hidden;
    -webkit-tap-highlight-color:transparent;
  }
  .download-btn:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 14px 34px rgba(47,125,70,.42)}
  .download-btn:active:not(:disabled){transform:scale(.97)}
  .download-btn svg{width:22px;height:22px;flex-shrink:0}

  /* 禁用（苹果/非安卓） */
  .download-btn:disabled,
  .download-btn.disabled{
    background:#c3c9ce;
    color:#f5f6f7;
    cursor:not-allowed;
    box-shadow:none;
    filter:none;
  }

  /* 波纹点击特效 */
  .ripple{
    position:absolute;border-radius:50%;
    transform:scale(0);
    animation:rippleAnim .6s linear;
    background:rgba(255,255,255,.45);
    pointer-events:none;
  }
  @keyframes rippleAnim{
    to{transform:scale(4);opacity:0}
  }

  /* 下载中状态 */
  .download-btn.loading{
    pointer-events:none;
    background:#4b9262;
  }
  .download-btn.loading .dl-icon{animation:spin .8s linear infinite}
  @keyframes spin{to{transform:rotate(360deg)}}

  /* 下载完成弹出提示 */
  .dl-toast{
    position:fixed;left:50%;bottom:40px;
    transform:translateX(-50%) translateY(20px);
    background:var(--green);color:#fff;
    font-size:14px;font-weight:600;
    padding:12px 24px;border-radius:10px;
    box-shadow:0 10px 30px rgba(47,125,70,.35);
    opacity:0;pointer-events:none;
    transition:opacity .25s,transform .25s;
    z-index:9999;white-space:nowrap;
  }
  .dl-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

  /* 非安卓提示 */
  .platform-note{
    display:none;
    margin-top:18px;
    font-size:13.5px;color:var(--muted);
    background:rgba(198,49,39,.06);
    border:1px solid rgba(198,49,39,.18);
    border-radius:10px;
    padding:12px 18px;
    line-height:1.55;
  }
  .platform-note.show{display:block}
  .platform-note strong{color:var(--danger)}

  /* ---------- 特性列表 ---------- */
  .features{
    display:grid;grid-template-columns:repeat(3,1fr);
    gap:14px;
    max-width:560px;margin:44px auto 0;
  }
  .feature{
    background:var(--green-light);
    border:1px solid var(--green-border);
    border-radius:12px;
    padding:16px 10px;
    text-align:center;
  }
  .feature svg{width:24px;height:24px;color:var(--green);margin-bottom:8px}
  .feature .ft{font-size:13px;font-weight:700;color:var(--text)}
  .feature .fd{font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.4}

  /* ---------- Footer ---------- */
  footer{
    border-top:1px solid var(--border);padding:32px 0;
    color:var(--muted);font-size:13px;text-align:center;
    background:#fff;
  }
  footer a{color:var(--green);font-weight:600}

  @media (max-width:768px){
    nav a:not(.lang-switch a){display:none}
    .hero{padding:36px 0 44px}
    .download-btn{min-width:220px;padding:15px 28px;font-size:16px}
    .features{gap:10px}
    .feature{padding:14px 6px}
    .feature .fd{display:none}
  }
  @media (max-width:400px){
    .download-btn{width:100%}
  }