:root{--bg:#f7f8ec;--paper:#fffef7;--mint:#ecf3df;--mint-2:#e2edd2;--yellow:#f4eb89;--ink:#21382b;--green:#2d6944;--muted:#607365;--line:#d5dfce;--shadow:0 16px 38px rgba(33,56,43,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 "Microsoft YaHei","PingFang SC",system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}.site-header{width:min(1160px,calc(100% - 32px));height:62px;padding:0 22px;position:sticky;top:12px;z-index:20;margin:12px auto 0;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(45,105,68,.17);border-radius:18px;background:rgba(247,248,236,.92);backdrop-filter:blur(16px);box-shadow:0 7px 24px rgba(33,56,43,.06)}.site-mark{display:flex;align-items:center;gap:3px;font-size:17px;font-weight:900;letter-spacing:-.08em;color:var(--green)}.site-mark span{font-size:19px;color:#86ab57}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.site-header nav a{padding:8px 0}.site-header nav a:hover{color:var(--green)}.hero{padding-top:80px;padding-bottom:52px}.hero-topline{display:flex;align-items:center;gap:10px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.12em}.small-rule{width:25px;height:1px;background:var(--green)}.hero-main{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr);gap:55px;align-items:end;padding:30px 0 58px}.signature{display:block;width:clamp(150px,22vw,250px);height:auto;max-height:115px;object-fit:contain;object-position:left center;margin:0 0 10px -16px}.hero h1{margin:0;font-size:clamp(45px,5.7vw,78px);line-height:1.22;letter-spacing:-.06em;font-weight:900}.hero-desc{max-width:650px;margin:22px 0 0;color:var(--muted);font-size:17px;line-height:1.9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:45px;padding:8px 21px;border-radius:100px;font-size:14px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--green);color:#fff}.button-primary:hover{background:#1f5436}.button-line{border:1px solid var(--green);color:var(--green)}.button-line:hover{background:var(--mint)}.hero-aside{padding:22px 0 0 22px;border-left:1px solid var(--line)}.aside-label{margin:0;color:var(--green);font-size:11px;font-weight:900;letter-spacing:.2em}.hero-aside>p:nth-child(2){margin:12px 0 22px;font-size:20px;font-weight:750;line-height:1.65}.aside-tags{display:flex;flex-wrap:wrap;gap:7px}.aside-tags span{padding:4px 9px;border:1px solid var(--line);border-radius:100px;color:var(--muted);font-size:12px}.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-facts>div{display:flex;align-items:center;gap:13px;padding:19px 16px}.hero-facts>div:first-child{padding-left:0}.hero-facts>div+div{border-left:1px solid var(--line)}.hero-facts span{color:var(--green);font-size:11px;font-weight:900}.hero-facts strong{font-size:14px;line-height:1.45}.section{padding-block:82px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-kicker{display:block;margin-bottom:6px;color:var(--green);font-size:11px;font-weight:900;letter-spacing:.17em}.section-heading h2{margin:0;font-size:clamp(34px,4vw,49px);line-height:1.25;letter-spacing:-.045em}.section-heading>p{max-width:340px;margin:0 0 5px;color:var(--muted);font-size:14px}.about-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:74px;padding:28px 0 20px;border-top:1px solid var(--line)}.about-lead{margin:0;font-size:clamp(22px,2.5vw,30px);font-weight:800;line-height:1.65;letter-spacing:-.025em}.about-points{display:grid;gap:0}.about-points article{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:0 0 19px}.about-points article+article{padding-top:19px;border-top:1px solid var(--line)}.point-number{font-size:12px;color:var(--green);font-weight:900}.about-points h3{margin:0 0 3px;font-size:17px}.about-points p{margin:0;color:var(--muted);font-size:15px;line-height:1.75}.skills-section{background:linear-gradient(180deg,var(--bg),#edf3e4 45%,var(--bg))}.skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;border-top:1px solid var(--line)}.skill-item{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:25px 18px 27px 8px;border-bottom:1px solid var(--line);transition:background .18s}.skill-item:hover,.skill-item:focus-within{background:rgba(214,233,193,.55)}.skill-number{color:#90a391;font-size:12px;font-weight:800;transition:color .18s}.skill-item:hover .skill-number,.skill-item:focus-within .skill-number{color:var(--green)}.skill-item h3{margin:0 0 11px;font-size:21px;line-height:1.4}.skill-item h3 small{display:inline-block;margin-left:8px;padding:3px 8px;border-radius:100px;background:#e1eac6;color:var(--green);font-size:11px;vertical-align:middle}.skill-item ul,.project-card ul{margin:0;padding-left:1.2em;color:#526758}.skill-item li,.project-card li{padding-left:.1em;margin:5px 0;font-size:14px;line-height:1.7}.skill-item li::marker,.project-card li::marker{color:#7ca45f}.text-link{display:inline-block;margin-top:13px;padding-bottom:3px;border-bottom:1px solid var(--green);color:var(--green);font-size:13px;font-weight:800}.text-link:hover{color:#174d2e}.projects-section{background:linear-gradient(180deg,var(--bg),#eaf2e0 18%,#e9f1dc 82%,var(--bg))}.project-group-heading{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 17px;padding-bottom:10px;border-bottom:2px solid var(--green)}.project-group-heading h3{margin:0;font-size:24px}.project-group-heading span{color:var(--green);font-size:11px;font-weight:900;letter-spacing:.15em}.competition-heading{margin-top:45px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-card{display:flex;flex-direction:column;min-height:0;padding:23px 25px 20px;border:1px solid var(--line);border-radius:15px;background:rgba(255,254,247,.82);transition:transform .2s,box-shadow .2s,border-color .2s}.project-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#a8c398}.project-featured{background:#f5f0ad;border-color:#e3dd90}.project-top{display:flex;justify-content:space-between;gap:16px;color:var(--green);font-size:11px;font-weight:800}.project-top time{white-space:nowrap}.project-card h4{margin:15px 0 7px;font-size:23px;letter-spacing:-.035em;line-height:1.35}.project-fullname{margin:0 0 10px;font-size:14px;font-weight:750;line-height:1.6}.project-card ul{margin-bottom:18px}.project-foot{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.project-foot span{padding:3px 9px;border:1px solid #bdcdb6;border-radius:100px;color:#527157;font-size:11px}.experience-section{background:var(--bg)}.experience-layout{display:grid;grid-template-columns:1.18fr .82fr;gap:30px}.experience-list{border-top:1px solid var(--line)}.experience-list article{display:grid;grid-template-columns:130px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.experience-list time{color:var(--green);font-size:12px;font-weight:800}.experience-list h3{margin:0 0 3px;font-size:17px}.experience-list p{margin:0;color:var(--muted);font-size:14px}.honors{padding:22px 25px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.honors h3{margin:0 0 8px;font-size:20px}.honor-item{display:grid;grid-template-columns:86px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.honor-item span{color:var(--green);font-size:11px;font-weight:800}.honor-item strong{font-size:14px;line-height:1.5}.minor-honors{margin:16px 0 0;color:#718071;font-size:12px;line-height:1.85}.hobbies-section{background:linear-gradient(180deg,var(--bg),#f6f5d8 18%,#f7f5de 85%,var(--bg))}.hobby-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hobby-card{overflow:hidden;border:1px solid #e1e4cf;border-radius:16px;background:var(--paper)}.hobby-image{aspect-ratio:4/3;display:flex;align-items:end;padding:12px;background:#e4ebd9;border-bottom:1px solid #d3dccb}.hobby-image[data-image="badminton"]{background:#edf0dc}.hobby-image[data-image="gaming"]{background:#dce8d9}.hobby-image[data-image="documentary"]{background:#e2ece7}.hobby-image span{padding:4px 8px;border:1px dashed #9aae93;border-radius:100px;color:#748672;background:rgba(255,255,255,.65);font-size:11px}.hobby-copy{padding:18px 18px 21px}.hobby-copy h3{margin:0 0 5px;font-size:19px}.hobby-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.contact-section{padding-bottom:100px}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.copy-button{display:grid;gap:4px;padding:20px 24px;border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--ink);text-align:left;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.copy-button:hover{transform:translateY(-3px);border-color:var(--green);box-shadow:var(--shadow)}.copy-button span{color:var(--green);font-size:12px;font-weight:800}.copy-button strong{font-size:18px;overflow-wrap:anywhere}.copy-button small{color:var(--muted);font-size:12px}.copy-status{min-height:28px;color:var(--green);font-size:13px;font-weight:800}footer{display:flex;justify-content:space-between;padding:25px 0 38px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}:focus-visible{outline:3px solid var(--green);outline-offset:4px}@media(max-width:900px){.hero-main{grid-template-columns:1fr;gap:25px}.hero-aside{max-width:500px}.hobby-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.site-header{top:8px;margin-top:8px}.site-header nav{gap:13px;font-size:12px}.site-header nav a:nth-child(4),.site-header nav a:nth-child(5){display:none}.hero{padding-top:52px}.hero-main{padding-bottom:38px}.hero h1{font-size:clamp(40px,8vw,62px)}.hero-facts{grid-template-columns:1fr}.hero-facts>div{padding:13px 0}.hero-facts>div+div{border-left:0;border-top:1px solid var(--line)}.section{padding-block:65px}.section-heading{align-items:start;flex-direction:column;gap:9px}.about-layout,.experience-layout,.skill-grid,.project-grid{grid-template-columns:1fr}.about-layout{gap:25px}.skill-grid{gap:0}.experience-list article{grid-template-columns:110px 1fr}.project-card{padding:21px}.hobby-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}}@media(max-width:480px){.wrap{width:calc(100% - 32px)}.site-header{width:calc(100% - 20px);padding:0 12px}.site-header nav{gap:10px}.site-header nav a:nth-child(2){display:none}.signature{width:180px}.hero h1{font-size:40px}.hero-desc{font-size:15px}.hero-aside{padding-left:15px}.hobby-grid{gap:10px}.hobby-copy{padding:13px}.hobby-copy h3{font-size:17px}.hobby-copy p{font-size:12px}.experience-list article{grid-template-columns:1fr;gap:3px}.honor-item{grid-template-columns:1fr;gap:2px}.project-top{flex-direction:column;gap:1px}.project-group-heading span{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.skill-item,.skill-number,.project-card,.copy-button{transition:none}}
@media (min-width: 901px) {.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width: 701px) {.section{padding-block:62px}}

/* A quieter introduction: the signature is the visual anchor, not a large topic headline. */
.hero{padding-top:82px;padding-bottom:74px}
.hero-inner{max-width:710px}
.hero-inner .signature{width:220px;max-height:95px;margin:27px 0 18px -13px}
.hero h1{font-size:clamp(30px,3.6vw,46px);line-height:1.3;letter-spacing:-.045em}
.hero-desc{max-width:590px;margin-top:15px;font-size:16px;line-height:1.9}
.hero-actions{margin-top:26px}
.project-card:hover,.project-card:focus-within{background:#f5f0ad;border-color:#e3dd90}
@media(max-width:700px){.hero{padding-top:55px;padding-bottom:58px}.hero-inner .signature{width:185px;max-height:85px;margin-top:22px}.hero h1{font-size:clamp(30px,7vw,38px)}}