:root{--paper:#fafafa;--ink:#262b2e;--muted:#818a8c;--mist:#f0f3f2;--line:#e0e4e2;--accent:#e73443}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}header{position:fixed;z-index:6;top:0;left:0;width:100%;padding:21px 30px;display:flex;justify-content:space-between;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.name{font-weight:700;letter-spacing:.04em}.name i{font-style:normal;font-size:.68rem;margin-left:8px;font-weight:400;color:var(--muted);letter-spacing:.12em}nav{display:flex;gap:24px;font-size:.76rem;color:var(--muted)}nav a:hover{color:var(--accent)}.intro{min-height:84svh;padding:19vh 5vw 8vh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f5f9fa 100%)}.intro:after{content:"";width:min(54vw,720px);height:min(54vw,720px);border:1px solid #dbe6e9;border-radius:50%;position:absolute;right:-12vw;bottom:-30vw}.kicker{letter-spacing:.18em;font-size:.7rem;color:var(--accent);margin:0 0 26px}.intro h1{font-size:clamp(4.6rem,12vw,12rem);line-height:.76;letter-spacing:-.1em;margin:0;position:relative;z-index:1;font-weight:650}.intro h1 em{color:var(--accent);font-family:Georgia,serif;font-weight:400;font-size:.57em}.intro-note{max-width:385px;margin:12vh 0 0 29%;line-height:1.85;font-size:1.02rem;position:relative;z-index:1;color:#586267}.explore{margin-top:auto;z-index:1;font-size:.75rem;letter-spacing:.13em}.explore b{font-size:1.3rem;color:var(--accent);margin-left:8px}.archive,.featured{padding:10vw 3vw}.featured{background:#f1f5f6}.archive-head,.featured-head{display:grid;grid-template-columns:1fr 3fr 1fr;align-items:end;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:6vw}.archive-head p,.archive-head span,.featured-head p,.featured-head span{font-size:.72rem;color:var(--muted);margin:0}.featured-head p{color:var(--accent)}.archive-head span,.featured-head span{text-align:right}.archive-head h2,.featured-head h2{font-size:clamp(3.4rem,8vw,8.5rem);line-height:.75;letter-spacing:-.095em;font-weight:650;margin:0}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:2vw}.feature{border:0;background:none;color:inherit;text-align:left;padding:0;cursor:pointer;position:relative;overflow:hidden}.feature img{display:block;width:100%;height:66vh;object-fit:cover;transition:transform .7s}.feature:hover img{transform:scale(1.035)}.feature-copy{position:absolute;inset:auto 0 0;padding:13vw 25px 23px;background:linear-gradient(transparent,rgba(24,30,33,.63));color:#fff}.feature-copy span{font-size:.72rem;color:#ff9ba2;letter-spacing:.08em}.feature-copy h3{font-size:clamp(2rem,4.2vw,5rem);line-height:.88;letter-spacing:-.075em;font-weight:600;margin:10px 0 0}.works-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:7vw 2vw}.card{grid-column:span 6;cursor:pointer;border:0;background:none;text-align:left;padding:0}.card:nth-child(3n){grid-column:3/span 7}.card:nth-child(4n){grid-column:span 5}.card.quiet{grid-column:span 4;opacity:.58;transform:scale(.9);transform-origin:top left}.card-image{width:100%;aspect-ratio:1.25;overflow:hidden;background:var(--mist)}.card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.card:hover img{transform:scale(1.03)}.card-meta{border-top:1px solid var(--line);margin-top:12px;padding-top:10px;display:grid;grid-template-columns:56px 1fr auto;gap:8px;align-items:start}.num,.date{font-size:.72rem;color:var(--accent)}.card h3{font-size:clamp(1.5rem,3.3vw,3.7rem);line-height:.96;letter-spacing:-.068em;font-weight:600;margin:0}.medium{font-size:.73rem;color:var(--muted);margin:14px 0 0;grid-column:2}.about{padding:10vw 5vw;background:#e9f1f3;display:grid;grid-template-columns:1fr 2fr 3fr;gap:3vw;min-height:52vh}.about h2{font-size:clamp(3rem,7vw,8rem);letter-spacing:-.09em;font-weight:650;line-height:.8;margin:0}.about div p{font-size:clamp(1.05rem,1.7vw,1.45rem);line-height:1.75;margin:0 0 24px}footer{display:flex;justify-content:space-between;background:#eff3f3;color:var(--muted);border-top:1px solid var(--line);padding:27px 30px;font-size:.73rem}dialog{border:0;padding:0;width:100vw;max-width:none;height:100svh;max-height:none;background:#fff;color:var(--ink)}.close{position:fixed;right:22px;top:12px;z-index:4;border:0;background:none;color:var(--ink);font-size:2.5rem;cursor:pointer}#viewerContent{min-height:100%;padding:9vh 5vw 7vh}.viewer-top{display:grid;grid-template-columns:1fr 2fr;gap:5vw;margin-bottom:7vh}.viewer-top h2{font-size:clamp(3rem,8vw,8rem);letter-spacing:-.09em;line-height:.82;font-weight:650;margin:0}.viewer-info{font-size:1rem;line-height:1.85;white-space:pre-line;max-width:650px;color:#586267}.viewer-info .date{display:block;color:var(--accent);margin-bottom:18px}.gallery{columns:2;column-gap:18px}.gallery img{display:block;width:100%;margin:0 0 18px;break-inside:avoid;cursor:zoom-in}.light-image{position:fixed;z-index:7;inset:0;background:rgba(20,26,28,.94);display:grid;place-items:center;padding:4vh}.light-image img{max-width:100%;max-height:100%;object-fit:contain}.light-image button{position:absolute;right:20px;top:10px;border:0;background:none;color:#fff;font-size:2rem;cursor:pointer}@media(max-width:700px){header{padding:17px 18px}.intro{padding:17vh 18px 7vh;min-height:84svh}.intro h1{font-size:22vw}.intro-note{margin:13vh 0 0 15%;font-size:.98rem}.archive,.featured{padding:22vw 18px}.archive-head,.featured-head{display:block;margin-bottom:16vw}.archive-head h2,.featured-head h2{font-size:18vw;margin:14px 0}.archive-head span,.featured-head span{text-align:left;display:block}.featured-grid{display:block}.feature{width:100%;margin-bottom:18px}.feature img{height:62vh}.works-grid{display:block}.card,.card:nth-child(3n),.card:nth-child(4n),.card.quiet{width:100%;margin-bottom:24vw;opacity:.72;transform:none}.card-meta{grid-template-columns:42px 1fr auto}.card h3{font-size:9vw}.medium{grid-column:2}.about{display:block;padding:22vw 18px}.about h2{font-size:17vw;margin:25px 0 10vh}.about div p{font-size:1.05rem}footer{padding:22px 18px;flex-wrap:wrap;gap:13px}.viewer-top{display:block;margin-bottom:8vh}.viewer-top h2{font-size:16vw;margin-bottom:7vh}.gallery{columns:1}#viewerContent{padding:9vh 18px}.close{right:15px}.name i{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}