.tag{font-size:var(--text-xs);padding:.2rem .7rem;border:var(--border);display:inline-flex;align-items:center;line-height:1.6}.filter-bar{display:flex;gap:var(--space-6);flex-wrap:wrap;border-bottom:var(--border)}.filter-button{padding:var(--space-4) 0;position:relative;color:var(--muted);font-size:var(--text-sm);transition:color var(--transition)}.filter-button sup{font:var(--text-xs) var(--font-mono);margin-left:.35rem;opacity:.6}.filter-button::after{content:"";height:1px;background:var(--ink);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}.filter-button:hover,.filter-button.selected{color:var(--ink)}.filter-button.selected::after,.filter-button:hover::after{transform:scaleX(1)}.result-summary{font-size:var(--text-xs);color:var(--muted);display:flex;justify-content:space-between;gap:1rem;margin-block:var(--space-5) var(--space-7)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8) var(--space-5)}.project-card{min-width:0}.project-card .entry-head{margin-top:var(--space-4)}.project-card h3{font-size:var(--text-base);line-height:1.6}.project-card .entry-head small{font:var(--text-sm)/1.5 var(--font-serif)}.project-card .arrow{font-size:1.3rem}.project-card .placeholder-center{font-size:3rem}.project-image{overflow:hidden;aspect-ratio:3/2}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease)}.project-card:hover .project-image img{transform:scale(1.025)}.card-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-top:var(--space-4);font-size:var(--text-xs);color:var(--muted)}.card-description{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-3)}.project-index{padding-top:var(--space-8)}.detail-breadcrumb{display:flex;justify-content:space-between;gap:var(--space-5);padding-top:var(--space-7);font-size:var(--text-xs);color:var(--muted);border-bottom:var(--border);padding-bottom:var(--space-5)}.detail-breadcrumb+.page-hero{padding-top:var(--space-7)}.project-facts{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-5);padding:var(--space-5) 0 var(--space-7);margin:0}.project-facts dt{font-size:var(--text-xs);color:var(--muted);margin-bottom:var(--space-2)}.project-facts dd{margin:0;font-size:var(--text-sm)}.detail-cover{width:100%;height:auto}.detail-section{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--space-9);padding-top:var(--space-8);margin-top:var(--space-6)}.detail-section .section-title{border:0;padding-top:0}.detail-secondary{margin-top:var(--space-4)}.boundary-note{border-left:var(--border);padding-left:var(--space-5);margin-top:var(--space-6);color:var(--muted);font-size:var(--text-sm)}.detail-gallery{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-7) var(--space-6)}.detail-gallery figure:first-child{grid-column:1/-1}.detail-gallery img{width:100%;height:auto}.detail-gallery figcaption{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-3)}.next-project{display:flex;justify-content:space-between;align-items:center;gap:var(--space-7);border-top:var(--border);padding-block:var(--space-8);margin-top:var(--space-6)}.next-project h2{font-size:var(--text-xl);margin-block:var(--space-4) var(--space-2)}.next-project p{font-size:var(--text-sm)}.next-project .arrow{font-size:2rem}.coordinate-canvas{position:relative;height:var(--coordinate-height);max-width:1200px;margin:auto}.coordinate-core,.coordinate-primary,.coordinate-outer{position:absolute;left:var(--x,50%);top:var(--y,50%);transform:translate(-50%,-50%);white-space:nowrap}.coordinate-core{text-align:center;z-index:2}.coordinate-core strong{font:400 var(--text-3xl) var(--font-serif);letter-spacing:.12em}.coordinate-core span{display:block;font-size:var(--text-xs);letter-spacing:.18em;margin-top:1rem;color:var(--muted)}.coordinate-orbit{width:60%;height:66%;position:absolute;left:20%;top:18%;border:1px solid var(--line);border-radius:50%;opacity:.25}.coordinate-orbit.outer{width:92%;height:96%;left:4%;top:3%;opacity:.15}.coordinate-primary{font-size:var(--text-lg);letter-spacing:.08em;z-index:2;padding:1rem}.coordinate-primary::before{content:"";position:absolute;inset:-10px;border-radius:50%;opacity:0;background:var(--glow);filter:blur(30px);transition:opacity 1.8s ease;z-index:-1}.coordinate-primary:hover::before,.coordinate-primary:focus-visible::before{opacity:.18;animation:breathe 4s ease-in-out infinite}.coordinate-outer{font-size:var(--text-xs);color:var(--muted);animation:drift var(--drift) ease-in-out infinite alternate;animation-delay:var(--delay)}.coordinate-note{text-align:center;margin-top:var(--space-5)}@keyframes drift{from{transform:translate(calc(-50% - 5px),calc(-50% - 5px))}to{transform:translate(calc(-50% + 6px),calc(-50% + 6px))}}@keyframes breathe{50%{opacity:.08}}.atlas-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--space-7);padding-block:var(--space-6) var(--space-7)}.places-heading{padding-bottom:var(--space-4);display:flex;align-items:baseline;gap:1rem;border-bottom:var(--border);margin-bottom:var(--space-3)}.places-heading h2{font-size:var(--text-base)}.places-heading span{font-size:var(--text-xs);color:var(--muted)}.places-index details{padding-block:var(--space-4);border-bottom:var(--border)}.places-index summary{display:flex;align-items:baseline;cursor:pointer;font-size:var(--text-sm);gap:.65rem;list-style:none}.places-index summary::-webkit-details-marker{display:none}.places-index summary small{font-size:var(--text-xs);color:var(--muted)}.places-index summary>span{margin-left:auto}.places-index details[open] summary>span{transform:rotate(45deg)}.place-all,.place-city{font-size:var(--text-xs);display:block;margin-top:var(--space-3);color:var(--muted)}.place-city{padding-left:var(--space-4)}.place-city:hover,.place-all:hover{color:var(--ink)}.atlas-main{min-width:0}.atlas-toolbar{display:flex;justify-content:space-between;align-items:start;gap:1rem}.atlas-toolbar .notice{margin-top:var(--space-2)}.map-legend{font-size:var(--text-xs);display:flex;align-items:center;gap:var(--space-2);color:var(--muted);white-space:nowrap}.map-legend i{width:10px;height:10px;background:var(--map-example);display:inline-block}.map-stage{min-height:200px;display:grid;align-items:center;margin-top:var(--space-4)}.interactive-map{width:100%;display:block;overflow:visible}.map-region path{fill:var(--map-land);stroke:var(--paper);stroke-width:.65;transition:fill var(--transition),opacity var(--transition);vector-effect:non-scaling-stroke}.map-region.example path{fill:var(--map-example)}.map-region.visited path{fill:var(--map-visited)}.china-atlas .map-region:hover path,.china-atlas .map-region:focus path,.map-region.selected path{fill:var(--map-hover)}.map-region:focus{outline:none}.china-atlas .map-region:focus path{stroke:var(--ink);stroke-width:1.5}.map-footnote{display:flex;justify-content:space-between;gap:1rem;border-top:var(--border);padding-top:var(--space-4);font-size:var(--text-xs);color:var(--muted)}.sample-note{padding-block:var(--space-5);font-size:var(--text-xs)}.map-loading{color:var(--muted)}.video-section{padding-block:var(--space-7) var(--space-9)}.photo-grid{columns:3;column-gap:var(--space-6)}.photo-item{break-inside:avoid;margin-bottom:var(--space-7);display:inline-block;width:100%}.photo-open{width:100%;display:block;padding:0;position:relative;overflow:hidden;vertical-align:top}.photo-open img{width:100%;height:auto;transition:filter var(--transition)}.photo-hover{position:absolute;bottom:0;left:0;right:0;background:var(--paper);padding:var(--space-3) var(--space-4);font-size:var(--text-xs);transform:translateY(100%);transition:transform var(--transition);display:flex;justify-content:space-between}.photo-open:hover .photo-hover,.photo-open:focus-visible .photo-hover{transform:translateY(0)}.photo-item figcaption{text-align:center;margin-top:var(--space-3);font-size:var(--text-xs);color:var(--muted)}.photo-item figcaption small{font-size:var(--text-xs);margin-left:.6rem;opacity:.8}.divider{margin-inline:.4rem;color:var(--faint)}.series-bottom{padding-block:var(--space-8);border-top:var(--border);margin-top:var(--space-7);display:flex;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap}.empty-state{padding-block:var(--space-9);text-align:center}.empty-state h3{font:var(--text-xl) var(--font-serif);margin-block:var(--space-5)}.empty-state p{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-5)}.china-atlas{max-width:1000px;margin:auto}.china-atlas .interactive-map{max-height:600px}.province-text-index{margin-top:var(--space-5);font-size:var(--text-sm);color:var(--muted)}.province-text-index summary{cursor:pointer}.province-text-index>div{display:flex;flex-wrap:wrap;gap:var(--space-3);padding-block:var(--space-5)}.place-city-links{display:flex;gap:var(--space-5);flex-wrap:wrap;margin-top:var(--space-5)}.place-city-links .active{border-color:var(--ink)}.profile{display:grid;grid-template-columns:1fr 1.25fr;gap:var(--space-9);padding-block:var(--space-6) var(--space-9);border-bottom:var(--border)}.profile-name h2{font:clamp(4rem,8vw,7rem)/1.3 var(--font-serif);letter-spacing:-.06em}.profile-tags{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.profile-bio>p{font:var(--text-lg)/2.1 var(--font-sans)}.profile-bio .english{font:italic var(--text-lg)/1.8 var(--font-serif);color:var(--muted);margin-top:var(--space-6)}.about-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.about-fields h3{font-size:var(--text-lg);margin-block:var(--space-5)}.about-fields p{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-6)}.contact-section{padding-block:var(--space-7)}.contact-content{display:flex;justify-content:space-between;gap:2rem;align-items:center}.contact-content>p:first-child{font:var(--text-xl) var(--font-serif)}.contact-pending{font-size:var(--text-sm);color:var(--muted)}.contact-email{font:var(--text-xl) var(--font-serif)}.resume-note{margin-bottom:var(--space-6)}.resume-row{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:var(--space-6);padding-block:var(--space-6);border-top:var(--border)}.resume-row h3{font-size:var(--text-lg)}.resume-row small{font:var(--text-sm) var(--font-serif);color:var(--muted);margin-left:var(--space-5)}.resume-row p{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-2)}.resume-row button{color:var(--muted)}
@media(max-width:1100px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coordinate-canvas{height:var(--coordinate-height-compact)}.coordinate-primary{font-size:1rem}.coordinate-core strong{font-size:2.3rem}.atlas-layout{grid-template-columns:170px minmax(0,1fr);gap:var(--space-5)}.about-fields{gap:var(--space-6)}}
@media(max-width:760px){.project-grid{grid-template-columns:1fr;gap:3rem}.index-cover{--ratio:2/1!important}.filter-bar{gap:0 1.4rem}.result-summary{margin-bottom:2rem;font-size:.75rem}.result-summary>span:last-child{max-width:12em;text-align:right}.project-facts{grid-template-columns:repeat(2,1fr)}.detail-section{grid-template-columns:1fr;gap:1rem}.detail-gallery{grid-template-columns:1fr}.detail-gallery figure{grid-column:auto}.detail-breadcrumb{font-size:.75rem}.coordinate-canvas{height:var(--coordinate-height-compact);margin-inline:-1rem}.coordinate-core strong{font-size:1.6rem;letter-spacing:.06em}.coordinate-core span{font-size:.75rem;letter-spacing:0}.coordinate-primary{font-size:.875rem;padding:.5rem;letter-spacing:0}.coordinate-outer{font-size:.75rem;max-width:6em;white-space:normal;line-height:1.5;text-align:center}.coordinate-outer:nth-of-type(4n){display:none}.coordinate-note{max-width:24em;margin-inline:auto}.atlas-layout{grid-template-columns:1fr}.places-index{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.places-heading{grid-column:1/-1}.places-index>.notice{grid-column:1/-1}.places-index summary{flex-wrap:wrap;gap:.2rem}.places-index summary small{display:none}.places-index details{border-top:var(--border)}.map-footnote{flex-wrap:wrap}.photo-grid{columns:2;column-gap:1rem}.photo-item{margin-bottom:1.5rem}.photo-item .placeholder-center{font-size:2rem}.photo-item .placeholder-label{left:.75rem;bottom:.75rem;font-size:.75rem;letter-spacing:0}.photo-item figcaption small{display:none}.photo-item .photo-hover{transform:none;background:transparent;position:static;padding:.5rem 0;text-align:left}.photo-category-entries .media-placeholder{aspect-ratio:3/2}.lightbox{padding:1.2rem 1rem}.lightbox-content{grid-template-columns:24px minmax(0,1fr) 24px;gap:.5rem}.lightbox-image .placeholder-center{font-size:1.2rem}.lightbox-bottom{gap:1rem}.lightbox-bottom .notice{font-size:.75rem;display:block;max-width:13em}.profile{grid-template-columns:1fr;gap:2rem}.profile-name h2{font-size:4rem}.profile-bio>p{font-size:1rem}.about-fields{grid-template-columns:1fr;gap:2rem}.contact-content{align-items:start;flex-direction:column}.resume-row{grid-template-columns:20px 1fr auto;gap:1rem}.resume-row small{display:block;margin-left:0;margin-top:.5rem}.resume-row h3{font-size:1rem}.resume-row p{font-size:.75rem}.next-project h2{font-size:1.25rem}.lightbox-image .media-placeholder{width:100%;height:auto;max-height:100%}}

.map-legends{display:flex;gap:1rem}.map-legend.visited i{background:var(--map-visited)}