@charset "UTF-8";
:root{--ink:#243b34;--green:#315f50;--muted:#858c7f;--paper:#f7f7f0;--line:#e3e6dc;--orange:#c57c47;--serif:"Noto Serif SC","Source Han Serif SC","Songti SC",SimSun,serif;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #bc8a51;outline-offset:3px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.site-header{height:84px;padding:0 4%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fafaf5}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:25px;font-weight:bold;letter-spacing:3px}.brand-seal{display:grid;place-items:center;font-family:var(--serif);width:42px;height:45px;border-radius:3px;background:var(--green);color:#fff4d9;font-size:28px;font-weight:normal}.brand small{display:block;font:9px/1.8 Arial,sans-serif;letter-spacing:2.1px;color:#7e8c7e}.header-note{color:#838c80;font:14px var(--serif);letter-spacing:3px}.prototype-badge{display:flex;gap:8px;align-items:center;color:#728575;font-size:11px;border:1px solid #dce4d8;border-radius:20px;padding:7px 12px}.prototype-badge span,.map-status i{width:5px;height:5px;background:#688e75;border-radius:100%}main{max-width:1680px;margin:auto;padding:0 4%}.intro{display:flex;justify-content:space-between;align-items:center;padding:34px 0 28px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:500;color:#879580;margin:0 0 11px}h1{font-family:var(--serif);font-size:clamp(25px,2.6vw,38px);font-weight:500;letter-spacing:2px;margin:0;line-height:1.5}h1 em{font-style:normal;color:#70846b}.intro-copy{font-size:12px;color:#85907f;margin:10px 0 0;letter-spacing:1px}.intro-stat{display:flex;flex-direction:column;gap:8px;text-align:right;color:#909687;font-size:11px;letter-spacing:1px}.intro-stat strong{font:40px Georgia,serif;color:var(--green)}.intro-stat strong span{font:13px "Microsoft YaHei",sans-serif;color:#707d6e}.explore-bar{position:relative;z-index:3;display:flex;gap:16px;align-items:center;background:#fffefa;border:1px solid #e3e7dc;box-shadow:0 4px 18px #334b3410;border-radius:10px;padding:13px 18px;margin-bottom:22px}.search-wrap{position:relative;display:flex;flex:1;align-items:center;min-width:220px}.search-symbol{font:30px Georgia;line-height:1;color:#73816e;transform:rotate(-15deg);margin-right:9px}input[type=search]{width:100%;min-width:0;padding:10px 4px;color:var(--ink);background:transparent;border:0;outline-offset:0;font-size:12px}input::placeholder{color:#8f978a}kbd{font:12px monospace;border:1px solid #e4e8de;padding:2px 6px;border-radius:4px;color:#a0a695}.select-wrap{display:flex;flex-direction:column;gap:5px;padding-left:17px;border-left:1px solid var(--line);min-width:145px}.select-wrap label{font-size:9px;color:#9a9f92;letter-spacing:1px}.select-wrap select{color:var(--ink);background:transparent;font-size:12px;border:0;padding:0 18px 0 0;max-width:165px;width:100%;cursor:pointer}.select-wrap select:disabled{color:#afb3a5}.reset-button{background:#eff2e9;border-radius:7px;padding:10px;color:#64795f;font-size:20px}.reset-button span{font-size:11px;margin-left:5px}.workspace{display:grid;grid-template-columns:1.17fr 1fr;gap:28px;align-items:start}.map-panel{position:sticky;top:20px;min-width:0;background:linear-gradient(140deg,#edf1e7,#e6ecdf 75%,#e9ede2);border:1px solid #dfe5d7;border-radius:12px;overflow:hidden}.map-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:20px 24px 0;font-size:11px}.map-toolbar nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.map-toolbar nav button{background:transparent;padding:0;color:#73826a;font-size:11px}.map-toolbar nav span{color:#a6af9e}.map-toolbar nav button:last-child{color:#314d3d;font-weight:600}.map-status{display:flex;align-items:center;gap:6px;font-size:9px;color:#8d9984;white-space:nowrap}.map-heading{display:flex;justify-content:space-between;align-items:center;margin:32px 28px 0}.map-heading .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:7px}.map-heading h2{font:32px var(--serif);letter-spacing:4px;margin:0;color:#36523f}.back-button{background:#ffffff70;border:1px solid #d8e1ce;padding:8px 10px;font-size:10px;border-radius:5px;color:#6d8062}.map-stage{position:relative;min-height:250px;aspect-ratio:760/590;margin-top:-12px;background-image:radial-gradient(#a3b39355 .7px,transparent .7px);background-size:18px 18px}#map{display:block;width:100%;height:100%;overflow:visible}.map-region{stroke:#f5f6eb;stroke-width:1.4;stroke-linejoin:round;cursor:pointer;transition:fill .18s,filter .18s;vector-effect:non-scaling-stroke}.map-region:hover,.map-region:focus-visible{fill:#9eb799!important;filter:drop-shadow(0px 2px 3px #2c543b30);outline:none;stroke:#315f50;stroke-width:2}.map-region.selected{fill:#3e6a51!important;stroke:#f9f8e9;stroke-width:2}.map-label{font:13px "Microsoft YaHei",sans-serif;fill:#4a6047;text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:#edf0e3;stroke-width:3px;stroke-linejoin:round}.map-label.selected{fill:#fffbe8;stroke:#3e6a51}.map-label.minor{font-size:12px}.map-context{fill:#dce3d2;stroke:#f0f3e8;stroke-width:1;pointer-events:none}.map-tooltip{position:absolute;z-index:2;background:#fcfcf5f5;box-shadow:0 4px 18px #1e3a2420;border:1px solid #d8e2cf;padding:10px 14px;border-radius:7px;pointer-events:none;font-size:12px;line-height:1.8;max-width:220px}.map-tooltip small{display:block;color:#8a9580;font-size:10px}.map-bottom{padding:0 24px 18px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#839075}.map-bottom>span{display:flex;gap:7px;align-items:center}.legend-square{width:8px;height:8px;background:#8da785;border:1px solid #6d8c64;border-radius:2px}.map-bottom button{background:#f7f8f0a0;border:1px solid #d8e0cf;border-radius:5px;font-size:10px;padding:7px 10px;color:#718066}.map-caption{display:flex;align-items:center;gap:14px;border-top:1px solid #d8e0ce;margin:0 24px;padding:14px 0;color:#929e84;font-size:8px;line-height:1.8}.compass{font:11px Georgia;color:#718368}.map-signature{margin-left:auto;font:15px var(--serif);letter-spacing:4px;color:#7e9074}.resource-panel{padding:3px 0 0;min-width:0}.resource-heading{display:flex;align-items:center;justify-content:space-between}.resource-heading .eyebrow{font-size:9px;letter-spacing:2px;color:#9aa28d;margin-bottom:7px}.resource-heading h2{font:26px var(--serif);font-weight:500;margin:0;letter-spacing:2px;display:flex;align-items:center;gap:12px}.resource-number{font:11px Arial;letter-spacing:0;color:#708664;background:#e8eddf;border-radius:15px;padding:5px 9px}.collection-label{font-size:9px;color:#a0a693;border:1px solid #e1e6d7;border-radius:4px;padding:5px 7px}.region-description{font-size:11px;color:#919986;line-height:1.8;margin:14px 0 20px}.category-tabs{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid #dfe5d5;padding-bottom:14px}.category-tabs button{display:flex;gap:6px;align-items:center;white-space:nowrap;font-size:11px;padding:8px 10px;border-radius:5px;background:transparent;color:#808d73}.category-tabs button small{font:9px Arial;color:#a4ad96}.category-tabs button.active{background:#315f50;color:#fffef5}.category-tabs button.active small{color:#bfd0be}.category-tabs button:hover:not(.active){background:#e9eddf}.list-summary{font-size:10px;color:#949d89;display:flex;justify-content:space-between;align-items:center;margin:16px 0 12px}.list-summary>span:last-child{max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-list{display:grid;gap:12px}.resource-card{background:#fffefa;border:1px solid #e1e6d8;border-radius:9px;padding:17px 18px;position:relative;transition:border-color .2s,box-shadow .2s}.resource-card:hover{border-color:#aeba9e;box-shadow:0 4px 14px #3c503908}.card-top{display:flex;gap:12px;align-items:flex-start}.resource-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:7px;flex-shrink:0;color:var(--card-accent);background:var(--card-bg)}.resource-icon svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.card-title-wrap{flex:1;min-width:0}.card-title-wrap h3{font:17px/1.6 var(--serif);font-weight:600;margin:0;letter-spacing:.6px}.card-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:3px;font-size:9px;color:#a2a68f}.card-category{color:var(--card-accent)}.grade{background:#f4edda;color:#a5874c;padding:2px 5px;border-radius:3px;font-size:9px;white-space:nowrap;align-self:flex-start}.grade.review{background:#f7eee5;color:#ac805e}.card-description{font-size:11px;color:#818a76;line-height:1.9;margin:12px 0 12px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #eef0e7;padding-top:10px}.location{color:#9ba48f;font-size:9px}.locate-button{font-size:10px;color:#5e8059;background:transparent;padding:3px 0}.locate-button:hover{color:#2c543b;text-decoration:underline}.resource-card.focused{border:2px solid #74966b;box-shadow:0 0 0 4px #dce7d3}.resource-card.focused:before{content:"已定位的资源";display:block;font-size:9px;letter-spacing:1px;color:#63845c;margin-bottom:12px}.load-more{width:100%;margin-top:14px;background:#eef1e5;border:1px solid #e0e5d5;padding:13px;border-radius:7px;color:#71866a;font-size:11px}.load-more:hover{background:#e3ead8}.active-search{display:flex;align-items:center;gap:10px;background:#f0eadb;border-radius:6px;margin-top:12px;padding:9px 12px;font-size:11px;color:#957c4e}.active-search button{margin-left:auto;background:transparent;color:inherit}.suggestions{position:absolute;top:calc(100% + 13px);left:-18px;width:calc(100% + 36px);max-height:480px;overflow:auto;background:#fffefa;border:1px solid #dbe3d2;border-radius:9px;box-shadow:0 12px 36px #29402a24;padding:8px;z-index:10}.suggestion-group{font-size:10px;color:#9a9f90;letter-spacing:1px;padding:10px 10px 6px}.suggestion{display:flex;align-items:center;gap:10px;padding:10px;border-radius:5px;cursor:pointer}.suggestion:hover,.suggestion.highlighted{background:#edf1e5}.suggestion strong{font-size:12px;font-weight:500;display:block}.suggestion small{font-size:10px;color:#9ba48c;display:block;margin-top:4px}.suggestion-symbol{display:grid;place-items:center;flex-shrink:0;background:#edf1e5;border-radius:4px;width:28px;height:28px;font-size:11px;color:#7d9671}.search-all{display:block;width:100%;background:#e8eee0;color:#5a7950;text-align:center;border-radius:5px;font-size:11px;padding:12px;margin-top:5px}.search-empty,.empty-state{padding:35px 16px;text-align:center;color:#8a967e;font-size:12px;line-height:2}.empty-state{border:1px dashed #d7dfca;border-radius:10px}.empty-state strong{display:block;font:23px var(--serif);color:#6f8664;margin-bottom:10px}.map-error{position:absolute;inset:10%;display:grid;place-content:center;text-align:center;font-size:12px;line-height:2;color:#758669;background:#edf1e8ed;border:1px dashed #bac9ad;border-radius:10px}footer{display:flex;justify-content:space-between;gap:16px;padding:25px 0;margin-top:26px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.5px;color:#a4ab98}.footer-dot{padding:0 7px}.skeleton{height:146px;border-radius:9px;background:linear-gradient(100deg,#e9eddf 20%,#f3f4eb 50%,#e9eddf 80%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}
@media(min-width:1500px){.map-stage{aspect-ratio:760/620}.map-panel{top:24px}.resource-card{padding:20px}.workspace{gap:36px}}
@media(max-width:1050px){main{padding:0 3%}.site-header{padding:0 3%}.workspace{gap:20px;grid-template-columns:1.05fr 1fr}.category-tabs{gap:2px}.category-tabs button{font-size:10px;padding:8px 6px}.select-wrap{min-width:120px}.map-toolbar{padding:16px 16px 0}.map-heading{margin:25px 20px 0}.map-status{display:none}.map-bottom{padding:0 16px 15px}.map-caption{margin:0 16px}.explore-bar{gap:10px}.header-note{font-size:12px}}
@media(max-width:760px){.site-header{height:69px}.brand{font-size:21px}.brand-seal{width:34px;height:37px;font-size:24px}.brand small{font-size:7px}.header-note{display:none}main{padding:0 16px}.intro{padding:27px 0 22px}.intro .eyebrow{font-size:9px}h1{font-size:25px;letter-spacing:1px}h1 em{display:block}.intro-copy{font-size:10px;max-width:230px;line-height:1.8}.intro-stat{font-size:9px;letter-spacing:0;max-width:95px;line-height:1.7}.intro-stat strong{font-size:32px}.intro-stat strong span{font-size:10px}.explore-bar{display:grid;grid-template-columns:1fr 1fr auto;padding:12px;gap:12px;border-radius:8px;margin-bottom:16px}.search-wrap{grid-column:1/-1;min-width:0;border-bottom:1px solid var(--line);padding-bottom:7px}input[type=search]{font-size:11px}.select-wrap{padding-left:0;border:0;min-width:0}.select-wrap select{max-width:none;width:100%}.reset-button span{display:none}.reset-button{padding:7px 10px}.workspace{display:flex;flex-direction:column;gap:24px}.map-panel{position:relative;top:0;width:100%}.map-heading{margin:17px 20px 0}.map-heading h2{font-size:25px}.map-heading .eyebrow{font-size:7px}.map-stage{aspect-ratio:760/520;margin-top:-15px}.map-caption{padding:10px 0}.map-bottom{font-size:9px;padding-bottom:12px}.map-signature{font-size:13px}.resource-panel{width:100%}.resource-heading h2{font-size:25px}.category-tabs{justify-content:space-between;gap:2px}.category-tabs button{padding:8px 6px;font-size:10px}.region-description{margin-bottom:15px}.resource-card{padding:15px}.suggestions{left:-12px;width:calc(100% + 24px);max-height:390px;top:100%}.map-label{font-size:14px}.map-label.minor{font-size:13px}footer{flex-direction:column;font-size:8px;margin-top:15px;gap:9px}.map-toolbar nav{font-size:10px}.prototype-badge{font-size:9px;padding:5px 8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){.map-stage{aspect-ratio:760/650}.map-label{font-size:21px}.map-label.minor{font-size:20px}.card-description{font-size:12px}.card-meta,.location{font-size:10px}}