:root{font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#203e33;background:#f7f4ec;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.frame{max-width:1280px;padding:0 clamp(20px,4vw,72px);margin:0 auto}.visually-hidden,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{display:block;position:absolute;z-index:20;background:white;padding:10px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #3a816a;outline-offset:3px}
.topbar{background:#f7f4ec;border-bottom:1px solid #d8d3c7}.header-inner{min-height:85px;display:flex;align-items:center;gap:28px}.brand{min-width:213px}.brand strong{font:800 20px/1.3 "Noto Serif SC","Songti SC",serif;color:#1b4034}.brand em{color:#2e765f;font-style:normal}.brand small{display:block;margin-top:5px;font:600 9px/1.2 monospace;letter-spacing:.6px;color:#67786e}.header-nav{display:flex;align-items:center;gap:clamp(10px,1.75vw,24px);flex:1;justify-content:flex-end;white-space:nowrap}.header-nav a{font-size:12px;font-weight:650;color:#647267}.header-nav .current{color:#2e765f}.header-nav a:hover,.back-link:hover{color:#2a795f;text-decoration:underline}.back-link{display:none;font-size:12px;font-weight:750;white-space:nowrap}
main.frame{padding-top:39px;padding-bottom:72px;min-height:65vh}.page-head{margin:0 0 25px}.page-head h1{font:800 clamp(30px,3.2vw,42px)/1.22 "Noto Serif SC","Songti SC",serif;letter-spacing:-.04em;margin:0;color:#1a4035}.page-head p{font-size:14px;color:#69786d;margin:8px 0 0}.navigation-tools{margin-bottom:26px}.site-search{height:49px;max-width:520px;display:flex;align-items:center;gap:11px;padding:0 15px;border:1px solid #d4d0c5;background:#fffdf9;border-radius:5px}.search-symbol{font-size:25px;line-height:1;color:#396c58}.site-search:focus-within{outline:2px solid #7dac9b;outline-offset:1px}.site-search input{min-width:0;width:100%;height:100%;outline:0;border:0;background:transparent;color:#234639;font-size:13px}.site-search input::placeholder{color:#9a9f98}.category-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.cat-tab{border:1px solid #d4d0c5;border-radius:5px;background:#fffdf9;color:#38574c;font-size:12px;font-weight:700;padding:10px 15px;cursor:pointer}.cat-tab:hover{background:#ebeee6}.cat-tab.is-active{background:#275b4b;color:white;border-color:#275b4b}
.directory-section{margin:30px 0 0;scroll-margin-top:14px}.directory-section h2{font:750 20px/1.4 "Noto Serif SC","Songti SC",serif;margin:0 0 14px;color:#204b3e}.site-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.site-card{position:relative;display:flex;min-width:0;gap:13px;align-items:center;min-height:83px;padding:14px;background:#fffdf9;border:1px solid #d8d3c7;border-radius:5px;transition:border-color .15s,box-shadow .15s,transform .15s}.site-card:hover{border-color:#6fa08a;box-shadow:3px 4px 0 #d8e2d9;transform:translateY(-2px)}.site-logo{flex:0 0 38px;width:38px;height:38px;border:1px solid #e8e5dc;border-radius:6px;background:#f1f1eb;display:grid;place-items:center;position:relative;overflow:hidden}.logo-backup{font:800 21px/1 "Noto Serif SC","Songti SC",serif;color:#416e5b}.site-logo img{position:absolute;inset:0;margin:auto;width:32px;height:32px;object-fit:contain;background:#f1f1eb}.site-text{min-width:0;display:grid;gap:5px;flex:1}.site-text strong{font-size:13px;line-height:1.3;font-weight:750;overflow-wrap:anywhere}.site-tag{font-size:10px;color:#7d877e}.site-open{align-self:center;white-space:nowrap;font-size:10px;font-weight:750;color:#326c55}.site-open span{font-size:14px;margin-left:2px}.empty-state{padding:60px 20px;text-align:center;color:#69796e}.empty-state button{padding:10px 19px;color:#fff;background:#29624d;border:0;border-radius:4px;cursor:pointer}.footer{border-top:1px solid #d8d3c7;padding:19px 0;background:#f7f4ec}.footer-inner{display:flex;justify-content:space-between;gap:15px;color:#7d887c;font-size:11px}
@media(max-width:1100px){.site-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header-nav{gap:10px}.header-nav a{font-size:11px}}
@media(max-width:850px){.header-nav{display:none}.back-link{display:block;margin-left:auto}.header-inner{min-height:73px}}
@media(max-width:720px){.frame{padding-left:16px;padding-right:16px}.header-inner{min-height:70px}.brand strong{font-size:19px}main.frame{padding-top:26px;padding-bottom:48px}.page-head{margin-bottom:20px}.page-head h1{font-size:31px}.page-head p{font-size:13px}.site-search{height:48px;max-width:none}.category-nav{gap:7px;margin-top:12px}.cat-tab{font-size:12px;padding:9px 12px}.site-grid{grid-template-columns:1fr;gap:8px}.directory-section{margin-top:25px}.directory-section h2{font-size:19px;margin-bottom:10px}.site-card{min-height:70px;padding:12px 15px;gap:14px}.site-text strong{font-size:14px}.site-open{font-size:11px}.footer-inner{flex-direction:column;gap:7px}}