:root{--page-bg: #12070a;--panel-bg: #241014;--panel-border: rgba(255, 255, 255, .12);--text: #fff7ed;--muted: rgba(255, 247, 237, .72);--blue: #1678ff;--gold: #ffaa09;--red: #df2f47;--green: #1ed899}*{box-sizing:border-box}html{min-height:100%;background:var(--page-bg)}body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:var(--text);background:#0c0708}button{font:inherit}img{display:block}.page{width:min(100vw,430px);min-height:100vh;margin:0 auto;padding-bottom:calc(84px + env(safe-area-inset-bottom));overflow-x:hidden;background:linear-gradient(180deg,#22080c 0,#16070a 38%,#0d0808)}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 12px;background:#16070af0;border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-icon{width:44px;height:44px;flex:0 0 44px;border-radius:8px;object-fit:cover}.topbar-text{min-width:0}.topbar h1{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.25}.topbar p{margin:2px 0 0;color:var(--muted);font-size:12px}.content{padding:10px 10px 18px}.hero,.line-panel,.download-panel,.promo-grid,.promo-stack{margin-bottom:10px}.hero img,.promo-grid img,.promo-stack img{width:100%;height:auto;border-radius:8px}.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.line-panel,.download-panel{border:1px solid var(--panel-border);border-radius:8px;padding:12px;background:#241014e6;box-shadow:0 10px 24px #0000002e}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.section-head h2{margin:0;font-size:16px;line-height:1.3}.section-head span{flex:0 0 auto;color:var(--green);font-size:12px}.line-list{display:grid;gap:8px}.line-item{display:grid;grid-template-columns:minmax(0,1fr) 58px 82px;align-items:center;gap:8px;min-height:44px;padding:8px;border-radius:6px;background:#ffffff12}.line-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700}.line-ms{color:var(--green);font-size:13px;text-align:right}.line-item button,.download-actions button,.sticky-actions button{border:0;border-radius:6px;color:#fff;font-weight:800;cursor:pointer}.line-item button{height:34px;background:var(--blue);font-size:13px}.download-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.download-actions button{min-height:42px;background:var(--gold);color:#271400}.download-actions button:first-child{background:var(--blue);color:#fff}.promo-stack{display:grid;gap:10px}.empty{padding:16px 10px;color:var(--muted);text-align:center;font-size:13px}.sticky-actions{position:fixed;left:50%;bottom:0;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(100vw,430px);padding:10px 12px calc(10px + env(safe-area-inset-bottom));transform:translate(-50%);background:#080707f0;border-top:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sticky-actions button{height:48px;font-size:15px}.sticky-actions button:first-child{background:var(--blue)}.sticky-actions button:last-child{background:var(--red)}.toast{position:fixed;left:50%;bottom:calc(78px + env(safe-area-inset-bottom));z-index:20;max-width:min(398px,calc(100vw - 32px));padding:10px 14px;border-radius:8px;color:#fff;background:#000000c7;transform:translate(-50%);text-align:center;font-size:13px}.toast-enter-active,.toast-leave-active{transition:opacity .18s ease,transform .18s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,6px)}@media(max-width:360px){.line-item{grid-template-columns:minmax(0,1fr) 52px 74px;gap:6px}.line-name,.line-ms,.line-item button,.download-actions button,.sticky-actions button{font-size:12px}}
