/* ── 应用卡:上图下文(参照 Adobe CC 首页卡片),配图位 16:9 ── */
  .grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:16px; }
  .app{ background:var(--card); border:1px solid var(--line); border-radius:16px; overflow:hidden;
    display:flex; flex-direction:column; transition:.15s; }
  .app:hover{ box-shadow:0 10px 28px rgba(120,70,30,.12); border-color:#e3cdb9; }
  .app.hl{ border:1.6px solid #dcb99f; box-shadow:0 4px 14px rgba(120,70,30,.08); }
  .app.hl:hover{ border-color:#c99a78; }
  .pic{ position:relative; aspect-ratio:16/9; overflow:hidden; background:var(--g2); }
  .pic img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
  .pic .ph{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
  .pic .ph svg{ width:44px; height:44px; opacity:.9; }
  .pic.has img{ z-index:1; }
  .app .body{ padding:14px 16px 13px; display:flex; flex-direction:column; flex:1; }
  .app .head{ display:flex; align-items:center; gap:10px; margin-bottom:8px; }
  .tile{ width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex:0 0 auto; }
  .tile svg{ width:19px; height:19px; }
  .app .nm{ font-size:15px; font-weight:800; letter-spacing:-.2px; }
  .badge{ font-size:10.5px; font-weight:800; border-radius:6px; padding:2px 7px; margin-top:3px; display:inline-block; }
  .app .desc{ font-size:12.8px; color:#7c6a58; line-height:1.65; flex:1; margin:0 0 12px; }
  .app .foot{ display:flex; align-items:center; justify-content:space-between; }
  .act{ border:0; border-radius:99px; padding:9px 20px; font:inherit; font-size:13px; font-weight:700; cursor:pointer; transition:.15s; }
  .act.open{ background:var(--warm); color:#fff; box-shadow:0 4px 12px rgba(184,86,42,.25); }
  .act.open:hover{ box-shadow:0 6px 16px rgba(184,86,42,.35); }
  .act.soon{ background:var(--g2); color:#b9a897; cursor:default; }
  .act.prev{ background:#fff; color:#5e4a3a; border:1.5px solid var(--g3); }
  .act.prev:hover{ border-color:var(--ink); color:var(--ink); }
  .stat{ font-size:12px; font-weight:700; padding:4px 12px; border-radius:99px; }
  .stat.s-auth{ background:#f3e2d6; color:#8a3f1c; }
  .stat.s-prev{ background:#f1e9dc; color:#7c6a58; }
  .stat.s-none{ background:var(--g1); color:#b9a897; }

  /* ── 应用横幅(与 /pt/ 同规格) ── */
  .abanner{ position:relative; min-height:150px; color:#fff; overflow:hidden; background:linear-gradient(120deg,#0f3d2e,#1f6b52); border-radius:16px; margin-bottom:16px; }
  .modal .abanner{ border-radius:20px 20px 0 0; margin-bottom:0; }
  .abanner img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:left center; display:block; }
  .abanner .hinner{ position:relative; padding:30px 40px 26px; text-align:right; }
  .abanner .hcat{ font-size:12px; letter-spacing:1px; opacity:.75; margin-bottom:4px; }
  .abanner h1{ margin:0; font-size:26px; letter-spacing:1px; text-shadow:0 1px 4px rgba(8,35,26,.5); line-height:1.3; }
  .abanner p{ margin:8px 0 0; opacity:.85; font-size:13.5px; text-shadow:0 1px 4px rgba(8,35,26,.5); }