:root{--paper:#f6f4ef;--ink:#303834;--muted:#6d756e;--green:#40594b;--line:#dddfd6;font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:17px;line-height:1.8}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}a:hover{color:#9a6045}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #8caa91;outline-offset:5px}.shell{max-width:1280px;padding-inline:52px;margin-inline:auto}.skip{position:fixed;top:-100px}.skip:focus{top:10px;z-index:10;background:white;padding:10px}header{display:flex;justify-content:space-between;align-items:center;min-height:110px}.brand{font-size:26px;font-weight:650;letter-spacing:.03em;display:flex;gap:19px;align-items:center}.brand span{font-size:15px;font-weight:400;color:var(--muted);border-left:1px solid #c6cbc0;padding-left:19px}nav{display:flex;gap:32px;align-items:center;font-size:16px}.nav-contact{border:1px solid #ccd2c6;border-radius:30px;padding:7px 21px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:44px;padding-bottom:55px}.eyebrow{font-size:16px;color:var(--green);display:flex;gap:10px;align-items:center;margin:0 0 23px}.eyebrow>span{width:8px;height:8px;border-radius:50%;background:#7d997d}h1{font-size:clamp(36px,4.1vw,56px);font-weight:550;letter-spacing:-.045em;line-height:1.38;margin:0 0 26px}.accent{color:#738775}.hero-intro{color:var(--muted);font-size:17px;line-height:1.95;margin-bottom:29px}.actions{display:flex;gap:23px;align-items:center;font-size:16px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#fff;padding:12px 23px;border-radius:7px;font-size:16px;white-space:nowrap}.button:hover{color:white;background:#536f5e}.motion-art{background:#e4e7db;border-radius:48% 48% 8px 8px;overflow:hidden;padding:70px 24px 20px;position:relative}.art-heading{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:#687462;padding-inline:12px}.art-heading>span:first-child{font-weight:550}canvas{display:block;width:100%;height:345px}.art-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #cbd2c2;padding-top:17px;font-size:14px;color:#677360}.art-footer button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:14px;padding:4px}.quick{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;align-items:center;padding-block:25px;border-block:1px solid var(--line);font-size:17px}.quick>span{font-size:15px;color:var(--muted)}.quick a{display:flex;justify-content:space-between;gap:15px;border-left:1px solid var(--line);padding-inline:24px}.quick b{font-weight:400;color:#82917e}.section{padding-top:85px;padding-bottom:85px}.section-meta{font-size:15px;color:#788371;letter-spacing:.025em;margin:0 0 20px}.about{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px}.about>.section-meta{padding-top:7px}h2{font-size:clamp(28px,3vw,38px);line-height:1.5;letter-spacing:-.035em;font-weight:500;margin:0 0 25px}.about-content>p{color:var(--muted);margin:0 0 18px}.personal-links{display:flex;gap:30px;flex-wrap:wrap;margin-top:25px;font-size:16px;color:var(--green)}.interests{background:#eceee5}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:37px}.section-head>p{color:var(--muted);font-size:16px;margin:0 0 7px}.section-head h2{margin:0}.interest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.interest-grid article{background:#f8f9f3;border:1px solid #dde2d5;border-radius:8px;padding:28px}.number{font-size:15px;color:#88947f}h3{font-size:23px;font-weight:500;line-height:1.5;margin:22px 0 3px}.english{font-size:15px;color:#7f8b77;margin:0 0 24px}.interest-grid article>p:not(.english){font-size:17px;color:var(--muted);min-height:92px}.tag{display:inline-block;font-size:14px;border-top:1px solid var(--line);padding-top:19px;width:100%;color:#74806b}.notebook-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.note-card{display:block;background:#eee7dc;border-radius:8px;padding:33px}.note-card.archive{background:#e7ece7}.note-card>span{font-size:15px;color:#7a786d}.note-card h3{font-size:29px;margin:25px 0 15px;line-height:1.5}.note-card p{font-size:16px;color:var(--muted)}.note-card strong{display:block;font-size:16px;font-weight:500;margin-top:35px}.code-link{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:32px;padding:25px 0;border-bottom:1px solid var(--line)}.code-link h3{font-size:21px;margin:0}.code-link p{margin:7px 0;color:var(--muted);font-size:16px}.code-link>a{font-size:16px}.connect{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-block:50px;background:#e8ecdf;border-radius:8px;margin-bottom:55px}.connect h2{font-size:30px;margin:0}footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:32px;color:#7b8277;font-size:14px}@media(max-width:1000px){.shell{padding-inline:30px}.hero{gap:30px}.actions{gap:15px;flex-wrap:wrap}.brand span{display:none}.interest-grid{gap:15px}.interest-grid article{padding:22px}.about{gap:35px;grid-template-columns:.4fr 1fr}.art-heading>span:last-child{display:none}}@media(max-width:700px){.shell{padding-inline:22px}header{min-height:88px}nav{gap:19px;font-size:15px}.nav-contact{display:none}.brand{font-size:24px}.hero{grid-template-columns:1fr;padding-top:25px;gap:35px;padding-bottom:35px}h1{font-size:39px}h1 .accent br{display:none}.hero-intro{font-size:17px}.motion-art{border-radius:38% 38% 8px 8px;padding-top:55px}canvas{height:280px}.art-heading>span:last-child{display:block}.art-heading,.art-footer{font-size:14px}.quick{grid-template-columns:repeat(3,1fr);font-size:15px;gap:10px}.quick>span{grid-column:1/-1;margin-bottom:10px}.quick a{padding:0;border:0}.section{padding-block:55px}.about{grid-template-columns:1fr;gap:10px}h2{font-size:29px}.section-head{display:block}.section-head>p{margin-top:20px}.interest-grid,.notebook-grid{grid-template-columns:1fr}.interest-grid article>p:not(.english){min-height:0}.interest-grid article{padding:27px}.note-card h3{font-size:27px}.code-link{align-items:start;flex-direction:column;gap:10px}.connect{margin-inline:22px;padding:30px 25px;display:block}.connect h2{font-size:26px}.connect .button{margin-top:25px}footer{font-size:14px;gap:14px}.personal-links{gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}