@charset "UTF-8";
:root{--bg:#f7f5ee;--ink:#373c30;--muted:#797e6e;--green:#637357;--light-green:#a8b297;--line:#dedfd2;--serif:"STKaiti","KaiTi","Kaiti SC","Noto Serif SC","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#b5bba8 var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:6px}::selection{background:#d7dfc6}.skip-link{position:fixed;z-index:100;left:20px;top:-70px;padding:14px;background:white}.skip-link:focus{top:20px}
.site-header{height:98px;position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 6.8%;background:linear-gradient(var(--bg) 5%,#f7f5eee6 65%,#f7f5ee00);pointer-events:none}.site-header>*{pointer-events:auto}.brand{display:flex;gap:11px;align-items:center;font-size:25px;font-weight:600;letter-spacing:1px}.brand-symbol{display:grid;place-items:center;width:33px;height:37px;border:1.5px solid #7c896d;border-radius:3px 6px 2px 5px;transform:rotate(-5deg);font:27px var(--serif);color:var(--green)}.brand-cv{font:italic 29px Georgia,serif;letter-spacing:-1px;margin-left:3px}.site-header nav{display:flex;gap:34px;position:absolute;left:50%;transform:translateX(-50%)}.nav-link{font-size:13px;color:#888c7e;padding:10px 0;position:relative}.nav-link:after{content:"";position:absolute;bottom:1px;left:50%;height:3px;width:3px;border-radius:50%;background:var(--green);opacity:0}.nav-link.is-active{color:var(--ink)}.nav-link.is-active:after{opacity:1}.preview-label{font-size:10px;letter-spacing:1.2px;color:#8c907f;display:flex;align-items:center;gap:7px}.preview-label i{height:5px;width:5px;border-radius:50%;background:#97a289}
.journey{height:560svh;position:relative}.stage{height:100svh;min-height:540px;position:sticky;top:0;overflow:hidden;isolation:isolate}.ambient{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 75% 51%,#eeecd961,transparent 64%)}.art-scene{position:absolute;aspect-ratio:1672/941;z-index:-1;transform-origin:center;mask-image:linear-gradient(90deg,transparent 0%,#0009 9%,black 21%),linear-gradient(0deg,transparent,black 12%,black 88%,transparent);mask-composite:intersect}.art-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.desk-empty{opacity:0}.hero-copy,.editor-copy{position:absolute;left:7.2%;top:48%;transform:translateY(-50%);width:40%;z-index:5}.eyebrow{display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:2px;color:var(--green);margin-bottom:26px}.eyebrow>span{display:inline-block;width:24px;height:1px;background:#9da78e}h1,h2,p{margin:0}h1{font-family:var(--serif);font-size:clamp(46px,4.45vw,76px);font-weight:500;line-height:1.35;letter-spacing:-2px}.ink-emphasis{position:relative;color:#647753;white-space:nowrap}.ink-emphasis svg{position:absolute;left:0;bottom:-9px;width:100%;height:15px;stroke:#a8b390;stroke-width:2;fill:none;opacity:.65}.hero-description{font-size:15px;line-height:1.85;color:#767c6e;margin-top:29px;letter-spacing:.5px}.primary-button{margin-top:34px;display:inline-flex;align-items:center;justify-content:space-between;gap:43px;background:#5e6f51;color:#fffef7;border:1px solid #5e6f51;border-radius:3px 6px 3px 5px;padding:17px 23px;font-size:13px;transition:background .2s,transform .2s;box-shadow:0 3px 0 #42523612}.primary-button:hover{background:#4f6044;transform:translateY(-2px)}.primary-button>span{font-size:20px;font-family:serif;line-height:1}.hero-footnote{display:flex;align-items:center;gap:8px;margin-top:22px;font-size:10px;color:#929685;letter-spacing:.7px}.tiny-paper{width:10px;height:12px;border:1px solid #a0a58f;display:inline-block;transform:rotate(-7deg);position:relative}.tiny-paper:before,.tiny-paper:after{content:"";position:absolute;left:2px;right:2px;top:3px;height:1px;background:#a0a58f}.tiny-paper:after{top:6px}
.editor-copy{opacity:0;top:49%;width:37%;will-change:transform,opacity}.editor-copy h2{font-family:var(--serif);font-size:clamp(38px,3.25vw,58px);font-weight:500;line-height:1.42;letter-spacing:-1.7px}.editor-description{font-size:15px;line-height:1.9;color:var(--muted);margin-top:20px;letter-spacing:.4px}.writing-steps{list-style:none;margin:30px 0 0;padding:0;max-width:355px}.writing-steps li{display:flex;gap:17px;padding:16px 0;border-top:1px solid #dcded166;color:#a6aa9c;transition:color .25s}.step-number{font:italic 16px Georgia,serif;padding-top:2px;opacity:.65}.writing-steps strong{font-size:14px;font-weight:500;letter-spacing:.6px}.writing-steps p{font-size:12.5px;line-height:1.7;margin-top:5px;opacity:0;max-height:0;overflow:hidden;transition:opacity .3s,max-height .3s}.writing-steps .active{color:var(--green)}.writing-steps .active p{opacity:1;max-height:30px}.writing-steps .complete{color:#7d8671}.step-tick{margin-left:auto;font-size:13px;opacity:0}.complete .step-tick{opacity:1}.editor-actions{display:flex;gap:25px;margin-top:22px}.text-button{padding:4px 0;border:0;background:none;font-size:11px;color:var(--green);border-bottom:1px solid #b5bea6}.text-button>span{padding-left:5px}.compare-button{opacity:0;pointer-events:none;transition:opacity .2s}.compare-button.available{opacity:1;pointer-events:auto}.sample-note{font-size:9px;letter-spacing:.7px;color:#a1a491;margin-top:22px}
.paper{width:532px;height:739px;position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform,opacity;opacity:0;z-index:2;filter:drop-shadow(3px 14px 12px #655d3c19)}.paper>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.paper-filled{z-index:2}.resume-content{position:absolute;inset:0;z-index:3;color:#5f6756;font-family:var(--serif);font-size:13.5px;line-height:1.7;letter-spacing:.1px}.resume-identity{position:absolute;top:16.7%;left:12.5%;width:76%;text-align:center}.resume-identity>strong{font-size:21px;font-weight:600;letter-spacing:5px;display:inline-block;margin-right:15px;color:#454f3d}.resume-identity>span{font-size:13px}.resume-identity p{font:10.5px/1.8 var(--sans);color:#929781;margin-top:7px;letter-spacing:.2px}.resume-identity b{font-weight:400;margin:0 9px}.work-content{position:absolute;top:29.2%;left:12.5%;width:75.5%}.resume-job{margin-bottom:11px}.resume-job h3{margin:0;color:#526047;font:600 16px/1.6 var(--serif)}.resume-job h3 span{font-size:13px;font-weight:400;margin-left:20px}.resume-job time{font:9.5px/1.4 var(--sans);letter-spacing:.5px;color:#929881}.experience-line{position:relative;display:flex;padding-left:13px;margin-bottom:10px;line-height:1.8}.bullet{position:absolute;left:0;top:-2px;font-size:19px;color:#8d9c7b}.edit-target{min-height:49px;margin-bottom:9px;transition:color .2s}.edit-target p{position:relative;width:100%}.original-sentence,.revised-sentence{display:block}.revised-sentence{position:absolute;inset:0 auto auto 0;opacity:0}.edit-target:before{content:"";position:absolute;inset:0 -3px -1px 9px;background:linear-gradient(175deg,#d6dfab99,#dbe3c466);border-bottom:1px solid #8e9e7299;transform:scaleX(var(--highlight,0));transform-origin:left center;border-radius:2px 5px 2px 3px}.edit-target.is-revised{color:#405b32}.second-job{margin-top:19px}.education-content{position:absolute;top:68.3%;left:12.5%;width:75.5%;font-size:13.5px}.education-content>div{display:flex;justify-content:space-between}.education-content strong{font-size:15px;font-weight:500}.education-content time{font:10px var(--sans);color:#929881}.education-content p{margin-top:6px}.skills-content{position:absolute;top:83.3%;left:12.5%;width:76%;display:grid;grid-template-columns:repeat(3,1fr);gap:13px 7px;font-size:13px}.skills-content span:before{content:"·";color:#8d9c7b;margin-right:6px}.ink-line{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(3px);will-change:opacity,clip-path}.editing-caret{position:absolute;left:11px;top:3px;bottom:4px;width:1px;background:#60784b;opacity:0}.pencil-mark{position:absolute;top:36.5%;left:90%;width:22px;height:22px;transform:rotate(10deg);opacity:0}.pencil-mark svg{stroke:#6d805a;stroke-width:1.4;fill:#e2e7d3}
.margin-note{position:absolute;z-index:4;width:145px;opacity:0;pointer-events:none;color:#7c886a;transform:rotate(-5deg);font-family:var(--serif)}.note-caption{font:9px var(--sans);letter-spacing:2px;color:#a2aa92}.margin-note p{font-size:19px;line-height:1.6;margin-top:10px}.note-revised{position:absolute;top:20px;left:0;opacity:0}.margin-note svg{width:100px;height:42px;stroke:#a3ae8b;stroke-width:1.2;fill:none;margin-left:35px;margin-top:2px}.paper-status{position:absolute;display:flex;align-items:center;justify-content:center;gap:7px;opacity:0;color:#89947c;font-size:10px;letter-spacing:1px}.status-dot{width:4px;height:4px;background:#8d9e79;border-radius:50%}.stage-bottom{position:absolute;bottom:33px;left:7.2%;right:6.8%;display:flex;justify-content:space-between;align-items:center;z-index:7}.scroll-cue{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.3px;color:#8e9481}.mouse{width:13px;height:19px;border:1px solid #9fa78e;border-radius:8px;display:inline-block;position:relative}.mouse i{position:absolute;left:5px;top:4px;height:4px;width:1px;background:#8e997a;animation:scroll-hint 2s infinite}.chapter-indicator{display:flex;align-items:center;gap:11px;font:11px Georgia,serif;color:#9ca38e}.chapter-current{color:#4e6044}.chapter-line{width:96px;height:1px;background:#cfd4c4}.chapter-line i{display:block;background:#647753;height:1px;width:0}.preview-end{padding:64px 25px 35px;text-align:center;border-top:1px solid #e0e2d5;background:#f1f1e7}.end-flower{display:block;font:27px Georgia,serif;color:#8b9878;margin-bottom:18px}.preview-end p{font:24px var(--serif);color:#717c60}.preview-end>div{display:flex;justify-content:center;gap:30px;margin:24px 0 38px;font-size:11px;color:#7b896c}.preview-end button{padding:0;background:none;border:0;font-size:inherit}.preview-end small{font-size:9px;letter-spacing:2px;color:#a0a68f}.noscript-note{padding:30px;text-align:center}.reduced-motion .journey{height:220svh}.reduced-motion *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
@keyframes scroll-hint{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(4px);opacity:1}}
@media(min-width:1700px){.hero-copy{left:9%}.editor-copy{left:9%}.site-header{padding-inline:8.6%}.stage-bottom{left:9%;right:8.6%}}
@media(max-height:740px) and (min-width:761px){.site-header{height:77px}.eyebrow{margin-bottom:17px}.hero-description{margin-top:22px}.primary-button{margin-top:24px;padding:14px 20px}.editor-copy h2{font-size:40px}.editor-description{margin-top:15px}.writing-steps{margin-top:18px}.writing-steps li{padding:12px 0}.editor-actions{margin-top:12px}.sample-note{margin-top:15px}.stage-bottom{bottom:22px}}
@media(max-width:1000px) and (min-width:761px){.hero-copy,.editor-copy{left:5%;width:43%}h1{font-size:46px}.editor-copy h2{font-size:36px}.margin-note{display:none}.site-header{padding:0 5%}.preview-label{font-size:9px}.stage-bottom{left:5%;right:5%}.writing-steps{max-width:300px}}
@media(max-width:760px){.site-header{height:72px;padding:0 6%}.brand{font-size:21px;gap:8px}.brand-symbol{width:27px;height:31px;font-size:23px}.brand-cv{font-size:25px}.site-header nav{left:auto;right:6%;transform:none;gap:21px}.nav-link{font-size:11px}.preview-label{display:none}.journey{height:570svh}.stage{min-height:640px}.hero-copy{left:8%;top:116px;transform:none;width:90%}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:17px;gap:8px}.eyebrow>span{width:18px}h1{font-size:43px;line-height:1.3;letter-spacing:-1.2px}.hero-description{font-size:11px;line-height:1.9;margin-top:21px;letter-spacing:.3px}.primary-button{padding:12px 17px;font-size:11px;margin-top:19px;gap:26px}.primary-button>span{font-size:17px}.hero-footnote{display:none}.art-scene{mask-image:linear-gradient(90deg,transparent,black 18%,black 90%,transparent),linear-gradient(0deg,transparent,black 12%,black 88%,transparent)}.editor-copy{top:88px;left:8%;transform:none;width:88%}.editor-copy .eyebrow{margin-bottom:12px}.editor-copy h2{font-size:31px;line-height:1.25;letter-spacing:-1px}.editor-copy h2 br{display:none}.editor-description{font-size:11px;line-height:1.8;margin-top:14px}.editor-description br{display:none}.writing-steps{display:flex;max-width:none;gap:20px;margin-top:19px}.writing-steps li{padding:8px 0;gap:6px;border-top:1px solid #ccd1bf;flex:1;align-items:center}.writing-steps strong{font-size:10px;letter-spacing:0}.writing-steps p,.step-tick{display:none!important}.step-number{font-size:12px;padding:0}.writing-steps li:nth-child(1) strong{font-size:0}.writing-steps li:nth-child(1) strong:after{content:"写下经历";font-size:10px}.writing-steps li:nth-child(2) strong{font-size:0}.writing-steps li:nth-child(2) strong:after{content:"标出重点";font-size:10px}.writing-steps li:nth-child(3) strong{font-size:0}.writing-steps li:nth-child(3) strong:after{content:"修改表达";font-size:10px}.editor-actions{position:absolute;right:0;top:170px;gap:18px;margin:0}.text-button{font-size:9px}.sample-note{font-size:8px;margin-top:14px;letter-spacing:0}.margin-note{display:none}.paper-status{font-size:9px}.stage-bottom{left:8%;right:7%;bottom:20px}.scroll-cue{font-size:8px;letter-spacing:.6px;gap:6px}.mouse{width:11px;height:16px}.mouse i{left:4px}.chapter-line{width:52px}.chapter-indicator{font-size:10px;gap:7px}.preview-end p{font-size:20px}.preview-end{padding-top:45px}}
@media(max-width:760px) and (max-height:740px){.hero-copy{top:94px}h1{font-size:36px}.hero-description{margin-top:14px}.primary-button{margin-top:14px;padding:10px 16px}.editor-copy{top:80px}.editor-copy h2{font-size:27px}.editor-description{margin-top:10px}.writing-steps{margin-top:12px}.sample-note{margin-top:10px}.editor-actions{top:149px}.stage-bottom{bottom:14px}.scroll-cue{font-size:7px}.paper-status{display:none}}
/* Keep the two supplied sheets aligned, while their printed details dissolve. */
.paper>.paper-filled{position:absolute;width:104.4%;height:100.65%;left:-2.33%;top:-.63%;pointer-events:none}
.resume-identity{top:15.2%}
.resume-content{font-size:15px}
.resume-job{margin-bottom:7px}
.resume-job h3{line-height:1.4}
.resume-job time{display:block;line-height:1.5;margin-top:3px}
.experience-line{margin-bottom:8px;line-height:1.65}
.edit-target{min-height:50px;margin-bottom:8px}
.second-job{margin-top:14px}
.margin-note{width:160px}
.margin-note p{font-size:18px;line-height:1.65;letter-spacing:-.8px}
.mobile-edit-detail{display:none}
@media(max-width:760px){
 .mobile-edit-detail{display:block;position:absolute;left:8%;right:8%;bottom:66px;padding:15px 18px 13px;background:#fbfaf2f5;border:1px solid #d9dfc9;border-radius:3px;box-shadow:0 6px 25px #4c5a3914;z-index:6;pointer-events:none;opacity:0}
 .mobile-detail-label{font-size:9px;letter-spacing:1px;color:#859373}
 .mobile-detail-sentence{font-size:13px;line-height:1.9;margin-top:8px;color:#526446}
 .mobile-detail-hint{display:block;font-size:8px;letter-spacing:.3px;margin-top:9px;color:#9aa38c}
}
.edit-target:before{opacity:var(--highlight-alpha,1)}
@media(max-width:760px){
 .editor-copy h2{font-size:29px}
 .editor-copy h2 br{display:block}
 .editor-description{font-size:11px;line-height:1.7;margin-top:12px}
 .desktop-description{display:none}
 .writing-steps{margin-top:14px}
 .editor-actions{top:187px}
 .sample-note{font-size:0}
 .sample-note:after{content:'虚构经历 · 效果演示';font-size:8px}
}
@media(max-width:760px) and (max-height:740px){
 .editor-copy h2{font-size:26px}
 .editor-description{margin-top:10px}
 .writing-steps{margin-top:12px}
 .editor-actions{top:174px}
}