:root{--bg: #ffffff;--bg-secondary: #f2f2f7;--card-bg: #ffffff;--text: #000000;--text-hint: #8e8e93;--accent: #007aff;--danger: #ff3b30;--divider: rgba(0, 0, 0, .08);--shadow: 0 1px 4px rgba(0, 0, 0, .08)}html.dark,html.dark body{--bg: #17212b;--bg-secondary: #1c2733;--card-bg: #232e3c;--text: #ffffff;--text-hint: #8d9aa6;--accent: #64b5ef;--divider: rgba(255, 255, 255, .08);--shadow: 0 1px 4px rgba(0, 0, 0, .4)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px}.app{max-width:640px;margin:0 auto;padding:12px 12px 32px}.header{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 10px}.header-title{margin:0;font-size:20px;font-weight:700}.header-sub{margin:2px 0 0;font-size:12px;color:var(--text-hint)}.header-user{font-size:13px;color:var(--accent)}.filter-bar{position:sticky;top:0;z-index:10;background:var(--bg);padding-bottom:8px;border-bottom:1px solid var(--divider)}.filter-form{display:flex;flex-direction:column;gap:8px}.filter-row{display:flex;gap:8px}.filter-input{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--divider);border-radius:10px;background:var(--bg-secondary);color:var(--text);font-size:14px;outline:none}.filter-input:focus{border-color:var(--accent)}.filter-keyword{flex:1}.sort-toggle{display:flex;gap:6px;flex:1}.sort-btn{flex:1;padding:8px 10px;border:1px solid var(--divider);border-radius:10px;background:var(--bg-secondary);color:var(--text-hint);font-size:14px;cursor:pointer}.sort-btn.active{border-color:var(--accent);color:var(--accent);font-weight:600}.search-btn{padding:8px 20px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}@media (min-width: 480px){.grid{grid-template-columns:repeat(3,1fr)}}.card{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:transform .1s ease}.card:active{transform:scale(.97)}.card-cover{position:relative;width:100%;aspect-ratio:4 / 3;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden}.card-cover img{width:100%;height:100%;object-fit:cover}.card-cover-fallback{font-size:32px;opacity:.5}.card-body{padding:8px 10px 10px;display:flex;flex-direction:column;gap:6px}.card-title{margin:0;font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}.card-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--text-hint)}.card-footer{display:flex;justify-content:space-between;align-items:baseline}.card-price{font-size:15px;font-weight:700;color:var(--accent)}.card-clicks{font-size:11px;color:var(--text-hint)}.state-banner{margin-top:12px;padding:14px;border-radius:12px;background:var(--bg-secondary);color:var(--text-hint);text-align:center;font-size:13px;grid-column:1 / -1}.state-banner.error{color:var(--danger);cursor:pointer}.card-remark{margin:2px 0 4px;font-size:12px;color:var(--tg-theme-hint-color, #999);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.tag{font-size:11px;line-height:1;padding:3px 6px;border-radius:8px;background:var(--tg-theme-secondary-bg-color, #f0f0f0);color:var(--tg-theme-hint-color, #777);white-space:nowrap}.tag-rating{color:#f5a623}.tag-appearance{color:#9b59b6}.tag-comments{color:#3a8ee6}.card-sold{opacity:.55}.card-sold-badge{position:absolute;top:6px;right:6px;background:#0009;color:#fff;font-size:11px;padding:2px 8px;border-radius:10px}.card-footer-right{display:inline-flex;align-items:center;gap:10px}.card-rate-btn{font-size:12px;color:var(--tg-theme-link-color, #3a8ee6);cursor:pointer;-webkit-user-select:none;user-select:none}.vote-inline{margin-top:8px;display:flex;flex-direction:column;gap:6px}.vote-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.vote-row-app{padding-left:2px}.vote-chip{font-size:12px;line-height:1;padding:6px 10px;border-radius:14px;background:var(--tg-theme-bg-color, #fff);color:var(--tg-theme-text-color, #333);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid rgba(0,0,0,.08);transition:opacity .15s}.vote-chip.busy{opacity:.5;pointer-events:none}.vote-chip.active{border-color:var(--tg-theme-button-color, #3a8ee6);color:var(--tg-theme-button-color, #3a8ee6);font-weight:600}.vote-chip-appearance{background:transparent;color:var(--tg-theme-hint-color, #999)}.vote-chip-appearance.active{border-color:var(--tg-theme-button-color, #3a8ee6);color:var(--tg-theme-button-color, #3a8ee6);background:var(--tg-theme-bg-color, #fff)}.vote-chip-num{min-width:26px;padding:5px 7px;text-align:center;border-radius:12px}.vote-error{margin:0;font-size:12px;color:#e05252}.header-right{display:flex;align-items:center;gap:10px}.view-toggle{border:1px solid var(--accent);background:transparent;color:var(--accent);border-radius:14px;padding:6px 10px;font-size:12px;line-height:1;cursor:pointer;font-family:inherit;white-space:nowrap}.view-toggle:active{opacity:.6}.feed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0d0d0f;color:#f5f5f7;overflow:hidden;padding-top:env(safe-area-inset-top)}.feed-scroller{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.feed-scroller::-webkit-scrollbar{display:none}.feed-slide{height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;overflow:hidden}.feed-media{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.feed-bg{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;background-size:cover;background-position:center;filter:blur(26px) brightness(.42) saturate(1.15);transform:scale(1.12)}.feed-media:after{content:"";position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(180deg,#0d0d0f00,#0d0d0f);pointer-events:none}.feed-img{position:relative;max-width:100%;max-height:100%;object-fit:contain;display:block}.feed-cover-empty{font-size:64px;opacity:.5}.feed-sold{position:absolute;top:12px;right:12px;background:#0000009e;color:#fff;font-size:12px;padding:4px 9px;border-radius:10px}.feed-info{flex:0 0 auto;padding:12px 16px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;background:#0d0d0f}.feed-scores{display:flex;align-items:center;gap:10px;font-size:13px;color:#d7d7de;flex-wrap:wrap}.feed-score b{font-size:17px;color:#ffb340;margin-right:2px}.feed-stars{color:#ffb340;letter-spacing:1px;font-size:12px}.feed-title{margin:0;font-size:19px;line-height:1.32;font-weight:700;color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feed-remark{margin:0;font-size:13px;line-height:1.45;color:#a9a9b3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#8b8b96}.feed-tagrow{display:flex;flex-wrap:wrap;gap:6px}.feed-tag{background:#ffffff1a;color:#d7d7de;border-color:transparent}.feed-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px}.feed-price{font-size:22px;font-weight:700;color:#ff5a5f}.feed-open{border:none;border-radius:20px;padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;background:#2aabee;color:#fff;white-space:nowrap}.feed-open:active{opacity:.75}.feed-topbar{position:absolute;top:calc(env(safe-area-inset-top) + 8px);left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 14px;pointer-events:none}.feed-close{pointer-events:auto;border:none;border-radius:16px;padding:7px 13px;font-size:13px;font-family:inherit;cursor:pointer;background:#0000006b;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.feed-close:active{opacity:.7}.feed-counter{pointer-events:auto;font-size:12px;color:#fffc;background:#0000006b;border-radius:12px;padding:5px 10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.feed-hint{position:absolute;top:calc(env(safe-area-inset-top) + 52px);left:50%;transform:translate(-50%);font-size:12px;color:#ffffffd9;background:#0006;border-radius:12px;padding:5px 11px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:feed-hint-fade 3s ease-in-out 2 forwards;pointer-events:none}@keyframes feed-hint-fade{0%{opacity:0;transform:translate(-50%,-4px)}15%,70%{opacity:1;transform:translate(-50%)}to{opacity:0}}.feed-empty{height:100%;display:flex;align-items:center;justify-content:center;padding:24px;font-size:14px;color:#9a9aa4;text-align:center}.feed-loading{height:64px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#9a9aa4;background:#0d0d0f}.vote-chip-light{background:#ffffff1f;color:#e8e8ee;border-color:#ffffff2e}.vote-chip-light.active{background:#ffffff3d;border-color:#fff;color:#fff}.vote-chip-appearance.vote-chip-light{background:transparent;color:#a9a9b3}.vote-chip-appearance.vote-chip-light.active{color:#fff;background:#ffffff24}.vote-inline-feed{margin-top:2px}.card .vote-chip{font-size:11px;padding:5px 8px}.feed-media{cursor:pointer}.feed-gallery{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.feed-gallery::-webkit-scrollbar{display:none}.feed-frame{position:relative;flex:0 0 100%;width:100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;overflow:hidden}.feed-frame .feed-img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.feed-imgcount{position:absolute;bottom:50px;right:12px;z-index:2;font-size:11px;line-height:1;color:#ffffffeb;background:#00000080;border-radius:10px;padding:4px 8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.feed-dots{position:absolute;left:0;right:0;bottom:18px;z-index:2;display:flex;align-items:center;justify-content:center;gap:5px;pointer-events:none}.feed-dot{width:5px;height:5px;border-radius:50%;background:#ffffff59;transition:width .18s ease,background .18s ease}.feed-dot.active{width:14px;border-radius:3px;background:#fff}.card-imgcount{position:absolute;right:6px;bottom:6px;z-index:1;font-size:11px;line-height:1;padding:4px 7px;border-radius:9px;background:#0000008c;color:#fff;pointer-events:none}