/* 应用页「分三档开通」：由 src/lib/app-tiers.ts 插入，收益页与其余应用页共用。 */
.tier-tag{display:inline-block;vertical-align:middle;margin-left:12px;padding:3px 9px;border-radius:6px;font-size:12px;font-weight:500;letter-spacing:0;line-height:1.5;white-space:nowrap}
/* 标签颜色与下方三档面板的底色一一对应：纸色、驼色、深棕 */
.tier-tag[data-tier=basic]{background:#f7f2ea;color:#4a3f33;box-shadow:inset 0 0 0 1px #d8ccb6}
.tier-tag[data-tier=pro]{background:#d9c7a6;color:#2b2218}
.tier-tag[data-tier=ai]{background:#1a1614;color:#d9b77a}
summary .tier-tag{margin-left:10px;font-size:11px;padding:2px 8px}

/* 三档：一整块面板，三栏底色逐级加深，表示每一档都叠在前一档之上 */
.app-tiers{background:#ebe5da;color:#1a1614;padding:104px 6vw 96px;font-family:"PingFang SC","Microsoft YaHei",sans-serif}
.app-tiers-inner{max-width:1180px;margin:auto}
.app-tiers h2{font-size:clamp(32px,3.6vw,48px);font-weight:600;letter-spacing:-.03em;line-height:1.2;margin:0 0 14px}
.app-tiers-lead{font-size:16px;line-height:1.85;color:#6b6052;max-width:34em;margin:0 0 48px}
.tier-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:20px;overflow:hidden;align-items:stretch}
.tier-col{--ink:#1a1614;--soft:#6b6052;--rule:#1a16141a;background:#f7f2ea;color:var(--ink);padding:36px 34px 40px;display:flex;flex-direction:column;min-height:340px}
.tier-col[data-tier=pro]{background:#d9c7a6;--soft:#5a4b38;--rule:#1a161422}
.tier-col[data-tier=ai]{background:#1a1614;--ink:#f6f3ec;--soft:#bfae92;--rule:#f6f3ec1f}
.tier-col header{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name level" "motto level";align-items:end;gap:6px 16px;padding:0 0 26px;margin-bottom:22px;border-bottom:1px solid var(--rule)}
.tier-col header b{grid-area:name;font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:1.1}
.tier-col header span{grid-area:motto;font-size:15px;color:var(--soft)}
/* 右上角三格：亮几格就是第几档 */
.tier-col header:after{grid-area:level;align-self:start;content:"";width:30px;height:10px;background:linear-gradient(90deg,currentColor 0 8px,transparent 8px 11px,var(--rule) 11px 19px,transparent 19px 22px,var(--rule) 22px 30px);opacity:.9}
.tier-col[data-tier=pro] header:after{background:linear-gradient(90deg,currentColor 0 8px,transparent 8px 11px,currentColor 11px 19px,transparent 19px 22px,var(--rule) 22px 30px)}
.tier-col[data-tier=ai] header:after{background:linear-gradient(90deg,#d9b77a 0 8px,transparent 8px 11px,#d9b77a 11px 19px,transparent 19px 22px,#d9b77a 22px 30px)}
.tier-from{font-size:13px;color:var(--soft);margin:0 0 10px}
.tier-col ul{list-style:none;margin:0;padding:0}
.tier-col li{font-size:16px;line-height:1.6;padding:10px 0;border-top:1px solid var(--rule)}
.tier-col li:first-child{border-top:0;padding-top:0}
.tier-col li a{text-decoration:none;color:var(--ink)}
.tier-col li a:hover{text-decoration:underline;text-underline-offset:4px}
.tier-col[data-tier=ai] li a:hover{color:#d9b77a}
.tier-col[data-absent] ul,.tier-col[data-absent] .tier-from{opacity:.7}
.tier-absent{font-size:14px;line-height:1.8;color:var(--soft);margin:0}
.tier-needs{font-size:14px;line-height:1.8;color:#6b6052;margin:28px 0 0;max-width:46em}
.app-tiers-more{display:inline-block;margin-top:22px;font-size:15px;color:#82612d;text-underline-offset:6px}
.app-tiers a:focus-visible{outline:2px solid #b48b4c;outline-offset:4px}
.tier-col li.later{color:var(--soft)}
.tier-col li.later:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;border:1px solid currentColor;margin:0 9px 2px 0}
.tier-later{font-size:12px;color:var(--soft);margin:auto 0 0;padding-top:18px}
@media(max-width:760px){
  .app-tiers{padding:64px 22px}
  .app-tiers-lead{margin-bottom:28px;font-size:15px}
  .tier-steps{grid-template-columns:1fr;border-radius:16px}
  .tier-col{min-height:0;padding:28px 24px 30px}
  .tier-col header b{font-size:26px}
  .tier-tag{margin-left:8px}
  .tier-needs,.tier-col li{font-size:15px}
}
.app-with{margin-top:56px;padding-top:40px;border-top:1px solid #1a161420}
.app-with h3{font-size:24px;font-weight:550;margin:0 0 8px}
.app-with-lead{font-size:14px;color:#5d6573;margin:0 0 22px}
.app-with ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.app-with li{padding:20px 0;border-top:1px solid #1a161420}
.app-with .pair{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px}
.app-with .pair b{font-weight:600}
.app-with .pair a{color:#82612d;text-underline-offset:4px}
.app-with .pair i{font-style:normal;color:#b48b4c}
.app-with li p{font-size:15px;line-height:1.8;color:#3c465e;margin:10px 0 0;word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:760px){.app-with ul{grid-template-columns:1fr}}