*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;font-family:Inter,"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;color:#172033;background:#e9e7e1}
body{overflow:hidden}
.resume-page{height:100dvh;padding:14px 18px;display:grid;grid-template-rows:48px minmax(0,1fr) 34px;gap:9px;max-width:1680px;margin:auto}
.masthead,.bottom-nav{display:flex;align-items:center;justify-content:space-between;min-width:0}
.brand{text-decoration:none;color:#172033;display:flex;align-items:baseline;gap:9px}.brand strong{font-size:21px;letter-spacing:.06em}.brand span,.mast-center,.mast-actions a{font-size:12px;letter-spacing:.12em}.mast-center{color:#697184}.mast-actions{display:flex;gap:8px}.mast-actions a{padding:8px 12px;text-decoration:none;color:#172033}.mast-actions .pdf{background:#172033;color:white;border-radius:999px}
.resume-canvas{min-height:0;display:grid;grid-template-columns:minmax(390px,34%) 1fr;border-radius:24px;overflow:hidden;box-shadow:0 20px 55px #1b243218}
.profile-zone{position:relative;overflow:hidden;background:#15213a;color:#f7f5ef;padding:26px 32px 22px;display:grid;grid-template-rows:auto auto auto 1fr;align-content:start;gap:16px;min-height:0}
.profile-zone:before{content:"";position:absolute;width:420px;height:420px;border:1px solid #ffffff12;border-radius:50%;right:-210px;top:-130px;box-shadow:0 0 0 60px #ffffff05,0 0 0 120px #ffffff03}
.profile-copy,.journey,.metrics,.contact-block{position:relative;z-index:2;min-width:0}.micro{margin:0 0 8px;color:#9db1d4;font-size:12px;letter-spacing:.16em;font-weight:700}.profile-copy h1{margin:0;font-size:56px;line-height:.95;letter-spacing:-.04em}.name-line{display:flex;align-items:baseline;gap:13px;margin-top:7px}.name-line strong{font-size:25px}.name-line span{font-size:13px;color:#9eabc2}.profile-copy h2{font-size:19px;line-height:1.35;margin:13px 0 6px;font-weight:700}.profile-copy h2 i{font-style:normal;color:#f09a57;padding:0 3px}.intro{font-size:14px;line-height:1.6;color:#c9d1df;margin:0;max-width:440px}
.journey{border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;padding:11px 0 10px}.journey-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.journey-title span{font-size:11px;letter-spacing:.16em;color:#91a4c5}.journey-title b{font-size:12px;color:#f0a064}.journey-track{display:flex;align-items:center;gap:7px}.journey-track span{font-size:10px;font-weight:800;letter-spacing:.06em;white-space:nowrap}.journey-track i{height:1px;background:#6d7b96;flex:1;position:relative}.journey-track i:after{content:"";position:absolute;right:-1px;top:-2px;width:5px;height:5px;border-radius:50%;background:#f0a064}.journey-cn{margin-top:7px;font-size:12px;color:#aeb9cc;letter-spacing:.03em}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metrics div{border-left:2px solid #f0a064;padding-left:10px}.metrics b{display:block;font-size:30px;line-height:.95}.metrics span{font-size:10px;letter-spacing:.14em;color:#a9b7ce}.metrics small{display:block;font-size:11px;margin-top:4px;color:#d3d9e3}
.contact-block{align-self:end;display:grid;gap:5px;padding-top:4px}.contact-block div{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center}.contact-block span{font-size:10px;letter-spacing:.13em;color:#8295b5}.contact-block b{font-size:13px;font-weight:600;overflow-wrap:anywhere}.profile-watermark{position:absolute;right:-8px;bottom:40px;text-align:right;font-size:60px;font-weight:900;line-height:.75;letter-spacing:-.06em;color:#ffffff035;z-index:1}
.experience-zone{background:#f7f5ef;padding:20px 28px 14px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0}.exp-heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:9px;border-bottom:1px solid #d8d6cf}.section-no{font-size:11px;color:#e47736;font-weight:800}.exp-heading p{margin:1px 0;font-size:10px;letter-spacing:.15em;color:#798090}.exp-heading h3{margin:0;font-size:29px;line-height:1.05;letter-spacing:-.03em}.reading-guide{text-align:right}.reading-guide span{display:block;font-size:9px;letter-spacing:.16em;color:#9298a4}.reading-guide b{display:block;font-size:13px;margin:2px 0}.reading-guide i{font-size:10px;color:#e47736;font-style:normal;letter-spacing:.08em}
.career-line{position:relative;display:grid;grid-template-rows:repeat(5,minmax(0,1fr));min-height:0}.career-line:before{content:"";position:absolute;left:126px;top:0;bottom:0;width:1px;background:#d5d4ce}.career-item{position:relative;min-height:0;display:grid;grid-template-columns:108px 18px minmax(0,1fr) 148px;gap:10px;align-items:center;text-decoration:none;color:#172033;border-bottom:1px solid #e0ded8;padding:3px 8px 3px 0;transition:.18s ease;overflow:visible}.career-item:hover,.career-item:focus{background:#ebeef2;transform:translateX(4px);outline:none}.career-item.featured{background:#f1eee7}.career-item.featured:hover{background:#ebe5da}.career-item time{font-size:14px;line-height:1.1;font-weight:800;color:#5d6472}.dot{width:9px;height:9px;border-radius:50%;background:#f7f5ef;border:2px solid #687287;z-index:2}.active .dot,.featured .dot{background:#e47736;border-color:#e47736;box-shadow:0 0 0 4px #e4773620}.career-copy{min-width:0}.career-copy .label{font-size:9px;line-height:1.1;letter-spacing:.13em;color:#7a8290;font-weight:800}.career-copy strong{display:block;font-size:17px;line-height:1.15;margin:2px 0 2px}.career-copy p{font-size:13px;line-height:1.22;margin:0;color:#5c6472}.evidence{display:flex;gap:5px;margin-top:4px;flex-wrap:wrap}.evidence span{font-size:10px;line-height:1;background:#fff;border:1px solid #d9d4c8;border-radius:999px;padding:3px 7px}.case-cta{justify-self:end;font-size:10px;line-height:1;letter-spacing:.08em;font-weight:800;color:#35435d;border:1px solid #c9cdd4;border-radius:999px;padding:8px 10px;white-space:nowrap}.career-item:hover .case-cta{background:#172033;color:white;border-color:#172033}.case-cta b{color:#e47736;font-size:13px}
.footer-info{display:grid;grid-template-columns:1.15fr .75fr .9fr 1.25fr;border-top:1px solid #d8d6cf;margin-top:5px;min-height:0}.credential{padding:8px 12px 0 0;border-right:1px solid #dedbd4;margin-right:12px;min-width:0}.credential:last-child{border-right:0}.credential span{display:block;font-size:9px;letter-spacing:.13em;color:#888e98}.credential strong{display:block;font-size:13px;line-height:1.2;margin:2px 0}.credential small{font-size:11px;line-height:1.2;color:#676e79}
.bottom-nav{font-size:10px;letter-spacing:.08em;color:#5d6572}.status{display:flex;align-items:center;gap:7px}.pulse{width:7px;height:7px;border-radius:50%;background:#e47736}.nav-hint{font-size:11px}.nav-hint span{color:#e47736;font-size:15px}
@media(max-height:850px) and (min-width:1051px){.resume-page{padding:10px 14px;grid-template-rows:44px minmax(0,1fr) 30px;gap:7px}.profile-zone{padding:20px 28px 16px;gap:12px}.profile-copy h2{margin:10px 0 5px}.intro{line-height:1.45}.journey{padding:8px 0}.journey-title{margin-bottom:6px}.journey-cn{margin-top:5px}.metrics b{font-size:29px}.contact-block{gap:4px}.experience-zone{padding:15px 24px 10px}.exp-heading{padding-bottom:6px}.career-copy strong{margin:1px 0}.evidence{margin-top:3px}.footer-info{margin-top:3px}.credential{padding-top:6px}.profile-watermark{font-size:54px;bottom:28px}}
@media(max-height:760px) and (min-width:1051px){.profile-zone{padding-top:16px;padding-bottom:12px;gap:9px}.micro{margin-bottom:6px}.profile-copy h2{margin:8px 0 4px}.intro{line-height:1.35}.journey{padding:6px 0}.journey-title{margin-bottom:4px}.journey-cn{margin-top:4px}.metrics small{margin-top:2px}.experience-zone{padding-top:11px;padding-bottom:8px}.exp-heading{padding-bottom:5px}.career-item{padding-top:2px;padding-bottom:2px}.career-copy p{line-height:1.12}.evidence span{padding:2px 6px}.case-cta{padding:7px 9px}.footer-info{margin-top:2px}.credential{padding-top:5px}.bottom-nav{font-size:9px}}
@media(max-width:1050px){body{overflow:auto}.resume-page{height:auto;min-height:100vh}.resume-canvas{grid-template-columns:1fr}.profile-zone{min-height:560px}.experience-zone{min-height:720px}.career-item{grid-template-columns:100px 18px 1fr 135px}}
@media(max-width:700px){.resume-page{padding:10px;grid-template-rows:48px auto 36px}.mast-center{display:none}.mast-actions a:first-child{display:none}.resume-canvas{border-radius:17px}.profile-zone{padding:28px 24px;min-height:600px}.profile-copy h1{font-size:48px}.journey-track span{font-size:8px}.experience-zone{padding:24px 18px}.reading-guide{display:none}.career-line:before{left:87px}.career-item{grid-template-columns:75px 16px 1fr;padding:9px 0}.career-item time{font-size:11px}.career-copy strong{font-size:15px}.career-copy p{font-size:11px}.case-cta{grid-column:3;justify-self:start;padding:5px 8px;margin-top:3px}.footer-info{grid-template-columns:1fr 1fr}.credential{padding-bottom:9px}.bottom-nav .nav-hint{display:none}}

/* V9 中文閱讀優化 */
.mast-center,.mast-actions a,.micro,.journey-title span,.journey-track span,.contact-block span,.exp-heading p,.reading-guide span,.reading-guide i,.career-copy .label,.case-cta,.credential span{letter-spacing:.05em}
.case-cta{font-size:11px}.reading-guide i{font-weight:700}.mast-actions a{font-weight:700}.journey-track span{font-size:11px}.contact-block span{font-size:11px}.credential span{font-size:10px}