:root{--bg:#f6f7f4;--surface:#fff;--text:#1f2328;--muted:#6b7280;--line:#dde2df;--accent:#254d3b;--accent-soft:#e8f0eb;--max:1080px;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{isolation:isolate;min-height:100vh;color:var(--text);background:0 0;margin:0;line-height:1.7;position:relative}body:before{content:"";z-index:-2;pointer-events:none;filter:blur(3px);opacity:.72;background-image:url(/images/picture/project.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:-30px;transform:scale(1.03)}body:after{content:"";z-index:-1;pointer-events:none;background:#f6f7f461;position:fixed;inset:0}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%}code{background:#edf0ee;border-radius:5px;padding:.1rem .35rem}pre{color:#f4f6f5;background:#1f2924;border-radius:12px;padding:1rem;overflow-x:auto}pre code{background:0 0;padding:0}.container{width:min(calc(100% - 2rem), var(--max));margin:0 auto}.site-header{z-index:10;-webkit-backdrop-filter:blur(16px);background:#f6f7f4c2;border-bottom:1px solid #dde2dfb8;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:1rem;min-height:64px;display:flex}.brand{letter-spacing:-.02em;font-weight:700}.nav-links{color:var(--muted);flex-wrap:wrap;gap:1.1rem;font-size:.95rem;display:flex}.hero{grid-template-columns:1.4fr .8fr;align-items:end;gap:3rem;padding:6.5rem 0 4rem;display:grid}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;font-weight:700}h1,h2,h3{letter-spacing:-.035em;line-height:1.2}h1{margin:.7rem 0 1.2rem;font-size:clamp(2.8rem,7vw,5.8rem)}h2{margin:0 0 1.2rem;font-size:clamp(1.8rem,4vw,2.8rem)}h3{margin:0 0 .6rem}.lead{max-width:680px;color:var(--muted);font-size:1.12rem}.actions{flex-wrap:wrap;gap:.8rem;margin-top:1.6rem;display:flex}.button{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);background:#ffffffe0;border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:.65rem 1rem;font-weight:600;display:inline-flex}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.hero-note{border-left:2px solid var(--accent);color:var(--muted);padding-left:1.2rem}.section{padding:3.5rem 0}.section-head{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.4rem;display:flex}.section-head p{color:var(--muted);margin:0}.grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.card{-webkit-backdrop-filter:blur(10px);background:#ffffffd1;border:1px solid #dde2dfe0;border-radius:16px;padding:1.25rem;transition:transform .16s,border-color .16s,box-shadow .16s}.card:hover{border-color:#b8c8bf;transform:translateY(-3px);box-shadow:0 12px 30px #1f232812}.meta{color:var(--muted);flex-wrap:wrap;gap:.45rem;margin-top:.9rem;font-size:.85rem;display:flex}.tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.18rem .5rem}.list{gap:.2rem;display:grid}.list-item{border-bottom:1px solid var(--line);grid-template-columns:135px 1fr auto;align-items:baseline;gap:1rem;padding:1rem 0;display:grid}.list-item time,.muted{color:var(--muted)}.page-head{max-width:760px;padding:5rem 0 2rem}.page-head h1{font-size:clamp(2.5rem,6vw,4.7rem)}.content{-webkit-backdrop-filter:blur(12px);background:#ffffffe0;border:1px solid #dde2dfbf;border-radius:16px;max-width:760px;margin-top:1rem;margin-bottom:5rem;padding:1.8rem}.content h2{margin-top:2.5rem}.content h3{margin-top:2rem}.content a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.footer{color:var(--muted);-webkit-backdrop-filter:blur(12px);background:#f6f7f49e;border-top:1px solid #dde2dfcc;padding:2rem 0 3rem;font-size:.9rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}@media (width<=760px){body:before{filter:blur(6px);opacity:.26}body:after{background:#f6f7f4db}.hero{grid-template-columns:1fr;padding-top:4rem}.grid{grid-template-columns:1fr}.nav{flex-direction:column;align-items:flex-start;height:auto;padding:.9rem 0}.nav-links{gap:.8rem}.list-item{grid-template-columns:1fr;gap:.15rem}.content{padding:1.2rem}}