:root{--paper:#fafaf8;--ink:#202825;--muted:#6a716e;--line:#dedfda;--accent:#8a3d30;--serif:Georgia,'Times New Roman','Songti SC',SimSun,serif;--sans:Inter,-apple-system,'Segoe UI','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 var(--sans);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}button:disabled{cursor:default;opacity:.35}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}::selection{background:var(--accent);color:white}img{display:block;max-width:100%;border-radius:0!important}.wrap{width:min(1440px,100% - 112px);margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:30}.skip-link:focus{top:15px}.site-header{height:112px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font:32px var(--serif);letter-spacing:-1px;display:flex;align-items:center;gap:22px}.brand span{font:13px var(--sans);letter-spacing:3px;border-left:1px solid var(--line);padding-left:22px}.site-header nav{display:flex;gap:36px;font-size:15px}.site-header nav a{padding:12px 0;border-bottom:2px solid transparent}.site-header nav a[aria-current=page]{color:var(--accent);border-color:var(--accent)}.eyebrow,.meta{font-size:12px;letter-spacing:.1em;color:var(--muted)}.eyebrow{display:flex;gap:12px;align-items:center}.eyebrow:before{content:'';width:6px;height:6px;background:var(--accent)}.hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:50px;padding:48px 0 32px}.hero-copy{padding:12px 0 18px;display:flex;flex-direction:column;align-items:flex-start}.hero h1{font:500 clamp(40px,4.3vw,64px)/1.4 var(--serif);letter-spacing:.035em;margin:25px 0 20px}.hero h1 span{color:var(--accent)}.hero-slogan{font:italic 18px/1.7 var(--serif)}.hero-description{margin:18px 0 25px;color:var(--muted);font-size:15px;line-height:1.9}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:27px;padding:12px 23px;background:var(--ink);border:1px solid var(--ink);color:white;font-size:14px;min-height:46px}.button:hover{background:var(--accent);border-color:var(--accent);color:white}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.text-link{font-size:14px;display:inline-flex;gap:25px;border-bottom:1px solid var(--line);padding-bottom:4px}.hero-figure{display:flex;flex-direction:column}.hero-figure img{width:100%;height:100%;min-height:445px;max-height:530px;object-fit:cover;object-position:64% center}.hero-figure figcaption{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);padding-top:12px}.manifesto-line{border-block:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:14px;margin-bottom:46px}.manifesto-line p{color:var(--muted)}.manifesto-line strong{font-weight:500;color:var(--ink)}.flow{display:flex;gap:19px;font-size:13px;white-space:nowrap}.flow b{font-weight:400;color:var(--accent)}.home-columns{display:grid;grid-template-columns:1.08fr 1fr .92fr;gap:36px;padding-bottom:60px}.home-column+.home-column{border-left:1px solid var(--line);padding-left:36px}.section-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:21px}.section-top h2{font:30px var(--serif)}.section-top h2 small{font:14px var(--sans);margin-left:10px;letter-spacing:1px}.section-top>a{font-size:13px;color:var(--muted);white-space:nowrap}.section-number{display:block;font:11px var(--sans);letter-spacing:.1em;color:var(--accent);margin-bottom:9px}.section-subtitle{font-size:14px;color:var(--muted);margin:-6px 0 22px}.post-mini{display:grid;grid-template-columns:84px 1fr;gap:17px;border-bottom:1px solid var(--line);padding:19px 0}.post-mini:first-child{padding-top:0}.post-mini img{width:84px;height:78px;object-fit:cover}.post-mini h3{font-size:16px;line-height:1.7;font-weight:550;margin-bottom:6px}.post-mini p{font-size:12px;color:var(--muted)}.photo-preview{position:relative;display:block;overflow:hidden}.photo-preview img{width:100%;height:223px;object-fit:cover;transition:transform .5s}.photo-preview:hover img{transform:scale(1.025)}.photo-label{position:absolute;inset:auto 0 0;padding:35px 17px 13px;background:linear-gradient(transparent,#101916b0);color:white}.photo-label h3{font-size:16px;font-weight:450}.photo-label span{font-size:12px}.mini-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.mini-photos img{width:100%;height:116px;object-fit:cover}.image-note{font-size:12px;color:var(--muted);margin-top:12px}.app-mini{border:1px solid var(--line);border-radius:13px;display:flex;gap:12px;align-items:center;background:white;padding:16px;margin-bottom:12px}.app-mini>a{display:flex;gap:15px;align-items:center;flex:1;min-width:0}.app-icon{width:54px;height:54px;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:13px;color:white;font:29px var(--serif);box-shadow:inset 0 1px 2px #ffffff60,0 4px 12px #14231c10}.purple{background:linear-gradient(135deg,#a686dc,#6b4fac)}.green{background:linear-gradient(135deg,#75a88d,#397454)}.blue{background:linear-gradient(135deg,#617789,#293e50)}.orange{background:linear-gradient(135deg,#d4a56c,#a56e39)}.app-label{min-width:0;flex:1}.app-label strong{display:block;font-size:16px;font-weight:550}.app-label p{font-size:13px;color:var(--muted)}.star-button{font-size:23px;color:var(--muted);padding:4px}.star-button[aria-pressed=true]{color:var(--accent)}.build-note{font-size:12px;color:var(--muted);padding-top:7px}.build-note:before{content:'●';color:#477859;font-size:9px;margin-right:8px}.about-banner{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);padding:38px 0 48px}.about-banner h2{font:28px/1.6 var(--serif);margin:12px 0}.about-banner p{font-size:15px;line-height:2;color:var(--muted)}.about-banner .text-link{margin-top:17px}.site-footer{border-top:1px solid var(--line);padding:28px 0 35px;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:12px;color:var(--muted)}.footer-brand{font:23px var(--serif);color:var(--ink)}.site-footer div:first-child p{font:italic 13px var(--serif);margin-top:7px}.page-heading{padding:48px 0 34px;max-width:850px}.breadcrumb{display:flex;gap:12px;font-size:13px;color:var(--muted);margin-bottom:34px;flex-wrap:wrap}.page-heading h1{font:52px/1.25 var(--serif);letter-spacing:-1px;margin:20px 0 16px}.page-heading h1 small{font:22px var(--serif);margin-left:20px;letter-spacing:2px}.page-heading>p:last-child{font-size:16px;line-height:1.9;color:var(--muted);max-width:670px}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);margin:5px 0 30px}.filter-buttons{display:flex;gap:25px;flex-wrap:wrap}.filter-buttons button{font-size:14px;color:var(--muted);padding:12px 0;border-bottom:2px solid transparent}.filter-buttons button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.filter-bar>span{font-size:12px;color:var(--muted);white-space:nowrap}.post-feature{display:grid;grid-template-columns:1.08fr 1fr;gap:50px;align-items:center;padding-bottom:38px;border-bottom:1px solid var(--line)}.post-feature img{width:100%;height:330px;object-fit:cover}.post-feature h2{font:32px/1.6 var(--serif);margin:16px 0}.post-feature p{font-size:16px;color:var(--muted);line-height:1.9;margin-bottom:24px}.article-list{padding-bottom:60px}.post-row{display:grid;grid-template-columns:110px 1fr 175px;gap:35px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.post-row>span{font-size:12px;color:var(--muted);align-self:start;padding-top:5px}.post-row h2{font:24px/1.5 var(--serif);margin-bottom:9px}.post-row p{font-size:14px;color:var(--muted)}.post-row img{width:175px;height:115px;object-fit:cover}.post-row .meta{margin-top:14px}.article-page{padding:34px 0 65px}.article-header{width:min(850px,100%);margin:auto;text-align:center;padding:15px 0 35px}.article-header .eyebrow{justify-content:center}.article-header h1{font:42px/1.6 var(--serif);margin:22px 0 17px}.article-header>p{font-size:17px;color:var(--muted);margin-bottom:23px}.byline{font-size:12px;color:var(--muted);display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.article-cover{width:min(1000px,100%);margin:auto}.article-cover img{width:100%;height:390px;object-fit:cover}.article-cover figcaption{font-size:12px;color:var(--muted);padding-top:9px}.reading-layout{display:grid;grid-template-columns:170px minmax(0,700px) 1fr;gap:45px;padding-top:45px}.toc{position:sticky;top:32px;align-self:start;font-size:13px}.toc p{font-size:12px;color:var(--muted);letter-spacing:.1em;margin-bottom:15px}.toc a{display:block;border-left:1px solid var(--line);padding:7px 0 7px 15px}.prose{font-size:18px;line-height:2.15}.prose>p{margin-bottom:25px}.prose h2{font:28px/1.5 var(--serif);margin:40px 0 17px}.prose blockquote{border-left:2px solid var(--accent);padding:12px 0 12px 24px;margin:34px 0;color:var(--accent);font:24px/1.8 var(--serif)}.article-end{margin-top:38px;padding-top:24px;border-top:1px solid var(--line);font-size:14px}.article-end p{font-size:12px;color:var(--muted);margin-bottom:16px}.related{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:25px;margin-top:50px}.related span{font-size:12px;color:var(--muted)}.related h3{font:20px/1.6 var(--serif);margin-top:5px}.album-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:40px 32px;padding-bottom:60px}.album-card img{height:330px;width:100%;object-fit:cover}.album-card:first-child{grid-row:span 2}.album-card:first-child img{height:663px}.album-card:nth-child(3) img{height:240px}.album-card>div{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-top:15px}.album-card h2{font:24px var(--serif)}.album-card span{font-size:12px;color:var(--muted)}.album-card p{font-size:14px;color:var(--muted);margin-top:8px}.album-title{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-bottom:35px}.album-title .page-heading{padding-bottom:0}.album-title>span{font-size:12px;color:var(--muted);white-space:nowrap}.album-story{max-width:680px;margin:35px auto 45px;font-size:16px;line-height:2;color:var(--muted)}.album-images{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-bottom:60px}.album-shot:first-child{grid-column:1/-1}.album-shot button{display:block;width:100%;padding:0}.album-shot img{width:100%;height:365px;object-fit:cover}.album-shot:first-child img{height:580px}.album-shot figcaption{display:flex;justify-content:space-between;gap:15px;font-size:13px;margin-top:12px;color:var(--muted)}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:65px}.app-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white}.app-card-top{padding:30px;display:flex;gap:22px;align-items:center}.app-card-top .app-icon{width:68px;height:68px;font-size:35px;border-radius:16px}.app-card-top h2{font-size:23px;font-weight:500}.app-card-top p{font-size:14px;color:var(--muted);margin-top:3px}.app-card-top .star-button{margin-left:auto}.app-snapshot{height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1eef7;gap:13px;padding:30px}.app-snapshot strong{font:65px/1.1 var(--serif);color:#7251a8}.app-snapshot span{font-size:13px;color:var(--muted)}.app-snapshot.colors{background:#eaf1eb}.swatches{display:flex;width:85%;height:100px;border-radius:12px;overflow:hidden}.swatches i{flex:1}.app-snapshot.notes{background:#edf0f3}.note-mock{width:82%;background:white;border-radius:8px;padding:20px;font:19px/1.8 var(--serif);box-shadow:0 8px 30px #20282508}.note-mock small{display:block;font:12px var(--sans);color:var(--muted);margin-bottom:8px}.app-snapshot.reading{background:#f5efe5}.app-snapshot.reading strong{color:#a56e39}.app-card-bottom{padding:20px 30px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.app-card-bottom>span{color:var(--muted)}.project-page{padding:36px 0 70px}.project-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:start;padding:12px 0 45px}.project-info>.app-icon{width:78px;height:78px;font-size:39px;border-radius:18px;margin-bottom:23px}.project-info h1{font:42px/1.4 var(--serif)}.project-info .project-subtitle{font-size:20px;margin:12px 0;color:var(--muted)}.project-info>p{font-size:15px;line-height:1.9;color:var(--muted);margin:20px 0 25px}.project-facts{display:flex;gap:32px;border-top:1px solid var(--line);margin-top:30px;padding-top:20px;font-size:13px}.project-facts dt{color:var(--muted);font-size:12px;margin-bottom:5px}.project-facts dd{margin:0}.app-playground{background:#f0edf5;border:1px solid #e5e0ed;border-radius:20px;padding:30px;min-height:390px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:20px}.app-playground h2{font-size:18px;font-weight:500}.app-playground>p{font-size:12px;color:var(--muted)}.timer{font:80px/1.3 var(--serif);font-variant-numeric:tabular-nums;color:#7251a8}.timer-choices{display:flex;gap:10px}.timer-choices button{border:1px solid #d5cce2;padding:4px 15px;border-radius:18px;font-size:13px}.timer-choices button[aria-pressed=true]{background:#7251a8;border-color:#7251a8;color:white}.app-controls{display:flex;justify-content:center;gap:12px}.app-controls .button{border-radius:8px}.project-body{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;border-top:1px solid var(--line);padding-top:34px}.project-body h2{font:24px var(--serif);margin-bottom:15px}.project-body p{font-size:15px;line-height:2;color:var(--muted)}.color-inputs{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.color-inputs label{font-size:12px}.color-inputs input{display:block;width:58px;height:65px;border:0;padding:0;background:none;cursor:pointer;margin-bottom:8px}.app-playground textarea{width:100%;min-height:160px;resize:vertical;background:white;border:1px solid var(--line);border-radius:9px;padding:18px;font-size:16px}.app-playground label{font-size:14px}.session-note{border-top:1px solid #d9d4df;padding-top:16px;width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.reading-demo{font:22px/2 var(--serif);background:white;border-radius:9px;padding:25px;width:100%}.about-page{padding-bottom:65px}.about-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;margin:10px 0 55px}.about-hero h1{font:48px/1.55 var(--serif);margin:23px 0}.about-hero p{font-size:16px;line-height:2;color:var(--muted);margin:20px 0}.about-hero img{width:100%;height:440px;object-fit:cover}.identity-equation{padding:25px 0 35px;border-block:1px solid var(--line);font:33px/1.5 var(--serif)}.identity-equation span{color:var(--accent)}.identity-equation p{font:14px/1.9 var(--sans);color:var(--muted);margin-top:12px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:40px 0}.principles h2{font:28px var(--serif);margin:13px 0}.principles p{font-size:15px;line-height:2;color:var(--muted);margin-bottom:18px}.wechat-line{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:25px;font-size:14px;color:var(--muted)}.wechat-line strong{font-weight:500;color:var(--ink)}dialog{border:0;background:#141b18;color:white;width:min(1400px,calc(100% - 32px));max-height:95dvh;padding:22px 28px}dialog::backdrop{background:#111915e8}.viewer-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:18px}.viewer-top button{color:white;padding:8px}.viewer-image{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:15px;align-items:center}.viewer-image img{width:auto;max-height:70dvh;object-fit:contain;margin:auto}.viewer-image button{color:white;font-size:25px;height:60px}.viewer-caption{padding:20px 55px 0}.viewer-caption h2{font:23px var(--serif)}.viewer-caption p{font-size:12px;color:#b3bcb5;margin-top:8px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:12px 22px;font-size:14px;max-width:calc(100% - 30px);opacity:0;pointer-events:none;transition:.2s;z-index:30}#toast.show{opacity:1;transform:translate(-50%,0)}.empty-page{text-align:center;padding:110px 20px}.empty-page h1{font:40px var(--serif);margin:15px 0}.empty-page p{color:var(--muted);margin-bottom:25px}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:30px}.hero h1{font-size:44px}.hero-slogan{font-size:16px}.home-columns{gap:23px}.home-column+.home-column{padding-left:23px}.section-top h2{font-size:26px}.section-top h2 small{font-size:12px;margin-left:7px}.post-mini{grid-template-columns:65px 1fr;gap:12px}.post-mini img{width:65px;height:75px}.post-mini h3{font-size:14px}.app-mini{padding:12px;gap:8px}.app-mini>a{gap:10px}.app-icon{width:44px;height:44px}.app-label p{font-size:12px}.app-label strong{font-size:15px}.reading-layout{grid-template-columns:140px minmax(0,1fr);gap:30px}.project-hero{gap:40px}.brand{font-size:29px}.site-header nav{gap:28px}}
@media(max-width:800px){.brand span{display:none}.site-header{height:88px}.hero{grid-template-columns:1fr 1fr;gap:25px}.hero h1{font-size:37px}.hero-slogan{font-size:15px}.hero-figure img{min-height:425px}.hero-description br{display:none}.hero-actions{gap:20px}.hero-actions .button{padding:10px 14px;gap:15px}.manifesto-line{align-items:flex-start;gap:20px}.manifesto-line>p{max-width:280px}.flow{gap:11px}.home-columns{grid-template-columns:1fr 1fr;gap:35px}.home-column+.home-column{padding-left:25px}.home-column:last-child{grid-column:1/-1;border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:28px}.home-apps{display:grid;grid-template-columns:1fr 1fr;gap:12px}.app-mini{margin-bottom:0}.post-mini{grid-template-columns:80px 1fr}.post-mini img{width:80px}.post-mini h3{font-size:16px}.site-footer{flex-wrap:wrap}.post-feature{gap:28px}.post-feature h2{font-size:27px}.post-row{grid-template-columns:80px 1fr 130px;gap:20px}.post-row img{width:130px}.album-grid{gap:30px 24px}.album-card:first-child img{height:590px}.album-card img{height:290px}.album-card:nth-child(3) img{height:215px}.album-card h2{font-size:21px}.album-card>div{display:block}.album-card span{display:block;margin-top:6px}.album-shot:first-child img{height:440px}.album-shot img{height:290px}.app-card-top{padding:23px;gap:15px}.app-card-top .app-icon{width:54px;height:54px}.project-hero{grid-template-columns:1fr;gap:25px}.project-body{gap:25px}.about-hero{gap:35px}.about-hero h1{font-size:37px}.principles{gap:27px}.wechat-line{flex-direction:column;gap:10px}}
@media(max-width:580px){.wrap{width:calc(100% - 40px)}.site-header{height:auto;min-height:96px;flex-direction:column;gap:8px;padding:20px 0 10px;align-items:flex-start}.brand{font-size:29px}.brand span{display:inline;font-size:11px;padding-left:15px;letter-spacing:2px}.site-header nav{width:100%;gap:0;justify-content:space-between;font-size:14px}.site-header nav a{padding:8px 0}.hero{grid-template-columns:1fr;padding-top:26px;gap:26px}.hero-copy{padding:0}.hero h1{font-size:46px;line-height:1.35;margin:22px 0 18px;letter-spacing:.02em}.hero-slogan{font-size:17px}.hero-description{font-size:14px;max-width:340px;margin:16px 0 24px}.hero-actions{gap:28px}.hero-figure img{height:300px;min-height:0;object-position:65% center}.hero-figure figcaption{font-size:12px}.manifesto-line{display:block;padding:20px 0;margin-bottom:30px}.manifesto-line>p{max-width:100%;font-size:13px}.flow{margin-top:13px;gap:20px;font-size:12px}.home-columns{grid-template-columns:1fr;gap:32px;padding-bottom:35px}.home-column+.home-column{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:27px}.home-column:last-child{grid-column:auto}.section-top h2{font-size:30px}.section-top h2 small{font-size:14px}.post-mini{grid-template-columns:92px 1fr;gap:17px}.post-mini img{width:92px;height:80px}.post-mini h3{font-size:16px}.photo-preview img{height:240px}.mini-photos img{height:140px}.home-apps{grid-template-columns:1fr}.app-mini{padding:16px}.app-mini>a{gap:16px}.app-icon{width:50px;height:50px}.app-label strong{font-size:17px}.app-label p{font-size:13px}.build-note{margin-top:12px}.about-banner{grid-template-columns:1fr;gap:20px;padding:28px 0 35px}.about-banner h2{font-size:25px}.about-banner p{font-size:14px}.site-footer{display:grid;grid-template-columns:1fr;gap:19px;padding-block:25px}.page-heading{padding:30px 0 25px}.breadcrumb{margin-bottom:27px;font-size:12px}.page-heading h1{font-size:43px;margin-top:18px}.page-heading h1 small{font-size:20px;margin-left:13px}.page-heading>p:last-child{font-size:15px}.filter-bar{gap:12px}.filter-buttons{gap:21px}.filter-buttons button{font-size:13px}.post-feature{grid-template-columns:1fr;gap:23px}.post-feature img{height:235px}.post-feature h2{font-size:27px;margin:12px 0}.post-feature p{font-size:15px;margin-bottom:17px}.post-row{grid-template-columns:minmax(0,1fr) 90px;gap:13px;padding:25px 0}.post-row>span{grid-column:1/-1;padding:0}.post-row h2{font-size:21px}.post-row p{font-size:13px}.post-row img{width:90px;height:108px}.article-page{padding-top:25px}.article-header{padding-top:5px}.article-header h1{font-size:31px;margin:19px 0 14px}.article-header>p{font-size:15px}.byline{gap:8px 12px}.article-cover img{height:240px}.reading-layout{display:block;padding-top:28px}.toc{position:static;display:flex;flex-wrap:wrap;gap:8px 17px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:28px}.toc p{width:100%;margin-bottom:0}.toc a{border:0;padding:0;font-size:12px}.prose{font-size:17px;line-height:2}.prose h2{font-size:25px;margin-top:30px}.prose blockquote{font-size:21px;padding-left:18px;margin:28px 0}.related h3{font-size:18px}.album-grid{grid-template-columns:1fr;gap:30px;padding-bottom:40px}.album-card:first-child{grid-row:auto}.album-card:first-child img,.album-card img,.album-card:nth-child(3) img{height:270px}.album-card>div{display:flex}.album-card h2{font-size:24px}.album-title{display:block;padding-bottom:24px}.album-title>span{display:block;margin-top:17px}.album-story{margin:25px 0 30px;font-size:15px}.album-images{grid-template-columns:1fr;gap:25px}.album-shot:first-child{grid-column:auto}.album-shot:first-child img,.album-shot img{height:280px}.app-grid{grid-template-columns:1fr;gap:23px;padding-bottom:40px}.app-snapshot{height:220px}.project-page{padding-top:25px}.project-info h1{font-size:36px}.project-info .project-subtitle{font-size:18px}.project-hero{padding-bottom:30px}.app-playground{min-height:355px;padding:24px 18px}.timer{font-size:73px}.project-body{grid-template-columns:1fr;gap:28px}.project-body h2{font-size:24px;margin-bottom:10px}.project-facts{gap:28px}.about-hero{grid-template-columns:1fr;gap:20px;margin-bottom:35px}.about-hero h1{font-size:39px;margin:18px 0}.about-hero p{font-size:15px}.about-hero img{height:290px}.identity-equation{font-size:27px}.principles{grid-template-columns:1fr;gap:25px;margin-block:30px}.principles h2{font-size:27px;margin:9px 0}.wechat-line{font-size:13px}.viewer-image{grid-template-columns:28px minmax(0,1fr) 28px;gap:6px}dialog{width:calc(100% - 16px);padding:12px 8px}.viewer-top{padding-inline:10px}.viewer-caption{padding:20px 15px 8px}.viewer-caption h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Detail pages use the original site's white, blue, sans-serif visual language. */
:root{--paper:#fff;--ink:#101522;--muted:#707b8e;--line:#e9ecf1;--accent:#2879de;--serif:Inter,-apple-system,'Segoe UI','Microsoft YaHei',sans-serif}
.site-header{height:82px;border:0;gap:48px;flex-wrap:nowrap;padding-block:0}.brand{font:750 29px/1 var(--sans);letter-spacing:-1px;gap:13px;white-space:nowrap}.brand span{font-size:12px;font-weight:500;letter-spacing:1px;color:#687386;border:0;padding-left:0}.site-header nav{gap:34px;margin:0;font-size:14px}.site-header nav a{border:0;padding:10px 0}.site-header nav a[aria-current=page]{color:var(--accent)}.wrap{width:100%;max-width:1440px;padding-inline:48px;margin-inline:auto}.page-heading h1,.article-header h1{font-weight:700}.page-heading{max-width:none}.page-heading h1 small{font-weight:500}.post-feature h2,.post-row h2,.prose h2,.album-card h2,.project-info h1,.project-body h2{font-weight:650}.creator-footer{margin-top:0}.hero-copy{max-width:650px}
@media(max-width:1150px){.wrap{padding-inline:30px}.site-header{gap:30px}.site-header nav{gap:24px}}
@media(max-width:600px){.wrap{padding-inline:22px}.site-header{padding-block:16px;min-height:76px;height:auto;gap:12px;flex-wrap:wrap;flex-direction:row;align-items:center}.brand{font-size:25px}.brand span{display:none}.site-header nav{width:auto;margin-left:auto;gap:18px;font-size:13px}.creator-footer{display:block}.creator-footer>div{display:flex}.page-heading h1{font-size:38px}.article-header h1{font-size:29px}.about-hero h1{font-size:36px}}
.star-button{position:static;transform:none;flex-shrink:0}.app-icon{flex-basis:auto}.app-card-top .app-icon{flex-basis:68px}.project-info>.app-icon{display:flex;width:78px;flex-basis:auto}.viewer-top{display:flex;align-items:center;justify-content:space-between}

/* See: quiet, uncropped photographs and a full-screen light table. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.see-page{padding-bottom:64px;min-height:calc(100dvh - 200px)}




.photo-masonry{columns:3;column-gap:28px}
.photo-card{position:relative;overflow:hidden;display:block;width:100%;padding:0;margin:0 0 28px;break-inside:avoid;background:#f1f2f3;box-shadow:0 8px 20px #17232d14;transition:box-shadow .2s,transform .2s;cursor:zoom-in;text-align:left}
.photo-card img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.photo-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #17232d24}
.photo-card-caption{position:absolute;inset:auto 0 0;display:block;padding:48px 22px 22px;background:linear-gradient(transparent,rgba(13,24,33,.78) 65%,rgba(13,24,33,.9));color:#fff;opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease;pointer-events:none;overflow-wrap:anywhere}
.photo-card-title{display:block;font-size:18px;font-weight:500;line-height:1.5;text-wrap:pretty}
.photo-card-info{display:block;margin-top:8px;font-size:12px;line-height:1.6}
.photo-card-meta{display:flex;flex-wrap:wrap;gap:4px 14px;color:#e1e7ed}
.photo-card-details{display:grid;gap:3px;margin-top:6px;color:#e1e7ed}
.photo-card:hover .photo-card-caption,.photo-card:focus-visible .photo-card-caption{opacity:1;transform:translateY(0)}
.photo-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:600px){.photo-card-caption{padding:30px 12px 12px}.photo-card-title{font-size:14px}.photo-card-info{font-size:11px;margin-top:5px}}
@media(hover:none){.photo-card-caption{position:static;padding:14px;background:#fff;color:var(--ink);opacity:1;transform:none}.photo-card-meta,.photo-card-details{color:var(--muted)}.photo-card:hover{transform:none}}
.see-note{font-size:12px;color:var(--muted);margin-top:12px}
dialog.photo-viewer{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:56px 72px 48px;border:0;border-radius:0;background:#eef0f2;color:#25303a;overflow-y:auto;overscroll-behavior:contain}
.photo-viewer::backdrop{background:#eef0f2}
.photo-viewer .viewer-top{position:absolute;inset:12px 24px auto;margin:0;pointer-events:none;color:#66717a;font-size:12px;font-variant-numeric:tabular-nums}
.photo-viewer .viewer-top button{pointer-events:auto;color:#66717a;font-size:36px;line-height:1;width:44px;height:44px;padding:0}
.photo-viewer .viewer-image{display:flex;align-items:center;justify-content:center;height:calc(100dvh - 220px);min-height:200px;gap:0}
.photo-viewer .viewer-image img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;margin:0;box-shadow:0 16px 36px #14233026}
.photo-viewer .viewer-image button{position:absolute;top:max(140px,calc((100dvh - 220px)/2 + 34px));width:44px;height:44px;font-size:30px;color:#66717a;padding:0;line-height:1}
.photo-viewer #prevPhoto{left:12px}.photo-viewer #nextPhoto{right:12px}
.photo-viewer .viewer-caption{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px 48px;max-width:1200px;margin:0 auto;padding:26px 0 30px}
.photo-viewer .viewer-caption h2{font:500 20px/1.5 var(--sans);letter-spacing:0}
.viewer-caption dl{display:flex;gap:40px;margin:0}.viewer-caption dt{font-size:12px;color:#747e87}.viewer-caption dd{font-size:14px;margin:4px 0 0}
.viewer-caption #jumpToComments{font-size:14px;color:#53626f;padding:10px 0;white-space:nowrap}
.photo-comments{max-width:720px;margin:0 auto;padding-top:28px;border-top:1px solid #d7dce1;scroll-margin-top:24px}
.photo-comments h3{font-size:18px;font-weight:500;margin-bottom:20px}.comments-empty{font-size:14px;color:#747e87;margin-bottom:24px}
.photo-comment{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid #dfe3e7;overflow-wrap:anywhere}.photo-comment>div{display:flex;align-items:center;gap:20px;justify-content:space-between}.photo-comment strong{font-size:14px;font-weight:500}.photo-comment time{font-size:12px;color:#747e87}.photo-comment p{font-size:16px;margin-top:8px;white-space:pre-wrap}
#photoCommentForm{display:grid;gap:10px}#photoCommentForm label{font-size:14px}#photoCommentForm label span{color:#747e87}
#photoCommentForm input,#photoCommentForm textarea{display:block;width:100%;border:1px solid #d4dbe1;background:#ffffffa6;border-radius:0;padding:10px 12px;font-size:16px}#photoCommentForm input{max-width:260px;margin-bottom:6px}#photoCommentForm textarea{resize:vertical;min-height:100px}
.comment-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:6px}.comment-actions p,#commentStatus{font-size:12px;color:#6c7781}.comment-actions button{background:#263746;color:#fff;font-size:14px;padding:10px 18px;white-space:nowrap}#commentStatus{min-height:22px}
@media(min-width:1600px){.photo-masonry{column-gap:32px}.photo-card{margin-bottom:32px}}
@media(max-width:900px){.photo-masonry{columns:2;column-gap:20px}.photo-card{margin-bottom:20px}.photo-viewer .viewer-caption{gap:20px 30px}.viewer-caption dl{gap:24px}}
@media(max-width:600px){.see-page{padding-bottom:40px}.photo-masonry{column-gap:12px}.photo-card{margin-bottom:12px}dialog.photo-viewer{padding:60px 16px 28px}.photo-viewer .viewer-top{inset:10px 12px auto}.photo-viewer .viewer-image{height:calc(100dvh - 290px);min-height:200px}.photo-viewer .viewer-image button{top:max(140px,calc((100dvh - 290px)/2 + 38px));background:#eef0f2dc;border-radius:50%;font-size:24px}.photo-viewer #prevPhoto{left:4px}.photo-viewer #nextPhoto{right:4px}.photo-viewer .viewer-caption{justify-content:flex-start;gap:14px 28px;padding:20px 4px 24px}.photo-viewer .viewer-caption h2{width:100%;font-size:18px}.viewer-caption #jumpToComments{margin-left:auto}.photo-comments{padding-top:24px}.comment-actions{align-items:flex-start;gap:12px}.comment-actions p{max-width:170px}}

.see-shuffle{font-size:14px;color:var(--muted);padding:12px 0;white-space:nowrap}.see-shuffle:hover{color:var(--accent)}.see-empty{padding:40px 0;color:var(--muted);font-size:14px}.see-filter-bar .see-tabs{gap:28px}@media(max-width:600px){.see-filter-bar .see-tabs{gap:20px}.see-shuffle{font-size:13px}}

/* Compact archive masthead: title and context share the same horizontal band. */
.page-heading.archive-heading{padding:20px 0 26px;display:grid;grid-template-columns:1fr minmax(280px,.85fr);column-gap:70px;align-items:center}
.archive-heading .breadcrumb{grid-column:1/-1;margin-bottom:24px;font-size:13px}
.archive-heading .archive-title .eyebrow{font-size:11px;letter-spacing:.16em;color:#788394;display:flex;align-items:center;gap:10px}
.archive-heading .archive-title .eyebrow:before{content:'';width:6px;height:6px;background:#2879de}
.archive-heading .archive-title h1{font-size:clamp(40px,4.2vw,58px);margin:10px 0 0;line-height:1.12;letter-spacing:-1.6px}
.archive-heading h1 small{font-size:22px;letter-spacing:1px;margin-left:18px}
.archive-context{border-left:1px solid #e3e9f0;padding:4px 0 4px 28px;max-width:560px}
.archive-context p{font-size:15px;line-height:1.85;color:#657183;max-width:490px}
.archive-context .archive-meta{display:flex;gap:16px;align-items:center;font-size:12px;margin-top:13px;color:#8893a1;letter-spacing:.03em}
.archive-meta strong{color:#2879de;font-weight:500}
@media(max-width:700px){.page-heading.archive-heading{grid-template-columns:1fr;gap:0;padding:14px 0 23px}.archive-heading .breadcrumb{margin-bottom:23px}.archive-heading .archive-title h1{font-size:42px}.archive-context{border-left:0;padding:0;margin-top:17px}.archive-context p{font-size:14px}.archive-context .archive-meta{margin-top:10px}.archive-heading h1 small{font-size:20px}}