@charset "UTF-8";
:root{--app-width:700px;--paper:#f7f5ef;--white:#fffefb;--ink:#202f2b;--green:#174c40;--muted:#727b72;--line:#dedfd5;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{background:#fff;scroll-padding-top:24px}body{width:100%;max-width:var(--app-width);min-height:100vh;margin:0 auto;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #b48158;outline-offset:4px}h1,h2,h3,p{margin:0}[hidden]{display:none!important}.wrap{width:calc(100% - 48px);margin-inline:auto}.skip-link{position:fixed;top:-70px;left:max(16px,calc((100vw - var(--app-width))/2 + 16px));z-index:10;padding:12px;background:var(--white)}.skip-link:focus{top:12px}
.site-header{height:76px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-family:var(--serif);font-size:23px;letter-spacing:2px}.brand-seal{display:grid;place-items:center;width:31px;height:34px;border:1px solid #8b9b79;border-radius:3px;font-size:21px;color:#6a805e}.intro{padding:32px 0 29px}.intro h1{font-family:var(--serif);font-size:32px;font-weight:400;line-height:1.5;letter-spacing:1px}.intro p{margin-top:10px;font-size:14px;line-height:1.8;color:var(--muted)}.section-title{margin-bottom:14px;font-size:14px;font-weight:500;color:#687762}.project-grid{display:grid;gap:20px}.project-card{min-width:0;background:var(--white);border:1px solid #dbe0d2;border-radius:10px;overflow:hidden}.project-art{height:155px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 35px;background:#e6ecdc;color:#69835a}.art-caption{display:block;font-family:var(--serif);font-size:37px;letter-spacing:9px;line-height:1.6;color:#3e5c39}.project-category{display:block;font-size:11px;line-height:1.8;margin-top:7px;color:#667b5b;letter-spacing:1px}.chart-art{width:185px;height:151px;flex-shrink:0}.project-content{padding:23px 26px 25px}.project-title{font-family:var(--serif);font-size:26px;font-weight:400;line-height:1.5;letter-spacing:1px}.project-description{margin-top:9px;font-size:14px;line-height:1.9;color:#60705d}.project-note{margin-top:11px;font-size:12px;line-height:1.8;color:#798572}.project-button{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-top:20px;padding:0 18px;border:1px solid var(--green);border-radius:5px;background:var(--green);color:#f8f6e9;font-size:14px}.project-button:hover{background:#103f33}.project-button>span{font-size:23px;line-height:1}.coming-soon{padding:23px 0;text-align:center;font-size:12px;line-height:1.8;color:#8a9380}.site-footer{border-top:1px solid var(--line);padding:20px 0 25px;text-align:center;font-size:11px;line-height:1.9;color:#808a76}.site-footer a{display:block;margin-top:9px;text-decoration:underline;text-underline-offset:3px}.noscript-card{padding:24px;border:1px solid var(--line);background:var(--white);border-radius:10px}.noscript-card p{margin-top:10px;line-height:1.8}.noscript-card a{display:inline-block;margin-top:14px;text-decoration:underline}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}.site-header{height:66px}.brand{font-size:21px}.brand-seal{width:28px;height:30px;font-size:19px}.intro{padding:28px 0 25px}.intro h1{font-size:27px;letter-spacing:0}.intro p{font-size:13px;margin-top:8px}.section-title{font-size:13px;margin-bottom:12px}.project-art{height:140px;padding:16px 22px;gap:4px}.art-caption{font-size:32px;letter-spacing:7px}.project-category{font-size:10px;letter-spacing:0;white-space:nowrap}.chart-art{width:145px;height:119px}.project-content{padding:20px}.project-title{font-size:24px}.project-description{font-size:13px}.project-note{font-size:11px}.project-button{min-height:46px;font-size:13px;margin-top:17px}.coming-soon{padding:20px 0;font-size:11px}.site-footer{font-size:10px;padding-top:17px}}
@media(max-width:350px){.project-art{padding-inline:18px}.chart-art{width:125px;height:103px}.intro h1{font-size:25px}}