@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;600;700&family=Noto+Serif+SC:wght@700;900&display=swap');
:root{--paper:#f7f3ec;--panel:#fff;--ink:#2e2e2e;--muted:#746d68;--line:#e5ddd4;--wine:#8f243c}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);background:radial-gradient(#b7a991 .6px,transparent .75px),var(--paper);background-size:10px 10px;font-family:"Noto Sans SC","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}body>header{min-height:64px;padding:0 max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92)}body>header>a{font:900 20px "Noto Serif SC",serif;color:var(--wine)}header nav{display:flex;flex-wrap:wrap;gap:18px;font-size:12px}main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 72px}.crumb{display:flex;gap:8px;color:var(--muted);font-size:11px}.hero{margin:18px 0 24px;padding:34px;border:1px solid var(--line);border-radius:14px;background:#fff}.hero>p:first-child{margin:0;color:var(--wine);font-size:10px;font-weight:700;letter-spacing:.16em}.hero h1{margin:8px 0 10px;font:900 clamp(30px,5vw,50px) "Noto Serif SC",serif}.hero>p:last-child{max-width:760px;margin:0;color:var(--muted);line-height:1.8}main>section:not(.hero){margin-top:14px;padding:24px;border:1px solid var(--line);border-radius:12px;background:#fff}section h2{margin:0 0 16px;font:700 20px "Noto Serif SC",serif}ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}li a{min-width:0;padding:10px 12px;display:flex;align-items:center;gap:8px;border-radius:7px;background:#faf7f2}li a:hover{color:var(--wine);background:#f7ecf0}li span{flex:0 0 auto;color:#9a8d84;font-size:9px}li strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}footer{padding:26px;text-align:center;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}@media(max-width:780px){body>header{padding:12px 16px;align-items:flex-start;flex-direction:column}main{width:calc(100% - 24px);padding-top:16px}.hero{padding:24px 20px}main>section:not(.hero){padding:18px 14px}ul{grid-template-columns:repeat(2,minmax(0,1fr))}li a{padding:10px 8px}}