*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--color-text-main: #172033;--color-text-muted: #566070;--color-text-subtle: #8a94a6;--color-accent-mint: #e1f2f0;--color-accent-pink: #f5e6eb;--color-accent-peach: #faf3f0;--color-accent-blue: #e1ecf2;--color-accent-purple: #eae6f0;--color-accent: #3a5b78;--color-accent-hover: #9e5544;--color-page-bg: #f4f7fb;--color-page-bg-gradient: radial-gradient(circle at 20% 10%, rgba(164, 202, 248, .22), transparent 34%), radial-gradient(circle at 82% 0%, rgba(220, 232, 255, .34), transparent 30%), linear-gradient(135deg, #e5edf7 0%, #f4f7fb 46%, #ffffff 100%);--color-glass-bg: rgba(255, 255, 255, .72);--color-glass-border: rgba(255, 255, 255, .72);--color-glass-edge: rgba(74, 92, 126, .1);--color-border-strong: rgba(40, 70, 110, .105);--shadow-glass-panel: 0 18px 50px rgba(40, 70, 110, .08);--shadow-product-card: 0 18px 50px rgba(40, 70, 110, .08);--font-serif-title: "Cormorant Garamond", Georgia, serif;--font-sans-ui: Inter, system-ui, -apple-system, sans-serif;--font-zh-title: "Noto Serif SC", "PingFang SC", serif;--font-serif: var(--font-serif-title);--font-sans: var(--font-sans-ui);--font-mono: "SF Mono", Menlo, Monaco, Consolas, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-small: 4px;--radius-control: 8px;--radius-panel: 12px;--motion-fast: .28s cubic-bezier(.16, 1, .3, 1);--motion-base: .55s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{min-height:100%;background:var(--color-page-bg)}body{position:relative;min-height:100vh;overflow-x:hidden;padding:var(--space-10) var(--space-6) 120px;color:var(--color-text-main);background:var(--color-page-bg-gradient);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:-18% -14%;z-index:0;pointer-events:none;background:radial-gradient(circle at 16% 16%,rgba(164,202,248,.3) 0 15%,transparent 34%),radial-gradient(circle at 86% 6%,rgba(220,232,255,.34) 0 17%,transparent 36%),radial-gradient(circle at 68% 78%,rgba(190,217,244,.22) 0 16%,transparent 34%);filter:blur(82px);opacity:.96;transform:translateZ(0);animation:ambientDrift 22s ease-in-out infinite alternate}body:after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.018'/%3E%3C/svg%3E");animation:mistBreath 28s ease-in-out infinite alternate}.intro-content{visibility:hidden;opacity:0;transform:translate3d(0,5vh,0);transition:opacity .98s cubic-bezier(.76,0,.24,1),transform .98s cubic-bezier(.76,0,.24,1)}.intro-content--active{visibility:visible;opacity:1;transform:translateZ(0)}.intro-content--revealing{will-change:opacity,transform}.awwwards-loader{position:fixed;inset:0;z-index:50;display:grid;min-height:100svh;overflow:hidden;padding:clamp(22px,4vw,52px);background:var(--color-page-bg-gradient);color:var(--color-text-main);transform:translateZ(0);transition:transform .78s cubic-bezier(.76,0,.24,1)}.awwwards-loader:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.014'/%3E%3C/svg%3E")}.awwwards-loader--leaving{transform:translate3d(0,-100%,0);will-change:transform}.awwwards-loader__glow{position:absolute;z-index:0;width:min(34vw,440px);aspect-ratio:1;border-radius:999px;filter:blur(64px);opacity:.1;pointer-events:none}.awwwards-loader__glow--mint{top:8%;left:8%;background:var(--color-accent-mint)}.awwwards-loader__glow--lavender{right:8%;bottom:12%;background:var(--color-accent-purple);opacity:.08}.awwwards-loader__meta{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);color:var(--color-text-subtle);font-family:var(--font-sans-ui);font-size:clamp(11px,1.6vw,13px);line-height:1.4;text-transform:uppercase;letter-spacing:.14em;opacity:0;transform:translate3d(0,18px,0);transition:opacity .68s cubic-bezier(.76,0,.24,1) 90ms,transform .68s cubic-bezier(.76,0,.24,1) 90ms}.awwwards-loader--ready .awwwards-loader__meta,.awwwards-loader--leaving .awwwards-loader__meta{opacity:1;transform:translateZ(0)}.awwwards-loader__center{position:relative;z-index:1;align-self:center;justify-self:center;width:min(86vw,920px);text-align:center}.awwwards-loader__clip{overflow:hidden}.awwwards-loader__clip h1,.awwwards-loader__clip p{transform:translate3d(0,112%,0);transition:transform .86s cubic-bezier(.76,0,.24,1) 90ms}.awwwards-loader--ready .awwwards-loader__clip h1,.awwwards-loader--leaving .awwwards-loader__clip h1,.awwwards-loader--ready .awwwards-loader__clip p,.awwwards-loader--leaving .awwwards-loader__clip p{transform:translateZ(0)}.awwwards-loader__clip h1{color:var(--color-text-main);font-family:var(--font-serif-title);font-size:clamp(48px,10vw,132px);font-weight:400;line-height:.95;letter-spacing:.02em}.awwwards-loader__clip--subtitle{margin-top:clamp(12px,2vw,18px)}.awwwards-loader__clip--subtitle p{color:var(--color-text-muted);font-family:var(--font-sans-ui);font-size:clamp(12px,1.8vw,16px);letter-spacing:.18em;line-height:1.5;text-transform:uppercase;transition-delay:.21s}.awwwards-loader__progress{position:relative;z-index:1;align-self:end;justify-self:end;color:var(--color-text-subtle);font-family:var(--font-mono);font-size:clamp(20px,4vw,42px);font-variant-numeric:tabular-nums;line-height:1;opacity:0;transform:translate3d(0,14px,0);transition:opacity .62s cubic-bezier(.76,0,.24,1) .22s,transform .62s cubic-bezier(.76,0,.24,1) .22s}.awwwards-loader--ready .awwwards-loader__progress,.awwwards-loader--leaving .awwwards-loader__progress{opacity:1;transform:translateZ(0)}@media(max-width:640px){.awwwards-loader__meta{align-items:flex-start;flex-direction:column;justify-content:flex-start;gap:var(--space-2)}.awwwards-loader__center{text-align:left}}@media(prefers-reduced-motion:reduce){.intro-content,.awwwards-loader,.awwwards-loader__meta,.awwwards-loader__glow,.awwwards-loader__progress,.awwwards-loader__clip h1,.awwwards-loader__clip p{transition-duration:1ms}}@keyframes ambientDrift{0%{transform:translate3d(-2.8%,-1.8%,0) scale(1)}50%{transform:translate3d(2.2%,1.6%,0) scale(1.035)}to{transform:translate3d(1%,-2.4%,0) scale(1.018)}}@keyframes mistBreath{0%{opacity:.55}50%{opacity:.78}to{opacity:.62}}button,a{font:inherit}h1,h2,h3{color:var(--color-text-main);font-family:var(--font-serif-title)}p,button{color:var(--color-text-main);font-family:var(--font-sans);line-height:1.6}.specimen-layout{position:relative;z-index:2;display:flex;max-width:1200px;margin:0 auto;flex-direction:column;gap:var(--space-8)}.hub-header{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-6);border-bottom:1px solid rgba(75,96,132,.14)}.hub-title-row{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.hub-title-block{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.hub-title{font-family:var(--font-serif-title);font-size:clamp(28px,3.6vw,38px);font-weight:400;line-height:1.1;letter-spacing:.055em}.hub-subtitle{max-width:560px;color:var(--color-text-muted);font-size:15px;line-height:1.8}.hub-kicker{color:var(--color-text-subtle);font-family:var(--font-sans-ui);font-size:10.5px;font-weight:600;letter-spacing:.16em;line-height:1.5}.hub-signature{color:var(--color-text-subtle);font-family:var(--font-sans-ui);font-size:13px;letter-spacing:.035em;white-space:nowrap}.hub-github-row{display:inline-flex;align-items:baseline;gap:4px;color:var(--color-text-muted);font-size:12px;line-height:1.4}.hub-github-link{color:inherit;text-decoration:none;transition:color var(--motion-fast)}.hub-github-link:hover,.hub-github-link:focus-visible{color:var(--color-accent-hover);text-decoration:none}.hub-shell{display:grid;grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr);align-items:start;gap:var(--space-8)}.hub-aside{display:flex;flex-direction:column;gap:var(--space-5)}.liquid-glass,.hub-note,.product-section{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-glass-panel);backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%)}.liquid-glass:before,.hub-note:before,.product-section:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(130deg,rgba(255,255,255,.48) 0%,rgba(255,255,255,.12) 38%,transparent 62%),linear-gradient(320deg,transparent 0%,rgba(153,194,238,.055) 58%,rgba(255,255,255,.28) 100%);opacity:.76}.liquid-glass>*,.hub-note>*,.product-section>*{position:relative;z-index:1}.hub-note{gap:var(--space-3);padding:var(--space-5);letter-spacing:.025em}.hub-note h2,.product-toolbar-title,.detail-updates h2{color:var(--color-text-muted);font-family:var(--font-sans-ui);font-size:11px;font-weight:600;letter-spacing:.155em;text-transform:uppercase}.hub-note p,.hub-note li{color:var(--color-text-muted);font-size:12px;line-height:1.7}.hub-note ul{display:flex;flex-direction:column;gap:var(--space-2);list-style:none}.product-section{gap:var(--space-5);padding:var(--space-5)}.product-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-strong)}.filter-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-tab{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:#ffffffad;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-sans-ui);font-size:11px;font-weight:500;letter-spacing:.14em;line-height:1.6;text-transform:uppercase;padding:5px 10px;box-shadow:0 8px 20px #28466e0b;backdrop-filter:blur(16px) saturate(170%);-webkit-backdrop-filter:blur(16px) saturate(170%);transition:background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}.filter-tab:hover{background:#ffffffd1;border-color:#b8cce89e;color:var(--color-text-main);transform:translateY(-1px)}.filter-tab.active{background:linear-gradient(135deg,#ffffffeb,#f6faffa8),linear-gradient(90deg,#a4caf814,#dce8ff24);border-color:#9fb7da8f;box-shadow:0 10px 26px #28466e12;color:var(--color-text-main)}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:var(--space-4)}.product-card{position:relative;display:flex;overflow:hidden;min-height:236px;height:100%;flex-direction:column;padding:var(--space-4);border:1px solid var(--color-glass-border);border-radius:var(--radius-control);background:var(--color-glass-bg);box-shadow:var(--shadow-product-card);backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%);color:inherit;letter-spacing:.025em;text-decoration:none;transition:background var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}.product-card:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#fff9,#ffffff29 36%,#fff0 64%),linear-gradient(72deg,transparent 0%,rgba(164,202,248,.075) 47%,transparent 74%);opacity:.68;transform:translate(-10%);transition:opacity var(--motion-fast),transform var(--motion-base)}.product-card:after{content:"";position:absolute;left:12px;right:12px;top:10px;z-index:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);opacity:.8;transition:opacity var(--motion-fast),transform var(--motion-base)}.product-card>*{position:relative;z-index:1}.product-card:hover{background:#fffc;border-color:#fffffff0;box-shadow:0 24px 60px #28466e1b;transform:translateY(-4px)}.product-card:hover:before{opacity:.96;transform:translate(5%)}.product-card:hover:after{opacity:1;transform:translate(12px)}.product-card:hover .product-arrow{opacity:1;transform:translate(1px,-1px)}.product-card:focus{outline:none}.product-card:focus-visible{outline:1.5px solid rgba(126,143,255,.64);outline-offset:3px;border-color:#fffffffa}.product-card-top,.product-card-footer,.detail-heading,.detail-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.product-card-top{align-items:flex-start;gap:var(--space-4)}.product-card-actions{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--space-3);min-width:-moz-max-content;min-width:max-content}.product-category{color:var(--color-text-muted);min-width:0;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.085em;text-transform:uppercase}.product-status{display:inline-flex;flex-shrink:0;align-items:center;gap:7px;min-width:-moz-max-content;min-width:max-content;color:var(--color-text-muted);font-size:10.5px;letter-spacing:.075em;white-space:nowrap}.status-dot{flex-shrink:0;width:7px;height:7px;border-radius:50%;background-color:#9ca3af;box-shadow:0 0 0 2px #ffffffad,0 3px 10px #3e4e701f}.product-status[data-status=Shipped] .status-dot{background-color:#35b894}.product-status[data-status=Building] .status-dot,.product-status[data-status="Shipped / Building"] .status-dot{background-color:#e0aa43}.product-status[data-status=Archived] .status-dot{background-color:#94a0b3}.product-card-body{display:flex;flex:1;flex-direction:column;gap:var(--space-3);padding-top:var(--space-5);padding-right:var(--space-6)}.product-title{color:var(--color-text-main);font-family:var(--font-zh-title);font-size:1.25rem;font-weight:550;line-height:1.25;letter-spacing:.01em}.product-arrow{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:15px;height:15px;color:var(--color-text-muted);font-size:15px;line-height:1;opacity:.72;transition:opacity var(--motion-fast),transform var(--motion-fast)}.product-description{display:-webkit-box;overflow:hidden;color:var(--color-text-muted);font-family:var(--font-sans-ui);font-size:12px;font-weight:400;line-height:1.68;-webkit-box-orient:vertical;-webkit-line-clamp:3}.tech-tags{display:flex;align-items:center;min-width:0;flex-wrap:wrap;gap:6px}.tech-tag{padding:3px 7px;border:1px solid rgba(255,255,255,.58);border-radius:var(--radius-small);background:#ffffff9e;color:var(--color-text-muted);font-size:9.5px;letter-spacing:.055em;line-height:1;box-shadow:0 5px 14px #28466e09;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%)}.product-date{color:var(--color-text-subtle);font-family:SF Mono,JetBrains Mono,ui-monospace,Menlo,Monaco,Consolas,monospace;font-size:9.5px;letter-spacing:.075em;white-space:nowrap}.text-link{width:-moz-fit-content;width:fit-content;color:var(--color-text-main);font-size:11px;font-weight:600;padding-bottom:2px;position:relative;text-decoration:none}.text-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1.2px;background:linear-gradient(90deg,#a4caf8b8,#dce8ffeb);transform:scaleX(.3);transform-origin:left center;transition:transform var(--motion-fast)}.text-link:hover:after{transform:scaleX(1)}.product-detail.case-study{width:100%;max-width:1120px;margin:0 auto}.case-study{display:flex;flex-direction:column;gap:clamp(26px,4vw,52px)}.case-back-link{width:-moz-fit-content;width:fit-content;color:var(--color-text-subtle);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;transition:color var(--motion-fast)}.case-back-link:hover,.case-back-link:focus-visible{color:var(--color-text-main)}.case-hero{display:flex;max-width:820px;flex-direction:column;gap:var(--space-4)}.case-meta-line{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);color:var(--color-text-subtle);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.case-title{color:var(--color-text-main);font-family:var(--font-zh-title);font-size:clamp(42px,9vw,92px);font-weight:500;letter-spacing:0;line-height:.98}.case-summary{max-width:650px;color:var(--color-text-muted);font-size:clamp(16px,2vw,20px);line-height:1.72}.case-study--prompt{gap:clamp(20px,3vw,38px)}.case-study--prompt .case-hero{max-width:760px;padding-bottom:clamp(12px,2vw,24px)}.case-layout--prompt{display:block}.case-narrative--prompt{max-width:760px;gap:clamp(36px,5vw,56px)}.case-narrative--prompt .prompt-copy-card{order:-1}.case-preview{position:relative;overflow:hidden;width:100%;aspect-ratio:16 / 9;border:1px solid rgba(255,255,255,.78);border-radius:18px;background:linear-gradient(135deg,#ffffffd1,#f7faff94),radial-gradient(circle at 22% 18%,rgba(164,202,248,.26),transparent 32%),radial-gradient(circle at 84% 12%,rgba(245,230,235,.5),transparent 28%);box-shadow:0 26px 70px #28466e1a;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.case-preview img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.case-preview:after{content:"";position:absolute;inset:1px;pointer-events:none;border-radius:17px;box-shadow:inset 0 1px #ffffffdb,inset 0 -1px #4c60840d}.case-preview-placeholder{display:grid;place-items:center;padding:clamp(16px,3.5vw,42px)}.preview-window{display:flex;overflow:hidden;width:min(920px,94%);min-height:76%;flex-direction:column;border:1px solid rgba(255,255,255,.72);border-radius:14px;background:#ffffff94;box-shadow:0 22px 52px #28466e17;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%)}.preview-window-real{width:calc(100% - clamp(28px,5vw,72px));height:calc(100% - clamp(28px,5vw,72px))}.preview-window-real img{min-height:0;flex:1;-o-object-fit:cover;object-fit:cover}.preview-window-top{display:flex;gap:7px;padding:13px 15px;border-bottom:1px solid rgba(74,92,126,.08)}.preview-window-top span{width:7px;height:7px;border-radius:50%;background:#56607038}.preview-app-shell{display:flex;flex:1;flex-direction:column;gap:clamp(12px,2vw,18px);padding:clamp(18px,3vw,30px);background:radial-gradient(circle at 12% 0%,rgba(175,115,67,.055),transparent 28%),linear-gradient(135deg,#fffefab8,#f8fbffb8)}.preview-app-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid rgba(74,92,126,.1)}.preview-app-header strong{color:var(--color-text-main);font-family:var(--font-zh-title);font-size:clamp(26px,3.7vw,38px);font-weight:500;line-height:1.1}.preview-app-header p,.preview-app-header time{margin-top:4px;color:var(--color-text-muted);font-size:12px;line-height:1.5}.preview-app-header time{white-space:nowrap}.preview-section-title{color:var(--color-text-subtle);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.preview-pinned,.preview-open-tabs,.preview-review{display:flex;flex-direction:column;gap:var(--space-2)}.preview-pinned-row{display:flex;flex-wrap:wrap;gap:8px}.preview-pinned-row span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid rgba(74,92,126,.08);border-radius:999px;background:#ffffff94;color:var(--color-text-muted);font-size:11px;box-shadow:0 8px 18px #28466e09}.preview-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(150px,.65fr);gap:var(--space-4);min-height:0}.preview-domain-card,.preview-review{border:1px solid rgba(74,92,126,.08);border-radius:12px;background:#ffffff8a;box-shadow:0 14px 30px #28466e0b}.preview-domain-card{display:flex;flex-direction:column;gap:7px;padding:var(--space-3)}.preview-domain-card div,.preview-review-item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.preview-domain-card strong,.preview-review-item strong{color:var(--color-text-main);font-size:12px;font-weight:650}.preview-domain-card span,.preview-review-item span{color:var(--color-text-subtle);font-family:var(--font-mono);font-size:9px;white-space:nowrap}.preview-domain-card p{overflow:hidden;color:var(--color-text-muted);font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.preview-review{padding:var(--space-3)}.preview-review-item{padding-top:var(--space-2);border-top:1px solid rgba(74,92,126,.075)}.case-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;-moz-column-gap:clamp(44px,7vw,92px);column-gap:clamp(44px,7vw,92px)}.case-links{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.case-links h2,.case-sidebar-section h2,.case-section h2{color:var(--color-text-subtle);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.case-link-actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.case-primary-link,.case-secondary-link{display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;min-height:34px;border-radius:999px;font-size:11px;font-weight:650;line-height:1;text-decoration:none;transition:background var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),transform var(--motion-fast)}.case-primary-link{padding:0 15px;background:var(--color-text-main);color:#fff;box-shadow:0 12px 24px #1720331f}.case-secondary-link{padding:0 13px;border:1px solid rgba(74,92,126,.16);color:var(--color-text-main);background:#ffffff5c}.case-primary-link:hover,.case-secondary-link:hover{transform:translateY(-1px)}.case-narrative{display:flex;max-width:710px;flex-direction:column;gap:clamp(48px,6vw,76px)}.case-section{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid rgba(74,92,126,.11)}.case-methodology{border-top:1px solid rgba(74,92,126,.11);border-bottom:1px solid rgba(74,92,126,.11)}.case-methodology summary{padding:var(--space-4) 0;color:var(--color-text-main);cursor:pointer;font-size:14px;font-weight:650}.case-methodology-content{display:flex;flex-direction:column;gap:var(--space-3);padding:0 0 var(--space-5)}.case-methodology-content section{display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--space-3)}.case-methodology-content span{padding-top:3px;color:var(--color-text-subtle);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em}.case-methodology-content h3{color:var(--color-text-main);font-size:15px}.case-methodology-content p{margin-top:3px;color:var(--color-text-muted);font-size:13px;line-height:1.7}.case-side-column{display:flex;flex-direction:column;gap:var(--space-5)}.case-section p,.case-list li{color:var(--color-text-muted);font-size:15px;line-height:1.9}.case-list{display:flex;flex-direction:column;gap:var(--space-3);list-style:none}.case-list li{position:relative;padding-left:var(--space-5)}.case-list li:before{content:"";position:absolute;left:0;top:.82em;width:6px;height:6px;border-radius:50%;background:#3a5b786b}.prompt-copy-card{overflow:hidden;border:1px solid var(--color-border-strong);border-radius:var(--radius-panel);background:#ffffffa3;box-shadow:var(--shadow-glass-panel)}.prompt-copy-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid var(--color-border-strong)}.prompt-copy-header p{color:var(--color-text-subtle);font-family:var(--font-mono);font-size:10px;letter-spacing:.14em}.prompt-copy-header h2{margin-top:var(--space-1);color:var(--color-text-main);font-size:18px}.prompt-copy-header button{flex:none;border:0;border-radius:var(--radius-control);padding:10px 14px;background:var(--color-accent);color:#fff;cursor:pointer;font:inherit;font-size:13px;transition:background var(--motion-fast)}.prompt-copy-header button:hover{background:var(--color-accent-hover)}.prompt-copy-intro,.prompt-copy-message{padding:var(--space-4) var(--space-5) 0;color:var(--color-text-muted);font-size:13px}.prompt-copy-message{padding-bottom:var(--space-4);color:var(--color-accent)}.prompt-copy-content{max-height:620px;overflow:auto;margin:var(--space-4) var(--space-5) var(--space-5);padding:var(--space-5);border-radius:var(--radius-control);background:#172033;color:#eef4ff;font-family:var(--font-mono);font-size:12px;line-height:1.75;white-space:pre-wrap}.skill-method-page{width:min(100% - 48px,880px);margin:0 auto;padding:clamp(72px,11vw,144px) 0 clamp(88px,12vw,160px)}.skill-method-hero{max-width:680px;margin:clamp(60px,9vw,116px) 0 clamp(64px,10vw,120px)}.skill-method-hero p,.skill-method-section>span{color:var(--color-text-subtle);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.16em}.skill-method-hero h1{margin-top:var(--space-4);color:var(--color-text-main);font-size:clamp(44px,7vw,76px);letter-spacing:-.065em;line-height:.98}.skill-method-hero span{display:block;max-width:460px;margin-top:var(--space-5);color:var(--color-text-muted);font-size:16px;line-height:1.8}.skill-method-sections{display:flex;flex-direction:column;border-top:1px solid rgba(74,92,126,.14)}.skill-method-section{display:grid;grid-template-columns:80px minmax(0,1fr);gap:var(--space-5);padding:clamp(30px,5vw,54px) 0;border-bottom:1px solid rgba(74,92,126,.14)}.skill-method-section h2{color:var(--color-text-main);font-size:clamp(23px,3vw,34px);letter-spacing:-.04em}.skill-method-section p,.skill-method-section li,.skill-method-note{color:var(--color-text-muted);font-size:15px;line-height:1.9}.skill-method-section p{margin-top:var(--space-3)}.skill-method-section ul{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4);padding-left:18px}.skill-method-note{margin-top:var(--space-6);font-size:12px}.case-sidebar{display:flex;flex-direction:column;gap:var(--space-6);padding-top:var(--space-4);border-top:1px solid rgba(74,92,126,.11)}.skill-preview{aspect-ratio:auto;min-height:clamp(300px,36vw,420px);padding:clamp(22px,4vw,46px)}.skill-preview-panel{display:flex;width:100%;height:100%;min-height:250px;flex-direction:column;justify-content:flex-start;gap:clamp(20px,3vw,30px);padding:clamp(22px,4vw,42px);border:1px solid rgba(255,255,255,.74);border-radius:16px;background:linear-gradient(135deg,#ffffffbd,#f8fbff85),radial-gradient(circle at 12% 12%,rgba(225,242,240,.62),transparent 34%);box-shadow:0 18px 46px #28466e13}.skill-preview-kicker{color:var(--color-text-subtle);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.skill-preview-main{max-width:720px}.skill-preview-main p{max-width:620px;color:var(--color-text-muted);font-size:clamp(14px,1.6vw,17px);line-height:1.8}.skill-preview-actions{display:flex;align-items:flex-end;flex-direction:column;gap:var(--space-2)}.skill-preview-actions a{color:var(--color-text-main);font-size:11px;font-weight:650;line-height:1.4;text-decoration:none}.skill-preview-actions a:first-child{min-height:34px;padding:9px 15px;border-radius:999px;background:var(--color-text-main);color:#fff;box-shadow:0 12px 24px #1720331c}.skill-preview-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);list-style:none}.skill-preview-flow li{min-height:108px;padding:var(--space-4);border:1px solid rgba(74,92,126,.08);border-radius:12px;background:#ffffff80}.skill-preview-flow span{display:block;color:var(--color-text-subtle);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em}.skill-preview-flow p{margin-top:var(--space-3);color:var(--color-text-muted);font-size:12px;line-height:1.65}.case-sidebar-section{display:flex;flex-direction:column;gap:var(--space-3)}.case-role-list{display:flex;flex-direction:column;gap:7px}.case-role-list span{color:var(--color-text-muted);font-size:12px;line-height:1.5}.case-log{display:flex;flex-direction:column;gap:var(--space-3)}.case-log-item{display:flex;flex-direction:column;gap:3px;padding-top:var(--space-3);border-top:1px solid rgba(74,92,126,.08)}.case-log-item time{color:var(--color-text-subtle);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em}.case-log-item p{color:var(--color-text-muted);font-size:11px;line-height:1.7}@media(max-width:992px){.hub-shell{grid-template-columns:1fr}.case-layout{grid-template-columns:1fr;gap:var(--space-10)}.case-links{padding-top:var(--space-2)}.case-link-actions{flex-direction:row;flex-wrap:wrap}.case-sidebar{margin-top:0}}@media(max-width:480px){body{padding:var(--space-8) var(--space-3) 80px}body:before{inset:-6%;filter:blur(64px);opacity:.8}.hub-title{font-size:30px}.hub-signature{white-space:normal;line-height:1.6}.product-grid{grid-template-columns:1fr}.product-toolbar{align-items:flex-start}.product-card{min-height:224px}.case-study{gap:var(--space-8)}.case-hero{gap:var(--space-3)}.case-title{font-size:clamp(40px,18vw,64px)}.case-summary,.case-section p,.case-list li{font-size:14px;line-height:1.85}.case-preview{border-radius:14px}.case-preview-placeholder{padding:var(--space-4)}.prompt-copy-header{align-items:flex-start;flex-direction:column}.prompt-copy-header button{width:100%}.preview-window{width:100%;min-height:68%}.preview-app-shell{gap:var(--space-3);padding:var(--space-4)}.preview-app-header{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.preview-app-header strong{font-size:26px}.preview-grid{grid-template-columns:1fr;gap:var(--space-3)}.preview-review{display:none}.preview-domain-card{gap:5px;padding:var(--space-2)}.skill-preview{min-height:auto;padding:var(--space-4)}.skill-preview-panel{min-height:0;padding:var(--space-5)}.skill-preview-main{grid-template-columns:1fr;gap:var(--space-5)}.skill-preview-actions{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.skill-preview-flow{grid-template-columns:1fr}.skill-preview-flow li{min-height:0}.case-narrative{gap:var(--space-10)}}@media(prefers-reduced-motion:reduce){body:before{animation:none}body:after{animation:none}.product-card,.product-arrow,.filter-tab,.case-back-link,.case-primary-link,.case-secondary-link,.text-link:after,.timeline-node:before{transition-duration:1ms}}