:root{--bg:#f7f7f8;--panel:#fff;--panel-2:#f5f5f7;--text:#151515;--muted:#6e6e73;--soft:#96969b;--line:#ededf0;--line-2:#e2e2e5;--accent:#0c0c0d;--accent-text:#fff;--shadow:0 8px 30px rgba(0,0,0,.035);--hover-shadow:0 12px 34px rgba(0,0,0,.07);--overlay:rgba(0,0,0,.42)}
html[data-theme="dark"]{--bg:#080808;--panel:#111;--panel-2:#181818;--text:#f5f5f5;--muted:#aaa;--soft:#777;--line:#222;--line-2:#303030;--accent:#f4f4f4;--accent-text:#090909;--shadow:none;--hover-shadow:0 14px 40px rgba(0,0,0,.4);--overlay:rgba(0,0,0,.72)}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif}html{transition:background-color .2s,color .2s}body{min-height:100vh}.page-shell{width:min(1400px,calc(100% - 32px));margin:0 auto;padding:34px 0 70px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:20px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--soft)}.hero h1{margin:6px 0 8px;font-size:32px;letter-spacing:-.04em}.hero p{margin:0;color:var(--muted);font-size:14px;line-height:1.7;max-width:960px}.theme-toggle{width:44px;height:44px;flex:0 0 44px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow);transition:.2s}.theme-toggle:hover{transform:translateY(-1px);border-color:var(--line-2)}.theme-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-icon.moon{display:none}html[data-theme="dark"] .theme-icon.sun{display:none}html[data-theme="dark"] .theme-icon.moon{display:block}.view-tabs{display:inline-flex;background:var(--panel-2);padding:4px;border-radius:12px;margin-bottom:14px;border:1px solid var(--line)}.view-tab{border:0;background:transparent;color:var(--muted);border-radius:9px;padding:9px 15px;cursor:pointer;font-size:13px}.view-tab.active{background:var(--panel);color:var(--text);box-shadow:0 2px 9px rgba(0,0,0,.06)}html[data-theme="dark"] .view-tab.active{box-shadow:none;background:#242424}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.search-panel{padding:18px;margin-bottom:14px}.search-row{display:flex;gap:10px}.search-box{flex:1;display:flex;align-items:center;background:var(--panel-2);border:1px solid transparent;border-radius:12px;height:52px;padding:0 14px;transition:.2s}.search-box:focus-within{background:var(--panel);border-color:var(--line-2);box-shadow:0 0 0 4px rgba(127,127,127,.08)}.search-box svg{width:19px;height:19px;fill:none;stroke:var(--muted);stroke-width:2}.search-box input{flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:15px;padding:0 10px}.search-box input::placeholder{color:var(--soft)}.clear-btn{border:0;background:transparent;font-size:22px;color:var(--soft);cursor:pointer}.primary-btn{border:0;background:var(--accent);color:var(--accent-text);border-radius:12px;padding:0 24px;font-size:14px;font-weight:700;cursor:pointer}.hint{margin-top:10px;color:var(--soft);font-size:12px}.history-wrap{margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}.history-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;margin-bottom:10px}.history-head button{border:0;background:transparent;color:var(--soft);font-size:12px;cursor:pointer}.history-list{display:flex;gap:8px;flex-wrap:wrap}.history-chip{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:999px;padding:7px 11px;font-size:12px;cursor:pointer;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-panel{padding:4px 0;margin-bottom:14px}.chart-row{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}.chart-row:last-of-type{border-bottom:0}.chart-label{font-size:14px;color:var(--muted)}.chart-tip{padding:0 16px 12px;color:var(--soft);font-size:12px}.filters{overflow:hidden;margin-bottom:18px}.filter-row{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}.filter-row:last-child{border-bottom:0}.filter-title{font-size:14px;color:var(--muted)}.choices{display:flex;gap:8px;align-items:center}.choices button{border:0;background:transparent;color:var(--muted);border-radius:8px;padding:9px 13px;cursor:pointer;font-size:14px;white-space:nowrap}.choices button.active{background:var(--accent);color:var(--accent-text)}.scroll-x{overflow:auto;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}.status-line{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--muted);font-size:13px;margin:20px 2px 12px;min-height:33px}.result-tools{display:flex;gap:7px;align-items:center}.mini-btn{border:1px solid var(--line-2);background:var(--panel);color:var(--text);border-radius:9px;padding:7px 10px;font-size:12px;cursor:pointer}.mini-btn.strong{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.mini-btn b{font-size:11px;margin-left:3px}.results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.app-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;gap:15px;min-width:0;transition:.2s}.app-card:hover{transform:translateY(-2px);box-shadow:var(--hover-shadow);border-color:var(--line-2)}.select-check{position:absolute;right:12px;top:12px;width:24px;height:24px;z-index:3;cursor:pointer}.select-check input{position:absolute;opacity:0;pointer-events:none}.select-check span{display:block;width:20px;height:20px;border-radius:7px;border:1px solid var(--line-2);background:var(--panel)}.select-check input:checked+span{background:var(--accent);border-color:var(--accent)}.select-check input:checked+span:after{content:"";position:absolute;left:6px;top:4px;width:6px;height:10px;border:solid var(--accent-text);border-width:0 2px 2px 0;transform:rotate(45deg)}.rank-badge{position:absolute;left:8px;top:8px;z-index:4;min-width:25px;height:25px;padding:0 7px;border-radius:9px;display:grid;place-items:center;background:rgba(0,0,0,.74);color:#fff;font-size:11px;font-weight:700;backdrop-filter:blur(8px)}html[data-theme="dark"] .rank-badge{background:rgba(255,255,255,.88);color:#080808}.icon-wrap{border:0;padding:0;width:90px;height:90px;flex:0 0 90px;display:flex;align-items:center;justify-content:center;background:var(--panel-2);border-radius:20px;overflow:hidden;cursor:pointer}.app-icon{width:100%;height:100%;object-fit:cover}.app-meta{min-width:0;flex:1;padding-right:18px}.app-name{font-size:16px;margin:2px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-dev,.app-id,.app-genre{font-size:12px;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-id{margin-top:4px}.app-genre{margin-top:4px;color:var(--muted)}.card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.action-btn{border:0;background:var(--accent);color:var(--accent-text);text-decoration:none;border-radius:8px;padding:8px 10px;font-size:12px;cursor:pointer;line-height:1.1}.action-btn.secondary{background:var(--panel-2);color:var(--text)}.action-btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--line-2)}.empty{grid-column:1/-1;background:var(--panel);border:1px dashed var(--line-2);border-radius:16px;padding:48px 20px;text-align:center;color:var(--muted)}.loading{opacity:.65;pointer-events:none}.modal-backdrop{position:fixed;inset:0;z-index:100;background:var(--overlay);backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:20px}.modal-backdrop[hidden]{display:none}.detail-modal{position:relative;width:min(720px,100%);max-height:min(86vh,900px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 25px 90px rgba(0,0,0,.25);scrollbar-width:none}.detail-modal::-webkit-scrollbar{display:none}.modal-close{position:absolute;right:16px;top:16px;width:34px;height:34px;border:0;border-radius:50%;background:var(--panel-2);color:var(--text);font-size:22px;cursor:pointer;z-index:2}.detail-loading{padding:70px 20px;text-align:center;color:var(--muted)}.detail-top{display:flex;gap:18px;align-items:center;padding-right:42px}.detail-icon-shell{width:112px;height:112px;flex:0 0 112px;border-radius:25px;overflow:hidden;background:var(--panel-2)}.detail-icon-shell img{width:100%;height:100%;object-fit:cover}.detail-title-wrap{min-width:0}.detail-title-wrap h2{font-size:25px;margin:0 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-developer{color:var(--muted);font-size:14px}.detail-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.detail-tag{padding:5px 8px;background:var(--panel-2);border-radius:7px;color:var(--muted);font-size:11px}.palette-block{display:flex;align-items:center;gap:10px;margin:22px 0 14px;padding:13px 14px;background:var(--panel-2);border-radius:13px}.palette-title{font-size:12px;color:var(--muted);margin-right:3px}.palette{display:flex;gap:6px;flex:1}.color-dot{width:28px;height:28px;border-radius:9px;border:1px solid rgba(127,127,127,.18);cursor:pointer}.copy-color{border:1px solid var(--line-2);background:var(--panel);color:var(--text);border-radius:8px;padding:7px 9px;font-size:11px;cursor:pointer}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.detail-kv{background:var(--panel-2);border-radius:12px;padding:12px;min-width:0}.detail-k{font-size:11px;color:var(--soft);margin-bottom:5px}.detail-v{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-section{padding-top:16px;margin-top:16px;border-top:1px solid var(--line)}.detail-section h3{font-size:14px;margin:0 0 8px}.detail-section p{font-size:13px;color:var(--muted);line-height:1.75;margin:0;white-space:pre-line;max-height:180px;overflow:auto;scrollbar-width:thin}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.toast{position:fixed;left:50%;bottom:28px;z-index:200;transform:translateX(-50%) translateY(12px);background:var(--accent);color:var(--accent-text);border-radius:10px;padding:10px 14px;font-size:12px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:1000px){.results{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{align-items:flex-start}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.page-shell{width:min(100% - 20px,1400px);padding-top:18px}.hero{align-items:flex-start}.hero h1{font-size:26px}.hero p{font-size:13px}.theme-toggle{width:40px;height:40px;flex-basis:40px;border-radius:12px}.view-tabs{display:flex}.view-tab{flex:1}.search-row{flex-direction:column}.primary-btn{height:48px}.filter-row,.chart-row{grid-template-columns:1fr;gap:6px}.status-line{align-items:flex-start;flex-direction:column}.result-tools{width:100%;overflow:auto}.results{grid-template-columns:1fr}.app-card{padding:13px}.icon-wrap{width:76px;height:76px;flex-basis:76px;border-radius:17px}.filters{border-radius:14px}.detail-modal{padding:18px;border-radius:18px}.detail-top{align-items:flex-start}.detail-icon-shell{width:88px;height:88px;flex-basis:88px;border-radius:20px}.detail-title-wrap h2{font-size:20px}.detail-grid{grid-template-columns:1fr 1fr}.palette-block{align-items:flex-start;flex-wrap:wrap}.palette{order:3;flex-basis:100%}.color-dot{width:34px;height:34px}}