:root{--bg: #eef3f0;--paper: #fbfcfb;--panel: rgba(255, 255, 255, .94);--ink: #16201b;--muted: #617068;--line: rgba(42, 69, 58, .13);--accent: #1d5b4d;--accent-strong: #153f39;--accent-soft: rgba(29, 91, 77, .1);--gold: #9b6a1d;--gold-soft: rgba(155, 106, 29, .12);--danger: #8b2f3c;--code: #111816;--shadow: 0 18px 38px rgba(38, 58, 52, .1);--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%;height:100%;min-height:0;margin:0}@supports (height: 100svh){html,body,#root{height:100svh}}body{overflow:hidden;background:linear-gradient(145deg,#ffffffc7,#fff0 34%),linear-gradient(180deg,#eef3f0,#e7eeeb);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;padding:calc(10px + env(safe-area-inset-top,0px)) 10px max(10px,env(safe-area-inset-bottom,0px))}.appShell{width:100%;max-width:960px;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:5px;padding:2px 2px 0}.brandLine,.headerMeta,.metaRow{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.brandLine{color:var(--muted);font-size:13px;font-weight:800}.brandIcon{display:grid;width:28px;height:28px;place-items:center;color:#f7fbfa;background:linear-gradient(135deg,var(--accent),var(--accent-strong));border-radius:8px}.appHeader h1{margin:0;font-family:Songti SC,STSong,serif;font-size:clamp(26px,5vw,36px);line-height:1.1}.headerMeta{color:var(--muted);font-size:13px;font-weight:700}.headerMeta span{padding:2px 7px;background:#ffffffa8;border:1px solid var(--line);border-radius:8px}.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;scrollbar-gutter:stable}.appTabbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;height:var(--tabbar-height);min-height:0;padding:8px;background:#ffffffed;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:#f8fbfa;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.appTabIcon{display:grid;width:28px;height:28px;place-items:center;color:inherit;background:#1d5b4d14;border-radius:8px}.appTab.active .appTabIcon{background:#ffffff24}.pageStack{display:grid;align-content:start;gap:13px;padding-bottom:2px}.statsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.statCell,.filterPanel,.resultItem,.detailPanel,.dataPanel,.facetButton,.versionButton,.barRow,.emptyState{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 26px #263a3414}.statCell{display:grid;gap:5px;min-height:74px;padding:12px}.statCell span{color:var(--muted);font-size:12px;font-weight:800}.statCell strong{color:var(--accent);font-size:28px;line-height:1}.filterPanel{display:grid;gap:10px;padding:12px}.filterHead{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px}.searchInput{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:10px 11px;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:8px}.searchInput input{width:100%;min-width:0;color:var(--ink);background:transparent;border:0;outline:0}.filterGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.selectBox{display:grid;gap:5px;min-width:0}.selectBox span{color:var(--muted);font-size:12px;font-weight:800}.selectBox select{width:100%;min-width:0;height:40px;padding:0 9px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px}.toggleChip{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:8px;font-size:13px;font-weight:800}.toggleChip input{position:absolute;opacity:0;pointer-events:none}.toggleChip.active{color:var(--accent-strong);background:var(--accent-soft);border-color:#1d5b4d59}.plainButton,.iconButton{display:inline-grid;place-items:center;min-height:40px;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(29,91,77,.18);border-radius:8px;font-weight:800}.iconButton{width:42px;padding:0}.sectionHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.sectionHead h2{margin:0;font-size:16px}.sectionHead span{display:inline-grid;min-width:32px;height:26px;place-items:center;color:var(--accent);background:#ffffffad;border:1px solid var(--line);border-radius:8px;font-weight:800}.resultList{display:grid;gap:9px}.resultList.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.resultItem{display:grid;gap:8px;width:100%;min-width:0;padding:12px;color:inherit;text-align:left}.resultItem.compact{align-content:start}.resultItem:hover{border-color:#1d5b4d52}.resultTop{display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:8px;align-items:start}.resultTop strong{min-width:0;overflow-wrap:anywhere;font-size:15px;line-height:1.38}.resultItem p,.detailHeader p,.sourceBox p,.codeBlock p{margin:0;color:var(--muted)}.resultItem p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.badge{display:inline-flex;align-items:center;min-height:24px;max-width:100%;padding:2px 7px;color:var(--accent-strong);background:var(--accent-soft);border-radius:8px;font-size:12px;font-weight:800;overflow-wrap:anywhere}.facetGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.facetButton{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:11px;color:inherit;text-align:left}.facetButton span{display:grid;place-items:center;width:28px;height:28px;color:var(--accent);background:var(--accent-soft);border-radius:8px}.facetButton strong{min-width:0;overflow-wrap:anywhere}.facetButton em{color:var(--gold);font-style:normal;font-weight:900}.versionGrid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.versionButton{display:grid;gap:2px;min-height:58px;padding:9px;color:inherit;text-align:center}.versionButton strong{color:var(--accent);font-size:16px}.versionButton span{color:var(--muted);font-size:12px;font-weight:800}.detailPanel{display:grid;gap:17px;padding:15px}.detailHeader{display:grid;gap:10px}.detailHeader h2{margin:0;overflow-wrap:anywhere;font-size:23px;line-height:1.26}.infoBlock{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.infoBlock h3{margin:0;color:var(--accent-strong);font-size:15px}.infoBlock p{margin:0}.stepList,.bulletList,.warningList{display:grid;gap:8px;margin:0;padding-left:22px}.stepList li,.bulletList li{overflow-wrap:anywhere}.warningList{padding-left:0;list-style:none}.warningList li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:7px;color:#683a10}.codeStack,.imageStack,.dataRows,.barList{display:grid;gap:10px}.codeBlock{overflow:hidden;background:var(--code);border-radius:8px}.codeHead{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;align-items:center;padding:9px;color:#eef8f3;background:#ffffff0f}.codeHead div{display:grid;gap:1px;min-width:0}.codeHead strong,.codeHead span{overflow-wrap:anywhere}.codeHead span{color:#a7b9b1;font-size:12px}.codeBlock .iconButton{color:#eef8f3;background:#ffffff1a;border-color:#ffffff1f}.codeBlock pre{margin:0;max-height:430px;overflow:auto;padding:12px;color:#eef8f3;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.codeBlock p{padding:0 12px 12px;color:#b9c7c0;font-size:13px}.knowledgeImage{display:grid;gap:7px;margin:0}.knowledgeImage img{display:block;width:100%;max-height:620px;object-fit:contain;background:#f2f4f2;border:1px solid var(--line);border-radius:8px}.knowledgeImage figcaption{display:grid;gap:2px;color:var(--muted);font-size:13px}.knowledgeImage figcaption strong{color:var(--ink)}.sourceBox{display:grid;gap:6px;padding:11px;background:var(--paper);border:1px solid var(--line);border-radius:8px}.tagWrap{display:flex;flex-wrap:wrap;gap:7px}.tagWrap span{padding:3px 8px;color:var(--gold);background:var(--gold-soft);border-radius:8px;font-size:12px;font-weight:800}.dataPanel{display:grid;gap:11px;padding:13px}.dataPanel h2{margin:0;font-size:16px}.dataRow{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;padding:8px 0;border-top:1px solid var(--line)}.dataRow span{color:var(--muted);font-weight:800}.dataRow strong{min-width:0;overflow-wrap:anywhere}.barRow{display:grid;gap:8px;padding:11px}.barRow div{display:flex;justify-content:space-between;gap:10px}.barRow span{min-width:0;overflow-wrap:anywhere;font-weight:800}.barRow strong{color:var(--gold)}.barRow i{display:block;height:7px;background:linear-gradient(90deg,var(--accent),var(--gold));border-radius:8px}.emptyState{display:grid;min-height:120px;place-items:center;padding:18px;color:var(--muted);font-weight:800}@media(max-width:760px){#root{padding:calc(8px + env(safe-area-inset-top,0px)) 8px max(8px,env(safe-area-inset-bottom,0px))}.appShell{max-width:520px}.appHeader h1{font-size:30px}.filterGrid,.facetGrid,.resultList.compact{grid-template-columns:1fr}.versionGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.statsGrid{gap:8px}.statCell{min-height:67px;padding:10px}.statCell strong{font-size:24px}.detailHeader h2{font-size:20px}}@media(max-width:380px){.appTab{font-size:12px}.appTabIcon{width:25px;height:25px}.versionGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
