@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{--ink:#172337;--muted:#667589;--paper:#f7f8f5;--line:#dce3e5;--blue:#1d4ed8;--coral:#ff6d52;--mint:#dff5ec;--yellow:#ffe79b;--lav:#e4e8ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 'Noto Sans SC',system-ui,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:auto;padding:0 28px}header{padding:24px 0;display:flex;align-items:center;justify-content:space-between}.brand{font:500 15px 'DM Mono',monospace;letter-spacing:-.04em}nav{display:flex;gap:22px;color:var(--muted);font-size:14px}nav a{transition:color .2s}nav a:hover,nav a.active{color:var(--blue)}.page{min-height:100vh}.hero{min-height:calc(100vh - 90px);padding:70px 0 80px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;animation:rise .8s both}.eyebrow,.index,.label{font:13px 'DM Mono',monospace;letter-spacing:.02em}.eyebrow{color:var(--blue);display:flex;gap:9px;align-items:center}.dot{width:9px;height:9px;border-radius:50%;background:#26ad76}.hero h1{max-width:760px;margin:22px 0;font-size:clamp(3.2rem,8vw,7rem);letter-spacing:-.085em;line-height:1.06}.hero h1 em{color:var(--blue);font-style:normal}.intro{max-width:500px;color:var(--muted);font-size:18px}.avatar{position:absolute;right:0;bottom:70px;width:240px;height:240px;border-radius:50%;object-fit:cover;object-position:63% 39%;border:10px solid var(--paper);outline:1px solid var(--ink);box-shadow:12px 12px 0 var(--yellow);animation:float 6s ease-in-out infinite}.scribble{position:absolute;right:4%;top:65px;width:220px;height:220px;border:3px solid var(--coral);border-radius:45% 55% 52% 48%;transform:rotate(-12deg);opacity:.75}.scribble:after{content:'✦';position:absolute;left:72px;top:50px;color:var(--coral);font-size:66px}.cta{display:inline-flex;gap:10px;align-items:center;margin-top:28px;padding-bottom:4px;border-bottom:2px solid var(--ink);font-weight:700;width:max-content}.cta span{color:var(--blue);font:16px 'DM Mono',monospace}.grid-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:58px}.link-card{min-height:190px;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,box-shadow .25s}.link-card:nth-child(1){background:var(--mint)}.link-card:nth-child(2){background:var(--yellow)}.link-card:nth-child(3){background:var(--lav)}.link-card:hover{transform:translateY(-6px);box-shadow:7px 7px 0 var(--ink)}.link-card h2{margin:10px 0 0;font-size:28px;letter-spacing:-.06em}.arrow{align-self:flex-end;font-size:28px;line-height:1}.footer{padding:28px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font:12px 'DM Mono',monospace}.subhero{padding:74px 0 42px;border-bottom:1px solid var(--line);animation:rise .7s both}.subhero h1{margin:10px 0 0;font-size:clamp(2.6rem,6vw,5.5rem);letter-spacing:-.08em;line-height:1.08}.content{padding:52px 0 90px}.timeline{border-left:1px solid var(--ink);margin:0 0 0 180px}.event{position:relative;padding:0 0 45px 38px}.event:before{content:'';position:absolute;left:-6px;top:10px;width:11px;height:11px;background:var(--coral);border-radius:50%;border:3px solid var(--paper)}.event time{font:13px 'DM Mono',monospace;color:var(--blue)}.event h2{font-size:26px;margin:8px 0 4px;letter-spacing:-.05em}.event p{color:var(--muted);margin:0;max-width:560px}.places{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.place{min-height:220px;padding:24px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s}.place:hover{transform:translateY(-5px)}.place:nth-child(3n+1){background:var(--mint)}.place:nth-child(3n+2){background:#fff}.place:nth-child(3n){background:var(--yellow)}.place h2{margin:8px 0;font-size:28px;letter-spacing:-.06em}.place p{margin:0;color:var(--muted)}.stamp{font:44px 'DM Mono',monospace;color:var(--blue);opacity:.8}.works{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.work{min-height:270px;padding:26px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,box-shadow .25s}.work:hover{transform:translateY(-5px);box-shadow:7px 7px 0 var(--ink)}.work:nth-child(1){background:var(--mint)}.work:nth-child(2){background:#fff}.work:nth-child(3){background:var(--yellow)}.work:nth-child(4){background:var(--lav)}.work h2{font-size:28px;margin:12px 0 4px;letter-spacing:-.06em}.work p{margin:0;color:var(--muted)}.contact{background:var(--ink);color:#fff;padding:70px 0}.contact h2{font-size:clamp(2.2rem,5vw,4.3rem);letter-spacing:-.08em;line-height:1.1;margin:12px 0}.mail{color:var(--yellow);border-bottom:2px solid var(--yellow);font-size:18px}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes float{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-8px) rotate(-2deg)}}
@media(max-width:720px){.wrap{padding:0 20px}header{padding:18px 0}nav{gap:14px}.hero{min-height:640px;padding-top:50px;justify-content:flex-start}.hero h1{font-size:clamp(3rem,15vw,5rem)}.intro{font-size:16px}.scribble{width:135px;height:135px;right:-18px;top:42px}.scribble:after{left:43px;top:23px;font-size:44px}.avatar{width:145px;height:145px;right:8px;bottom:58px;border-width:7px;box-shadow:7px 7px 0 var(--yellow)}.grid-links,.places,.works{grid-template-columns:1fr}.grid-links{margin-top:42px}.link-card{min-height:140px}.footer{display:block}.footer span{display:block;margin-top:8px}.subhero{padding:52px 0 30px}.content{padding:38px 0 65px}.timeline{margin-left:8px}.event{padding-left:28px}.event h2{font-size:23px}}
/* local redesign overrides */
.hero .avatar{position:relative;right:auto;bottom:auto;width:180px;height:180px;margin:0 0 30px;align-self:flex-start}
.home-button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ink);padding:7px 13px;font-size:14px;background:#fff;transition:all .2s}.home-button:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}
.footer a{display:inline-flex;align-items:center;border:1px solid var(--ink);padding:6px 12px;color:var(--ink);background:#fff;transition:all .2s}.footer a:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}
.photo-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.photo-card{min-height:280px;border:1px solid var(--line);overflow:hidden;cursor:pointer;transition:transform .25s,box-shadow .25s;background:#dce9ff}.photo-card:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:7px 7px 0 var(--ink)}.photo-card:nth-child(2n){background:var(--mint)}.photo-card:nth-child(3n){background:var(--yellow)}.photo-placeholder{height:190px;background:linear-gradient(135deg,rgba(29,78,216,.18),rgba(255,109,82,.36));display:grid;place-items:center;color:var(--blue);font:14px 'DM Mono',monospace}.photo-card:nth-child(2n) .photo-placeholder{background:linear-gradient(135deg,rgba(38,173,118,.24),rgba(255,231,155,.75))}.photo-meta{padding:16px 18px;display:flex;justify-content:space-between;align-items:end}.photo-meta h2{font-size:21px;margin:2px 0 0;letter-spacing:-.04em}.photo-meta p{font:12px 'DM Mono',monospace;color:var(--muted);margin:0}.more{font-size:13px;color:var(--blue)}
@media(max-width:720px){.hero .avatar{width:142px;height:142px;margin-bottom:26px}.photo-wall{grid-template-columns:1fr}.photo-card .photo-placeholder{height:165px}}
/* header navigation + refined home hero */
.hero{justify-content:flex-start;padding-top:64px}.hero .avatar{position:absolute;right:0;top:34px;bottom:auto;width:232px;height:232px;margin:0;z-index:1;border:0;outline:0;border-radius:18px;box-shadow:12px 12px 0 var(--yellow)}.hero h1{max-width:680px;margin-top:28px}.hero .intro{max-width:470px}.home-button{display:inline-flex;align-items:center;border:1px solid var(--ink);padding:6px 12px;background:#fff;font-size:14px;transition:all .2s}.home-button:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}
@media(max-width:720px){.hero{padding-top:42px}.hero .avatar{width:150px;height:150px;right:8px;top:26px;border:0;outline:0;border-radius:14px;box-shadow:7px 7px 0 var(--yellow)}.hero h1{margin-top:188px;max-width:100%}.hero .intro{max-width:100%}}
a:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.photo-card summary{list-style:none}.photo-card summary::-webkit-details-marker{display:none}.photo-more{padding:0 18px 18px;color:var(--muted);font-size:14px}.photo-more strong{color:var(--blue)}
@media(max-width:720px){.scribble{display:none}header .brand{max-width:95px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}header nav{gap:8px;font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* two-row focus wall */
.focus-wall{height:470px;padding:34px 0;overflow:hidden}.wall-track{display:grid;grid-template-rows:repeat(2,150px);grid-auto-columns:220px;grid-auto-flow:column;gap:18px;width:max-content;align-items:center;transition:transform .65s cubic-bezier(.2,.75,.25,1)}.wall-card{width:220px;height:150px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:18px;border:1px solid var(--line);color:var(--ink);text-align:left;cursor:pointer;opacity:.58;transform:scale(.86) rotate(-3deg);transition:transform .5s,opacity .5s,box-shadow .5s;box-shadow:none}.wall-card:nth-child(2n){transform:scale(.86) rotate(3deg)}.wall-card.is-active{transform:scale(1.18) rotate(0);opacity:1;z-index:2;box-shadow:10px 10px 0 var(--ink)}.wall-card span{font:15px 'DM Mono',monospace;color:var(--blue);letter-spacing:.05em}.wall-card small{font:12px 'DM Mono',monospace;color:var(--muted)}.photo-suzhou{background:linear-gradient(145deg,#d8c4aa,#f8e9c5 48%,#8cb5a6 49%)}.photo-xian{background:linear-gradient(145deg,#d8a46d,#d8d2b2 45%,#7e8a9c 46%)}.photo-xiamen{background:linear-gradient(145deg,#83c8d9,#f6dca7 50%,#e58d77 51%)}.photo-guilin{background:linear-gradient(145deg,#9bc6a0,#dbe7be 45%,#6d99a8 46%)}.wall-arrow{top:50%;border-radius:50%}.wall-hint{margin-top:14px}@media(max-width:720px){.focus-wall{height:420px}.wall-track{grid-template-rows:repeat(2,125px);grid-auto-columns:180px;gap:14px}.wall-card{width:180px;height:125px;padding:13px}.wall-card.is-active{transform:scale(1.1)}.wall-card span{font-size:12px}.wall-card small{font-size:10px}}
.travel-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.travel-intro>span{font:13px 'DM Mono',monospace;color:var(--blue)}.travel-intro p{margin:0;color:var(--muted);font-size:14px}.focus-wall{position:relative;overflow:hidden;padding:30px 0 38px}.wall-track{display:flex;gap:18px;align-items:center;transition:transform .6s cubic-bezier(.22,.8,.25,1);width:max-content}.wall-card{width:260px;padding:0;border:1px solid var(--line);background:var(--paper);text-align:left;cursor:pointer;flex:none;transform:scale(.82) rotate(-2deg);opacity:.5;transition:transform .5s,opacity .5s,box-shadow .5s}.wall-card:nth-child(2n){transform:scale(.82) rotate(2deg)}.wall-card.is-active{transform:scale(1.08) rotate(0);opacity:1;z-index:2;box-shadow:10px 10px 0 var(--ink)}.wall-card:focus-visible{outline:3px solid var(--coral);outline-offset:5px}.photo-placeholder{height:230px;display:grid;place-items:center;font:16px 'DM Mono',monospace;letter-spacing:.08em;color:var(--blue)}.photo-beijing{background:linear-gradient(145deg,#a9d4e8 0 35%,#f6d58a 35% 62%,#df8068 62%)}.photo-shanghai{background:linear-gradient(145deg,#f3b38b,#e8e5cf 45%,#6e9cb4 46%)}.photo-chongqing{background:linear-gradient(145deg,#313957,#ee9d63 55%,#9bc6bf 56%)}.photo-hangzhou{background:linear-gradient(145deg,#c7e0be,#f5e6a7 48%,#82a9ba 49%)}.photo-meta{display:flex;justify-content:space-between;align-items:end;padding:14px 16px}.photo-meta small{display:block;font:12px 'DM Mono',monospace;color:var(--muted)}.photo-meta strong{display:block;font-size:22px;letter-spacing:-.05em}.photo-meta i{font-style:normal;font-size:12px;color:var(--blue)}.wall-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:1px solid var(--ink);background:var(--paper);z-index:3;cursor:pointer;font-size:22px}.wall-prev{left:4px}.wall-next{right:4px}.wall-dots{text-align:center}.wall-dots i{display:inline-block;width:7px;height:7px;background:var(--line);border-radius:50%;margin:0 4px}.wall-dots i.active{background:var(--coral);transform:scale(1.35)}.wall-hint{text-align:center;color:var(--muted);font-size:13px;margin:18px 0 0}.travel-modal{position:fixed;inset:0;background:rgba(18,24,32,.55);display:grid;place-items:center;padding:20px;z-index:10}.travel-modal[hidden]{display:none}.modal-panel{position:relative;width:min(560px,100%);padding:32px;background:var(--paper);box-shadow:12px 12px 0 var(--yellow)}.modal-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:30px;cursor:pointer}.modal-title{font-size:44px;letter-spacing:-.08em;margin:12px 0 0}.modal-date{font:13px 'DM Mono',monospace;color:var(--blue)}.mini-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.mini-gallery span{height:110px;background:linear-gradient(135deg,var(--mint),var(--yellow));}.mini-gallery span:nth-child(2){background:linear-gradient(135deg,var(--lav),#b5d8e8)}.mini-gallery span:nth-child(3){background:linear-gradient(135deg,#efb19a,var(--mint))}.modal-story{font-size:18px}.modal-caption{color:var(--muted);font-size:13px}@media(max-width:720px){.travel-intro{display:block}.travel-intro p{margin-top:8px}.focus-wall{margin:0 -20px;padding-left:0;padding-right:0}.wall-card{width:230px}.photo-placeholder{height:190px}.wall-arrow{width:34px;height:34px}.modal-title{font-size:36px}}
.wall-track{display:grid!important;grid-template-rows:repeat(2,150px);grid-auto-columns:220px;grid-auto-flow:column;gap:18px!important;align-items:center!important}.wall-card{width:220px!important;height:150px!important;display:flex!important}
.wall-track{position:relative;left:300px}@media(max-width:720px){.wall-track{left:40px}.wall-card{width:180px!important;height:125px!important}}
.wall-track{gap:8px!important}.wall-card{gap:0}.wall-card small{display:none}.wall-card.is-active{transform:scale(1.34) rotate(0);z-index:5}@media(max-width:720px){.wall-track{gap:6px!important}.wall-card.is-active{transform:scale(1.18) rotate(0)}}
.travel-intro p,.wall-hint{display:none!important}
.wall-card{background-size:cover!important;background-position:center!important;color:#fff!important;position:relative;overflow:hidden;text-shadow:0 1px 4px rgba(0,0,0,.7)}.wall-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.32),transparent 45%,rgba(0,0,0,.32));z-index:0}.wall-card span,.wall-card small{position:relative;z-index:1;color:#fff!important}.wall-card small{display:block!important}.wall-card:nth-child(1){background-image:url('travel/images/xinjiang.jpg')}.wall-card:nth-child(2){background-image:url('travel/images/changsha.jpg')}.wall-card:nth-child(3){background-image:url('travel/images/wuhan.jpg')}.wall-card:nth-child(4){background-image:url('travel/images/nanjing.jpg')}.wall-card:nth-child(5){background-image:url('travel/images/jixian.jpg')}.wall-card:nth-child(6){background-image:url('travel/images/datong.jpg')}.wall-card:nth-child(7){background-image:url('travel/images/beidaihe.jpg')}.wall-card:nth-child(8){background-image:url('travel/images/chongqing.jpg')}