html:has(>body.site-shell),body.site-shell{height:auto!important;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important}.site-shell,.site-shell.site-home{height:auto!important;min-height:100vh!important;overflow:visible!important}.site-shell .site-header{position:sticky!important}.tidal-banner,.reading-progress{display:none!important}.page-main{padding-top:6rem}.page-hero{padding:2rem 0 3.5rem;border-bottom:1px solid var(--page-line)}
.reading-tide{position:fixed;z-index:80;left:0;right:0;bottom:0;height:7px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(74,141,166,.08))}.reading-tide::before{content:"";position:absolute;left:0;top:3px;width:100%;border-top:1px solid var(--page-line)}.reading-tide-fill{position:absolute;left:0;bottom:0;width:0;height:6px;overflow:hidden;transition:width .12s linear}.reading-tide-fill::before,.reading-tide-fill::after{content:"";position:absolute;left:-20px;right:-20px;height:7px;border-radius:50%;border-top:2px solid #6bb5ce;animation:readingWave 3.8s ease-in-out infinite}.reading-tide-fill::after{left:-10px;top:2px;opacity:.42;animation-delay:-1.7s}html[data-home-theme=night] .reading-tide-fill::before,html[data-home-theme=night] .reading-tide-fill::after{border-color:#b9dce7;filter:drop-shadow(0 0 4px rgba(160,210,227,.32))}@keyframes readingWave{50%{transform:translateX(16px) scaleY(.7)}}
.archive-section{margin-top:3rem}.archive-section-head{display:grid;grid-template-columns:minmax(150px,.28fr) 1fr;gap:2rem;padding-top:1.2rem;border-top:1px solid var(--page-line)}.archive-section-head h2{margin:0;font:650 1.5rem Fraunces,Georgia,serif}.archive-section-head p{margin:0;color:var(--page-muted);line-height:1.7}.status-filter{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.6rem 0}.status-filter button{border:1px solid var(--page-line);border-radius:999px;padding:.5rem .8rem;color:var(--page-muted);background:var(--page-surface);cursor:pointer}.status-filter button[aria-pressed=true]{color:var(--page-text);background:var(--page-glow)}
.project-row{display:grid;grid-template-columns:8.5rem minmax(180px,.6fr) minmax(0,1fr);gap:1.5rem;padding:1.25rem 0;border-top:1px solid var(--page-line);color:inherit;text-decoration:none}.project-row:last-child{border-bottom:1px solid var(--page-line)}.project-status{color:var(--page-accent);font-size:.75rem}.project-row h3{margin:0;font-size:1.08rem}.project-row p{margin:0;color:var(--page-muted);line-height:1.65}.project-open{display:inline-flex;margin-top:.7rem;color:var(--page-accent);font-size:.75rem}
.prose-page{width:min(900px,calc(100% - 40px))}.prose-section{display:grid;grid-template-columns:13rem minmax(0,1fr);gap:3rem;padding:3rem 0;border-top:1px solid var(--page-line)}.prose-section h2{margin:0;font:650 1.5rem Fraunces,Georgia,serif}.prose-copy{color:var(--page-muted);font-size:1rem;line-height:1.9}.prose-copy p:first-child{margin-top:0}.interest-list{display:grid;gap:1.6rem}.interest-list article h3{margin:0 0 .45rem;color:var(--page-text);font-size:1rem}.interest-list article p{margin:0}.social-list{display:flex;flex-wrap:wrap;gap:.65rem}.social-list a{border:1px solid var(--page-line);border-radius:999px;padding:.65rem .9rem;color:var(--page-text);text-decoration:none;background:var(--page-surface)}.credits-copy{font-family:Consolas,monospace;font-size:.76rem;line-height:1.8}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}.qr-card{position:relative;min-height:420px;padding:1.4rem;border:1px solid var(--page-line);border-radius:26px;background:var(--page-surface);overflow:hidden}.qr-card h2{margin:0;font:650 1.4rem Fraunces,Georgia,serif}.qr-card>p{color:var(--page-muted);line-height:1.7}.qr-visual{position:relative;display:grid;place-items:center;height:260px;margin-top:1rem;border-radius:20px;background:var(--page-card);overflow:hidden;cursor:pointer}.qr-visual img{max-width:82%;max-height:235px;filter:blur(18px);opacity:.34;transform:scale(1.07);transition:.5s ease}.qr-visual::after{content:attr(data-reveal);position:absolute;padding:.6rem .8rem;border:1px solid var(--page-line);border-radius:999px;color:var(--page-text);background:var(--page-surface);font-size:.75rem}.qr-card:hover .qr-visual img,.qr-card:focus-within .qr-visual img,.qr-card.is-revealed .qr-visual img{filter:none;opacity:1;transform:none}.qr-card:hover .qr-visual::after,.qr-card:focus-within .qr-visual::after,.qr-card.is-revealed .qr-visual::after{opacity:0}.contact-rules{counter-reset:rules;display:grid;gap:0}.contact-rules li{display:grid;grid-template-columns:2.5rem 1fr;gap:1rem;padding:1.2rem 0;border-top:1px solid var(--page-line);list-style:none}.contact-rules li::before{counter-increment:rules;content:counter(rules,decimal-leading-zero);color:var(--page-accent);font-family:Consolas,monospace}
.photo-page{width:min(1240px,calc(100% - 40px))}.photo-intro{max-width:620px}.photo-intro p{color:var(--page-muted);font-size:1rem;line-height:1.85}.photo-tabs{position:sticky;z-index:20;top:86px;display:flex;gap:.55rem;overflow:auto;margin:2rem 0;padding:.7rem;border:1px solid var(--page-line);border-radius:999px;background:var(--page-surface);backdrop-filter:blur(16px);scrollbar-width:none}.photo-tabs button{flex:0 0 auto;border:0;border-radius:999px;padding:.6rem 1rem;color:var(--page-muted);background:transparent;cursor:pointer}.photo-tabs button[aria-pressed=true]{color:var(--page-text);background:var(--page-glow)}.photo-series{margin:4rem 0}.series-head{display:grid;grid-template-columns:9rem minmax(0,1fr) auto;gap:1rem;align-items:end;margin-bottom:1.2rem}.series-head time,.series-meta{color:var(--page-muted);font-size:.75rem}.series-head h2{margin:0;font:650 clamp(1.7rem,4vw,3rem)/1 Fraunces,Georgia,serif}.photo-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,34vw);gap:.75rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding-bottom:.7rem}.photo-placeholder{position:relative;height:360px;overflow:hidden;border:1px solid var(--page-line);border-radius:22px;scroll-snap-align:start;background:linear-gradient(145deg,rgba(152,202,219,.42),rgba(239,248,250,.82) 45%,rgba(104,162,187,.25))}.photo-placeholder:nth-child(2){background:linear-gradient(160deg,rgba(219,231,236,.9),rgba(142,187,203,.38) 55%,rgba(247,250,249,.9))}.photo-placeholder:nth-child(3){background:linear-gradient(120deg,rgba(82,130,151,.24),rgba(228,241,244,.85) 48%,rgba(164,203,214,.4))}.photo-placeholder::before{content:"影像将在完成水印与标题后出现";position:absolute;left:1rem;bottom:1rem;color:var(--page-muted);font-size:.72rem}.motion-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;padding:2rem;border:1px solid var(--page-line);border-radius:24px;background:linear-gradient(120deg,var(--page-surface),var(--page-glow))}.copyright-note{max-width:800px;margin:6rem 0 3rem;padding-top:1.5rem;border-top:1px solid var(--page-line);color:var(--page-muted);line-height:1.8}.photo-closing{margin:6rem 0;font:500 clamp(2rem,5vw,4rem)/1.1 Fraunces,Georgia,serif;color:var(--page-text)}
.links-page{width:100%;padding-top:0}.friend-sea{position:relative;min-height:82vh;overflow:hidden;padding:8rem max(7vw,24px) 4rem;color:#dcecf1;background:radial-gradient(circle at 18% 22%,rgba(175,214,226,.16),transparent 12%),radial-gradient(circle at 72% 35%,rgba(189,222,231,.13),transparent 14%),linear-gradient(180deg,#102b3d 0,#19445a 46%,#0e2d40 100%)}.friend-sea::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-12%;height:44%;border-radius:50% 50% 0 0;background:linear-gradient(180deg,rgba(96,157,180,.24),rgba(7,32,47,.76));box-shadow:0 -20px 80px rgba(148,199,216,.09)}.friend-copy{position:relative;z-index:3;max-width:620px}.friend-copy h1{margin:.4rem 0;font:650 clamp(3.5rem,9vw,8rem)/.85 Fraunces,Georgia,serif;letter-spacing:-.05em}.friend-copy p{color:#abc7d1;line-height:1.8}.friend-star{position:absolute;z-index:4;width:17px;height:17px;border:0;border-radius:50%;background:#d8f2f5;box-shadow:0 0 10px #d8f2f5,0 0 38px rgba(210,242,248,.78);cursor:pointer;animation:starBreath 4s ease-in-out infinite}.friend-star::after{content:"";position:absolute;inset:-18px}.friend-star[data-star="joye"]{left:66%;top:42%}.friend-card{position:absolute;z-index:5;left:calc(66% + 28px);top:38%;width:min(300px,70vw);padding:1rem;border:1px solid rgba(211,236,243,.24);border-radius:18px;color:#dcecf1;background:rgba(9,34,48,.78);backdrop-filter:blur(18px);opacity:0;transform:translateY(8px);pointer-events:none;transition:.3s}.friend-star:hover+.friend-card,.friend-star:focus+.friend-card,.friend-star[aria-expanded=true]+.friend-card{opacity:1;transform:none;pointer-events:auto}.friend-card a{color:#dcecf1}.friend-history{width:min(960px,calc(100% - 40px));margin:0 auto;padding:6rem 0}.timeline-item{display:grid;grid-template-columns:10rem 1fr;gap:2rem;padding:1.5rem 0;border-top:1px solid var(--page-line)}.site-info{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:1rem 0;border-top:1px solid var(--page-line)}.copy-field{border:0;color:var(--page-accent);background:transparent;cursor:pointer}@keyframes starBreath{50%{opacity:.45;transform:scale(.75)}}
.comment-preview{margin-top:4rem;padding:1.5rem;border:1px solid var(--page-line);border-radius:24px;background:var(--page-surface)}.comment-preview h2{margin:0}.comment-preview p{color:var(--page-muted);line-height:1.7}.comment-fields{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.comment-fields input,.comment-preview textarea{width:100%;border:1px solid var(--page-line);border-radius:14px;padding:.8rem;color:var(--page-text);background:var(--page-card);font:inherit}.comment-preview textarea{min-height:110px;margin-top:.7rem;resize:vertical}.comment-preview button[disabled]{margin-top:.7rem;border:0;border-radius:999px;padding:.7rem 1rem;color:var(--page-muted);background:var(--page-glow)}
@media(max-width:760px){.archive-section-head,.prose-section{grid-template-columns:1fr;gap:.8rem}.project-row{grid-template-columns:1fr;gap:.45rem}.contact-grid{grid-template-columns:1fr}.qr-card{min-height:390px}.series-head{grid-template-columns:1fr}.photo-strip{grid-auto-columns:82vw}.photo-placeholder{height:56vh}.motion-card,.site-info{grid-template-columns:1fr}.friend-sea{min-height:75vh;padding-top:7rem}.friend-star[data-star="joye"]{left:65%;top:54%}.friend-card{left:12%;top:59%}.timeline-item{grid-template-columns:1fr;gap:.35rem}.comment-fields{grid-template-columns:1fr}.reading-tide{height:5px}.photo-tabs{top:78px}}
@media(prefers-reduced-motion:reduce){.reading-tide-fill::before,.reading-tide-fill::after,.friend-star{animation:none}}

/* v20 photography gallery */
.photo-frame{position:relative;height:430px;overflow:hidden;border:1px solid var(--page-line);border-radius:22px;padding:0;scroll-snap-align:start;background:var(--page-card);cursor:zoom-in}.photo-frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}.photo-frame:hover img{transform:scale(1.018);filter:saturate(1.04)}.series-link{display:inline-flex;margin-top:1rem;border-bottom:1px solid var(--page-line);padding:.35rem 0;color:var(--page-accent);text-decoration:none}.photo-awaiting{display:grid;place-items:center;min-height:160px;margin-top:1.5rem;border:1px dashed var(--page-line);border-radius:22px;color:var(--page-muted);background:linear-gradient(135deg,var(--page-surface),var(--page-glow))}.photo-filter-empty{margin:4rem 0;padding:3rem;border:1px dashed var(--page-line);border-radius:24px;text-align:center;color:var(--page-muted)}.motion-card{margin-top:1.5rem;color:inherit;text-decoration:none}.photo-lightbox{position:fixed;z-index:200;inset:0;display:grid;grid-template-columns:70px minmax(0,1fr) 70px;place-items:center;padding:2rem;background:rgba(4,18,27,.92);backdrop-filter:blur(16px)}.photo-lightbox[hidden]{display:none}.photo-lightbox img{max-width:min(1200px,100%);max-height:88vh;object-fit:contain;border-radius:4px;box-shadow:0 30px 90px rgba(0,0,0,.38)}.photo-lightbox button{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(220,240,246,.2);border-radius:50%;color:#e8f5f8;background:rgba(18,52,67,.52);font-size:1.3rem;cursor:pointer}.photo-lightbox-close{position:absolute!important;top:1.2rem;right:1.2rem}.photo-series-detail{width:min(1160px,calc(100% - 40px))}.photo-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:3rem 0}.photo-detail-grid .photo-frame{height:auto;min-height:360px}.photo-detail-grid .photo-frame img{height:auto;min-height:360px;object-fit:cover}@media(max-width:760px){.photo-frame{height:56vh}.photo-lightbox{grid-template-columns:42px minmax(0,1fr) 42px;padding:.8rem}.photo-lightbox button{width:38px;height:38px}.photo-detail-grid{grid-template-columns:1fr}.photo-detail-grid .photo-frame{height:auto;min-height:0}}
.social-list a:not([href]){cursor:default}@media(max-width:760px){.photo-intro{max-width:100%;overflow:hidden}.photo-intro .page-title{max-width:100%;white-space:normal!important;overflow-wrap:anywhere;font-size:clamp(2.7rem,13vw,3.8rem);line-height:.96;letter-spacing:-.05em}.photo-intro p{max-width:100%;overflow-wrap:anywhere;font-size:.94rem}.photo-page{width:calc(100% - 28px)}.photo-tabs{width:100%;box-sizing:border-box}.photo-series{margin-top:3rem}}