@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter+Tight:wght@400;500;600&display=swap");:root{--paper:#264964;--muted:#c5d0d0;--line:#e8ecd12e;--soft:#34576c;--purple:#d9c9a6;--radius:12px;--font-sans:"Inter Tight","MiSans VF",-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;--font-mono:"IBM Plex Mono","MiSans VF",monospace}html{color-scheme:dark}body,html{background:#264964}body{overflow-x:clip}.site{position:relative;isolation:isolate;background:radial-gradient(ellipse at 90% 7%,#7295a64d,transparent 30%),linear-gradient(#335e7d,#29485f 43%,#203a50 80%,#1b3349)}.site:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}::selection{background:#e4cf9e;color:#203c50}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#eed4a2}.container{width:min(1360px,calc(100% - 112px))}.site-header{background:#24465fe8;border-color:#e5e5d829}.header-inner{width:min(1600px,calc(100% - 80px))}.wordmark{gap:11px}.wordmark>img{width:37px;height:37px;border-radius:8px}.wordmark>span{font-size:29px}.wordmark-dot{color:#d8c399}.wordmark small{color:#c5d0d0;font:8px/1.7 var(--font-mono);letter-spacing:.07em}.desktop-nav{gap:32px}.desktop-nav>a{font-size:12px;color:#e0e5de}.desktop-nav>a.active,.desktop-nav>a:hover{color:#fff5e1}.desktop-nav>a>span{background:transparent}.desktop-nav>a.active>span{background:#e1cda4}.language-switch{color:#b4c4cc;background:#183a501f;border-color:#dfe8dc4d}.language-switch .selected{color:#fff5e1}.language-divider{background:#dfe8dc4d}.language-switch:hover{background:#3e6377}.button.dark{background:#fff3d9;color:#27445b;border-color:#fff3d9}.button.dark:hover{background:#dfcfac;color:#203b4c;border-color:#dfcfac}.button.outline{background:transparent;color:#fff5e1;border-color:#d6dfd372}.button.outline:hover{background:#eee6d516;color:#fff5e1;border-color:#fff5e1}.icon-button:hover{background:#edf0dc17}.text-link{color:#fff2d7;font-size:12px;font-weight:450}.eyebrow{color:#cfdbd5;font:400 10px/1.6 var(--font-mono);letter-spacing:.1em}.skip-link{color:#213e54;background:#fff5e1}.mobile-navigation{background:#24465f;border-color:var(--line)}.mobile-email,.mobile-navigation>a{color:#fff5e1;border-color:var(--line)}.menu-toggle{color:#fff5e1}.studio-hero{position:relative;isolation:isolate;overflow:hidden;min-height:760px;height:calc(100svh - 88px);max-height:1050px;background:#4a7191}.studio-hero-inner{position:relative;z-index:1;height:100%;padding-top:31px;pointer-events:none}.studio-hero-inner a{pointer-events:auto}.studio-overline{display:flex;justify-content:space-between;gap:20px;color:#f0efe1;font:9px/1.6 var(--font-mono);letter-spacing:.04em}.studio-overline>span:first-child{display:inline-flex;gap:9px;align-items:center}.studio-overline i{width:5px;height:5px;background:#dddcb5;border-radius:50%;box-shadow:0 0 9px #fff4c649}.studio-introduction{position:relative;padding-top:clamp(60px,8vh,105px);width:78%}.studio-introduction .eyebrow{color:#e2e8dd;font-size:10px}.studio-introduction h1{font-size:clamp(48px,5.15vw,86px);font-weight:450;line-height:1.3;letter-spacing:-.055em;margin-top:24px;color:#fff5e1}.lang-zh .studio-introduction h1{font-weight:450;letter-spacing:-.05em}.studio-introduction h1>span{color:#e6e4cf}.lang-en .studio-introduction h1{font-family:"DM Serif Display",Georgia,serif;font-size:clamp(65px,6.3vw,110px);font-weight:400;line-height:1.04;letter-spacing:-.045em}.lang-en .studio-introduction h1>span{font-style:italic}.studio-description{max-width:365px;font-size:13px;line-height:1.95;color:#f2efe0;margin-top:27px}.studio-actions{display:flex;gap:30px;margin-top:24px}.studio-actions a{display:inline-flex;gap:17px;align-items:center;border-bottom:1px solid #f5edce83;padding-block:10px;font-size:12px}.studio-actions a:hover{color:white;border-color:white}.studio-signature{position:absolute;right:1%;top:38%;transform:rotate(-7deg);font:italic 48px/.98 "DM Serif Display",Georgia,serif;letter-spacing:-.035em;color:#fff4df;text-shadow:0 2px 30px #233e4933}.studio-signature>span{color:#e9e4c9}.studio-bottom{position:absolute;left:0;right:0;bottom:31px;padding-right:300px;display:flex;justify-content:space-between;align-items:center;gap:25px;color:#f4f2df;font:9px/1.8 var(--font-mono)}.studio-bottom a{display:inline-flex;gap:10px;align-items:center}.studio-bottom>span{font-size:8px;letter-spacing:.07em}.experience-strip{background:#7e957216;border-block:1px solid var(--line)}.experience-strip>div{padding-block:30px}.experience-strip>div>span{color:#c5d2cb;font:8px var(--font-mono)}.experience-strip>div>div>span{color:#e0e4d5;font-weight:400;letter-spacing:-.035em}.section{padding-block:105px}.section-heading{margin-bottom:45px}.section-heading .eyebrow{margin-bottom:22px}.section-heading h2,.systems-intro h2{font-size:clamp(38px,3.6vw,58px);font-weight:450;letter-spacing:-.04em;line-height:1.3}.lang-en .section-heading h2,.lang-en .systems-intro h2{font-size:clamp(44px,4.3vw,68px);font-weight:400;line-height:1.1}.section-heading .serif,.systems-intro .serif{color:#d8dcc6}.selected-cases{grid-template-columns:1.25fr 1fr;gap:30px 35px}.selected-cases>.project-card:first-child{grid-row:span 2}.selected-cases>.project-card:first-child .project-art{height:630px}.selected-cases>.compact .project-art{height:244px;padding:26px 30px 0}.project-card-media{border:1px solid #efe9d568;border-radius:10px;box-shadow:0 18px 40px #092e4321;background:#dedbcf}.project-card-media:after{content:"";position:absolute;inset:0;border:5px solid #eee6d30d;border-radius:inherit;pointer-events:none}.project-art{color:#293440}.project-card .project-art{transition:filter .35s}.project-card-link:hover .project-art{filter:saturate(1.08)}.project-card-body{padding-top:22px}.catalog-grid .project-card h3,.home-builds .project-card-body h3,.project-card h3{color:#fff5e1;font-size:25px;font-weight:500;letter-spacing:-.035em}.selected-cases>.compact h3{font-size:21px;font-weight:500}.project-card-body>p,.selected-cases>.compact .project-card-body>p{font-size:12px;color:#ced8d2}.article-card-meta,.project-card-meta{color:#cfdbd3;font:9px/1.5 var(--font-mono)}.media-status{color:#fff5e1;background:#29495ae6;border:1px solid #dddac64d;border-radius:4px}.card-open{background:#fff2dbde;color:#2c4c60;border:1px solid #fff4e98a}.card-read{color:#e8e3c8;font-weight:450}.build-section{background:linear-gradient(130deg,#627b5940,#4663571c 60%);border-block:1px solid var(--line)}.build-section .section{padding-top:100px}.section-lead{color:#ccd8ce;max-width:510px;font-size:14px}.build-grid{gap:45px 32px}.home-builds .project-art{height:340px}.home-builds .project-card-body{padding-top:20px}.lab-invitation{border:1px solid #dbe2bc4d;border-radius:9px;background:#8fa66d14;padding:27px;margin-top:55px}.lab-glyph{background:#93a77533;color:#e1e5c1;border-radius:6px}.lab-invitation strong{font-size:20px;font-weight:450}.lab-invitation p{color:#c9d4c5}.round-arrow{border:1px solid #d9dfc56b;background:#e3e1c910;color:#ece9cf}.systems-section{gap:90px}.practice-links p,.systems-intro>p:last-child{color:#c7d4d1}.practice-links>a{border-color:var(--line)}.practice-links h3{font-size:20px;font-weight:450}.practice-links>a>svg:first-child{color:#d7d6b7}.article-art{border-radius:9px;color:#293440;border:1px solid #e9e3d842}.article-card h3{font-size:21px;font-weight:450}.article-card p{color:#c7d4d0;font-size:13px}.about-preview{background:linear-gradient(120deg,#b6bb9221,#c7d2bd08);border:1px solid #d9dfbd3d;border-radius:10px;padding:50px 58px;margin-bottom:100px}.about-preview h2{font-size:32px;font-weight:450}.about-preview p:not(.eyebrow){color:#c7d2c9}.portrait-stamp{background:#e4dfc9;color:#40504b;box-shadow:0 15px 25px #18332d30}.index-page{padding-top:75px;padding-bottom:100px}.page-intro h1{font-size:clamp(45px,5.3vw,78px);font-weight:450;line-height:1.3}.lang-en .page-intro h1{font-size:clamp(54px,6vw,88px);font-weight:400;line-height:1.08}.page-intro h1 .serif{color:#dce0cb}.page-intro-bottom>p{color:#c7d4d1}.index-count,.quiet-label,.result-status{color:#c0d1cc;font-family:var(--font-mono)}.filter-tabs>button{color:#d5dfd5}.filter-tabs>button.active{background:#e9e1c8;color:#29495d}.filter-tabs>button:not(.active):hover{background:#d7e0d51a;color:#fff5e1}.search-field{color:#c0d1cb}.search-field input::placeholder{color:#bccdc9}.catalog-grid{gap:52px 32px}.catalog-grid .project-art{height:min(33vw,400px)}.github-banner,.wechat-reading{background:#7e986521;border:1px solid #dbe5c445;border-radius:10px}.wechat-reading-icon{background:#b4c29726;color:#d5dec1}.about-hero h1,.lang-en .about-hero h1{font-size:clamp(43px,4.8vw,68px);font-weight:450}.about-hero h1 .serif{color:#e1dfc9}.about-portrait{background:#e1ddc8;color:#354b52;border-color:#e8e4d3;box-shadow:0 25px 45px #1537492b}.portrait-caption>span{color:#6c796d}.portrait-motto{background:#c9c49e;color:#4b5c54;box-shadow:0 8px 25px #203e3e2b}.career-timeline{border-color:#d0d8bd4d}.timeline-dot{background:#d9d5ac}.career-timeline h3>span,.career-timeline p,.career-timeline small,.career-timeline time{color:#c7d3cb}.elsewhere-grid>a>svg:first-child{color:#d2d8b9}.article-header h1,.detail-header h1,.lang-en .article-header h1,.lang-en .detail-header h1{font-size:clamp(38px,4.5vw,65px);font-weight:450}.article-header>p,.detail-project-name{color:#cad6d0}.status-label{color:#e4e4c7;border-color:#d8dfbf55;border-radius:4px}.detail-tags>span{color:#becfc9}.article-header h1,.detail-header h1{text-wrap:balance}.detail-hero-art{border:1px solid #e3dfcf5c;border-radius:12px}.case-gallery img{border-radius:7px}.article-toc>a,.case-sidebar nav>a,.case-sidebar>div>span{color:#c8d5d0}.article-toc>a:hover,.case-sidebar nav>a:hover{color:#fff4d9}.article-prose .article-colophon,.article-prose p,.case-body section>p:not(.eyebrow),.case-boundary,.case-gallery figcaption,.decision-list p{color:#d1dbd3}.article-prose blockquote,.case-body .reflection-text{color:#e2dfbc}.article-prose blockquote{border-color:#c4c798}.article-related-project{background:#a7b5821c;border:1px solid #d6ddbc3f;border-radius:8px}.article-related-project strong{color:#fff5e1}.article-byline small,.article-related-project small,.next-note>span{color:#c8d3b8}.decision-demo,.direction-demo{background:#b3c19e16;border:1px solid #e0e4c94f;border-radius:10px}.demo-room-card,.direction-example{color:#293440;background:#f2f0e6}.segmented-control{border-color:#d3dabc4d}.segmented-control>button.active{background:#e0ddbb;color:#3d5755}.segmented-control>button{color:#d1dbc9}.demo-note{color:#c8d5cd}.contact-dock{background:#243e4be8;border-color:#d6d6bb83;box-shadow:0 10px 25px #0b2c3b38}.contact-popover{color:#293440;background:#f7f2e5}.contact-popover .icon-button:hover{background:#324d5a12}.back-to-top{background:#28495cd9;color:#fff5e1;border-color:#d9dfc766}.computer-scene{position:absolute;inset:0;isolation:isolate;z-index:0;pointer-events:none;background:#4a7191}.computer-sky{position:absolute;inset:-30px;width:calc(100% + 60px);height:calc(100% + 60px);filter:blur(18px);z-index:-4}.computer-video{position:absolute;inset:0;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center bottom;z-index:-3}.computer-shade{position:absolute;inset:0;background:linear-gradient(90deg,#173c5a7a,transparent 68%),linear-gradient(#183d5c55,transparent 65%,#16394c47);z-index:-2}.computer-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.computer-controls{position:absolute;right:max(56px,calc((100vw - 1280px)/2));bottom:21%;display:flex;align-items:center;gap:14px;pointer-events:auto;color:#fff8e9}.power-button{--lit:0;width:44px;height:55px;padding:0;background:transparent;color:#fff8e9;cursor:pointer;opacity:.94;filter:drop-shadow(0 0 calc(var(--lit) * 22px) #fff2c4);transition:opacity .2s}.power-button svg{width:100%;height:auto;overflow:visible;stroke:currentColor;stroke-width:4.6;stroke-linecap:round}.power-button:not(:disabled):hover{opacity:1;color:#ffefbd}.power-button:disabled{cursor:default}.power-caption{font:9px/1.8 var(--font-mono);letter-spacing:.03em;max-width:150px}.computer-scene[data-power=static] .power-button{opacity:.6}.studio-footer{padding:56px 0 30px;background:#19354a;color:#fff5e1;border-top:1px solid var(--line)}.studio-footer-top{display:grid;grid-template-columns:1fr 130px 180px;gap:60px;padding-bottom:40px}.studio-footer-contact h2{font-size:29px;font-weight:450;line-height:1.5;margin-top:14px;letter-spacing:-.035em}.lang-en .studio-footer-contact h2{font:italic 38px/1.15 "DM Serif Display",Georgia,serif;max-width:400px}.studio-footer-email{display:flex;align-items:center;gap:12px;margin-top:17px}.studio-footer-email>a{display:inline-flex;align-items:center;gap:15px;border-bottom:1px solid #fff5e16b;padding-bottom:5px;font-size:14px}.studio-footer-email .copy-feedback{color:#d9dcc1;right:auto;left:0}.studio-footer-nav,.studio-footer-socials{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.studio-footer-nav>span,.studio-footer-socials>span{color:#bbcbc7;font:8px var(--font-mono);letter-spacing:.08em;margin-bottom:8px}.studio-footer-nav a,.studio-footer-socials a{display:inline-flex;align-items:center;gap:10px;font-size:12px}.studio-footer a:hover{color:#e5d7b5}.studio-footer-bottom{display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);padding:23px 310px 0 0;font:9px/1.8 var(--font-mono);color:#bdcdc6}.studio-footer-brand{font:italic 36px/1 "DM Serif Display",Georgia,serif;letter-spacing:-.055em;color:#fff5e1}.studio-footer-motto{margin-left:auto;font:italic 14px "DM Serif Display",Georgia,serif}.studio-footer-bottom>a:last-child{font-size:8px}@media (max-width:1100px){.wordmark small{display:none}.desktop-nav{gap:24px}.header-inner{width:calc(100% - 56px)}.studio-introduction{width:85%}.studio-introduction h1{font-size:5.7vw}.studio-signature{font-size:38px;right:0;top:48%}.studio-bottom>span{display:none}.selected-cases>.project-card:first-child .project-art{height:560px}.selected-cases>.compact .project-art{height:210px}.systems-section{gap:50px}.studio-footer-top{gap:30px;grid-template-columns:1fr 110px 145px}.studio-footer-bottom{gap:20px}.studio-footer-motto{display:none}}@media (max-width:759px){.container{width:calc(100% - 40px)}.header-inner{width:calc(100% - 36px);gap:12px}.site-header{height:72px}.wordmark>img{width:32px;height:32px}.wordmark>span{font-size:25px}.studio-hero{height:830px;min-height:0;max-height:none}.studio-hero-inner{padding-top:24px}.studio-overline{font-size:7px;gap:15px}.studio-overline>span:last-child{max-width:110px;text-align:right}.computer-video{inset:auto;left:50%;bottom:0;transform:translateX(-50%);width:220%;height:auto;aspect-ratio:16/9;object-fit:fill;mask-image:linear-gradient(transparent,#000 22%);-webkit-mask-image:linear-gradient(transparent,#000 22%)}.computer-scene{background:linear-gradient(#356287,#6a91ac)}.computer-shade{background:linear-gradient(#183e5a33,transparent 60%,#173b3e19)}.computer-controls{right:auto;left:20px;bottom:260px;gap:11px}.power-button{width:36px;height:46px}.power-caption{max-width:125px;font-size:8px}.studio-introduction{width:100%;padding-top:48px}.studio-introduction .eyebrow{font-size:8px;letter-spacing:.03em}.lang-zh .studio-introduction h1,.studio-introduction h1{font-size:8.4vw;margin-top:21px;line-height:1.4;letter-spacing:-.05em}.lang-en .studio-introduction h1{font-size:11.8vw;line-height:1.06}.studio-description{max-width:320px;font-size:12px;line-height:1.9;margin-top:23px}.studio-actions{gap:26px;margin-top:16px}.studio-actions a{font-size:11px;gap:10px}.studio-signature{top:420px;right:3%;font-size:33px;line-height:1}.lang-en .studio-signature{top:455px}.studio-bottom{bottom:145px;padding-right:0;font-size:8px}.studio-bottom a{gap:7px;max-width:160px}.experience-strip>div{padding-block:25px}.experience-strip>div>span{font-size:7px}.experience-strip>div>div>span{font-size:14px}.section{padding-block:65px}.section-heading{margin-bottom:30px;gap:15px}.section-heading .eyebrow{margin-bottom:17px}.section-heading h2,.systems-intro h2{font-size:34px}.lang-en .section-heading h2,.lang-en .systems-intro h2{font-size:39px}.section-heading>.text-link{font-size:9px;white-space:nowrap}.selected-cases{display:grid;grid-template-columns:1fr;gap:38px}.selected-cases>.project-card:first-child{grid-row:auto}.selected-cases>.compact .project-art,.selected-cases>.project-card:first-child .project-art{height:285px;padding:25px 20px 0}.catalog-grid .project-card h3,.home-builds .project-card-body h3,.project-card h3,.selected-cases>.compact h3{font-size:22px}.project-card-body,.selected-cases>.compact .project-card-body{padding-top:18px}.project-card-meta{font-size:8px}.build-section .section{padding-top:65px}.build-grid,.catalog-grid{gap:38px}.build-grid{grid-template-columns:1fr}.catalog-grid .project-art,.home-builds .project-art{height:280px}.lab-invitation{padding:22px 18px;margin-top:35px}.lab-invitation strong{font-size:16px}.systems-section{gap:35px}.practice-links h3{font-size:18px}.article-card h3{font-size:20px}.about-preview{padding:28px;margin-bottom:65px}.about-preview h2{font-size:26px}.index-page{padding-top:45px;padding-bottom:70px}.page-intro h1{font-size:38px}.lang-en .page-intro h1{font-size:43px}.page-intro-bottom>p{font-size:12px}.about-hero h1,.lang-en .about-hero h1{font-size:37px}.article-header h1,.detail-header h1{font-size:31px}.lang-en .article-header h1,.lang-en .detail-header h1{font-size:37px}.studio-footer{padding:40px 0 95px}.studio-footer-top{grid-template-columns:1fr 1fr;gap:32px 25px;padding-bottom:30px}.studio-footer-contact{grid-column:1/-1}.studio-footer-contact h2{font-size:23px}.lang-en .studio-footer-contact h2{font-size:31px}.studio-footer-email>a{font-size:12px;gap:10px}.studio-footer-bottom{padding:22px 0 0;flex-wrap:wrap;gap:15px 25px}.studio-footer-brand{font-size:30px}.studio-footer-bottom>a:last-child{margin-left:auto;font-size:7px}}@media (max-width:370px){.section-heading h2,.systems-intro h2{font-size:30px}.lang-en .page-intro h1,.page-intro h1{font-size:33px}.studio-signature{display:none}.studio-actions{gap:20px}.studio-actions a{font-size:10px}.studio-footer-email{gap:6px}.studio-footer-email>a{font-size:11px}}@media (prefers-reduced-motion:reduce){.computer-fx,.computer-sky{display:none}.project-card .project-art{transition:none}}:root{--glass-tint:rgba(19,54,76,.28);--glass-border:rgba(244,251,255,.42);--glass-fill:linear-gradient(145deg,rgba(248,253,255,.19),rgba(218,239,255,.055) 42%,rgba(234,247,255,.10)),var(--glass-tint);--glass-shadow:0 12px 32px #05293e26,inset 0 1px 0 #ffffff91,inset 0 -1px 0 #d3ecff26,inset 1px 0 0 #ffffff36,inset -1px 0 0 #ffffff20}.liquid-glass{isolation:isolate;background:var(--glass-fill);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(24px) saturate(1.65);-webkit-backdrop-filter:blur(24px) saturate(1.65)}.liquid-glass:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at var(--glass-x,20%) var(--glass-y,0),#ffffff22,transparent 62%),linear-gradient(110deg,#ffffff1c,transparent 27% 76%,#e7f5ff10);box-shadow:inset 0 0 0 1px #ffffff10}.site-header{display:flex;align-items:center;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}.site-header:before{content:"";position:absolute;inset:calc(-1 * var(--header-offset, 0px)) 0 -26px;z-index:-1;pointer-events:none;opacity:0;background:linear-gradient(to bottom,var(--paper) calc(100% - 26px),transparent);transition:opacity var(--header-scrim-duration,.16s) var(--header-scrim-easing,ease-out)}.site-header.home-header[data-past-hero]:before,.site-header:not(.home-header)[data-scrolled]:before{opacity:1}.site-header.home-header[data-past-hero] .mobile-navigation,.site-header:not(.home-header)[data-scrolled] .mobile-navigation{background:linear-gradient(145deg,#2c4c43,var(--paper))}@media (prefers-reduced-motion:reduce){.site-header:before{transition:none}}.header-inner{position:relative;width:min(1600px,calc(100% - 32px));height:64px;margin:0 auto;padding:0 18px;border-radius:24px;--glass-tint:rgba(30,66,89,.32)}.wordmark>img{width:34px;height:34px}.desktop-nav{gap:9px}.desktop-nav>a{padding:10px 14px;border-radius:999px;color:#f3f7f1;transition:background .18s,box-shadow .18s}.desktop-nav>a.active,.desktop-nav>a:hover{background:#e7f7ff16;box-shadow:inset 0 1px 0 #ffffff33}.desktop-nav>a>span{display:none}.header-email.button,.language-switch{height:44px;min-height:44px;background:linear-gradient(#ffffff1c,#e3f3ff0a);color:#fbf7e9;border:1px solid #ffffff40;box-shadow:inset 0 1px 0 #ffffff66,0 4px 10px #173c4f12}.language-switch{color:#c0d2db}.language-switch .selected{color:#fffaf0}.header-email.button:hover,.language-switch:hover{background:linear-gradient(#ffffff33,#eaf5ff19);color:white;border-color:#ffffff80}.header-email.button{font-weight:500}.mobile-navigation{background:linear-gradient(145deg,#eefaff25,#e1f0ff0b),#193d53c9;border-color:#f1faff66;box-shadow:var(--glass-shadow);backdrop-filter:blur(28px) saturate(1.5);-webkit-backdrop-filter:blur(28px) saturate(1.5);border-radius:23px;top:calc(100% + 7px)}.mobile-navigation .mobile-email,.mobile-navigation>a[aria-current=page]{color:#f5f0d9}.power-button.liquid-glass{position:relative;display:inline-flex;align-items:center;gap:15px;width:auto;height:auto;min-height:70px;padding:14px 22px;border-radius:999px;color:#fffbee;text-align:left;opacity:1;--glass-tint:rgba(24,57,74,.23);transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.power-button svg{width:31px;height:39px;flex-shrink:0;stroke-width:4.2}.power-caption{display:flex;flex-direction:column;gap:4px;max-width:none;line-height:1.3}.power-caption strong{font:500 14px/1.3 var(--font-sans);letter-spacing:.01em}.power-caption small{font:400 8px/1.4 var(--font-mono);color:#e2edf0;letter-spacing:.045em}.power-button:not(:disabled):hover{transform:translateY(-3px);color:white;border-color:#fffdf0b3;box-shadow:0 16px 35px #082d4040,inset 0 1px 0 #ffffffc4,inset 0 -1px 0 #dbf5ff4a}.power-button:not(:disabled):active{transform:translateY(0) scale(.97)}.power-button[aria-pressed=true]{--glass-tint:rgba(26,48,75,.42);border-color:#fceac585}.power-button:disabled{cursor:wait;opacity:.8}.computer-scene[data-power=static] .power-button{cursor:default;opacity:.75}.contact-dock.liquid-glass{--glass-tint:rgba(12,39,55,.72);--glass-fill:linear-gradient(145deg,#f8fdff1b,#daefff04 42%,#eaf7ff0c),var(--glass-tint);border-radius:24px;padding:12px}.dock-name{color:#fffbed;min-width:0}.contact-dock .dock-name>small{color:#d3e2e5;font-size:calc(1em - 2px);line-height:1.5}.dock-avatar>i{background:#d3e6bc;border-color:#4d747b}.dock-toggle{flex-shrink:0;background:linear-gradient(#ffffff1f,#edfaff08);border-color:#ffffff52;box-shadow:inset 0 1px 0 #ffffff4d}.dock-social{background:linear-gradient(150deg,#ffffff24,#dbf1ff08);border:1px solid #ffffff30;box-shadow:inset 0 1px 0 #ffffff47,0 3px 8px #072c4212;border-radius:12px;transition:background .18s,transform .18s,border-color .18s}.dock-social img{inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);filter:invert(1) brightness(1.5);mix-blend-mode:screen;opacity:.9}.dock-social .dock-hover-icon{display:none}.dock-social.active,.dock-social:focus-visible,.dock-social:hover{background:linear-gradient(150deg,#ffffff42,#dbf1ff18);border-color:#ffffff8c;transform:translateY(-2px)}.dock-social.active img,.dock-social:hover img{filter:invert(1) brightness(2);opacity:1}.contact-popover.liquid-glass{--glass-tint:rgba(25,56,73,.72);--glass-fill:linear-gradient(145deg,#f8fdff21,#daefff04 42%,#eaf7ff0c),var(--glass-tint);border-radius:23px;padding:12px;color:#fff9eb}.popover-title{padding:0 1px 8px;font-size:12px}.popover-title .icon-button{color:#fff9eb;background:#f4fbff13;border:1px solid #ffffff24}.contact-popover .icon-button:hover{background:#f4fbff2b}.contact-popover>p{color:#e0e9e7;font-size:10px;margin-top:9px}.popover-link{border-color:#e7f5ff3b;color:#fff8e8}.popover-link:hover{background:#ffffff0d;border-radius:10px}.contact-qr{background:transparent;opacity:1;filter:none;mix-blend-mode:normal;border:0;border-radius:13px}.back-to-top,.button.dark:not(.header-email),.button.outline,.card-open,.round-arrow,.studio-actions a{background:linear-gradient(145deg,#f4fcff28,#ddf2ff0a),#244b6126;color:#fff9e8;border:1px solid #f0faff6b;box-shadow:inset 0 1px 0 #ffffff85,inset 0 -1px 0 #d5efff21,0 5px 16px #0a334720;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4)}.studio-actions{gap:12px}.studio-actions a{border-radius:999px;padding:12px 19px;min-height:46px}.button.dark:not(.header-email):hover,.button.outline:hover,.studio-actions a:hover{background:linear-gradient(#ffffff3b,#e4f5ff18);border-color:#f5fbffb0;color:#fff}.card-open{background:linear-gradient(145deg,#e1f5ff26,#18374d22),#244b61a6}.project-card:hover .card-open{background:#254d64c4;color:#fff}.filter-toolbar{background:linear-gradient(135deg,#d9f2ff14,#f1faff05);border:1px solid #e1f1ff2e;border-radius:22px;padding:12px 14px;box-shadow:inset 0 1px 0 #ffffff26}.filter-tabs>button{border:1px solid transparent}.filter-tabs>button.active{background:linear-gradient(#ffffff47,#e0f3ff1c);color:#fff9e8;border-color:#f1faff72;box-shadow:inset 0 1px 0 #ffffff73,0 4px 9px #133b4e12}.filter-tabs>button:not(.active):hover{background:#f4fbff18}.search-field{background:#123b4b17;border:1px solid #e7f5ff22;border-radius:999px;padding:0 12px}.about-preview,.article-related-project,.decision-demo,.direction-demo,.github-banner,.lab-invitation,.wechat-reading{background:linear-gradient(135deg,#f0fbff12,#d2f0ff05);border-color:#e0f3ff38;border-radius:22px;box-shadow:inset 0 1px 0 #ffffff40,0 12px 30px #0b30441a}.project-card-media{border-color:#f1faff6b;border-radius:18px;box-shadow:0 14px 35px #0a304433,inset 0 1px 0 #fff9}.media-status,.status-label{background:#1c435e87;color:#fdf6e8;border-color:#f0faff55;border-radius:999px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.segmented-control{background:#123b4d26;border-color:#e5f5ff3b;border-radius:12px}.segmented-control>button.active{background:linear-gradient(#ffffff48,#dff3ff1c);color:#fff8e8;box-shadow:inset 0 1px 0 #ffffff6b}.back-to-top{border-radius:50%}@media (max-width:1100px){.header-inner{padding-inline:15px;gap:15px}.desktop-nav{gap:2px}.desktop-nav>a{padding-inline:10px}}@media (max-width:759px){.header-inner{width:calc(100% - 24px);height:56px;margin:0 auto;padding-inline:12px;border-radius:21px}.wordmark>img{width:30px;height:30px}.language-switch{height:40px;min-height:40px}.computer-controls{bottom:320px}.power-button.liquid-glass{min-height:57px;padding:11px 15px;gap:11px;max-width:182px}.power-button svg{width:25px;height:32px}.power-caption strong{font-size:12px}.power-caption small{font-size:6px;max-width:102px;letter-spacing:.01em}.contact-dock.liquid-glass{padding:10px;border-radius:22px}.dock-social{border-radius:11px}.dock-social img{inset:5px;width:calc(100% - 10px);height:calc(100% - 10px)}.studio-actions{gap:10px}.studio-actions a{padding:11px 15px;font-size:10px;min-height:43px}.filter-toolbar{border-radius:19px;padding:12px}.search-field{max-width:100%}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.liquid-glass,.mobile-navigation{background:linear-gradient(135deg,#486c80,#24495f)}}@media (prefers-contrast:more),(prefers-reduced-transparency:reduce){.liquid-glass,.mobile-navigation{background:#23495e;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#b5d2df}.liquid-glass:before{display:none}}@media (prefers-reduced-motion:reduce){.dock-social,.power-button.liquid-glass{transition:none}.dock-social.active,.dock-social:hover,.power-button:not(:disabled):active,.power-button:not(:disabled):hover{transform:none}}.wordmark>span{font-family:"DM Serif Display",Georgia,serif;font-style:italic;font-weight:400;font-size:36px;letter-spacing:-.055em}.product-outlink .wechat-reading-icon{background:transparent;flex-shrink:0}.product-outlink .wechat-reading-icon>img{width:100%;height:100%;object-fit:contain}.wordmark-dot{color:inherit}.social-profile-preview{display:block;width:100%;height:auto;border-radius:15px;background:#fff;margin:12px 0 4px}.actual-project-screen{display:flex;align-items:center;justify-content:center;gap:18px;padding:24px;background:#122b3b}.actual-project-screen>img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;border-radius:3px;transform:none;filter:none;box-shadow:0 12px 28px #04171d20}.screen-samer,.screen-speed-battle{background:radial-gradient(ellipse at 50% 40%,#34314b,#111d2d)}.screen-baijiahao,.screen-symbiosis{background:#090e15}.screen-frame,.screen-room,.screen-yiyu{background:#dce4e1}.project-source-note{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:36px;gap:12px;background:linear-gradient(135deg,#2c4e5b80,#172e40aa);color:#fff4dd}.project-source-note>span{font:9px/1.4 var(--font-mono);letter-spacing:.12em;opacity:.6}.project-source-note>strong{font-size:clamp(20px,2.2vw,32px);font-weight:500;letter-spacing:-.04em}.project-source-note>p{font-size:13px;line-height:1.8;max-width:270px;margin:0;color:#d1e0dc}.project-source-note>small{margin-top:12px;max-width:280px;font-size:9px;line-height:1.8;color:#b7cbc8;border-top:1px solid #ffffff25;padding-top:12px}.actual-hero{margin:0 0 70px;overflow:visible;background:none;border:0}.actual-hero .actual-project-screen{min-height:420px;max-height:740px;height:53vw;border-radius:14px}.actual-hero .actual-project-screen img{height:100%;width:100%}.actual-hero figcaption{display:block;padding:15px 0;color:#bfcfc9;font-size:11px;line-height:1.8}.case-thesis{font-size:clamp(24px,3vw,39px);line-height:1.6;max-width:800px;margin:0 0 70px;color:#fff2d6}.story-section{scroll-margin-top:115px}.story-number{font:9px/1.8 var(--font-mono);letter-spacing:.06em;color:#a7bfbc;display:block;margin-bottom:19px}.story-items{margin:30px 0}.story-items>div{min-width:0}.story-items h3{font-size:19px;line-height:1.5;margin:10px 0 12px;font-weight:550}.story-items p{font-size:15px;line-height:1.9;color:#c4d3cf;margin:0}.item-index{font:11px var(--font-mono);color:#cfceaa}.items-steps{display:grid;gap:0}.items-steps>div{border-top:1px solid #d2dfcc30;padding:22px 0 26px 38px;position:relative}.items-steps .item-index{position:absolute;left:0;top:27px}.items-steps h3{margin-top:0}.items-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.items-comparison>div,.items-rules>div{padding:26px;border:1px solid #dce7d52d;background:linear-gradient(135deg,#dce5e00d,#bed3d105);border-radius:17px;box-shadow:inset 0 1px 0 #ffffff0d}.items-rules{display:grid;gap:14px}.story-figure{margin:35px 0;width:100%}.story-figure>a{display:block;border-radius:10px;overflow:hidden;background:#e5e9e6}.story-figure img{display:block;width:100%;height:auto;object-fit:contain}.story-figure figcaption{margin-top:12px;font-size:11px;color:#b7cdc8;line-height:1.8}.story-figure figcaption svg{display:inline-block;vertical-align:middle}.case-source{padding:30px 0;border-top:1px solid #d5e1cd30}.case-source>p:not(.eyebrow){font-size:13px;color:#bcd0c8}.knowledge-visual{width:100%;aspect-ratio:1.32;margin-bottom:24px;overflow:hidden;border-radius:16px;position:relative}.knowledge-original{background:#edf1ec;border:1px solid #ecf0e34a}.knowledge-original img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.knowledge-original>span{position:absolute;bottom:13px;left:13px;border-radius:20px;background:#173e4ce8;color:#fff4dd;border:1px solid #ffffff66;padding:6px 11px;font:8px var(--font-mono)}.knowledge-document{display:flex;flex-direction:column;justify-content:space-between;padding:23px;color:#f0eddf;background:linear-gradient(145deg,#49606c,#293e4f);border:1px solid #e4eade40}.knowledge-ai{background:linear-gradient(140deg,#5a566b,#323d54)}.knowledge-system{background:linear-gradient(140deg,#52695c,#304d52)}.knowledge-process{background:linear-gradient(140deg,#677163,#3b5356)}.knowledge-document>div:first-child{display:flex;justify-content:space-between;align-items:center;font:9px var(--font-mono);gap:12px}.knowledge-document>div:first-child>span:first-child{display:flex;align-items:center;gap:6px}.knowledge-document strong{display:block;font-size:clamp(18px,1.7vw,24px);line-height:1.5;font-weight:500;margin:22px 0;letter-spacing:-.02em}.knowledge-outline{display:grid;gap:8px;margin-bottom:24px}.knowledge-outline>span{display:flex;gap:9px;font-size:10px;line-height:1.6;color:#d3ddd7}.knowledge-outline i{font-style:normal;font:8px/1.9 var(--font-mono);color:#b9c9c4}.knowledge-document>small{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff35;padding-top:11px;font:7px var(--font-mono);letter-spacing:.07em}.knowledge-directory{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 36px}.knowledge-directory button{text-align:left;position:relative;background:linear-gradient(135deg,#d1e6db13,#8cbdc407);border:1px solid #d5e5d73d;box-shadow:inset 0 1px 0 #ffffff1a;padding:20px;border-radius:15px;color:#fff3db;cursor:pointer;transition:background .2s,border-color .2s}.knowledge-directory button.active,.knowledge-directory button:hover{background:#dbe5ce24;border-color:#dbe5ce90}.knowledge-directory span{display:block;font-size:12px;line-height:1.6;margin-bottom:15px}.knowledge-directory strong{font:italic 32px/1 "DM Serif Display",Georgia,serif}.knowledge-directory svg{position:absolute;bottom:20px;right:20px;opacity:.6}.notes-index .article-card{margin-bottom:25px}.notes-home .notes-grid{row-gap:55px}.article-cover{background:none}.article-cover .knowledge-visual{width:100%;height:100%;aspect-ratio:auto;margin:0}.article-cover .knowledge-original img{object-fit:contain;object-position:center}.article-cover .knowledge-document{padding:38px 55px}.article-cover .knowledge-document strong{max-width:900px;font-size:clamp(25px,4vw,50px);margin:15px 0}.article-cover .knowledge-outline{gap:7px;margin-bottom:15px}.article-cover .knowledge-outline>span{font-size:13px}.article-colophon{border-top:1px solid #d9e4d72a;padding-top:24px}@media (min-width:1100px){.selected-cases .project-card:first-child .screen-samer{padding:30px}}@media (max-width:900px){.knowledge-directory{grid-template-columns:repeat(3,minmax(0,1fr))}.knowledge-document{padding:19px}.knowledge-document strong{font-size:18px}.knowledge-outline>span{font-size:9px}}@media (max-width:640px){.wordmark>span{font-size:30px}.actual-project-screen{padding:13px}.actual-hero{margin-bottom:40px}.actual-hero .actual-project-screen{height:78vw;min-height:270px;border-radius:10px;padding:14px}.actual-hero .screen-samer,.actual-hero .screen-speed-battle{height:115vw;max-height:600px}.actual-hero figcaption{font-size:10px}.case-thesis{margin-bottom:40px;font-size:25px}.items-comparison{grid-template-columns:1fr;gap:12px}.items-comparison>div,.items-rules>div{padding:22px}.story-items h3{font-size:18px}.story-items p{font-size:14px}.knowledge-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:28px}.knowledge-directory button{padding:17px}.knowledge-directory span{font-size:11px}.knowledge-directory svg{bottom:17px;right:17px}.knowledge-document{padding:24px}.knowledge-document strong{font-size:23px}.knowledge-outline>span{font-size:11px}.article-cover .knowledge-document{padding:24px}.article-cover .knowledge-document strong{font-size:25px}.article-cover .knowledge-outline>span{font-size:10px}.project-source-note{padding:27px}.project-source-note>strong{font-size:26px}.notes-home .notes-grid{row-gap:35px}}:root{--paper:#142f27;--ink:#fff5e1;--muted:#c9d8cb;--soft:#203d36;--line:#dbe6d12b}.site,body,html{background:#142f27}.site-header.home-header{--header-offset:18px;--header-scrim-duration:.32s;--header-scrim-easing:ease-in-out;position:fixed;top:var(--header-offset);left:0;right:0;height:64px;border:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.home-header .header-inner{--glass-tint:rgba(18,47,64,.24)}.studio-hero{height:100svh;min-height:820px}.studio-hero-inner{padding-top:114px}.studio-signature{top:43%}.computer-shade{background:linear-gradient(90deg,#173c5a66,transparent 68%),linear-gradient(#183d5c33,transparent 65%,#142f2733)}.studio-hero:after{content:"";position:absolute;inset:auto 0 0;height:190px;z-index:0;pointer-events:none;background:linear-gradient(transparent,#142f2766 32%,#142f27)}.experience-strip{margin-top:0;background:transparent;border:0}.experience-strip>.container{padding-block:38px 42px;border-bottom:1px solid var(--line)}.experience-strip>div>.company-marks{display:flex;align-items:center;justify-content:space-between;gap:28px;width:81%}.company-mark{display:inline-flex;align-items:center;justify-content:center;gap:11px;color:#e7eee1}.company-logo{display:block;position:relative;height:31px;width:auto;flex-shrink:0;overflow:hidden}.company-logo>img{position:absolute;width:var(--asset-width);max-width:none;height:auto;left:var(--asset-left);top:var(--asset-top);display:block;filter:none}.company-mark>span:not(.sr-only){font-size:17px;font-weight:450;letter-spacing:-.025em;white-space:nowrap}.company-yalla-group .company-logo{height:35px}.company-flat .company-logo,.company-ola-chat .company-logo{height:36px}.studio-footer{background:#10271f}.build-section{background:linear-gradient(130deg,#71826924,#395d4b12 65%)}.knowledge-document{background:linear-gradient(145deg,#405e55,#293f3a)}.knowledge-ai{background:linear-gradient(140deg,#514f60,#303f42)}.knowledge-system{background:linear-gradient(140deg,#52695c,#304b40)}.knowledge-process{background:linear-gradient(140deg,#626c55,#344d42)}.power-button.power-icon-button{width:72px;height:72px;min-height:72px;padding:0;display:grid;place-items:center;border-radius:50%;border:0;background:transparent;color:#fff;opacity:1;box-shadow:none;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:transform .2s;overflow:hidden}.power-icon-button>img{display:block;width:80%;height:80%;object-fit:contain}.power-button.power-icon-button:not(:disabled):hover{background:transparent;color:#fff;border:0;box-shadow:none;transform:scale(1.06)}.power-button.power-icon-button:not(:disabled):active{transform:scale(.96)}.computer-scene[data-power=static] .power-button.power-icon-button,.power-button.power-icon-button:disabled{opacity:1;background:transparent}@media (max-width:1100px){.company-mark>span:not(.sr-only){font-size:14px}.experience-strip>div>.company-marks{gap:18px}.company-mark{gap:8px}.company-mark .company-logo{height:26px}.company-flat .company-logo{height:31px}.company-ola-chat .company-logo{height:31.2px}}@media (max-width:759px){.site-header.home-header{--header-offset:12px;height:56px}.studio-hero{height:900px;min-height:860px}.studio-hero-inner{padding-top:99px}.studio-signature{top:495px}.lang-en .studio-signature{top:530px}.studio-hero:after{height:150px}.experience-strip>.container{display:block;padding-block:28px 32px}.experience-strip>.container>span{display:block;margin-bottom:24px}.experience-strip>div>.company-marks{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 13px}.company-mark{justify-content:flex-start;gap:6px}.company-mark>span:not(.sr-only){font-size:11px}.company-mark .company-logo{height:24px}.company-yalla-group .company-logo{height:26px}.company-flat .company-logo{height:30px}.company-ola-chat .company-logo{height:28.8px}.power-button.power-icon-button{width:62px;height:62px;min-height:62px;padding:0}}@media (prefers-reduced-motion:reduce){.power-button.power-icon-button{transition:none}.power-button.power-icon-button:not(:disabled):hover{transform:none}}.frame-case-page{padding-top:40px;padding-bottom:100px;--frame-accent:#b9a8ff}.frame-case-header{max-width:1100px;margin:55px auto 40px}.frame-case-identity{display:flex;align-items:center;gap:21px;margin-bottom:35px}.frame-case-identity>img{width:80px;height:80px;object-fit:contain}.frame-case-identity span{font:11px/1.8 var(--font-mono);color:#bacbc0}.frame-case-header h1{font-size:clamp(37px,4.5vw,66px);font-weight:450;line-height:1.3;letter-spacing:-.045em;text-wrap:balance}.frame-title-phrase{white-space:nowrap}.frame-subtitle{margin-top:27px;font-size:21px;line-height:1.7;color:#d5dfd1}.frame-intro{max-width:1100px;margin:auto}.frame-chapter>blockquote,.frame-chapter>h3,.frame-chapter>p,.frame-prose>blockquote,.frame-prose>h3,.frame-prose>p{max-width:760px;margin-left:auto;margin-right:auto}.frame-prose p{font-size:16px;line-height:2.05;color:#d1ddd3;margin-top:23px}.frame-prose strong{color:#f6efdc;font-weight:600}.frame-prose p>em{font-size:12px;color:#adc2b5}.frame-prose a:not(.back-link){color:#d2c8ff;text-decoration:underline;text-decoration-color:#d2c8ff66;text-underline-offset:4px}.frame-prose p a svg,.frame-prose td a svg{display:inline;vertical-align:middle;margin-left:3px}.frame-case-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:60px;padding-top:75px}.frame-sidebar{position:sticky;top:125px;align-self:start}.frame-sidebar nav{display:grid;gap:17px;margin:25px 0 30px}.frame-sidebar nav a{font-size:11px;line-height:1.75;color:#b7cbbd}.frame-sidebar nav a:hover{color:#f2ebd7}.frame-sidebar .button{padding-inline:13px;gap:8px;font-size:10px}.frame-version-note{display:block;font-size:10px;line-height:1.8;color:#abc3b3;margin-top:15px}.frame-article{min-width:0}.frame-chapter{margin-bottom:90px;scroll-margin-top:120px}.frame-chapter>h2{max-width:760px;margin:0 auto 35px;font-size:33px;font-weight:500;line-height:1.5;letter-spacing:-.025em}.frame-chapter>h3{font-size:25px;font-weight:500;line-height:1.55;margin-top:60px;margin-bottom:24px}.frame-prose blockquote{padding:20px 0 20px 25px;border-left:2px solid var(--frame-accent);font-size:23px;line-height:1.8;color:#efe8cf;margin-top:35px;margin-bottom:35px}.frame-figure{margin:35px 0 45px;min-width:0}.frame-image-button{display:block;position:relative;padding:0;width:100%;background:#e9eced;border:1px solid #d7e1d14d;border-radius:12px;overflow:hidden;cursor:zoom-in}.frame-image-button>img{display:block;width:100%;height:auto}.frame-enlarge{position:absolute;right:12px;bottom:12px;background:#081b24d9;color:#fff8e6;border:1px solid #ffffff55;border-radius:50%;width:33px;height:33px;display:grid;place-items:center}.frame-figure figcaption{font-size:11px;line-height:1.9;color:#b7cbbd;margin-top:13px}.frame-image-label{display:block;font:10px/1.8 var(--font-mono);color:#ddd9f2;margin-bottom:12px}.frame-table-wrap{max-width:1100px;margin:35px auto;min-width:0;border:1px solid #dbe6d12e;border-radius:13px;overflow:hidden}.frame-table-wrap table{border-collapse:collapse;width:100%;table-layout:auto;text-align:left}.frame-table-wrap th{background:#b9d3bd0e;color:#f3eedc;font-size:12px;font-weight:500;padding:17px 20px;line-height:1.7}.frame-table-wrap td{padding:18px 20px;border-top:1px solid #dbe6d122;color:#c6d7ca;font-size:13px;line-height:1.85;vertical-align:top;overflow-wrap:anywhere}.frame-table-wrap td:first-child{color:#edead9;min-width:115px}.frame-evolution-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:40px 0}.frame-evolution-compare .frame-figure{margin:0}.frame-evolution-compare .frame-image-button{aspect-ratio:1.5}.frame-evolution-compare img{width:100%;height:100%;object-fit:contain}.frame-logo-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:40px 0}.frame-logo-options .frame-figure{margin:0}.frame-logo-options>p{grid-column:1/-1;font-size:11px;line-height:1.8;margin-top:0;color:#b7cbbd}.frame-logo-options .frame-image-button{background:#101613;border-color:#dbe6d125}.frame-logo-options .frame-figure:last-of-type .frame-image-button{border-color:#c6baffb3}.frame-empty-states{margin-top:35px}.frame-empty-states>[role=tablist]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.frame-empty-states [role=tab]{border:1px solid #dce6d53d;border-radius:99px;background:#ffffff08;color:#d6e2d7;padding:9px 15px;font-size:11px;line-height:1.6;cursor:pointer}.frame-empty-states [role=tab][aria-selected=true]{border-color:#c5b6fb99;background:#a995ed22;color:#e8dfff}.frame-empty-states .frame-figure{margin-top:0}.frame-code{max-width:760px;margin:30px auto;border:1px solid #b4c9b82e;border-radius:12px;overflow:hidden;background:#0b1d17}.frame-code>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 17px;border-bottom:1px solid #b4c9b824;font:10px var(--font-mono);color:#aabfb0}.frame-code button{display:inline-flex;align-items:center;gap:7px;background:transparent;color:#d6dfd1;cursor:pointer;padding:3px}.frame-code pre{margin:0;padding:22px;overflow-x:auto;max-width:100%;color:#d1caee;font:12px/1.9 var(--font-mono);tab-size:2}.frame-code>p{padding:0 20px 15px;margin:0;font-size:11px}.frame-end-link{max-width:760px;margin:auto}.frame-mobile-toc{display:none}.frame-lightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;color:#fff5e1;background:#07120df5}.frame-lightbox::backdrop{background:#07120df5}.frame-lightbox-bar{display:flex;align-items:center;gap:25px;padding:18px 25px;height:78px;font:11px var(--font-mono)}.frame-lightbox-bar>a{display:inline-flex;align-items:center;gap:7px;margin-left:auto}.frame-lightbox-close{background:#000;color:#fff;border:1px solid #ffffff33;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;cursor:pointer}.frame-lightbox>img{display:block;width:calc(100% - 50px);height:calc(100dvh - 110px);margin:0 auto;object-fit:contain}@media (max-width:1000px){.frame-case-layout{grid-template-columns:160px minmax(0,1fr);gap:35px}.frame-sidebar nav{gap:13px}.frame-evolution-compare{grid-template-columns:1fr}.frame-evolution-compare .frame-image-button{aspect-ratio:auto}}@media (max-width:759px){.frame-case-page{padding-top:25px;padding-bottom:65px}.frame-case-header{margin-top:35px}.frame-case-identity{gap:14px;margin-bottom:25px}.frame-case-identity>img{width:62px;height:62px}.frame-case-identity .eyebrow{font-size:7px}.frame-case-identity span{font-size:9px}.frame-case-header h1{font-size:clamp(26px,7.8vw,32px);line-height:1.45}.frame-subtitle{font-size:16px;margin-top:22px}.frame-prose p{font-size:14px;line-height:2}.frame-case-layout{display:block;padding-top:45px}.frame-sidebar{display:none}.frame-mobile-toc{display:block;border:1px solid #dce6d53d;border-radius:13px;padding:17px;margin-top:35px;background:#ffffff08}.frame-mobile-toc summary{cursor:pointer;font-size:12px}.frame-mobile-toc nav{display:grid;gap:14px;padding-top:22px}.frame-mobile-toc a{font-size:11px;line-height:1.8;color:#c6d7ca}.frame-chapter{margin-bottom:60px;scroll-margin-top:100px}.frame-chapter>h2{font-size:26px;margin-bottom:24px}.frame-chapter>h3{font-size:21px;margin-top:40px}.frame-prose blockquote{font-size:19px;padding-left:18px}.frame-logo-options{gap:9px}.frame-image-label{font-size:8px;min-height:28px}.frame-enlarge{width:27px;height:27px;right:8px;bottom:8px}.frame-figure{margin:28px 0 35px}.frame-figure figcaption{font-size:10px}.frame-table-wrap table,.frame-table-wrap tbody,.frame-table-wrap td,.frame-table-wrap tr{display:block;width:100%}.frame-table-wrap thead{display:none}.frame-table-wrap td{padding:9px 17px;border:0;font-size:12px}.frame-table-wrap tr{border-top:1px solid #dbe6d126;padding-block:8px}.frame-table-wrap tr:first-child{border-top:0}.frame-table-wrap td:before{content:attr(data-label);display:block;color:#a4bbab;font-size:9px;margin-bottom:3px}.frame-table-wrap td:first-child{font-size:14px}.frame-code pre{padding:17px;font-size:10px}.frame-lightbox-bar{padding:13px 15px;gap:13px;font-size:9px}.frame-lightbox-bar>span{max-width:45%;overflow-wrap:anywhere}.frame-lightbox>img{width:calc(100% - 20px)}.frame-lightbox-close{width:36px;height:36px;flex-shrink:0}}@font-face{font-family:Alibaba PuHuiTi Black;src:url(/fonts/AlibabaPuHuiTi-2-115-Black.ttf) format("truetype");font-style:normal;font-weight:900;font-display:swap;unicode-range:u+2e80-2fff,u+3000-303f,u+31c0-31ef,u+3400-4dbf,u+4e00-9fff,u+f900-faff,u+fe1?,u+fe30-fe4f,u+ff00-ffef}@font-face{font-family:Alimama FangYuanTi VF;src:url(/fonts/AlimamaFangYuanTiVF.woff2) format("woff2");font-style:normal;font-weight:200 700;font-display:swap;unicode-range:u+2e80-2fff,u+3000-303f,u+31c0-31ef,u+3400-4dbf,u+4e00-9fff,u+f900-faff,u+fe1?,u+fe30-fe4f,u+ff00-ffef}:root{--font-sans:"Inter Tight","Alimama FangYuanTi VF","MiSans VF",-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;--font-mono:"IBM Plex Mono","Alimama FangYuanTi VF","MiSans VF",monospace;--font-zh-display:"Alibaba PuHuiTi Black","Inter Tight","MiSans VF",-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}.site{font-variation-settings:"BEVL" 70}.site.lang-zh :is(h1,h2),.site.lang-zh :is(h1,h2) .serif{font-family:var(--font-zh-display);font-weight:900;font-synthesis:none;font-variation-settings:normal}.knowledge-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:clamp(36px,5vw,80px);padding:14px 0 58px}.knowledge-hero-copy{min-width:0}.knowledge-hero-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:25px;color:#c4d3c5}.knowledge-hero-eyebrow>span{width:7px;height:7px;border-radius:50%;background:#d8dfbd;box-shadow:0 0 0 5px #d8dfbd0a}.knowledge-hero h1{font-size:clamp(40px,4.45vw,68px);line-height:1.34;letter-spacing:-.04em}.knowledge-hero h1 .serif{color:#dce0cb}.knowledge-hero-description{max-width:590px;margin-top:26px;font-size:14px;line-height:1.95;color:#c7d4c9}.knowledge-start{display:inline-flex;align-items:center;gap:16px;margin-top:23px;padding-block:7px;color:#eee9d5;font-size:12px}.knowledge-start svg{transition:transform .2s}.knowledge-start:hover svg{transform:translateY(3px)}.lang-en .knowledge-hero h1{font-family:"DM Serif Display",Georgia,serif;font-size:clamp(43px,4.5vw,68px);font-weight:400;line-height:1.1;letter-spacing:-.035em}.knowledge-index-panel{position:relative;border-radius:21px;padding:20px;--glass-tint:#294b3f45;--glass-border:#e1e9d73d;--glass-fill:linear-gradient(145deg,#e4edda0e,#d3e7de03),var(--glass-tint);--glass-shadow:inset 0 1px 0 #ffffff40,inset 0 -1px 0 #e0e9d40d,0 16px 40px #00160d1f}.knowledge-index-caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:1px 1px 17px;color:#cad7c9}.knowledge-index-caption>span:first-child{font:10px/1.6 var(--font-mono);letter-spacing:.08em}.knowledge-index-caption>span:last-child{font-size:10px;line-height:1.6;color:#b7c9ba;white-space:nowrap}.knowledge-topic-list{display:grid;gap:3px}.knowledge-topic-list>button{display:grid;grid-template-columns:minmax(0,1fr) auto 14px;align-items:center;column-gap:13px;width:100%;min-height:43px;padding:10px 11px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;color:#e1e8d7;transition:background .18s,border-color .18s}.knowledge-topic-list>button>span:first-child{font-size:13px;line-height:1.55}.knowledge-topic-count{font:11px/1 var(--font-mono);color:#a8beb0}.knowledge-topic-list svg{color:#b4c5b6;opacity:.55}.knowledge-topic-list>button:hover{background:#e4edda0e;border-color:#e4edda18}.knowledge-topic-list>button.active{background:#e8edd520;border-color:#e5ecc650;color:#fff5df}.knowledge-topic-list>button.active :is(svg,.knowledge-topic-count){color:#f0ebd2;opacity:1}.knowledge-index-all{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;background:transparent;color:#eae9cf;margin-top:15px;padding:16px 11px 0;border-top:1px solid #d5e0cb2e;font-size:11px;line-height:1.6;text-align:left}.knowledge-index-all>span:last-child{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono)}.knowledge-index-all:hover{color:#fff8e9}.knowledge-results-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 0;border-top:1px solid #dce6d032}.knowledge-results-bar>div{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.knowledge-results-marker{width:4px;height:18px;background:#d7dfbc;border-radius:2px}.knowledge-results-bar strong{font-size:13px;font-weight:500;color:#e9ecd9}.knowledge-results-bar .result-status{margin:0;padding:0;font-size:10px;color:#b5c9ba}.knowledge-clear{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 11px;border-radius:18px;background:#e1ecd70c;border:1px solid #e1ecd724;color:#dfebd9;font-size:11px;white-space:nowrap}.knowledge-index .notes-index{margin-top:10px;scroll-margin-top:110px}@media (max-width:980px) and (min-width:641px){.knowledge-hero{grid-template-columns:1fr;gap:34px;padding-bottom:38px}.knowledge-hero h1{font-size:clamp(38px,5.6vw,55px)}.knowledge-hero-description{max-width:620px}.knowledge-topic-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 16px}.knowledge-index-all{margin-top:13px}}@media (max-width:640px){.knowledge-hero{grid-template-columns:1fr;gap:30px;padding-top:9px;padding-bottom:32px}.knowledge-hero-eyebrow{margin-bottom:20px;font-size:10px}.knowledge-hero h1{font-size:clamp(29px,8vw,43px);line-height:1.38;letter-spacing:-.045em}.lang-en .knowledge-hero h1{font-size:clamp(34px,9vw,45px);line-height:1.12}.knowledge-hero-description{font-size:13px;line-height:1.95;margin-top:21px}.knowledge-start{margin-top:14px;font-size:12px;min-height:40px}.knowledge-index-panel{padding:17px;border-radius:19px}.knowledge-index-caption{padding-bottom:12px}.knowledge-topic-list>button{min-height:44px;padding-block:10px}.knowledge-index-all{min-height:44px}.knowledge-results-bar{padding:19px 0;gap:10px}.knowledge-results-bar>div{gap:9px}.knowledge-results-bar strong{font-size:12px}.knowledge-results-bar .result-status{font-size:9px}.knowledge-clear{font-size:10px}}@media (prefers-reduced-motion:reduce){.knowledge-start svg,.knowledge-topic-list>button{transition:none}}.casebook-page{padding-top:40px;padding-bottom:100px}.casebook-header{max-width:1100px;margin:50px auto 38px}.casebook-name{font-size:17px;color:#cbd9ca;margin-top:30px}.casebook-header h1{max-width:1050px;font-size:clamp(36px,4.6vw,66px);line-height:1.35;letter-spacing:-.04em;margin-top:16px;text-wrap:balance}.casebook-subtitle{max-width:850px;font-size:19px;line-height:1.85;color:#cedbce;margin-top:25px}.casebook-facts{display:grid;grid-template-columns:1.7fr 1fr 1.2fr;gap:35px;margin:35px 0 0;padding-top:27px;border-top:1px solid var(--line)}.casebook-facts dt{font:10px/1.7 var(--font-mono);color:#a9beae;margin-bottom:9px}.casebook-facts dd{font-size:13px;line-height:1.85;color:#e5ead8;margin:0}.casebook-facts dd>span{display:block;font-size:10px;color:#adc3b4;margin-top:5px}.casebook-figure{margin:36px 0 44px}.casebook-image{display:block;position:relative;width:100%;padding:0;background:#10241c;border:1px solid #dce6d537;border-radius:13px;overflow:hidden;cursor:zoom-in}.casebook-image>img{width:100%;height:auto;max-height:680px;object-fit:contain}.casebook-hero-figure{max-width:1100px;margin:42px auto}.casebook-hero-figure .casebook-image{background:radial-gradient(ellipse at 50% 35%,#345145,#11251d)}.casebook-hero-figure img{min-height:310px;max-height:630px;object-fit:contain}.casebook-figure figcaption{font-size:11px;line-height:1.85;color:#abc2b3;margin-top:12px}.casebook-opening{max-width:1000px;margin:50px auto 0}.casebook-thesis{font-size:clamp(24px,3vw,38px);line-height:1.7;color:#ecead3;max-width:850px}.casebook-outputs{display:grid;grid-template-columns:175px minmax(0,1fr);gap:30px;margin-top:30px;padding:25px 0;border-block:1px solid var(--line)}.casebook-outputs>span{font-size:11px;color:#abc3af;line-height:1.9}.casebook-outputs ul{margin:0;padding-left:16px;display:grid;gap:9px}.casebook-outputs li{padding-left:3px;font-size:13px;line-height:1.85;color:#d2dfd1}.casebook-outputs li::marker{color:#c2cba7}.casebook-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:65px;padding-top:70px}.casebook-sidebar{position:sticky;top:118px;align-self:start}.casebook-sidebar>.eyebrow{font-size:9px}.casebook-mobile-toc nav,.casebook-sidebar nav{display:grid;gap:16px;margin:25px 0 30px}.casebook-mobile-toc nav a,.casebook-sidebar nav a{display:flex;align-items:baseline;gap:10px;font-size:11px;color:#adc2b0;line-height:1.75}.casebook-mobile-toc nav a>span,.casebook-sidebar nav a>span{flex-shrink:0;width:18px;font:9px var(--font-mono);opacity:.65}.casebook-sidebar nav a.active,.casebook-sidebar nav a:hover{color:#fff1cc}.casebook-sidebar .button{margin:0 0 12px;padding-inline:12px;font-size:10px;gap:8px}.casebook-article{min-width:0}.casebook-chapter{margin-bottom:85px;scroll-margin-top:120px}.casebook-chapter-index{display:block;font:9px/1.8 var(--font-mono);color:#b3c5ad;margin-bottom:16px}.casebook-chapter>h2{max-width:780px;font-size:31px;line-height:1.5;margin:0 0 26px;letter-spacing:-.025em}.casebook-chapter>p{max-width:780px;font-size:16px;line-height:2.05;color:#c9d8ca;margin:20px 0 0}.casebook-chapter>p>strong{color:#f2edd7;font-weight:700}.casebook-chapter .story-items{margin-block:30px}.casebook-chapter .story-items h3{font-size:19px;line-height:1.6}.casebook-chapter .story-items p{font-size:15px;line-height:1.95}.casebook-flow{margin:32px 0}.casebook-flow figcaption{font-size:10px;color:#adc3b1;margin-bottom:15px}.casebook-flow ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid #d7e5d330;border-radius:13px;overflow:hidden;background:#e0e9d707}.casebook-flow li{position:relative;padding:23px;border-right:1px solid #d7e5d325;border-bottom:1px solid #d7e5d325}.casebook-flow li:nth-child(2n){border-right:0}.casebook-flow li:nth-last-child(-n+2){border-bottom:0}.casebook-flow li>span{display:block;font:10px var(--font-mono);color:#adbd9b;margin-bottom:14px}.casebook-flow strong{display:block;font-size:17px;color:#f2edd7;font-weight:550;line-height:1.6}.casebook-flow p{font-size:13px;line-height:1.9;color:#c5d3c4;margin-top:10px}.casebook-table{margin:32px 0;border:1px solid #d5e4d430;border-radius:12px;overflow:hidden}.casebook-table table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}.casebook-table th{font-size:11px;font-weight:500;padding:15px 18px;background:#d9e5d60c;color:#e6e9d5}.casebook-table td{padding:17px 18px;vertical-align:top;border-top:1px solid #d5e4d425;font-size:13px;line-height:1.85;color:#c9d8c8;overflow-wrap:anywhere}.casebook-table td:first-child{color:#eee9d1}.casebook-evidence{margin-top:32px;border-top:1px solid var(--line)}.casebook-evidence>div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:22px;padding:24px 0;border-bottom:1px solid var(--line)}.casebook-evidence-kind{align-self:start;border-radius:4px;padding:5px 7px;background:#b7cea616;color:#d0dfc6;font-size:9px;line-height:1.7;text-align:center}.casebook-evidence h3{font-size:18px;font-weight:500;line-height:1.6;color:#eae9d6;margin:0}.casebook-evidence p{font-size:14px;line-height:1.95;color:#bcd0bf;margin-top:10px}.casebook-evidence a{display:inline-flex;align-items:center;gap:9px;font-size:11px;margin-top:13px;color:#e9e3c8;border-bottom:1px solid #e9e3c840;padding-bottom:3px}.casebook-mobile-actions,.casebook-mobile-toc{display:none}@media (max-width:1000px){.casebook-layout{grid-template-columns:160px minmax(0,1fr);gap:35px}.casebook-chapter>h2{font-size:27px}.casebook-facts{gap:20px}}@media (max-width:759px){.casebook-mobile-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.casebook-page{padding-top:25px;padding-bottom:65px}.casebook-header{margin-top:34px}.casebook-header h1{font-size:clamp(27px,7.8vw,36px);line-height:1.45}.casebook-name{font-size:14px;margin-top:24px}.casebook-subtitle{font-size:15px;line-height:1.9;margin-top:20px}.casebook-facts{grid-template-columns:1fr 1fr;gap:20px 24px;margin-top:27px;padding-top:22px}.casebook-facts>div:first-child{grid-column:1/-1}.casebook-facts dt{font-size:9px}.casebook-facts dd{font-size:12px}.casebook-hero-figure{margin-block:30px}.casebook-hero-figure img{min-height:160px;max-height:440px}.casebook-figure figcaption{font-size:10px}.casebook-opening{margin-top:35px}.casebook-thesis{font-size:25px}.casebook-outputs{grid-template-columns:1fr;gap:16px}.casebook-outputs li{font-size:12px}.casebook-mobile-toc{display:block;padding:17px;border:1px solid #d7e5d333;border-radius:12px;background:#dce5d708;margin-top:25px}.casebook-mobile-toc summary{font-size:12px;cursor:pointer}.casebook-mobile-toc nav{margin-bottom:0;gap:14px}.casebook-layout{display:block;padding-top:40px}.casebook-sidebar{display:none}.casebook-chapter{margin-bottom:55px;scroll-margin-top:100px}.casebook-chapter-index{font-size:8px}.casebook-chapter>h2{font-size:25px;margin-bottom:23px}.casebook-chapter>p{font-size:14px;line-height:2}.casebook-chapter .story-items p{font-size:14px}.casebook-chapter .story-items h3{font-size:18px}.casebook-flow ol{grid-template-columns:1fr}.casebook-flow li{padding:20px;border-right:0}.casebook-flow li:nth-last-child(-n+2){border-bottom:1px solid #d7e5d325}.casebook-flow li:last-child{border-bottom:0}.casebook-flow strong{font-size:16px}.casebook-table table,.casebook-table tbody,.casebook-table td,.casebook-table tr{display:block;width:100%}.casebook-table thead{display:none}.casebook-table tr{padding-block:10px;border-top:1px solid var(--line)}.casebook-table tr:first-child{border-top:0}.casebook-table td{border:0;padding:9px 18px;font-size:12px}.casebook-table td:before{content:attr(data-label);display:block;margin-bottom:5px;color:#a4bda9;font-size:9px}.casebook-evidence>div{grid-template-columns:1fr;gap:13px;padding-block:22px}.casebook-evidence-kind{justify-self:start}.casebook-evidence p{font-size:13px}.casebook-evidence h3{font-size:17px}}html:has(.article-deck-page){scroll-behavior:auto}.article-deck-intro{max-width:1070px;margin:0 auto;padding:26px 0;border-block:1px solid var(--line);display:grid;grid-template-columns:185px minmax(0,1fr);gap:18px 38px}.article-deck-intro>div{display:flex;flex-direction:column;gap:7px;grid-row:span 2}.article-deck-intro strong{font:46px/1 var(--font-mono);color:#eee8cd;font-weight:400;letter-spacing:-.06em}.article-deck-intro span{font-size:11px;color:#c5d3c4}.article-deck-intro>p{font-size:14px;line-height:1.9;color:#d0dcce}.article-deck-intro>.deck-scope-note{font-size:11px;color:#aabfae}.article-deck-page .article-layout{max-width:1250px;grid-template-columns:220px minmax(0,1fr);gap:50px}.article-deck-toc{max-height:calc(100dvh - 150px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b0c1a94d transparent;padding-right:13px}.article-deck-toc>.eyebrow{margin-bottom:10px}.deck-toc-group{margin-bottom:24px}.deck-toc-group>p{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#d4dfc9;padding-bottom:9px;border-bottom:1px solid #d4dfc925}.deck-toc-group>p>span{font:9px var(--font-mono);opacity:.55}.deck-toc-group a{display:grid;grid-template-columns:20px minmax(0,1fr);gap:6px;font-size:11px;line-height:1.8;color:#abc1b1;padding:9px 0}.deck-toc-group a>span{font:9px/2 var(--font-mono);opacity:.65}.deck-toc-group a:hover,.deck-toc-group a[aria-current=location]{color:#fff0ce}.article-slide-meta{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:22px;margin-bottom:18px;font:9px/1.8 var(--font-mono);letter-spacing:.04em;color:#aec2af}.article-deck-page .article-prose .article-slide-section{margin-bottom:75px;scroll-margin-top:125px}.article-deck-page .article-prose h2{font-size:29px}.source-slide-figure{margin:26px 0 30px}.source-slide-figure>button{display:block;width:100%;padding:0;position:relative;border-radius:12px;border:1px solid #d4dfc944;overflow:hidden;cursor:zoom-in;background:#070516}.source-slide-figure img{display:block;width:100%;height:auto;object-fit:contain}.source-slide-figure figcaption{font-size:10px;line-height:1.8;color:#a9bfaf;margin-top:11px}.article-deck-page .article-prose .slide-commentary-label{font-size:10px;color:#aabfa8;letter-spacing:.06em;margin-top:25px}.slide-annotation{margin-top:25px;border-left:2px solid #d1c18e88;padding:17px 20px;background:#dfd5b208}.slide-annotation h3{font-size:11px;font-weight:550;color:#e2d9b7}.article-deck-page .article-prose .slide-annotation p{font-size:12px;color:#bdccba;margin-top:9px;line-height:1.95}.article-deck-mobile-toc{display:none}@media (max-width:900px){.article-deck-page .article-layout{grid-template-columns:170px minmax(0,1fr);gap:28px}}@media (max-width:759px){.article-deck-intro{grid-template-columns:1fr;gap:18px;padding-block:23px}.article-deck-intro>div{grid-row:auto;flex-direction:row;align-items:baseline;gap:16px}.article-deck-intro strong{font-size:37px}.article-deck-intro>p{font-size:13px}.article-deck-intro>.deck-scope-note{font-size:10px}.article-deck-page .article-layout{display:block;padding-top:35px}.article-deck-toc{display:none}.article-deck-mobile-toc{display:block;margin-top:24px;border:1px solid var(--line);border-radius:12px;padding:18px;background:#dce7cf07}.article-deck-mobile-toc summary{font-size:12px;color:#d8e1ce;cursor:pointer}.article-deck-mobile-toc nav{margin-top:22px;max-height:60dvh;overflow-y:auto}.deck-toc-group:last-child{margin-bottom:0}.article-deck-page .article-prose h2{font-size:24px}.article-deck-page .article-prose .article-slide-section{margin-bottom:48px;scroll-margin-top:95px}.article-slide-meta{font-size:8px;padding-top:18px}.source-slide-figure{margin-block:23px}.source-slide-figure figcaption{font-size:9px}.source-slide-figure .frame-enlarge{opacity:1}.slide-annotation{padding:15px 16px}.article-deck-page .article-prose .slide-annotation p{font-size:12px}.article-source-lightbox .frame-lightbox-bar>span{max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}:root{--font-display-en:"DM Serif Display","Alimama FangYuanTi VF",Georgia,serif;--font-display:"DM Serif Display","Alibaba PuHuiTi Black",Georgia,serif}.site.lang-en :is(h1,h2,h3,h4),.site.lang-en :is(h1,h2,h3,h4) .serif{font-family:var(--font-display-en);font-weight:400;font-synthesis:none}.site.lang-zh :is(h1,h2,h3,h4),.site.lang-zh :is(h1,h2,h3,h4) .serif{font-family:var(--font-display);font-synthesis:none}.site.lang-zh :is(h3,h4){font-family:"DM Serif Display",Alimama FangYuanTi VF,Georgia,serif;font-weight:550}.site :is(.cover-copy>strong,.knowledge-cover-title,.power-discovery>span){font-family:var(--font-display);font-synthesis:none;font-weight:900}.site.lang-en :is(.cover-copy>strong,.knowledge-cover-title,.power-discovery>span){font-family:var(--font-display-en);font-weight:400}.site.lang-en :is(.casebook-name,.detail-project-name,.article-related-project strong,.practice-links strong){font-family:var(--font-display-en);font-weight:400}.power-discovery{position:absolute;bottom:calc(100% + 15px);right:-7px;width:max-content;max-width:278px;min-height:60px;display:flex;align-items:center;gap:4px;padding:13px 10px 13px 19px;color:#203930;isolation:isolate;transform-origin:85% 115%;animation:power-invitation .85s cubic-bezier(.18,.9,.25,1.2) both}.power-discovery-shape{position:absolute;inset:0 auto auto 0;width:100%;height:calc(100% + 12px);z-index:-1;pointer-events:none;overflow:visible;filter:drop-shadow(0 8px 14px #173d3b35)}.power-discovery>span{font-size:13px;line-height:1.65;letter-spacing:.01em}.lang-en .power-discovery>span{font-size:17px;line-height:1.25}.power-discovery>button{width:28px;height:34px;background:none;color:#385848;font:22px/1 var(--font-sans);flex-shrink:0;position:relative;z-index:1}.power-sheen{display:none}.has-power-hint .power-icon-button{animation:power-elastic 1.05s ease .3s both}.has-power-hint .power-sheen{display:block;position:absolute;inset:10%;border-radius:50%;overflow:hidden;pointer-events:none}.has-power-hint .power-sheen:after{content:"";position:absolute;inset:-25% -90%;background:linear-gradient(110deg,transparent 38%,#fff0 42%,#ffffffb3 50%,#fff0 58%,transparent 62%);transform:translateX(-65%) rotate(-10deg);animation:power-sweep 1.5s ease-in-out .5s both}@keyframes power-invitation{0%{opacity:0;transform:translateY(12px) scale(.82) rotate(2deg)}to{opacity:1;transform:none}}@keyframes power-elastic{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 #fff0)}35%{transform:scale(1.14);filter:drop-shadow(0 0 12px #fff8)}57%{transform:scale(.96)}78%{transform:scale(1.04)}}@keyframes power-sweep{to{transform:translateX(65%) rotate(-10deg)}}.cover-sage{--cover-base:#c5cfb9;--cover-ink:#263c35;--cover-accent:#869a77}.cover-mist{--cover-base:#bfd0d0;--cover-ink:#243c43;--cover-accent:#769da5}.cover-iris{--cover-base:#c9c2d8;--cover-ink:#383147;--cover-accent:#9e8fb7}.cover-sand{--cover-base:#d9d0b9;--cover-ink:#494335;--cover-accent:#afa080}.cover-clay{--cover-base:#d8c3b8;--cover-ink:#493a37;--cover-accent:#b59488}.project-art.editorial-cover{container-type:inline-size;display:block;position:relative;padding:0!important;isolation:isolate;background:var(--cover-base);color:var(--cover-ink);overflow:hidden;border:1px solid #ffffff70}.editorial-cover:before,.knowledge-designed:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 5% 0,#ffffffe0,transparent 65%),linear-gradient(150deg,#fff1,transparent 60%,#233d351a)}.cover-caption{display:flex;justify-content:space-between;gap:10px;font:8px/1.5 var(--font-mono);letter-spacing:.06em;opacity:.75}.editorial-cover .cover-caption{position:absolute;left:6%;right:6%;top:6%}.cover-copy{position:absolute;left:6%;right:6%;top:15%;z-index:2}.cover-copy>strong{display:block;font-size:clamp(22px,5.9cqw,38px);line-height:1.22;letter-spacing:-.035em;max-width:93%}.cover-copy>span{display:block;font-size:clamp(9px,2.5cqw,13px);line-height:1.6;margin-top:8px;opacity:.7}.cover-window{position:absolute;left:9%;width:84%;top:39%;height:67%;border:5px solid #ffffff70;border-bottom:0;border-radius:13px 13px 0 0;background:#182021;box-shadow:0 20px 35px #263d3c30,inset 0 1px 0 #fff;transform:rotate(-2deg);overflow:hidden;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.cover-window>img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;border-radius:7px 7px 0 0}.cover-board .cover-window{left:6%;width:88%;top:40%;height:55%;transform:rotate(1.5deg);border-bottom:5px solid #ffffff70;border-radius:10px}.cover-board .cover-window>img{object-fit:contain;border-radius:4px}.cover-phone .cover-copy{width:42%;top:22%}.cover-phone .cover-copy strong{font-size:clamp(23px,6.7cqw,44px);line-height:1.28}.cover-phone .cover-window{left:56%;top:17%;width:33%;height:90%;border:5px solid #faffef91;border-radius:23px;transform:rotate(7deg)}.cover-phone .cover-window>img{object-fit:cover;border-radius:17px}.cover-artifact-label{position:absolute;left:6%;bottom:6%;font:7px/1.5 var(--font-mono);letter-spacing:.04em;background:#f5faeeed;color:#30453b;padding:5px 8px;border:1px solid #fff9;border-radius:7px;z-index:3}.project-card-link:hover .cover-window{transform:translateY(-5px) rotate(0)}.editorial-cover .cover-caption>span:last-child,.media-status{display:none}.project-art.editorial-cover.cover-board{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:4%;padding:6%!important}.cover-board .cover-caption,.cover-board .cover-copy{position:static;width:auto;min-width:0}.cover-board .cover-copy>strong{font-size:clamp(21px,5.4cqw,34px);line-height:1.15}.cover-board .cover-copy>span{margin-top:5px}.cover-board .cover-window{position:relative;inset:auto;width:100%;height:100%;min-height:0;transform:none;border:1px solid #ffffff8c;border-radius:8px;background:#182021}.cover-board .cover-window>img{border-radius:7px;object-position:center}.cover-board.screen-samer .cover-window{background:#130322}.project-card-link:hover .cover-board .cover-window{transform:none}.cover-board .cover-artifact-label{left:auto;right:8%;bottom:8%;font-size:6px;padding:4px 6px}.selected-cases{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.selected-cases>.project-card:first-child{grid-row:auto}.selected-cases>.project-card .project-art,.selected-cases>.project-card:first-child .project-art{width:100%;height:auto;min-height:0;aspect-ratio:4/3}.selected-cases .project-card-body{padding-top:20px}.selected-cases .project-card-body>h3{font-size:clamp(21px,2vw,30px);margin-top:12px;line-height:1.4}.selected-cases .project-card-body>p{font-size:12px;line-height:1.9}.selected-cases .card-read{display:flex;margin-top:18px}@media (max-width:1100px){.selected-cases{grid-template-columns:1fr;gap:38px}.selected-cases>.project-card .project-card-link{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:center}.selected-cases .project-card-body{padding-top:0}}@media (max-width:640px){.selected-cases>.project-card .project-card-link{display:block}.selected-cases .project-card-body{padding-top:18px}.cover-board .cover-copy>strong{font-size:5.9cqw}}.knowledge-designed{container-type:inline-size;padding:7%;color:var(--cover-ink);background:var(--cover-base);isolation:isolate;border:1px solid #ffffff75;display:flex;flex-direction:column}.knowledge-designed .cover-caption>span:first-child{display:flex;align-items:center;gap:7px}.knowledge-cover-title{position:relative;z-index:2;font-size:clamp(21px,7.2cqw,34px);line-height:1.3;max-width:92%;margin-top:9%;letter-spacing:-.025em}.knowledge-cover-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #233e3538;padding-top:4%;font:7px/1.5 var(--font-mono);letter-spacing:.04em;z-index:2;gap:10px}.knowledge-cover-footer>span:last-child{display:flex;align-items:center;gap:6px}.knowledge-motif{position:absolute;width:63%;height:38%;bottom:18%;right:7%;display:flex;align-items:center;justify-content:center;gap:6%;transform:rotate(-8deg)}.knowledge-motif i{display:block;background:linear-gradient(140deg,#ffffffc4,#ffffff35);border:1px solid #fff9;box-shadow:5px 10px 20px #31493d15,inset 0 1px 0 #fff;backdrop-filter:blur(8px);border-radius:16%;width:23%;height:62%}.knowledge-motif i:nth-child(n+4){display:none}.motif-data{align-items:end;gap:7%;transform:none;padding-bottom:3%}.motif-data i{width:20%;border-radius:9px 9px 2px 2px;height:45%}.motif-data i:nth-child(2){height:70%}.motif-data i:nth-child(3){height:95%}.motif-direction i:nth-child(2){background:var(--cover-accent);transform:rotate(45deg);width:19%;height:43%;border-radius:4px}.motif-direction i:first-child{transform:rotate(-15deg)}.motif-direction i:nth-child(3){transform:rotate(15deg)}.motif-levels i{border-radius:50%;width:22%;height:auto;aspect-ratio:1}.motif-levels i:nth-child(2){width:30%}.motif-levels i:nth-child(3){width:38%}.motif-orbit{transform:rotate(-14deg)}.motif-orbit i{border-radius:50%;width:57%;height:auto;aspect-ratio:1;border:12px solid #ffffff75;background:none;position:absolute}.motif-orbit i:nth-child(2){width:80%;border-width:1px}.motif-orbit i:nth-child(3){width:15%;right:9%;top:10%;background:var(--cover-accent);border-width:3px}.motif-profile i:first-child{width:80%;height:76%;border-radius:13px}.motif-profile i:nth-child(2){position:absolute;width:23%;aspect-ratio:1;height:auto;border-radius:50%;top:-3%;left:22%;background:var(--cover-accent)}.motif-profile i:nth-child(3){display:none}.motif-layers i{position:absolute;width:55%;height:65%;transform:rotate(-8deg) translate(-20%,-15%)}.motif-layers i:nth-child(2){transform:translate(0)}.motif-layers i:nth-child(3){transform:rotate(8deg) translate(20%,15%)}.motif-devices i:first-child{width:65%;height:75%;border-radius:8px}.motif-devices i:nth-child(2){width:23%;height:68%;margin-left:-15%;margin-top:25%;background:var(--cover-accent);border:3px solid #fff9}.motif-devices i:nth-child(3){display:none}.motif-sound{gap:6%;transform:none}.motif-sound i{display:block!important;width:9%;border-radius:20px;height:45%}.motif-sound i:nth-child(2),.motif-sound i:nth-child(4){height:75%}.motif-sound i:nth-child(3){height:100%}.article-cover .knowledge-designed{height:380px;padding:30px 6%}.article-cover .knowledge-cover-title{font-size:clamp(27px,4vw,48px);margin-top:25px;max-width:68%}.article-cover .knowledge-motif{width:35%;height:45%;bottom:20%}.article-cover .knowledge-cover-footer{padding-top:12px}@media (max-width:759px){.power-discovery{right:auto;left:-5px;max-width:min(270px,calc(100vw - 45px));transform-origin:15% 115%}.power-discovery-shape{transform:scaleX(-1)}}@media (max-width:640px){.power-discovery>span{font-size:12px}.lang-en .power-discovery>span{font-size:16px}.cover-caption{font-size:7px}.cover-copy>strong{font-size:6.6cqw}.article-cover .knowledge-designed{height:270px;padding:22px}.article-cover .knowledge-cover-title{font-size:28px;max-width:95%}.article-cover .knowledge-motif{width:53%;height:32%;bottom:20%}}@media (prefers-reduced-motion:reduce){.has-power-hint .power-icon-button,.has-power-hint .power-sheen:after,.power-discovery{animation:none}.project-card-link:hover .cover-window{transform:none}.cover-window{transition:none}}.casebook-video{margin:32px 0}.casebook-video video{width:100%;height:auto;display:block;border-radius:14px;background:#171d20;border:1px solid #d8e6d440}.casebook-video figcaption{font-size:11px;line-height:1.8;color:#bfd1c2;margin-top:12px}.frame-lightbox,.site{-webkit-user-select:none;user-select:none}.site :is(input,textarea,[contenteditable=true],[role=textbox]){-webkit-user-select:text;user-select:text}.frame-lightbox img,.site img{-webkit-user-drag:none;user-select:none}.content-protection-notice{position:fixed;left:50%;bottom:30px;transform:translate(-50%,10px);max-width:calc(100vw - 40px);width:max-content;z-index:20000;border-radius:14px;padding:14px 20px;color:#f8f3df;background:#183e32ed;backdrop-filter:blur(20px);border:1px solid #f4f1dc5c;box-shadow:0 10px 40px #031e3370;font-size:12px;line-height:1.7;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.content-protection-notice.is-visible{opacity:1;transform:translate(-50%)}.protected-preview-label{font:9px/1.7 var(--font-mono);color:#c6d3bf;margin-left:auto}@media print{.frame-lightbox,.site{display:none!important}body{background:white;color:black}body:before{content:"Ree · 图文仅供在线浏览，未经许可请勿复制或转载。";display:block;padding:30px}html[lang=en] body:before{content:"Ree · Online viewing only. Do not reproduce without permission."}}.knowledge-evidence{margin:28px 0 35px;border-top:1px solid #dfebd333;padding-top:22px}.knowledge-evidence-heading>span{font:9px/1.7 var(--font-mono);color:#a9c0ae;letter-spacing:.03em}.knowledge-evidence-heading h3{font-size:23px;line-height:1.55;margin-top:10px;color:#fff2d8}.knowledge-evidence .source-slide-figure{margin-block:18px 20px}.knowledge-evidence .source-slide-figure>button:after{content:"Ree. / VIEW ONLY";position:absolute;right:12px;bottom:12px;padding:5px 9px;background:#19392bc9;border:1px solid #ffffef59;color:#fff5dd;border-radius:5px;font:8px var(--font-mono);pointer-events:none}.knowledge-evidence-reading{padding:21px 24px;border:1px solid #d4dfc92a;border-radius:12px;background:#b9ccb40b}.knowledge-evidence-reading>span{font:9px/1.7 var(--font-mono);color:#d2d9b9}.knowledge-evidence-reading ul{margin:12px 0 0;padding-left:17px}.knowledge-evidence-reading li{color:#c4d5c7;font-size:14px;line-height:1.95;padding-left:3px;margin-top:7px}.knowledge-article .article-prose p.knowledge-evidence-limit{margin-top:13px;font-size:12px;line-height:1.9;color:#adc5b2;border-left:2px solid #cbd5a96b;padding-left:15px}@media (max-width:640px){.knowledge-evidence-heading h3{font-size:20px}.knowledge-evidence-reading{padding:18px}.knowledge-evidence-reading li{font-size:13px}.protected-preview-label{font-size:7px;max-width:110px;text-align:right}.content-protection-notice{bottom:95px;font-size:11px}}html:has(.knowledge-article){scroll-behavior:auto}.knowledge-reading-guide{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;border-block:1px solid #d8e6d430;padding:32px 0;margin:38px 0 12px}.knowledge-reading-guide span{font:9px/1.6 var(--font-mono);letter-spacing:.06em;color:#b3c6b7}.knowledge-reading-guide p{margin-top:12px;font-size:14px;line-height:1.9;color:#d9e2cd}.knowledge-reading-guide>div:first-child p{font-size:20px;line-height:1.7;color:#fff3db}.knowledge-toc{max-height:calc(100svh - 160px);overflow-y:auto;padding-right:12px;scrollbar-width:thin}.knowledge-mobile-toc nav,.knowledge-toc nav{display:flex;flex-direction:column;gap:4px}.knowledge-mobile-toc nav a,.knowledge-toc nav a{display:flex;gap:12px;font-size:11px;line-height:1.7;padding:9px 0;color:#bccfc2}.knowledge-mobile-toc nav a>span,.knowledge-toc nav a>span{font:9px/1.9 var(--font-mono);opacity:.65}.knowledge-toc nav a[aria-current=location]{color:#fff3db}.knowledge-mobile-toc{display:none}.knowledge-article .knowledge-chapter{margin-bottom:65px;padding-top:20px;border-top:1px solid #cfdccb30}.knowledge-chapter-label{display:flex;justify-content:space-between;gap:15px;font:8px/1.7 var(--font-mono);color:#a6c0ac;letter-spacing:.05em;margin-bottom:16px}.knowledge-article .knowledge-method-steps{list-style:none;padding:0;margin:28px 0;border-block:1px solid #e1ebd430}.knowledge-method-steps li{display:flex;gap:20px;padding:23px 0;border-bottom:1px solid #e1ebd420}.knowledge-method-steps li:last-child{border:0}.knowledge-method-steps li>span{font:11px/1.8 var(--font-mono);color:#c6cfaa}.knowledge-method-steps h3{font-size:20px;line-height:1.45}.knowledge-article .knowledge-method-steps p{font-size:14px;margin-top:9px}.knowledge-method-table{margin:30px 0;border:1px solid #deead13b;border-radius:14px;overflow:hidden;background:#b5cbb509}.knowledge-method-table table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}.knowledge-method-table th{background:#d3e2be12;color:#e4e7d2;font-size:12px;line-height:1.7;font-weight:500;padding:17px}.knowledge-method-table td{font-size:13px;line-height:1.85;color:#c7d6ca;padding:18px 17px;border-top:1px solid #deead122;vertical-align:top;overflow-wrap:anywhere}.knowledge-example{border:1px solid #d9e5d13d;border-radius:17px;padding:28px;margin:30px 0;background:linear-gradient(130deg,#deead218,#a8c4b709);box-shadow:inset 0 1px 0 #fff2}.knowledge-example>span{display:block;font:8px/1.8 var(--font-mono);color:#b9c9ae;margin-bottom:14px;letter-spacing:.04em}.knowledge-example h3{font-size:21px;line-height:1.5;color:#f5eed6}.knowledge-article .knowledge-example p{margin-top:14px;font-size:14px}.knowledge-source-note{border-block:1px solid #deead130;padding:28px 0}.knowledge-article .knowledge-source-note h2{font-size:23px}.knowledge-article .knowledge-source-note p{font-size:12px}@media (max-width:760px){.knowledge-reading-guide{grid-template-columns:1fr;gap:25px;padding-block:26px;margin-top:25px}.knowledge-reading-guide p{font-size:12px}.knowledge-reading-guide>div:first-child p{font-size:17px}.knowledge-article .article-layout{display:block}.knowledge-toc{display:none}.knowledge-mobile-toc{display:block;border-bottom:1px solid #dce5d033;margin-top:20px;padding:14px 0}.knowledge-mobile-toc summary{font-size:12px;cursor:pointer;padding:8px 0;color:#f2ecd2}.knowledge-mobile-toc nav{padding-top:15px}.knowledge-article .knowledge-chapter{padding-top:18px;margin-bottom:45px}.knowledge-chapter-label{font-size:7px}.knowledge-method-table thead{display:none}.knowledge-method-table tr{display:block;padding:15px;border-top:1px solid #deead130}.knowledge-method-table tr:first-child{border:0}.knowledge-method-table td{display:grid;grid-template-columns:85px minmax(0,1fr);gap:13px;padding:6px 0;border:0;font-size:12px}.knowledge-method-table td:before{content:attr(data-label);color:#a6bba9;font-size:10px}.knowledge-example{padding:22px}.knowledge-example h3,.knowledge-method-steps h3{font-size:18px}.knowledge-article .knowledge-example p,.knowledge-article .knowledge-method-steps p{font-size:13px}}