:root{--ink:#172032;--muted:#657084;--blue:#2456b9;--line:#dce2ea;--bg:#f4f6f9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif;font-size:15px;line-height:1.8}a{color:inherit}a:focus-visible{outline:3px solid #588cff;outline-offset:4px}.bar{background:#182439;color:#fff}.bar-inner{max-width:1060px;margin:auto;padding:18px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{font-weight:700;letter-spacing:.1em;font-size:13px;text-decoration:none}.brand span{color:#aab9d0;font-weight:400;letter-spacing:0}nav{display:flex;gap:25px}nav a{font-size:13px;color:#e0e7f1;text-decoration:none}nav a:hover{color:#a9c7ff}.resume{max-width:1060px;margin:34px auto 0;background:#fff;padding:0 72px;box-shadow:0 8px 40px #263d5b0a}.intro{display:grid;grid-template-columns:1fr 142px;gap:48px;padding:68px 0 54px;border-bottom:2px solid var(--ink)}.eyebrow,.section-title span{font-size:11px;font-weight:700;color:var(--blue);letter-spacing:.13em}.eyebrow span{color:var(--muted);letter-spacing:0}.intro h1{font-size:44px;line-height:1.2;letter-spacing:.03em;margin:18px 0 7px}.intro h1 span{font-size:21px;color:#8591a3;font-weight:400;margin-left:12px;letter-spacing:0}.role{font-size:17px;font-weight:600;margin:0;color:var(--blue)}.role i{font-style:normal;color:#bdc9d8;padding:0 7px}.summary{max-width:660px;color:#465266;margin:20px 0}.contact-line{display:flex;gap:10px 22px;flex-wrap:wrap;font-size:13px;color:#59687d}.contact-line a{text-decoration:none}.contact-line a:hover,.text-link:hover{text-decoration:underline}.portrait{width:142px;height:176px;object-fit:cover;object-position:center 35%;background:#edf1f5}.section{display:grid;grid-template-columns:200px 1fr;gap:32px;padding:38px 0;border-bottom:1px solid var(--line);scroll-margin-top:24px}.section-title h2{font-size:21px;margin:6px 0 0;line-height:1.4}.section-content p{margin:0;color:#465266}.row,.entry-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.row+.row{margin-top:20px}h3{font-size:16px;line-height:1.5;margin:0;font-weight:700}time{font-size:13px;color:var(--muted);white-space:nowrap}.row p,.position{font-size:14px;color:var(--muted)!important;margin-top:2px!important}.entry+.entry{border-top:1px solid #edf0f4;margin-top:24px;padding-top:24px}.entry ul{padding-left:19px;margin:11px 0 0;color:#465266}.entry li{padding-left:2px;margin:3px 0}.entry>p:not(.position){margin-top:10px}.text-link{display:inline-block;color:var(--blue);font-weight:600;text-decoration:none;font-size:13px;margin-top:13px}.note{font-size:12px;color:#738095!important;line-height:1.7}.skill-list p+p{margin-top:9px}.skill-list strong{display:inline-block;min-width:108px;color:var(--ink);font-size:14px}.closing{display:flex;justify-content:space-between;gap:30px;padding:45px 0 55px}.closing h2{font-size:27px;margin:8px 0 0}.closing>div:last-child{display:flex;flex-direction:column;align-items:flex-start;color:#53637a;font-size:14px}.closing a{color:var(--blue);text-decoration:none}.closing a:hover{text-decoration:underline}footer{max-width:1060px;margin:auto;padding:22px 4px 35px;display:flex;justify-content:space-between;color:#8190a3;font-size:11px;letter-spacing:.05em}@media(max-width:700px){.bar-inner{padding:15px 20px;align-items:flex-start;flex-direction:column;gap:10px}nav{gap:18px;flex-wrap:wrap}.resume{margin:0;padding:0 22px;box-shadow:none}.intro{grid-template-columns:1fr 76px;gap:16px;padding:40px 0 32px}.intro h1{font-size:34px}.intro h1 span{display:block;font-size:17px;margin:7px 0 0}.portrait{width:76px;height:100px}.summary{font-size:14px}.contact-line{gap:4px 15px}.section{grid-template-columns:1fr;gap:16px;padding:30px 0}.section-title h2{font-size:20px}.row,.entry-head{flex-wrap:wrap;gap:4px 12px}.entry-head time,.row time{width:100%}.skill-list strong{display:block}.closing{flex-direction:column;padding:35px 0 42px}footer{padding:20px 22px 30px;gap:15px}}
.motivation strong,.takeaway strong{color:#2456b9;margin-right:8px;font-size:13px}.entry .takeaway{margin-top:14px;padding-left:14px;border-left:2px solid #c8d9f5;color:#526076;font-size:14px}
.entry .takeaway{font-size:13px;color:#788598;border-left:0;padding-left:0;line-height:1.75}
.media-stats{display:flex;gap:30px;margin-top:15px}.media-stats div{display:flex;flex-direction:column;line-height:1.4}.media-stats strong{font-size:20px;color:#172032}.media-stats span{font-size:12px;color:#657084}.entry .media-note{font-size:12px;color:#788598;margin-top:8px}.media-preview img{height:auto;aspect-ratio:490/222;object-fit:cover;object-position:top}.interest-content{display:flex;justify-content:space-between;gap:22px;align-items:start}.interest-photo{width:190px;flex:none;margin:0}.interest-photo img{display:block;width:100%;height:auto}.interest-photo figcaption{font-size:12px;color:#788598;margin-top:5px}@media(max-width:700px){.interest-content{flex-direction:column}.interest-photo{width:min(100%,280px)}}
.entry:has(.resource-card){display:grid;grid-template-columns:minmax(0,1fr) 190px;column-gap:22px;align-items:start}.entry:has(.resource-card) .entry-head,.entry:has(.resource-card) ul{grid-column:1}.entry:has(.resource-card) .resource-card{grid-column:2;grid-row:1 / span 2}.resource-card{background:#f4f7fc;border:1px solid #e0e7f2;padding:15px;display:flex;flex-direction:column;gap:13px;line-height:1.5}.resource-card b,.resource-card small{display:block}.resource-card b{font-size:13px;margin:7px 0}.resource-card small{color:#718099;font-size:11px}.resource-label{font-size:10px;letter-spacing:.06em;color:#2456b9}.resource-card a{font-size:12px;color:#2456b9;text-decoration:none;font-weight:600}.media-entry{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:22px}.media-preview{display:block;color:#2456b9;font-size:12px;text-decoration:none}.media-preview img{width:100%;height:120px;object-fit:cover;object-position:top;display:block;margin-bottom:6px;border:1px solid #e0e7f2}@media(max-width:700px){.entry:has(.resource-card),.media-entry{grid-template-columns:1fr}.entry:has(.resource-card) .resource-card{grid-column:1;grid-row:auto;margin-top:16px}.media-preview{max-width:240px}}

.media-preview img{height:auto;aspect-ratio:490/222;object-fit:cover;object-position:top}
.dashboard-preview{margin-top:18px;border:1px solid #dce2ea;background:#f4f7fc}.dashboard-preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;font-size:12px;color:#526076}.dashboard-preview-head a{color:#2456b9;font-weight:600;text-decoration:none}.dashboard-preview iframe{display:block;width:100%;height:390px;border:0;background:white}@media(max-width:700px){.dashboard-preview iframe{height:320px}}
.portrait-column{min-width:0}.resume-document{margin-top:12px;border:1px solid #dce2ea;background:#f4f7fc;padding:7px}.resume-document span{display:block;font-size:10px;color:#657084;line-height:1.4;margin-bottom:6px}.resume-document iframe{display:block;width:100%;height:145px;border:0;background:white}.resume-document a{display:block;color:#2456b9;font-size:11px;font-weight:600;line-height:1.4;text-decoration:none;margin-top:7px}.resume-document a:hover{text-decoration:underline}@media(max-width:700px){.intro{grid-template-columns:minmax(0,1fr) 112px}.resume-document iframe{height:120px}}@media(max-width:380px){.intro{grid-template-columns:minmax(0,1fr) 92px}.resume-document iframe{height:100px}}
.interest-copy{min-width:0}.interest-tags{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.interest-tags span{padding:3px 10px;background:#f2f5fa;border:1px solid #e0e7f2;color:#385172;font-size:12px}.interest-copy .interest-detail{font-size:13px;color:#788598;line-height:1.7}
.intro .eyebrow{margin-top:0}.portrait-column{padding-top:4px}
.resume-document{width:142px;max-width:100%}@media(max-width:700px){.resume-document{width:76px}}@media(max-width:380px){.resume-document{width:76px}}
.experience-symbol,.experience-logo{display:inline-block;vertical-align:-0.12em;margin-left:3px}.experience-symbol{font-size:1em}.experience-logo{width:1.05em;height:1.05em}.decathlon-logo{color:#3642b8}.apple-logo{color:#252b33}
.resume-document .resume-thumbnail{display:block;margin:0}.resume-thumbnail img{display:block;width:100%;height:auto;aspect-ratio:595.28/841.89;object-fit:contain;background:#fff}.resume-document{width:142px;max-width:100%}@media(max-width:700px){.portrait{width:112px;height:auto;aspect-ratio:142/176}.resume-document{width:112px}}@media(max-width:380px){.portrait,.resume-document{width:92px}}

/* 石墨黑金配色 */
:root{--ink:#242824;--muted:#68695f;--blue:#806116;--line:#e6e3d8;--bg:#f2f1ec}
body{background:var(--bg);color:var(--ink)}.bar{background:#222522;color:#fff}.brand span{color:#d6cda9}nav a{color:#f2f0e8}nav a:hover{color:#e3c477}.resume{background:#fffefa;box-shadow:0 8px 40px #26291f0d}
.intro h1 span{color:#77776b}.role i{color:#c8b883}.summary,.section-content p,.entry ul{color:#44473e}.contact-line,.closing>div:last-child{color:#616358}.portrait{background:#f6f3e9}.entry+.entry{border-color:#eeece3}
.motivation strong,.takeaway strong,.resource-label,.resource-card a,.media-preview,.dashboard-preview-head a,.resume-document a{color:#806116}.entry .takeaway,.interest-copy .interest-detail{color:#6c6d61}.note,.entry .media-note,.interest-photo figcaption{color:#6c6d61!important}.media-stats strong{color:#242824}.media-stats span{color:#68695f}
.resource-card,.dashboard-preview,.resume-document{background:#f6f3e9;border-color:#e6e3d8}.resource-card small,.resume-document span,.dashboard-preview-head{color:#68695f}.media-preview img{border-color:#e6e3d8}.interest-tags span{background:#f6f3e9;border-color:#e6e3d8;color:#5e563b}.apple-logo{color:#242824}footer{color:#77786b}a:focus-visible{outline-color:#806116}
.dashboard-preview{max-width:100%;min-width:0;overflow:hidden}.dashboard-preview iframe{min-width:0;max-width:100%}.pdf-mobile-preview{display:none}.pdf-mobile-preview img{display:block;width:100%;height:auto}
@media(max-width:700px){.dashboard-preview .pdf-embed{display:none}.dashboard-preview .pdf-mobile-preview{display:block;width:100%;background:#fff}.dashboard-preview-head span{min-width:0;overflow-wrap:anywhere}.section-content,.entry{min-width:0}}
@media(max-width:700px){.dashboard-preview .pdf-scroll-hint{margin:0;padding:8px 12px;background:#f6f3e9;color:#68695f;font-size:12px}.pdf-page-scroll{height:380px;max-height:55vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.pdf-page-scroll img{display:block;width:100%;height:auto;margin:0 0 6px}.pdf-page-scroll img:last-child{margin-bottom:0}}


