:root{--c-bg: #f6f7f2;--c-bg-soft: #e8ebe0;--c-card: #ffffff;--c-border: #dce0d5;--c-primary: #8a9a78;--c-primary-dark: #6b7d58;--c-primary-light: #a8b89a;--c-orange: #e0a06a;--c-orange-light: #f0c89c;--c-accent: #c9d4bc;--c-cream: #eef1e6;--c-text: #2f332a;--c-text-mid: #5c6356;--c-text-soft: #8b9282;--shadow-sm: 0 4px 12px rgba(138, 154, 120, .1);--shadow-md: 0 12px 32px rgba(138, 154, 120, .14);--shadow-lg: 0 24px 60px rgba(138, 154, 120, .18);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--container: 1680px;--space-section: 90px;--font-cn: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--font-en: "Inter", "Helvetica Neue", system-ui, sans-serif;--font-serif: "Cormorant Garamond", "Source Han Serif SC", "Songti SC", Georgia, serif}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-cn);color:var(--c-text);background:var(--c-bg);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.01em}p{margin:0}ul{margin:0;padding:0;list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.app{position:relative;min-height:100vh;isolation:isolate}.bg-blob{position:fixed;z-index:-1;border-radius:50%;filter:blur(90px);opacity:.55;pointer-events:none}.bg-blob--peach{width:520px;height:520px;top:-180px;right:-160px;background:radial-gradient(circle,#c9d4bc 0%,transparent 70%)}.bg-blob--apricot{width:460px;height:460px;bottom:-120px;left:-140px;background:radial-gradient(circle,#f3d9bf 0%,transparent 70%)}.section,.hero,.footer{width:100%}.section,.hero__inner{max-width:var(--container);margin:0 auto;padding:0 32px}.section{padding-top:var(--space-section);padding-bottom:var(--space-section);position:relative}.section__header{margin-bottom:56px;text-align:left}.section__kicker{display:inline-block;font-size:12px;letter-spacing:.2em;color:var(--c-primary-dark);background:var(--c-cream);padding:6px 14px;border-radius:999px;margin-bottom:16px;text-transform:uppercase}.section__title{font-family:var(--font-serif);font-size:clamp(32px,4.2vw,52px);font-weight:600;color:var(--c-text);display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.section__title-sub{font-size:.5em;color:var(--c-text-soft);font-weight:500;letter-spacing:.05em}.nav{position:sticky;top:16px;z-index:50;width:calc(100% - 32px);margin:16px auto 0;max-width:var(--container)}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 14px 12px 18px;background:#ffffffc7;backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border:1px solid rgba(200,212,188,.6);border-radius:999px;box-shadow:var(--shadow-sm)}.nav__brand{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 4px}.nav__logo{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--c-primary-light),var(--c-orange));color:#fff;display:grid;place-items:center;font-weight:700;font-family:var(--font-serif);font-size:20px;box-shadow:0 4px 12px #8a9a7859}.nav__brand-text{display:flex;flex-direction:column;line-height:1.1}.nav__brand-text strong{font-size:14px;letter-spacing:.18em;color:var(--c-text)}.nav__brand-text small{font-size:10px;color:var(--c-text-soft);letter-spacing:.1em}.nav__links{display:flex;gap:4px}.nav__link{padding:8px 16px;border-radius:999px;font-size:14px;color:var(--c-text-mid);transition:all .2s ease}.nav__link:hover{color:var(--c-primary-dark);background:var(--c-cream)}.lang-toggle{position:relative;display:inline-flex;align-items:center;padding:4px;background:var(--c-cream);border-radius:999px;gap:2px}.lang-toggle__pill{position:relative;z-index:1;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--c-text-mid);transition:color .25s ease;min-width:38px;text-align:center}.lang-toggle__pill.is-active{color:#fff}.lang-toggle:before{content:"";position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:linear-gradient(135deg,var(--c-primary-light),var(--c-orange));border-radius:999px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 10px #8a9a7859}.lang-toggle[data-lang=en]:before{transform:translate(100%)}.nav__actions{display:flex;align-items:center;gap:8px}.hero{padding:80px 0 60px;position:relative}.hero__inner{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}.hero__tag{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#fffc;border:1px solid var(--c-border);border-radius:999px;font-size:13px;color:var(--c-text-mid);margin-bottom:24px}.hero__tag-dot{width:8px;height:8px;border-radius:50%;background:var(--c-primary);box-shadow:0 0 0 4px #8a9a7840}.hero__title{font-family:var(--font-serif);font-size:clamp(40px,5.4vw,76px);line-height:1.05;color:var(--c-text);margin-bottom:18px;display:flex;flex-direction:column;gap:4px}.hero__name{display:inline-flex;align-items:center;gap:12px;position:relative;flex-wrap:wrap}.hero__name-text{position:relative;display:inline-block;background:linear-gradient(120deg,var(--c-primary) 0%,var(--c-orange) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--c-primary)}.hero__name-pre{color:var(--c-text)}.hero__cloud{position:absolute;top:-32px;left:-8px;width:110%;height:110%;z-index:-1;pointer-events:none}.hero__subtitle{font-size:18px;color:var(--c-text-mid);margin-bottom:28px;font-weight:500}.hero__subtitle-en{color:var(--c-text-soft);font-weight:400}.hero__quote{background:var(--c-cream);border-left:3px solid var(--c-primary);padding:14px 18px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:24px;max-width:520px}.hero__quote-label{font-size:12px;letter-spacing:.16em;color:var(--c-primary-dark);margin-bottom:4px;text-transform:uppercase}.hero__quote-text{font-size:15px;color:var(--c-text);font-weight:500}.hero__desc{font-size:16px;color:var(--c-text-mid);line-height:1.8;max-width:640px;margin-bottom:24px}.about__lead{font-size:19px}.hero__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.chip{padding:7px 14px;background:#fff;border:1px solid var(--c-border);border-radius:999px;font-size:13px;color:var(--c-text-mid);transition:all .2s ease}.chip:hover{border-color:var(--c-primary-light);color:var(--c-primary-dark);transform:translateY(-1px)}.hero__ctas{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;font-size:15px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid transparent}.btn--primary{background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-orange) 100%);color:#fff;box-shadow:0 10px 24px #786e5033}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px #2f332a40}.btn--ghost{background:#fff;color:var(--c-text);border-color:var(--c-border)}.btn--ghost:hover{background:var(--c-cream);border-color:var(--c-primary-light)}.btn--lg{padding:18px 32px;font-size:16px}.hero__right{position:relative;display:flex;justify-content:center}.hero__photo{position:relative;width:100%;max-width:420px}.hero__photo-frame{position:relative;aspect-ratio:4 / 5;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--c-cream)}.hero__photo-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(47,51,42,.2) 100%);z-index:1}.hero__photo-frame img{width:100%;height:100%;object-fit:cover}.hero__now{position:absolute;right:-16px;bottom:36px;background:#fff;border-radius:var(--radius-md);padding:16px 20px;width:220px;box-shadow:var(--shadow-md);z-index:2}.hero__now-badge{display:inline-block;font-size:10px;letter-spacing:.2em;background:var(--c-primary);color:#fff;padding:3px 8px;border-radius:6px;margin-bottom:8px;font-weight:700}.hero__now-school{font-weight:700;font-size:15px;color:var(--c-text);margin-bottom:2px}.hero__now-status{font-size:12px;color:var(--c-text-soft)}.hero__sparkle{position:absolute;top:-12px;left:-16px;width:56px;height:56px;filter:drop-shadow(0 4px 10px rgba(138,154,120,.4));z-index:2}.hero__scroll{display:inline-flex;align-items:center;gap:8px;margin-top:48px;padding:10px 18px;background:#ffffffb3;border:1px solid var(--c-border);border-radius:999px;font-size:13px;color:var(--c-text-mid);transition:all .2s ease;width:max-content;margin-left:32px;margin-right:auto}.hero__scroll:hover{background:#fff;color:var(--c-primary-dark);transform:translateY(-1px)}.about__lead{font-size:18px;line-height:1.75;color:var(--c-text-mid);max-width:760px;margin-bottom:40px}.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch}.about__cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.info-card{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-md);transition:all .2s ease}.info-card:hover{border-color:var(--c-primary-light);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.info-card__icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--c-primary-light),var(--c-orange));display:grid;place-items:center;flex-shrink:0}.info-card__label{font-size:11px;letter-spacing:.1em;color:var(--c-text-soft);text-transform:uppercase;margin-bottom:2px}.info-card__value{font-size:14px;color:var(--c-text);font-weight:500;word-break:break-all}.about__bio{background:var(--c-cream);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;gap:16px}.about__bio p{font-size:15px;color:var(--c-text-mid);line-height:1.8}.about__photos{position:relative;display:flex;flex-direction:column;gap:16px;background:var(--c-cream);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:22px;overflow:hidden}.about__photos:before{content:"";position:absolute;top:-70px;right:-70px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(240,200,156,.4) 0%,transparent 70%);pointer-events:none}.about__photos-head{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.14em;color:var(--c-primary-dark);font-weight:600;position:relative;z-index:1}.about__photos-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative;z-index:1}.about__photo{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:var(--radius-md);border:3px solid #fff;box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease}.about__photo:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.timeline{display:flex;flex-direction:column;gap:28px;position:relative}.timeline__item{display:grid;grid-template-columns:32px 1fr;gap:20px;position:relative}.timeline__rail{position:relative;display:flex;justify-content:center;padding-top:22px}.timeline__dot{width:14px;height:14px;border-radius:50%;background:var(--c-primary);box-shadow:0 0 0 6px var(--c-bg),0 0 0 7px var(--c-accent);z-index:1}.timeline__line{position:absolute;top:36px;bottom:-36px;width:2px;background:linear-gradient(180deg,var(--c-accent) 0%,transparent 100%)}.timeline__card{background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:28px;transition:all .25s ease}.timeline__card:hover{box-shadow:var(--shadow-md);border-color:var(--c-primary-light)}.edu-card__head{display:flex;align-items:center;gap:20px;margin-bottom:18px}.edu-card__logo{width:88px;height:88px;border-radius:16px;background:var(--c-cream);display:grid;place-items:center;overflow:hidden;flex-shrink:0}.edu-card__logo img{width:88%;height:88%;object-fit:contain}.edu-card__title{flex:1}.edu-card__title h3{font-size:19px;margin-bottom:2px}.edu-card__title small{font-size:12px;color:var(--c-text-soft);letter-spacing:.04em}.tag-pill{display:inline-block;padding:5px 12px;background:var(--c-cream);color:var(--c-primary-dark);border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.04em;white-space:nowrap}.tag-pill--dark{background:var(--c-text);color:#fff}.edu-card__meta{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--c-text-mid);margin-bottom:16px}.dot-sep{color:var(--c-text-soft)}.course-list{display:flex;flex-wrap:wrap;gap:8px}.course-list li{padding:6px 12px;background:var(--c-bg-soft);border-radius:8px;font-size:13px;color:var(--c-text-mid)}.exp-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;flex-wrap:wrap}.exp-card__head h3{font-size:19px;margin-bottom:4px}.exp-card__role{font-size:14px;color:var(--c-text-mid)}.exp-card__main{display:block}.exp-card__main--media{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start}.exp-card__media{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--c-border);box-shadow:var(--shadow-sm);aspect-ratio:4 / 3}.exp-card__media img{width:100%;height:100%;object-fit:cover;display:block}.bullet-list{display:flex;flex-direction:column;gap:12px}.bullet-list li{font-size:14.5px;color:var(--c-text-mid);line-height:1.75;padding-left:18px;position:relative}.bullet-list li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--c-primary)}.bullet-list--compact li{font-size:14px}.bullet-list__h{color:var(--c-text);font-weight:600}.project-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.project-card{background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;position:relative}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--c-primary-light),var(--c-orange));z-index:1}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--c-primary-light)}.project-card--lg{grid-row:span 1}.project-card__cover{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--c-cream)}.project-card--lg .project-card__cover{aspect-ratio:16 / 10}.project-card__cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-card:hover .project-card__cover img{transform:scale(1.05)}.project-card__cover-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(47,51,42,.12) 100%)}.project-card__body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:12px;flex:1}.project-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.project-card__period{font-size:12px;color:var(--c-text-soft)}.project-card__title{font-size:18px;line-height:1.4}.project-card--lg .project-card__title{font-size:22px}.skills-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.skill-card{background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:26px 22px;transition:all .25s ease;position:relative;overflow:hidden}.skill-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--c-primary-light),var(--c-orange));opacity:0;transition:opacity .25s ease}.skill-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--c-primary-light)}.skill-card:hover:before{opacity:1}.skill-card__title{font-size:16px;font-family:var(--font-serif);color:var(--c-text);margin-bottom:16px;padding-bottom:12px;border-bottom:1px dashed var(--c-border)}.skill-card__list{display:flex;flex-direction:column;gap:10px}.skill-card__list li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--c-text-mid);line-height:1.5}.skill-dot{width:6px;height:6px;border-radius:50%;background:var(--c-primary);flex-shrink:0}.contact__card{background:linear-gradient(135deg,#fff 0%,var(--c-cream) 100%);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:64px 56px;text-align:center;position:relative;overflow:hidden}.contact__card:before{content:"";position:absolute;top:-80px;right:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(168,184,154,.5) 0%,transparent 70%);pointer-events:none}.contact__card:after{content:"";position:absolute;bottom:-100px;left:-100px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(240,200,156,.45) 0%,transparent 70%);pointer-events:none}.contact__lead{font-size:18px;color:var(--c-text-mid);max-width:600px;margin:0 auto 40px;position:relative;z-index:1}.contact__channels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px;position:relative;z-index:1}.contact__channel{background:#fffc;border:1px solid var(--c-border);border-radius:var(--radius-md);padding:20px 16px;text-align:left;transition:all .2s ease}.contact__channel:hover{background:#fff;transform:translateY(-2px);border-color:var(--c-primary-light);box-shadow:var(--shadow-sm)}.contact__label{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-text-soft);margin-bottom:6px}.contact__value{display:block;font-size:15px;color:var(--c-text);font-weight:500;word-break:break-all}.footer{text-align:center;padding:40px 32px;font-size:13px;color:var(--c-text-soft);border-top:1px solid var(--c-border);margin-top:40px}@media (min-width: 1400px){.hero{padding:110px 0 90px}.hero__inner{gap:88px;align-items:center}.hero__title{font-size:clamp(48px,4.4vw,84px)}.hero__subtitle{font-size:20px}.hero__photo{max-width:460px}.section{padding-top:150px;padding-bottom:150px}.section__header{margin-bottom:64px}.section__title{font-size:clamp(40px,3.4vw,64px)}.project-grid{gap:28px}.skills-grid{gap:22px}}@media (max-width: 960px){:root{--space-section: 80px}.nav{width:calc(100% - 24px)}.nav__inner{padding:8px 10px 8px 12px;border-radius:24px}.nav__brand-text{display:none}.nav__links{gap:0;flex:1;justify-content:center}.nav__link{padding:6px 10px;font-size:12.5px}.hero{padding:40px 0 20px}.hero__inner{grid-template-columns:1fr;gap:40px}.hero__right{order:-1;max-width:320px;margin:0 auto}.hero__now{right:0;bottom:16px}.about__grid,.project-grid{grid-template-columns:1fr}.exp-card__main--media{grid-template-columns:1fr;gap:18px}.skills-grid{grid-template-columns:1fr 1fr}.contact__card{padding:40px 24px}.contact__channels{grid-template-columns:1fr}}@media (max-width: 560px){.section,.hero__inner{padding:0 20px}.nav__links{display:none}.skills-grid,.about__photos-grid{grid-template-columns:1fr}.hero__title{font-size:44px}.btn--lg{width:100%;justify-content:center}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero__tag,.hero__title,.hero__subtitle,.hero__quote,.hero__desc,.hero__tags,.hero__ctas,.hero__photo{animation:fadeUp .7s cubic-bezier(.2,.8,.2,1) both}.hero__title{animation-delay:.1s}.hero__subtitle{animation-delay:.2s}.hero__quote{animation-delay:.3s}.hero__desc{animation-delay:.4s}.hero__tags{animation-delay:.5s}.hero__ctas{animation-delay:.6s}.hero__photo{animation-delay:.3s}