:root{--paper:#f7f8f1;--ink:#193f36;--muted:#6a7c70;--line:#dce5d7;--green:#236f58}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.7 "Microsoft YaHei","PingFang SC",sans-serif}button,input,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;border:0;background:none}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #b77d29;outline-offset:2px}button:active,a:active{opacity:.75}.app{width:min(480px,100%);margin:auto;padding-bottom:100px;min-height:100dvh}.topbar{height:42px;padding:0 17px;display:flex;align-items:center;gap:8px}.topbar strong{font-size:13px}.logo{width:22px;height:22px;border:4px solid #65aca7;border-right-color:#dbbd50;border-radius:50%}.private{margin-left:auto;font-size:10px;color:#6c806f}.heading{display:flex;justify-content:space-between;align-items:center;padding:1px 17px 9px}.heading h1{margin:0;font-size:26px;letter-spacing:-1px}.heading button{font-size:11px;border:1px solid var(--line);border-radius:10px;padding:7px 10px;min-height:36px}.tabs{margin:0 17px 8px;display:flex;padding:4px;gap:2px;background:#e9eee1;border-radius:12px}.tabs button{flex:1;min-height:38px;padding:5px 2px;font-size:12px;white-space:nowrap;border-radius:9px;font-weight:650}.tabs [aria-selected=true]{background:#1d493d;color:white}.content{padding:0 17px}#load-status{font-size:10px;color:var(--muted);margin:3px 17px 9px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:17px 0 10px}.section-head h2{font-size:19px;margin:0;line-height:1.45;letter-spacing:-.6px}.section-head small,.count{font-size:10px;color:var(--muted);flex-shrink:0}.eyebrow{font-size:9px;color:#668165;letter-spacing:1.3px}.atlas{background:#fff;border:1px solid var(--line);border-radius:20px;padding:13px 10px 8px}.atlas .section-head{margin:0 4px 12px}.switch{display:flex;gap:3px;margin:0 2px 8px;padding:3px;background:#eff2e9;border-radius:10px}.switch button{flex:1;padding:6px 2px;min-height:35px;font-size:11px;border-radius:8px}.switch [aria-pressed=true]{background:#dcebbf;color:#284a31;font-weight:750;box-shadow:0 1px 4px #36522b10}.knowledge-graph{display:block;width:100%;height:auto}.knowledge-graph [data-open]{cursor:pointer}.knowledge-graph [data-open]:hover rect,.knowledge-graph [data-open]:focus rect{fill:#fff;stroke:#527f62}.caption{font-size:10px;color:var(--muted);line-height:1.8;margin:9px 0}.atlas>.caption{text-align:center}.atlas-bridges{border-top:1px solid #e6ecdf}.atlas-bridges button{display:flex;align-items:center;text-align:left;width:100%;min-height:36px;gap:7px;font-size:10px}.atlas-bridges small{margin-left:auto;white-space:nowrap;color:#72846a}.dashed{border:1px dashed #95ad7e;border-radius:6px;padding:0 5px;color:#4d793d}.tree-root{margin:17px auto 14px;text-align:center;background:#244e40;color:#fff;max-width:195px;padding:8px;border-radius:9px;font-weight:650}.tree-root small{font-weight:400;font-size:10px;margin-left:6px}.tree{border-left:1px solid #c7d8c0;margin:0 9px;padding-left:14px}.tree details{margin:0 0 13px}.tree summary{min-height:38px;background:color-mix(in srgb,var(--accent) 12%,white);padding:8px 11px;border-radius:9px;color:var(--accent);cursor:pointer;font-weight:700;font-size:12px}.tree summary small{float:right;font-size:10px}.tree details>div{padding:5px 0 0 9px}.tree a,.route-cards a,.related a,.scenario-route a,.file-cards a{display:flex;align-items:center;text-decoration:none;gap:7px;padding:8px 0;min-height:40px;font-size:12px}.tree a small,.route-cards a small,.related a small,.scenario-route a small,.file-cards a small{color:#7b8e74;font-size:9px}.tree a span,.route-cards a span,.related a span,.scenario-route a span,.file-cards a span{margin-left:auto;color:#7c9276}.routes article{border-left:3px solid var(--accent);padding:2px 11px 11px;margin:16px 5px;border-radius:0 10px 10px 0;background:#f7f9f3}.routes h3{font-size:13px;color:var(--accent);margin:8px 0}.routes h3>span{opacity:.65;margin-right:7px}.routes p{font-size:11px;color:var(--muted);margin:0 0 6px}.route-cards a{background:white;padding:5px 8px;border-radius:6px;min-height:35px}.route-cards>i{display:block;text-align:center;color:#9bac8e;font-style:normal}.shelf-head{margin-top:24px}.search{display:flex;align-items:center;gap:8px;background:white;border:1px solid var(--line);border-radius:12px;padding:0 12px}.search input{border:0;width:100%;min-height:44px;background:none;font-size:13px;outline:none}.filters{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.filters button{padding:6px 11px;border:1px solid var(--line);min-height:34px;border-radius:18px;font-size:11px}.filters [aria-pressed=true]{background:#dce9be;border-color:#bacf99}.cards{display:grid;gap:13px}.card{padding:16px;border:1px solid #d8e2d2;border-radius:19px;background:#e9efdc}.card:nth-child(4n+2){background:#e5f0ef}.card:nth-child(4n+3){background:#f5ead6}.card:nth-child(4n+4){background:#ece7f3}.meta{display:flex;gap:7px;align-items:center;font-size:10px;color:#67816b}.meta small{margin-left:auto;font-family:Georgia,serif;font-size:14px}.tag{border:1px solid #9eaf9060;border-radius:5px;padding:0 5px}.card-title{text-decoration:none;display:block}.card h3{font-size:21px;letter-spacing:-.7px;margin:10px 0 7px;line-height:1.45}.card p{font-size:12px;color:#526b5a;line-height:1.8;margin:0 0 12px}.mini-flow{display:flex;gap:4px;align-items:center;margin:12px 0;font-size:10px}.mini-flow span{background:#fff9;border-radius:6px;padding:4px 6px;flex:1;text-align:center}.mini-flow i{font-style:normal;color:#7e9870}.card-foot{border-top:1px solid #345b3919;padding-top:7px;display:flex;justify-content:space-between;gap:5px;align-items:center;font-size:11px}.card-foot a{text-decoration:none;font-weight:700;min-height:35px;display:flex;align-items:center;gap:6px}.card-foot small{font-size:9px;font-weight:400}.card-foot button{font-size:10px;min-height:35px}.card-foot [aria-pressed=true]{background:#245340;color:white;border-radius:6px;padding:2px 8px}.detail-top{display:flex;align-items:center;justify-content:space-between;font-size:12px}.detail-top button{min-height:40px;padding:4px 0}.back{font-size:12px;min-height:40px;padding:3px 0;color:#53765a}#card-title{font-size:32px;line-height:1.35;letter-spacing:-1px;margin:7px 0 10px;outline:none}.deck{font-size:13px;color:#688065;margin:0 0 15px}.concept{margin:16px 0 22px;background:#e8efdb;border:1px solid #d1debf;border-radius:19px;padding:15px}.concept figcaption{font-size:13px;font-weight:750;margin-bottom:13px}.concept p{font-size:11px;color:#62805a;margin:11px 0 0}.flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;list-style:none;margin:0;padding:0}.flow li{background:#ffffffb8;border:1px solid #fff;border-radius:10px;display:flex;gap:8px;padding:11px 9px;align-items:center;font-size:12px}.flow li:nth-child(4n+2){background:#e2ecf8}.flow li:nth-child(4n+3){background:#f6e9d4}.flow li:nth-child(4n){background:#eae2f3}.flow b{font:italic 18px Georgia,serif;color:#8c9f80}.flow span{font-weight:650}.detail-section{margin:24px 0}.detail-section h2,.panel h2,.scenario-route h2{font-size:18px;margin:0 0 11px;letter-spacing:-.5px}.detail-section p{font-size:13px;line-height:1.95}.callout{background:#e9f0df;border-left:3px solid #a6bf72;border-radius:0 11px 11px 0;padding:13px;font-size:12px;line-height:1.9}.steps{list-style:none;margin:0;padding:0;display:grid;gap:9px}.steps li{padding:13px;background:white;border:1px solid var(--line);border-radius:12px}.steps label{display:flex;gap:10px;align-items:start}.steps input{margin-top:5px;accent-color:#346c50;width:17px;height:17px;flex-shrink:0}.steps b{display:block;font-size:13px}.steps small{display:block;font-size:11px;color:var(--muted);margin-top:3px;line-height:1.85}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:white;max-width:100%;margin:13px 0}table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px}th,td{padding:10px 8px;text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #e7eddf}th{background:#e5edda;color:#45633f;font-size:10px}tbody tr:nth-child(even){background:#f4f7ed}tbody tr:last-child td{border:0}pre{background:#203f36;color:#e8efda;padding:15px;border-radius:13px;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;line-height:1.9}.primary{padding:10px 14px;background:#24523f;color:white;border-radius:9px;font-size:12px;min-height:41px}.secondary{padding:9px 12px;border:1px solid #c9d7bc;border-radius:9px;font-size:11px;min-height:41px;margin:5px}.related{border:1px solid var(--line);padding:12px;border-radius:12px;background:white;margin:10px 0}.related>small{color:#9d7947;font-size:10px}.related a{font-weight:700}.related p{margin:0;font-size:11px;color:var(--muted)}.warning{padding:13px;background:#f6ecd8;border-radius:10px;color:#81633c}.source{border:1px solid var(--line);border-radius:12px;background:white;margin:10px 0;padding:11px}.source summary{cursor:pointer;font-size:12px;line-height:1.8}.source summary>span{display:block;font-size:9px;color:#8a7756}.source summary strong{font-weight:650}.source blockquote{margin:11px 0;padding:11px;border-left:3px solid #9cb67e;background:#eef3e7;font-size:11px;white-space:pre-wrap}.location{font-size:10px!important;overflow-wrap:anywhere;color:#6b7e68}.source button,.source-jump{display:inline-block;border:1px solid #cedbc4;min-height:35px;padding:6px 8px;font-size:10px;text-decoration:none;border-radius:7px;margin-right:6px}.reference{display:block;padding:12px;background:#e6eef2;border-radius:9px;margin:8px 0;font-size:12px;text-decoration:none}.connection-lead{border-radius:18px;background:#214e3f;color:white;padding:19px}.connection-lead .eyebrow{color:#d2dfb9}.connection-lead h2{font-size:24px;margin:5px 0 9px;letter-spacing:-1px}.connection-lead p{font-size:11px;color:#c6d7c1}.connection-strip{display:flex;gap:5px;align-items:center;font-size:10px;margin-top:15px}.connection-strip span{background:#ffffff18;padding:7px;border-radius:6px;flex:1;text-align:center}.connection-strip i{font-style:normal;color:#c6d7c1}.bridges{display:grid;gap:12px}.bridge{background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px;scroll-margin-top:12px}.bridge-number{font:italic 18px Georgia,serif;color:#a7b193;display:flex;align-items:center;justify-content:space-between}.bridge-number span{font:10px "Microsoft YaHei",sans-serif;color:#8c7c57;background:#f7eed8;padding:3px 7px;border-radius:5px}.bridge h3{margin:8px 0 12px;font-size:19px;line-height:1.5}.bridge-pair{background:#edf3e4;border:1px dashed #a8bb91;border-radius:11px;padding:8px}.bridge-pair a{display:flex;align-items:center;gap:6px;text-decoration:none;background:#fff9;padding:7px 9px;font-size:12px;border-radius:7px;min-height:36px}.bridge-pair a small{font-size:9px;color:#849a78}.bridge-pair a span{margin-left:auto}.bridge-pair i{display:block;text-align:center;color:#91a475;font-style:normal;font-size:18px;line-height:25px}.bridge p{font-size:12px;line-height:1.9;color:#637a61}.try{background:#f6ecd9;padding:10px;border-radius:9px;margin-bottom:0}.asset-summary{padding:16px;border-radius:19px;background:#e6eedc}.asset-summary h2{font-size:21px;margin:0 0 14px}.asset-summary .flow{gap:6px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px}.metrics>div{background:#fff9;padding:10px 7px;border-radius:10px}.metrics b{display:block;font-size:24px;color:#326f52}.metrics span{font-size:9px;color:#677d61}.panel{border:1px solid var(--line);border-radius:17px;padding:16px;background:#fff;margin:15px 0}.bar-row{display:flex;align-items:center;gap:10px;font-size:11px;margin:14px 0}.bar-row>span{width:28px}.bar-row>div{flex:1;background:#edf1e8;height:9px;border-radius:6px;overflow:hidden}.bar-row i{display:block;height:100%;border-radius:6px}.bar-row>b{font-size:11px;width:17px}.skill-card{display:flex;gap:12px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:15px;margin:10px 0}.skill-icon{width:38px;height:40px;display:grid;place-items:center;font-size:22px;background:#e5efcf;border-radius:11px;flex-shrink:0;color:#527843}.skill-card>div{min-width:0;flex:1}.skill-card h3{font-size:14px;margin:0;overflow-wrap:anywhere}.skill-card p{font-size:11px;color:var(--muted);margin:4px 0}.skill-card summary{font-size:11px;cursor:pointer}.skill-card button{font-size:10px;min-height:35px;padding-left:0;text-decoration:underline}.file-card{border:1px solid #d9e0e6;background:#eaf0f5;border-radius:15px;padding:15px;margin:10px 0}.file-card>small{font-size:9px;color:#748197}.file-card h3{font-size:13px;line-height:1.9;margin:7px 0;overflow-wrap:anywhere}.file-cards{border-top:1px solid #d2dfe9}.file-cards a{font-size:11px}.panel label{font-size:12px;font-weight:650}select{width:100%;margin:10px 0;padding:10px 8px;min-height:45px;border:1px solid #cedbc3;border-radius:9px;background:#f4f7ec;font-size:12px}.demo-label{display:inline-block;font-size:10px;background:#f8ecd2;color:#896d3e;padding:3px 7px;border-radius:5px}.panel>p{font-size:11px;color:var(--muted)}.scenario-route{background:#e5eedc;border-radius:19px;padding:17px}.scenario-route article{display:flex;gap:11px;margin:14px 0;position:relative}.route-index{font:italic 24px Georgia,serif;color:#8daa78;flex-shrink:0}.scenario-route article>div{min-width:0;flex:1;background:#fff9;padding:5px 9px;border-radius:10px}.scenario-route a{font-weight:650;padding:4px 0;font-size:12px}.scenario-route article p{font-size:11px;color:#6c8262;line-height:1.8;margin:2px 0 5px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);display:flex;padding:8px 9px calc(8px + env(safe-area-inset-bottom));background:#fffefa;border-top:1px solid #dde4d6;z-index:9;box-shadow:0 -5px 20px #27482c05}.bottom-nav a{width:20%;min-height:49px;text-decoration:none;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;font-size:10px;color:#71836e;border-radius:12px}.bottom-nav a>span{font-size:20px;line-height:1.3}.bottom-nav .active{background:#e6eecf;color:#325e39;font-weight:750}dialog{width:min(440px,calc(100% - 24px));max-height:88dvh;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);overflow:auto;font-size:12px;line-height:1.9}dialog::backdrop{background:#163a3870}dialog h2{font-size:22px}dialog p{font-size:12px}.empty{padding:30px 12px;text-align:center;font-size:13px;color:var(--muted)}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);max-width:88%;background:#224e3e;color:white;padding:10px 14px;border-radius:10px;z-index:99;font-size:12px}[hidden]{display:none!important}@media(min-width:700px){body{background:#e4e9dd}.app{background:var(--paper);box-shadow:0 0 50px #2b4a2618}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
