:root{color:#1f2933;background:#f6f7f2;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}body.modalOpen{overflow:hidden}a{color:inherit}main{width:min(1080px,100% - 32px);margin:0 auto;padding:48px 0}.hero{background:#fff;border:1px solid #a1a993;border-radius:8px;grid-template-columns:1.4fr .6fr;align-items:center;gap:32px;min-height:68vh;padding:48px;display:grid}.eyebrow{color:#53705b;margin:0 0 12px;font-size:14px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:18px;font-size:clamp(40px,8vw,88px);line-height:.95}h2{margin-bottom:16px;font-size:28px}h3{margin-bottom:10px;font-size:20px}.intro{color:#52616b;max-width:620px;font-size:20px;line-height:1.8}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.actions a{color:#fff;background-color:#1f2933;border:1px solid #1f2933;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.fillHover{background-image:linear-gradient(90deg,#c98845,#d9a15d);background-position:0;background-repeat:no-repeat;background-size:0% 100%;transition:background-size .24s,border-color .22s,color .22s,transform .22s;position:relative;overflow:hidden}.fillHover:hover{color:#fff;background-size:100% 100%;border-color:#c98845;transform:translateY(-2px)}.fillHover:focus-visible{outline-offset:3px;outline:3px solid #c9884547}.invertHover{transition:background-color .22s,color .22s,transform .22s}.invertHover:hover{color:#1f2933;background-color:#fff;transform:translateY(-2px)}.invertHover:focus-visible{outline-offset:3px;outline:3px solid #1f293338}.actions .secondaryLink{color:#1f2933;background-color:#fff}.profilePhoto{aspect-ratio:1;color:#1f2933;background:linear-gradient(135deg,#dfe8c8,#f0b36f);border:1px solid #d9decf;border-radius:50%;place-items:center;font-size:clamp(48px,10vw,96px);font-weight:800;display:grid;overflow:hidden}.profileImage{object-fit:cover;width:100%;height:100%;display:block}.section{padding:56px 0 0}.section p{color:#52616b;max-width:760px;font-size:18px;line-height:1.8}.skillList{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.skillList li{cursor:default;background:#fff;border:1px solid #ccd5c1;border-radius:8px;padding:10px 14px;font-weight:700}.projectGrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.projectCard{background:#fff;border:1px solid #d9decf;border-radius:8px;min-height:160px;padding:20px}.liftHover{transition:background .2s,border-color .2s,transform .2s}.liftHover:hover{background:#fff8e8;border-color:#c98845;transform:translateY(-4px)}.projectCard p{margin-bottom:0;font-size:16px}.projectLink{color:#1f2933;border:1px solid #1f2933;border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.projectAction{margin-top:16px}.coffeeSection{background:#fff;border:1px solid #d9decf;border-radius:8px;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:44px;margin-top:64px;padding:28px 40px 28px 28px;display:grid}.coffeeLottie{aspect-ratio:1;background-color:#fffaf0;border:2px solid #c98845;border-radius:50%;place-items:center;width:100%;padding:10px;display:grid;overflow:hidden;transform:translate(30px)}.coffeeLottie>div{width:88%;height:88%}.coffeeText{max-width:720px;padding:0 0 0 67px}.coffeeSection p{color:#52616b;font-size:17px;line-height:1.7}.hintAction{align-items:center;width:fit-content;display:inline-flex;position:relative}.hintBubble{color:#7a4b1d;opacity:0;pointer-events:none;white-space:nowrap;z-index:2;background:#fff8e8;border-radius:8px;padding:7px 10px;font-size:14px;font-weight:700;line-height:1;transition:opacity .18s,transform .18s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.hintAction:hover .hintBubble,.hintAction:focus-within .hintBubble{opacity:1;transition-delay:.42s;transform:translate(6px,-50%)}.coffeeAction{margin-top:10px}.coffeeButton{color:#fff;cursor:pointer;min-height:44px;font:inherit;background-color:#2a211c;border:1px solid #2a211c;border-radius:8px;justify-content:center;align-items:center;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.qrModalBackdrop{z-index:20;background:#1f29338a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.qrModal{background:#fff;border:1px solid #d9decf;border-radius:8px;width:min(420px,100%);padding:28px;position:relative;box-shadow:0 24px 70px #1f293338}.qrModal h3{margin-bottom:18px}.qrModalClose{color:#1f2933;cursor:pointer;background:#fff;border:1px solid #d9decf;border-radius:50%;place-items:center;width:36px;height:36px;font-size:24px;line-height:1;display:grid;position:absolute;top:12px;right:12px}.qrModalClose:hover{background:#fff8e8;border-color:#c98845}.qrImageFrame{aspect-ratio:1;background:#f6f7f2;border:1px solid #d9decf;border-radius:8px;place-items:center;padding:14px;display:grid}.qrImageFrame img{object-fit:contain;width:100%;height:100%}.qrModalNote{color:#52616b;margin:16px 0 0;font-size:15px;line-height:1.6}@media (max-width:760px){main{width:min(100% - 24px,1080px);padding:24px 0}.hero{grid-template-columns:1fr;padding:28px}.profilePhoto{justify-self:center;width:min(260px,100%)}.projectGrid,.coffeeSection{grid-template-columns:1fr}.coffeeLottie{width:min(180px,100%);transform:none}.coffeeText{padding-left:0}.qrModal{padding:22px}}