:root{--bg: #edf2f2;--paper: #f9fbfb;--panel: rgba(255, 255, 255, .94);--line: rgba(28, 57, 61, .1);--ink: #182021;--muted: #607172;--accent: #184c52;--accent-strong: #123d42;--accent-soft: rgba(24, 76, 82, .08);--shadow: 0 18px 40px rgba(31, 53, 51, .1);--outer-pad: 10px;--tabbar-height: 78px;color:var(--ink);background:var(--bg);font-family:Inter,PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;min-height:0;height:100%;margin:0}@supports (height: 100dvh){html,body,#root{height:100dvh}}@supports (height: 100svh){html,body,#root{height:100svh}}body{overflow:hidden;background:radial-gradient(circle at top left,rgba(255,255,255,.72),transparent 32%),linear-gradient(180deg,#eef3f3,#e7edec);font-size:15px;line-height:1.6}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}#root{display:grid;justify-items:center;align-items:stretch;padding:calc(var(--outer-pad) + env(safe-area-inset-top,0px)) var(--outer-pad) max(var(--outer-pad),env(safe-area-inset-bottom,0px))}.appShell{width:100%;max-width:480px;height:100%;min-height:0}.appFrame{display:grid;grid-template-rows:auto minmax(0,1fr) var(--tabbar-height);gap:10px;height:100%;min-height:0}.appHeader{display:grid;gap:6px;padding:4px 2px 0}.brandLine{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:800}.brandIcon{display:grid;width:28px;height:28px;place-items:center;color:#f7fbfb;background:linear-gradient(135deg,var(--accent),var(--accent-strong));border-radius:8px;box-shadow:0 8px 18px #184c522e}.appHeader h1{margin:0;font-family:Songti SC,STSong,serif;font-size:34px;line-height:1.08}.appHeader p{margin:0;color:var(--muted)}.inlineError{padding:8px 10px;color:#8a3a12;background:#fff4e5;border:1px solid #fed7aa;border-radius:8px;font-size:13px}.appContent{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:0;scrollbar-gutter:stable}.pageStack{display:grid;align-content:start;gap:14px}.appTabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;position:relative;z-index:10;height:var(--tabbar-height);min-height:0;padding:8px;background:#ffffffeb;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.appTab{display:grid;justify-items:center;align-content:center;gap:3px;min-width:0;color:var(--muted);background:transparent;border:0;border-radius:8px;font-size:13px;font-weight:800}.appTab.active{color:#f7fbfb;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.appTabIcon{display:grid;width:28px;height:28px;place-items:center;color:inherit;background:#184c5214;border-radius:8px}.appTab.active .appTabIcon{background:#ffffff24}.statsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.statCard,.filterPanel,.dataCard,.detailPanel,.versionCard,.tableCard,.mediaNote,.mediaItem{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 26px #1f353314}.statCard{display:grid;gap:4px;min-height:78px;padding:12px}.statCard span{color:var(--muted);font-size:12px;font-weight:700}.statCard strong{color:var(--accent);font-size:26px;line-height:1}.filterPanel{display:grid;gap:10px;padding:12px}.searchInput{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:center;height:42px;padding:0 10px;background:var(--paper);border:1px solid var(--line);border-radius:8px}.searchInput svg{color:var(--muted)}.searchInput input{min-width:0;color:var(--ink);background:transparent;border:0;outline:0}.filterRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.selectLabel{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}.selectLabel select{width:100%;height:38px;min-width:0;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;outline:0;padding:0 8px}.autoSearchHint{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;align-self:end;color:var(--muted);background:var(--accent-soft);border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:850}.primaryButton{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 14px;color:#f7fbfb;background:linear-gradient(135deg,var(--accent),var(--accent-strong));border:0;border-radius:8px;font-weight:800}.filterRow .primaryButton{width:100%;align-self:end}.sectionHead,.metaLine{display:flex;align-items:center;justify-content:space-between;gap:12px}.sectionHead{padding:2px 2px 0}.sectionHead h2{margin:0;font-size:17px}.sectionHead span,.metaLine span,.miniMetrics span,.miniMetrics button,.mediaItem small{color:var(--muted);font-size:12px;font-weight:700}.resultList,.versionGrid,.mediaGrid{display:grid;gap:10px}.versionPicker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.versionPill{height:38px;color:var(--accent);background:var(--panel);border:1px solid var(--line);border-radius:8px;font-weight:850}.versionPill.active{color:#f7fbfb;background:linear-gradient(135deg,var(--accent),var(--accent-strong));border-color:transparent}.dataCard,.detailPanel,.versionCard,.tableCard{display:grid;gap:8px;padding:13px}.dataCard h3,.versionCard h3{margin:0;font-size:16px;line-height:1.35}.detailPanel{gap:12px}.detailPanel h2{margin:0;font-size:20px;line-height:1.32}.detailEmpty{display:grid;gap:8px;place-items:center;min-height:260px;padding:24px;color:var(--muted);text-align:center;background:var(--panel);border:1px dashed var(--line);border-radius:8px}.detailEmpty h2,.detailEmpty p{margin:0}.detailEmpty h2{color:var(--ink);font-size:18px}.backButton{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:max-content;min-height:34px;padding:0 11px;color:var(--accent);background:var(--panel);border:1px solid var(--line);border-radius:8px;font-size:13px;font-weight:850}.dataCard p{display:-webkit-box;margin:0;overflow:hidden;color:#34484a;-webkit-box-orient:vertical;-webkit-line-clamp:5}.qaCard p{-webkit-line-clamp:8}.entryCard{align-content:start}.clickableCard{cursor:pointer;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.clickableCard:hover{border-color:#184c5247;box-shadow:0 16px 30px #1f35331f;transform:translateY(-1px)}.clickableCard:focus-visible{outline:2px solid rgba(24,76,82,.45);outline-offset:2px}.entryCard h3{margin-bottom:2px}.tagRow{display:flex;flex-wrap:wrap;gap:6px}.tagRow span{padding:3px 7px;color:var(--accent);background:var(--accent-soft);border-radius:8px;font-size:12px;font-weight:800}.textContent{display:grid;gap:7px}.textContent p,.dataCard .textContent p{display:block;margin:0;overflow:visible;color:#34484a;-webkit-box-orient:initial;-webkit-line-clamp:initial;white-space:pre-wrap;word-break:break-word}.entryActions,.entryActionLeft,.codeToolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.entryActions{margin-top:2px}.entryActionLeft{justify-content:flex-start;min-width:0}.mediaBadge{display:inline-flex;align-items:center;min-height:24px;padding:0 7px;color:var(--accent);background:var(--accent-soft);border-radius:8px;font-size:12px;font-weight:850}.copyButton,.ghostButton{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:0 10px;color:var(--accent);background:#fff;border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:850}.copyButton.compact{min-height:28px;padding:0 8px}.ghostButton{color:var(--muted)}.openHint{color:var(--accent);font-size:12px;font-weight:850}.codeBox{overflow:hidden;background:var(--accent-soft);border:1px solid rgba(24,76,82,.08);border-radius:8px}.entryMediaGallery{display:grid;gap:9px}.entryMediaGallery h3{margin:0;font-size:15px}.entryMediaList{display:grid;gap:10px}.entryMediaFigure{display:grid;gap:8px;margin:0;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:8px}.entryMediaFigure a{display:block;min-width:0;background:linear-gradient(45deg,rgba(24,76,82,.06) 25%,transparent 25%),linear-gradient(-45deg,rgba(24,76,82,.06) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(24,76,82,.06) 75%),linear-gradient(-45deg,transparent 75%,rgba(24,76,82,.06) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.entryMediaFigure img{display:block;width:100%;max-height:360px;object-fit:contain}.entryMediaFigure figcaption{display:grid;gap:3px;padding:0 10px 10px}.entryMediaFigure strong{color:var(--accent);font-size:13px}.entryMediaFigure span{color:var(--muted);font-size:12px;line-height:1.45}.codeToolbar{min-height:38px;padding:6px 8px;border-bottom:1px solid rgba(24,76,82,.08)}.codeToolbar span{color:var(--muted);font-size:12px;font-weight:850}.codeCard pre{max-height:220px;margin:0;overflow:auto;color:#123d42;background:var(--accent-soft);border-radius:8px;padding:10px;white-space:pre-wrap;word-break:break-word;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.codeBox pre{max-height:320px;margin:0;overflow:auto;color:#123d42;padding:10px;white-space:pre-wrap;word-break:break-word;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.miniMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.miniMetrics span,.miniMetrics button{padding:6px;text-align:center;background:var(--accent-soft);border-radius:8px}.miniMetrics button{border:0}.miniMetrics button:hover{color:var(--accent)}.tableScroll{max-width:100%;overflow:auto}table{width:100%;min-width:520px;border-collapse:collapse;font-size:12px}td{padding:7px 8px;border:1px solid var(--line);vertical-align:top}tr:first-child td{color:var(--accent);background:var(--accent-soft);font-weight:800}.mediaNote{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;padding:12px}.mediaNote svg{color:var(--accent);margin-top:2px}.mediaNote p{margin:0;color:var(--muted)}.mediaGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.mediaItem{display:grid;grid-template-rows:136px auto;overflow:hidden}.mediaItem a{display:block;min-width:0;background:linear-gradient(45deg,rgba(24,76,82,.07) 25%,transparent 25%),linear-gradient(-45deg,rgba(24,76,82,.07) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(24,76,82,.07) 75%),linear-gradient(-45deg,transparent 75%,rgba(24,76,82,.07) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.mediaItem img{display:block;width:100%;height:136px;object-fit:contain}.mediaItem div{display:grid;grid-template-columns:30px minmax(0,1fr);gap:3px 8px;align-items:center;padding:10px}.mediaItem span{grid-row:span 2;display:grid;width:28px;height:28px;place-items:center;color:#f7fbfb;background:var(--accent);border-radius:8px;font-size:12px;font-weight:800}.mediaItem strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mediaItem small{grid-column:2;overflow-wrap:anywhere}.emptyState{display:grid;place-items:center;min-height:180px;padding:24px;color:var(--muted);text-align:center;background:var(--panel);border:1px dashed var(--line);border-radius:8px}.emptyState.compact{min-height:120px}@media(max-width:520px){:root{--outer-pad: 8px;--tabbar-height: 72px}#root{padding:calc(var(--outer-pad) + env(safe-area-inset-top,0px)) var(--outer-pad) max(var(--outer-pad),env(safe-area-inset-bottom,0px))}.appHeader h1{font-size:28px}.appTabbar{gap:4px;padding:6px}.appTab{font-size:11px}.appTabIcon{width:26px;height:26px}.filterRow,.versionPicker,.mediaGrid{grid-template-columns:1fr}}@media(max-height:700px){:root{--outer-pad: 8px;--tabbar-height: 66px}.appFrame{gap:8px}.appHeader{gap:3px;padding-top:0}.appHeader h1{font-size:25px}.appHeader p{font-size:13px}.brandIcon{width:24px;height:24px}.appTabbar{padding:5px}.appTab{gap:2px;font-size:11px}.appTabIcon{width:24px;height:24px}}