/* 整体采用白底、深色正文和少量绿色链接。把阅读与真实项目照片放在第一位。 */
:root{--ink:#202725;--muted:#59625e;--line:#dfe4e0;--green:#245844;--paper:#fff;--soft:#f6f8f6;--max:1120px;--font:"Segoe UI","Microsoft YaHei","PingFang SC",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #6a9e79;outline-offset:3px}img,video{max-width:100%}h1,h2,h3,h4,p,figure{margin-top:0}h1,h2,h3,h4{line-height:1.4}p{overflow-wrap:anywhere}.skip-link{position:absolute;top:-60px;left:16px;padding:8px 12px;background:white;z-index:10}.skip-link:focus{top:8px}
.site-header,.hero,.section,.site-footer{max-width:var(--max);margin-left:auto;margin-right:auto}.site-header{min-height:72px;padding:14px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;font-weight:700;font-size:19px;white-space:nowrap}.brand span{font-size:13px;color:var(--muted);font-weight:400}.site-header nav{display:flex;flex-wrap:wrap;gap:28px}.site-header nav a{text-decoration:none;font-size:14px;color:#3d4943}.site-header nav a:hover,.primary-link:hover,.project-link:hover{color:#107247}
/* 首屏控制在适中高度，姓名、岗位和实物照片直接出现。 */
.hero{padding:58px 0 64px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:52px;border-bottom:1px solid var(--line)}.hero-kicker{font-size:14px;color:var(--muted);margin-bottom:13px}.hero h1{font-size:clamp(34px,3.4vw,46px);font-weight:650;letter-spacing:-1px;margin-bottom:17px}.hero-description{font-size:17px;line-height:1.9;margin-bottom:22px;max-width:590px}.hero-contact{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 20px}.hero-contact span{color:var(--ink);font-weight:600;user-select:text;overflow-wrap:anywhere}.primary-link{display:inline-flex;align-items:center;gap:20px;color:var(--green);font-size:15px;font-weight:700;text-underline-offset:5px}.hero-photo{margin:0}.hero-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:4px;background:var(--soft)}.hero-photo figcaption{font-size:12px;color:var(--muted);margin-top:8px}
.section{padding:62px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:26px}.section-heading h2{font-size:28px;font-weight:650;margin:0}.section-heading p{font-size:14px;color:var(--muted);margin:0}
/* 项目卡片以实物图与一段直接说明为核心；技术标签只作检索辅助。 */
.featured-project{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:5px;overflow:hidden}.featured-cover{grid-column:1/-1;display:block;background:var(--soft)}.featured-cover img{display:block;width:100%;max-height:400px;object-fit:contain}.feature-summary,.feature-facts{padding:28px 32px}.feature-facts{border-left:1px solid var(--line);background:var(--soft)}.project-number{font-size:13px;color:var(--muted);margin:0 0 13px}.feature-summary h3{font-size:28px;margin:0 0 2px}.feature-summary .project-subtitle{font-size:15px;color:var(--muted);margin-bottom:16px}.feature-summary>p:not(.project-number):not(.project-subtitle){font-size:15px;margin-bottom:18px}.feature-facts h4{font-size:16px;margin:0 0 10px}.feature-facts ul{padding-left:20px;margin:0;font-size:14px;line-height:1.85;color:#46514a}.feature-facts li+li{margin-top:9px}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{font-size:12px;line-height:1.5;color:#4c5b51;background:#edf2ed;border-radius:3px;padding:4px 8px}.project-link{display:inline-flex;justify-content:space-between;gap:20px;margin-top:20px;color:var(--green);font-size:14px;font-weight:700;text-underline-offset:4px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-top:16px}.project-card{display:flex;flex-direction:column;align-items:flex-start;padding:26px 0 24px;border-bottom:1px solid var(--line)}.project-cover{display:block;width:100%;background:var(--soft);border-radius:4px;overflow:hidden;margin-bottom:18px}.project-cover img{display:block;width:100%;height:235px;object-fit:contain}.project-card h3{font-size:21px;margin:0 0 2px}.project-subtitle{color:var(--muted);font-size:14px;margin:0}.project-description{font-size:15px;margin:15px 0 16px}.project-card .tags{margin-top:auto}.project-card .project-link{width:100%}
/* 工程能力只列具体工作；个人信息使用便于扫描的两列。 */
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.work-grid h3{font-size:17px;margin-bottom:7px}.work-grid p{font-size:14px;color:var(--muted);margin:0}.about-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px}.about-section h2{font-size:28px}.about-summary{max-width:380px;font-size:15px;color:var(--muted)}.profile-row{display:grid;grid-template-columns:100px 1fr;gap:12px;border-bottom:1px solid var(--line);padding:10px 0;font-size:14px}.profile-label{color:var(--muted)}.contact-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:19px}.contact-links a{font-size:14px;color:var(--green)}
/* 原生 details 保留浏览器默认可访问语义。提示文字与展开状态同步。 */
.case-detail{border-bottom:1px solid var(--line);scroll-margin-top:26px}.case-detail summary{display:flex;gap:18px;align-items:center;padding:17px 0;cursor:pointer;list-style:none}.case-detail summary::-webkit-details-marker{display:none}.case-detail summary:after{content:"点击展开  +";font-size:14px;font-weight:700;color:var(--green);margin-left:auto;white-space:nowrap}.case-detail[open] summary:after{content:"点击收起  −"}.case-num{color:var(--muted);font-size:13px}.case-name{font-size:18px;font-weight:650}.case-type{font-size:14px;color:var(--muted);font-weight:400;margin-left:16px}.case-content{padding:4px 0 32px 40px}.case-intro{max-width:880px;font-size:15px;margin-bottom:25px}.case-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.case-columns h4{font-size:15px;margin-bottom:10px}.case-columns ul{font-size:14px;color:#46514a;margin:0;padding-left:20px}.case-columns li+li{margin-top:8px}.case-note{font-size:13px;color:var(--muted);background:var(--soft);padding:12px 14px;margin:22px 0 0;border-left:2px solid #a9c2aa}
/* 媒体完整显示，不裁剪板卡和接线端子。视频由访客主动点击加载。 */
.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.project-media{margin:0;min-width:0}.project-media a{display:block}.project-media img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;background:var(--soft);border:1px solid var(--line);border-radius:4px}.project-media figcaption,.video-transcript{font-size:13px;color:var(--muted);margin-top:7px}.project-video{grid-column:1/-1}.project-video video{display:block;width:100%;max-height:600px;aspect-ratio:16/9;object-fit:contain;background:#141c17;border-radius:4px}.media-lightbox{max-width:94vw;max-height:92vh;border:0;padding:46px 18px 18px;border-radius:5px}.media-lightbox::backdrop{background:#101914df}.media-lightbox figure{margin:0}.media-lightbox img{display:block;max-width:88vw;max-height:75vh;object-fit:contain;margin:auto}.media-lightbox figcaption{text-align:center;font-size:14px;margin-top:8px}.lightbox-close{position:absolute;top:8px;right:12px;border:0;background:none;padding:7px;font:14px var(--font);cursor:pointer}
/* 页脚在宽屏保持三项分列，在窄屏允许换行，备案号始终可见且可点击查询。 */
.site-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;padding:25px 0 36px;font-size:13px;color:var(--muted)}.site-footer a{color:var(--green)}.site-footer .icp-record{white-space:nowrap}
/* 版心和列数按可用空间变化；邮箱、说明和媒体都能在手机宽度换行。 */
@media(max-width:1200px){.site-header,.hero,.section,.site-footer{margin-left:30px;margin-right:30px}}
@media(max-width:760px){.site-header,.hero,.section,.site-footer{margin-left:20px;margin-right:20px}.site-header{display:block;min-height:0}.site-header nav{gap:20px;margin-top:10px}.hero{grid-template-columns:1fr;gap:24px;padding:37px 0 40px}.hero h1{font-size:35px}.hero-description{font-size:16px}.hero-photo{max-width:600px}.section{padding:44px 0}.section-heading{display:block}.section-heading h2,.about-section h2{font-size:25px}.section-heading p{margin-top:7px}.featured-project{grid-template-columns:1fr}.feature-summary,.feature-facts{padding:23px}.feature-facts{border-left:0;border-top:1px solid var(--line)}.project-grid{gap:0 20px}.project-cover img{height:210px}.work-grid{grid-template-columns:1fr;gap:20px}.about-section{grid-template-columns:1fr;gap:18px}.case-columns{grid-template-columns:1fr;gap:22px}.case-content{padding-left:0}.project-gallery{grid-template-columns:1fr}.case-detail summary{gap:12px}.case-name{font-size:16px}.case-type{display:block;margin:2px 0 0;font-size:13px}}
@media(max-width:520px){.site-header nav{gap:15px}.site-header nav a{font-size:13px}.project-grid{grid-template-columns:1fr}.project-cover img{height:230px}.profile-row{grid-template-columns:90px 1fr}.case-detail summary:after{font-size:12px}.hero h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{font-size:11pt}.site-header nav,.primary-link,.project-link,.lightbox-close{display:none}.site-header,.hero,.section,.site-footer{margin-left:0;margin-right:0}.hero,.featured-project{break-inside:avoid}.case-detail{break-inside:avoid}.case-section{break-before:page}.project-gallery{grid-template-columns:repeat(2,1fr)}.project-video{display:none}}
/* 个人简介现在是页面首个主标题。技术详情编号加粗、加深，方便逐项扫描。 */
.about-section h1{font-size:28px;font-weight:650;margin:0 0 18px}
.case-num{font-size:15px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
@media(max-width:760px){.about-section h1{font-size:25px}}
/* 个人简介从空白的左右分栏改为整行标题、六项资料和独立邮箱行。
 * 资料项保留原有文字及顺序；只改变排列。窄屏依次收为两列、单列。
 */
.about-section{display:block}
.about-section h1{margin:0 0 18px}
.profile-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px}
.profile-details .profile-row{display:block;min-width:0;padding:14px 0 16px;border-top:1px solid var(--line);border-bottom:0;font-size:15px;line-height:1.7}
.profile-details .profile-label{display:block;margin-bottom:5px;font-size:13px;color:var(--muted)}
.profile-details .profile-row>span:last-child{display:block;overflow-wrap:anywhere}
.about-section .contact-links{display:flex;align-items:baseline;gap:22px;margin-top:7px;padding-top:15px;border-top:1px solid var(--line)}
.contact-label{font-size:13px;color:var(--muted)}
.about-section .contact-links a{font-size:15px;font-weight:600;overflow-wrap:anywhere}
@media(max-width:900px){.profile-details{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.profile-details{grid-template-columns:1fr}.about-section .contact-links{display:block}.contact-label{display:block;margin-bottom:5px}}

/* 手机端把站点名称和导航分成两行；三个导航项等宽排列，避免换行后错位。 */
@media(max-width:760px){
  .site-header{padding:12px 0 0}
  .site-header .brand{display:block;line-height:1.4}
  .site-header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;margin-top:12px;border-top:1px solid var(--line)}
  .site-header nav a{display:block;padding:10px 2px;text-align:center;white-space:nowrap;line-height:1.4}
}