:root{--green:#078b7b;--deep:#17443e;--mint:#e9f6f3;--ink:#172321;--muted:#72807e;--line:#dfe8e5;--paper:#fff;--page:#f4f7f6}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--page);font-family:"Microsoft YaHei",Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.site{max-width:960px;margin:auto;padding:24px 18px 98px}.head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.identity{display:flex;align-items:center;gap:11px}.seal{width:44px;height:44px;border:2px solid var(--green);border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:20px;font-weight:bold}.identity strong{display:block;font-size:18px}.identity small{color:var(--muted)}.admin-link,.outline{border:1px solid var(--line);border-radius:6px;background:#fff;padding:9px 12px;color:var(--ink);text-decoration:none}.hero{padding:29px 28px;background:linear-gradient(135deg,#d9f1eb,#f4fbf9);border-radius:8px;margin-bottom:15px}.hero h1{margin:0 0 8px;font-size:28px;color:var(--deep)}.hero p{margin:0;line-height:1.75;color:#496761}.search{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:6px;background:#fff;margin-bottom:15px}.content{background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 18px}.content-title{padding:17px 0 10px;font-size:20px}.item{display:flex;gap:15px;padding:17px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit}.item-mark{width:7px;height:7px;margin-top:9px;border-radius:50%;background:var(--green);flex:none}.item h2{font-size:17px;margin:0 0 7px}.item p{font-size:14px;color:var(--muted);margin:0;line-height:1.6}.meta{font-size:12px;color:#97a39f;margin-top:8px}.empty{padding:45px 12px;text-align:center;color:var(--muted)}.bottom{position:fixed;bottom:0;left:0;right:0;z-index:5;display:flex;justify-content:center;background:#fff;border-top:1px solid var(--line)}.bottom>button{width:min(33.333%,360px);height:64px;background:#fff;border:0;border-right:1px solid var(--line);font-size:16px;color:#31433f}.bottom>button.active{color:var(--green);font-weight:bold}.sheet-overlay{display:none;position:fixed;inset:0;background:#0005;z-index:8}.sheet-overlay.open{display:block}.sheet{position:absolute;bottom:0;left:0;right:0;margin:auto;max-width:960px;background:#fff;border-radius:14px 14px 0 0;box-shadow:0 -8px 32px #0002}.grab{width:40px;height:4px;border-radius:4px;background:#c8d2cf;margin:10px auto}.sheet-title{padding:4px 20px 14px;border-bottom:1px solid var(--line);font-weight:bold}.sheet-list{max-height:50vh;overflow-y:auto;padding:0 20px 14px}.sheet-row{display:flex;width:100%;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid var(--line);background:#fff;padding:16px 2px;text-align:left;font-size:16px}.sheet-row.active{color:var(--green);font-weight:bold}.sheet-row span{color:#a0aaa7}.article-modal{display:none;position:fixed;inset:0;z-index:12;background:#f6f8f7;overflow:auto;padding:25px 18px 90px}.article-modal.open{display:block}.article-wrap{max-width:760px;margin:auto}.back{border:0;background:none;color:var(--green);padding:0;font-weight:bold}.article-modal h1{font-size:25px;line-height:1.45;margin:18px 0 8px}.article-body{line-height:1.9;margin-top:22px;white-space:pre-wrap}.login-note{font-size:13px;color:var(--muted);margin-top:20px}
@media(min-width:760px){.site{padding-top:34px}.hero{padding:38px}.content{padding:0 28px}.sheet{width:660px;left:50%;transform:translateX(-50%)}.bottom>button{height:68px}}@media(max-width:460px){.identity strong{font-size:15px}.admin-link{font-size:13px;padding:8px}.hero h1{font-size:24px}}
/* Bottom-attached menu layers */
.sheet-overlay{background:transparent}.sheet{bottom:64px;left:50%;right:auto;transform:translateX(-50%);width:min(430px,calc(100% - 24px));border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 30px #173f3826}.sheet-title{display:flex;align-items:center;gap:12px;padding:8px 18px 12px}.sheet-back{border:0;background:none;padding:0;color:var(--green);font-weight:bold}.sheet-list{max-height:min(52vh,420px);padding:0 16px 8px}.sheet-row{padding:14px 2px;font-size:15px}.article-row span{display:flex;flex-direction:column;gap:4px;color:var(--ink)}.article-row small{font-size:12px;color:var(--muted);font-weight:normal}.article-row i{font-style:normal;color:#a0aaa7;font-size:22px}@media(min-width:760px){.sheet{bottom:68px}}
/* Keep the floating directory centered in the visible viewport, even when content is wider. */
html,body{overflow-x:hidden}.sheet-overlay{width:100vw;height:100vh}.sheet{left:50vw;right:auto}
/* Compact menu anchored directly above the selected first-level item. */
.sheet{width:min(280px,calc(100vw - 24px));max-width:280px}