[data-surface=public]{--glass-fill:linear-gradient(152deg,rgb(255 255 255/0.92),rgb(248 251 255/0.78) 38%,rgb(238 244 252/0.72) 68%,rgb(246 250 255/0.86));--glass-rim:linear-gradient(128deg,rgb(255 255 255/0.95),rgb(178 205 255/0.55) 22%,rgb(255 255 255/0.30) 46%,rgb(150 226 222/0.45) 74%,rgb(255 255 255/0.90));--glass-inner:inset 0 1px 0 0 rgb(255 255 255/0.85),inset 0 -1px 0 0 rgb(15 23 42/0.04);--glass-radius:1.25rem;--glass-radius-sm:0.875rem;--shadow-card:var(--glass-inner),0 18px 40px -26px rgb(15 23 42/0.30);--shadow-card-hover:var(--glass-inner),0 26px 52px -26px rgb(15 23 42/0.36);--shadow-float:var(--glass-inner),0 32px 64px -28px rgb(15 23 42/0.40);--public-page:linear-gradient(180deg,#fbfcfe,#f4f7fb 46%,#eef2f8);--public-on-glass:rgb(15 23 42);--public-muted-on-glass:rgb(71 85 105);--public-hairline:rgb(15 23 42/0.10)}html.dark [data-surface=public]{--glass-fill:linear-gradient(152deg,rgb(46 58 82/0.92),rgb(32 42 62/0.86) 40%,rgb(24 33 51/0.88) 70%,rgb(38 49 71/0.90));--glass-rim:linear-gradient(128deg,rgb(255 255 255/0.42),rgb(150 180 240/0.30) 22%,rgb(255 255 255/0.12) 46%,rgb(120 200 200/0.24) 74%,rgb(255 255 255/0.38));--glass-inner:inset 0 1px 0 0 rgb(255 255 255/0.16),inset 0 -1px 0 0 rgb(0 0 0/0.24);--shadow-card:var(--glass-inner),0 18px 40px -26px rgb(0 0 0/0.62);--shadow-card-hover:var(--glass-inner),0 26px 52px -26px rgb(0 0 0/0.72);--shadow-float:var(--glass-inner),0 32px 64px -28px rgb(0 0 0/0.78);--public-page:linear-gradient(180deg,#0b1220,#0d1526 48%,#0a101c);--public-on-glass:rgb(241 245 252);--public-muted-on-glass:rgb(168 182 204);--public-hairline:rgb(255 255 255/0.12)}[data-surface=public]{background-image:var(--public-page);background-attachment:fixed}[data-surface=public] .card{border-radius:var(--glass-radius);border-color:transparent;background-color:transparent;background-image:var(--glass-fill);box-shadow:var(--shadow-card);position:relative}[data-surface=public] .card-interactive{transition:transform .22s cubic-bezier(.22,.61,.36,1),box-shadow .22s cubic-bezier(.22,.61,.36,1),border-color .22s cubic-bezier(.22,.61,.36,1)}[data-surface=public] .card-interactive:hover{box-shadow:var(--shadow-card-hover);border-color:transparent}[data-surface=public] .btn{border-radius:.75rem;letter-spacing:.01em}[data-surface=public] .btn-secondary{border-color:var(--public-hairline);background-color:transparent;background-image:var(--glass-fill);box-shadow:var(--glass-inner)}[data-surface=public] .btn-secondary:hover{border-color:rgb(var(--brand-500)/.45)}[data-surface=public] .btn-primary{box-shadow:var(--glass-inner),0 10px 24px -12px rgb(var(--brand-600)/.55)}[data-surface=public] .badge{border-radius:999px;box-shadow:inset 0 1px 0 0 rgb(255 255 255/.35)}[data-surface=public] .input{border-radius:.75rem;border-color:var(--public-hairline);background-color:transparent;background-image:var(--glass-fill)}[data-surface=public] .alert,[data-surface=public] .notice,[data-surface=public] .success{border-radius:var(--glass-radius-sm)}[data-surface=public] main{padding-top:var(--header-h)}[data-surface=public] .stage{position:relative;isolation:isolate;background-color:rgb(var(--page));margin-top:calc(-1 * var(--header-h))}[data-surface=public] .stage-body>.page-hero{padding-top:var(--header-h)}[data-surface=public] .stage-bg{position:sticky;top:0;z-index:0;height:100vh;height:100lvh;margin-bottom:-100lvh;overflow:hidden;pointer-events:none}[data-surface=public] .stage--full .stage-body>:first-child{min-height:100vh;min-height:100svh}[data-surface=public] .scene-poster{position:absolute;inset:0;width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .42s ease}[data-surface=public] .scene-fill[data-scene-state=live] .scene-poster{opacity:0}[data-surface=public] .stage-scrim{position:absolute;inset:0;z-index:1;pointer-events:none}[data-surface=public] .stage-scrim[data-scrim=left]{background-image:linear-gradient(90deg,rgb(var(--page)/.72) 0,rgb(var(--page)/.42) 34%,rgb(var(--page)/.12) 58%,transparent 78%)}[data-surface=public] .stage-scrim[data-scrim=right]{background-image:linear-gradient(270deg,rgb(var(--page)/.72) 0,rgb(var(--page)/.42) 34%,rgb(var(--page)/.12) 58%,transparent 78%)}@media (max-width:1023px){[data-surface=public] .stage-scrim{background-image:linear-gradient(180deg,rgb(var(--page)/.3) 0,rgb(var(--page)/.1) 26%,rgb(var(--page)/.55) 52%,rgb(var(--page)/.86) 72%,rgb(var(--page)) 92%)}}[data-surface=public] .stage-body{position:relative;z-index:2}[data-surface=public] .stage-body .page-hero{background-color:transparent;background-image:none;border-bottom-color:transparent}[data-surface=public] .site-header{background-color:rgb(255 255 255/.55);background-image:linear-gradient(180deg,rgb(255 255 255/.55),rgb(255 255 255/.22));border-bottom:1px solid var(--public-hairline);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);transition:background-color .24s ease,border-color .24s ease}html.dark [data-surface=public] .site-header{background-color:rgb(var(--page)/.62);background-image:linear-gradient(180deg,rgb(255 255 255/.06),rgb(255 255 255/.02))}[data-surface=public] .site-header[data-nav-open=true]{background-color:rgb(248 250 253/.96);background-image:none}html.dark [data-surface=public] .site-header[data-nav-open=true]{background-color:rgb(var(--surface)/.96)}[data-surface=public] .site-nav-drawer{background-color:rgb(250 251 253);background-image:var(--glass-fill);border-top:1px solid var(--public-hairline);box-shadow:var(--shadow-float);max-height:calc(100vh - var(--header-h));max-height:calc(100dvh - var(--header-h));overflow-y:auto;-webkit-overflow-scrolling:touch}html.dark [data-surface=public] .site-nav-drawer{background-color:rgb(var(--surface));background-image:var(--glass-fill)}@media print{[data-surface=public] .site-header{position:static;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}}[data-surface=public] .hero-stage{position:relative;isolation:isolate;background-color:rgb(247 250 253);background-image:radial-gradient(115% 85% at 12% -10%,rgb(196 216 255/.75) 0,transparent 58%),radial-gradient(95% 75% at 92% 6%,rgb(190 236 233/.62) 0,transparent 60%),radial-gradient(80% 60% at 50% 108%,rgb(226 233 244/.9) 0,transparent 62%),linear-gradient(180deg,#fbfdff,#f2f6fb 54%,#eaeff7)}html.dark [data-surface=public] .hero-stage{background-color:rgb(9 15 27);background-image:radial-gradient(115% 85% at 12% -10%,rgb(46 74 138/.55) 0,transparent 58%),radial-gradient(95% 75% at 92% 6%,rgb(28 96 100/.42) 0,transparent 60%),radial-gradient(80% 60% at 50% 108%,rgb(30 42 66/.75) 0,transparent 62%),linear-gradient(180deg,#0a1120,#0c1424 54%,#0a101c)}[data-surface=public] .hero-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none;width:100%;height:100%}[data-surface=public] .hero-backdrop canvas{display:block;width:100%;height:100%}[data-surface=public] .hero-inner{position:relative;z-index:1;padding-top:calc(var(--header-h) + 3rem)}@media (min-width:1024px){[data-surface=public] .hero-inner{min-height:90vh}}[data-surface=public] .hero-panel{position:relative;border-radius:var(--glass-radius);border:1px solid transparent;background-color:transparent;background-image:var(--glass-fill);box-shadow:var(--shadow-float);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);overflow:hidden}[data-surface=public] .hero-panel:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--glass-rim);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3}[data-surface=public] .hero-refraction{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:0}[data-surface=public] .hero-panel[data-glass=live]{backdrop-filter:none;-webkit-backdrop-filter:none}[data-surface=public] .glass-panel{position:relative;border-radius:var(--glass-radius);background-image:var(--glass-fill);box-shadow:var(--shadow-card)}[data-surface=public] .metal-text{background-image:linear-gradient(178deg,rgb(24 34 52),rgb(52 66 92) 42%,rgb(16 24 40));-webkit-background-clip:text;background-clip:text;color:transparent}html.dark [data-surface=public] .metal-text{background-image:linear-gradient(178deg,rgb(246 250 255),rgb(196 212 238) 44%,rgb(232 240 252))}[data-surface=public] .hero-title{background-image:linear-gradient(172deg,rgb(12 20 36),rgb(38 52 78) 46%,rgb(10 17 30));-webkit-background-clip:text;background-clip:text;color:transparent}html.dark [data-surface=public] .hero-title{background-image:linear-gradient(172deg,rgb(252 253 255),rgb(186 206 238) 48%,rgb(238 245 255))}[data-surface=public] .hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;border:1px solid var(--public-hairline);background-image:var(--glass-fill);box-shadow:var(--glass-inner);padding:.375rem .875rem;font-size:12.5px;font-weight:500;color:var(--public-muted-on-glass)}[data-surface=public] .hero-cta-primary{background-image:linear-gradient(180deg,rgb(255 255 255),rgb(238 243 250));color:rgb(20 31 51);box-shadow:var(--glass-inner),0 12px 28px -14px rgb(15 23 42/.45)}[data-surface=public] .hero-cta-primary:hover{background-image:linear-gradient(180deg,rgb(255 255 255),rgb(228 236 246))}html.dark [data-surface=public] .hero-cta-primary{background-image:linear-gradient(180deg,rgb(246 250 255),rgb(214 226 242));color:rgb(12 19 33)}[data-surface=public] .hero-stat{color:var(--public-muted-on-glass)}@font-face{font-family:Brand Bodoni;src:url(/fonts/type-reel/bodoni-moda-latin.woff2) format("woff2");font-style:normal;font-weight:400 600;font-display:swap}html.dark [data-surface=public]{--header-h:76px;--public-content-max:1512px;--public-gutter:6vw;--public-content-width:min(calc(100% - var(--public-gutter) * 2),var(--public-content-max));--public-space-section:clamp(64px,7vw,112px);--public-space-content:clamp(40px,4vw,64px);--public-layout-gap:clamp(24px,3vw,48px);--public-title-page:clamp(36px,3.4vw,52px);--public-title-section:clamp(28px,2.3vw,36px);--public-title-feature:clamp(36px,4vw,64px);--public-title-card:clamp(18px,1.5vw,22px);--public-text-body:16px;--public-text-small:14px;--public-text-meta:12px;--page:0 0 0;--surface:10 10 10;--surface-2:17 17 17;--ink-50:5 5 5;--ink-100:25 25 25;--ink-200:44 44 44;--ink-300:73 73 73;--ink-400:143 143 143;--ink-500:160 160 160;--ink-600:184 184 184;--ink-700:206 206 206;--ink-800:230 230 230;--ink-900:246 246 246;--brand-50:25 25 25;--brand-100:35 35 35;--brand-200:60 60 60;--brand-500:190 190 190;--brand-600:215 215 215;--brand-700:242 242 242;--brand-800:255 255 255;--link:223 223 223;--code-bg:9 9 9;--code-border:44 44 44;--code-header:17 17 17;--code-btn:190 190 190;--code-btn-hover:255 255 255;--code-btn-hover-bg:38 38 38;--glass-fill:linear-gradient(145deg,#121212,#070707);--glass-inner:inset 0 1px 0 #ffffff08;--glass-radius:12px;--public-page:none;--public-hairline:#ffffff24;--shadow-card:none;--shadow-card-hover:0 8px 28px #ffffff04;background:#000;color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}html.dark [data-surface=public] main{padding-top:var(--header-h)}html.dark [data-surface=public] .container-page{max-width:var(--public-content-max);width:var(--public-content-width);padding-left:0;padding-right:0}html.dark [data-surface=public] .site-header{height:var(--header-h);background:transparent;border-bottom:1px solid transparent;backdrop-filter:none;-webkit-backdrop-filter:none}html.dark [data-surface=public] .site-header[data-scrolled=true]{background:rgb(0 0 0/.94);border-bottom-color:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}html.dark [data-surface=public] .site-header[data-nav-open=true]{background:transparent}html.dark [data-surface=public] .reference-header-inner{width:var(--public-content-width);max-width:var(--public-content-max);height:100%;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--public-layout-gap)}html.dark [data-surface=public] .reference-brand{display:inline-flex;align-items:center;gap:16px;width:-moz-fit-content;width:fit-content;min-height:44px;color:#f3f2ef;white-space:nowrap}html.dark [data-surface=public] .reference-brand-name{display:flex;align-items:center;min-height:1.15em;font-family:Brand Bodoni,Didot,Bodoni\ 72,Times New Roman,serif;font-size:29px;font-weight:400;line-height:1.15;letter-spacing:-.045em;font-synthesis:none}html.dark [data-surface=public] .reference-brand-wordmark{display:block;flex:none;width:190px;height:auto}html.dark [data-surface=public] .reference-brand-subtitle{padding:2px 0 2px 16px;border-left:1px solid #ffffff38;color:#c4c2bd;font-family:Songti SC,STSong,SimSun,serif;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:.3em}html.dark [data-surface=public] .reference-brand:hover .reference-brand-subtitle{color:#f3f2ef}html.dark [data-surface=public] .reference-desktop-nav{position:relative;display:flex;align-items:stretch;height:100%;gap:clamp(25px,3vw,54px)}html.dark [data-surface=public] .reference-nav-glass{position:absolute;left:-22px;top:13px;pointer-events:none}html.dark [data-surface=public] .reference-desktop-nav a{display:flex;align-items:center;position:relative;z-index:1;font-size:16px;color:#b0b0b0;white-space:nowrap;transition:color .2s}html.dark [data-surface=public] .reference-desktop-nav a:before{content:"";position:absolute;inset:19px -12px;border-radius:18px;background:#ffffff00;transition:background .2s;z-index:-1}html.dark [data-surface=public] .reference-desktop-nav a:hover:before,html.dark [data-surface=public] .reference-desktop-nav a[aria-current=page]:before{background:#ffffff0d}html.dark [data-surface=public] .reference-desktop-nav a:hover,html.dark [data-surface=public] .reference-desktop-nav a[aria-current=page]{color:#fff}html.dark [data-surface=public] .reference-desktop-nav a[aria-current=page]:after{content:"";position:absolute;bottom:18px;left:50%;transform:translateX(-50%);height:2px;border-radius:2px;background:#fff;width:14px}html.dark [data-surface=public] .reference-header-actions{display:flex;justify-content:flex-end;align-items:center;gap:14px}html.dark [data-surface=public] .site-online{display:inline-flex;flex-shrink:0;align-items:center;gap:6px;padding:8px 11px;border:1px solid #ffffff1a;border-radius:20px;color:#b9bdbb;background:#080c0b55;font-size:11px;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}html.dark [data-surface=public] .site-online-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#78c5a1;box-shadow:0 0 7px #78c5a133}html.dark [data-surface=public] .site-online[data-available=false] .site-online-dot{background:#777;box-shadow:none}html.dark [data-surface=public] .site-online-number{min-width:1ch;text-align:center;color:#d7ded9}html.dark [data-surface=public] .tutorial-view-count{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-variant-numeric:tabular-nums}html.dark [data-surface=public] .reference-contact{gap:12px;padding:12px 24px;font-size:15px;white-space:nowrap}html.dark [data-surface=public] .reference-menu-button{display:none;padding:8px}html.dark [data-surface=public] .reference-mobile-nav{position:relative;max-height:calc(100dvh - var(--header-h));overflow-y:auto;overscroll-behavior:contain;background:#050505f2;padding:12px var(--public-gutter) 24px;border-bottom:1px solid #ffffff24}html.dark [data-surface=public] .reference-mobile-glass{position:absolute;inset:0;pointer-events:none}html.dark [data-surface=public] .reference-mobile-nav a{position:relative;display:flex;justify-content:space-between;align-items:center;padding:20px 0;color:#b8b8b8;border-bottom:1px solid #ffffff14}html.dark [data-surface=public] .reference-mobile-nav a[aria-current=page]{color:#fff}html.dark [data-surface=public] .reference-hero{position:relative;min-height:660px;height:calc(100svh - var(--header-h));overflow:hidden;isolation:isolate;background:#000}html.dark [data-surface=public] .reference-art{position:absolute;width:100%;height:calc(100% + var(--header-h));inset:calc(-1 * var(--header-h)) 0 0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;z-index:-1;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}html.dark [data-surface=public] .reference-home{display:flex;align-items:center;min-height:620px}html.dark [data-surface=public] .home-composition{display:grid;grid-template-columns:26% 48% 26%;align-items:center;width:var(--public-content-width);max-width:var(--public-content-max);margin:0 auto}html.dark [data-surface=public] .home-wordmark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,2vw,30px);width:100%;color:#fff;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}html.dark [data-surface=public] .home-wordmark>span{display:block;white-space:nowrap}html.dark [data-surface=public] .home-wordmark-latin{font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(26px,3vw,56px);font-weight:400;line-height:1;letter-spacing:.14em;padding-left:.14em}html.dark [data-surface=public] .home-wordmark-han{font-size:clamp(22px,1.8vw,32px);font-weight:300;line-height:1.3;letter-spacing:.65em;padding-left:.65em}html.dark [data-surface=public] .home-intro{z-index:2;display:flex;flex-direction:column;gap:clamp(22px,2.1vw,32px)}html.dark [data-surface=public] .home-intro h1{font-size:clamp(58px,4.6vw,84px);line-height:1.23;font-weight:400;letter-spacing:-.025em}html.dark [data-surface=public] .home-intro p{margin:0;font-size:clamp(16px,1.34vw,24px);line-height:1.75;color:#b7b7b7;white-space:nowrap}html.dark [data-surface=public] .home-paths{justify-self:end;display:flex;flex-direction:column;gap:18px;font-size:clamp(16px,1.35vw,23px);padding-left:15px}html.dark [data-surface=public] .home-paths a{color:#ddd;white-space:nowrap;transition:color .2s,transform .2s}html.dark [data-surface=public] .home-paths a:hover{color:#fff;transform:translateX(4px)}html.dark [data-surface=public] .reference-hero-copy{position:absolute;left:10.2%;top:25.5%}html.dark [data-surface=public] .reference-toolbox h1{font-size:clamp(76px,7.65vw,132px);font-weight:500;line-height:1.15;letter-spacing:.02em;background:linear-gradient(#fff 15%,#eee 55%,#888);color:transparent;-webkit-background-clip:text;background-clip:text}html.dark [data-surface=public] .reference-hero-copy>p:not(.reference-eyebrow){font-size:clamp(19px,1.65vw,29px);line-height:1.65;color:#d0d0d0;letter-spacing:.015em;margin-top:24px}html.dark [data-surface=public] .hero-scroll{position:absolute;color:#a8a8a8;font-size:13px;display:flex;align-items:center;gap:17px;flex-direction:column;transition:color .2s}html.dark [data-surface=public] .hero-scroll:hover{color:#fff}html.dark [data-surface=public] .hero-scroll-toolbox{bottom:5.5%;left:50%;transform:translateX(-50%)}html.dark [data-surface=public] .scroll-mouse{width:22px;height:39px;border:1px solid #ddd;border-radius:20px;display:flex;justify-content:center;padding-top:8px}html.dark [data-surface=public] .scroll-mouse i{width:3px;height:6px;background:#ddd;border-radius:10px;animation:mouse-scroll 2s ease-in-out infinite}html.dark [data-surface=public] .scroll-rule{height:18px;width:1px;background:#666}html.dark [data-surface=public] .reference-about .reference-hero-copy{left:7.2%;top:25.8%}html.dark [data-surface=public] .reference-eyebrow{display:flex;align-items:center;gap:20px;font-size:12px;letter-spacing:.3em;color:#bdbdbd}html.dark [data-surface=public] .reference-eyebrow>span{width:34px;height:1px;background:#bbb}html.dark [data-surface=public] .reference-about h1{font-family:Songti SC,STSong,SimSun,serif;font-size:clamp(76px,6.35vw,112px);font-weight:400;line-height:1.13;margin-top:22px;background:linear-gradient(130deg,#fff,#9f9f9f);-webkit-background-clip:text;background-clip:text;color:transparent}html.dark [data-surface=public] .reference-about h1 span{display:block;font-family:Times New Roman,Songti SC,serif;font-size:.76em;letter-spacing:-.04em;margin-top:5px}html.dark [data-surface=public] .reference-about .reference-hero-copy>p:not(.reference-eyebrow){margin-top:23px;letter-spacing:.055em;color:#b2b2b2}html.dark [data-surface=public] .about-short-rule{display:block;width:34px;height:1px;background:#8e8e8e;margin-top:42px}html.dark [data-surface=public] .hero-scroll-about{left:7.2%;bottom:7.5%;align-items:flex-start;font-size:11px;letter-spacing:.25em;gap:24px}html.dark [data-surface=public] .about-scroll-line{height:74px;width:1px;margin-left:6px;background:#777;position:relative}html.dark [data-surface=public] .about-scroll-line:after{content:"";position:absolute;width:6px;height:6px;background:#ddd;border-radius:50%;bottom:-2px;left:-2.5px}html.dark [data-surface=public] #about-content,html.dark [data-surface=public] #home-content,html.dark [data-surface=public] #tools-content{scroll-margin-top:0}html.dark [data-surface=public] .home-section{padding-block:var(--public-space-content)}html.dark [data-surface=public] .home-content-section{padding-top:var(--public-space-section)}[data-surface=public]>main:has(>.reference-home)+footer{border-top:0}html.dark [data-surface=public] .section-title{font-size:var(--public-title-section);font-weight:500;line-height:1.4;letter-spacing:-.025em}html.dark [data-surface=public] .section-eyebrow{color:#999;font-size:var(--public-text-meta)}html.dark [data-surface=public] .section-desc{color:#999;font-size:var(--public-text-small);line-height:1.8}html.dark [data-surface=public] .section-header{margin-bottom:32px;gap:24px}html.dark [data-surface=public] .content-card-title{font-size:var(--public-title-card);line-height:1.5;font-weight:500}html.dark [data-surface=public] .site-footer-inner{padding-block:var(--public-space-content)}html.dark [data-surface=public] .footer-grid{gap:var(--public-layout-gap)}html.dark [data-surface=public] .footer-bottom{margin-top:var(--public-space-content);padding-top:24px}html.dark [data-surface=public] .card{border:1px solid #292929;border-radius:12px;background:linear-gradient(145deg,#111,#070707)}html.dark [data-surface=public] .card-interactive:hover{box-shadow:none;transform:translateY(-3px)}html.dark [data-surface=public] .btn{border-radius:100px}html.dark [data-surface=public] .btn-primary{color:#080808;background:#eee;box-shadow:none}html.dark [data-surface=public] .btn-secondary{color:#e9e9e9;border:1px solid #444;background:#0c0c0c;box-shadow:none}html.dark [data-surface=public] .btn-secondary:hover{background:#1c1c1c;border-color:#777}html.dark [data-surface=public] .input{background:#0e0e0e;border-color:#333;box-shadow:none}html.dark [data-surface=public] .badge{background:#1c1c1c;color:#bdbdbd;border-radius:6px;box-shadow:none}html.dark [data-surface=public] .about-content-section{padding-top:100px;padding-bottom:50px;display:grid;grid-template-columns:.8fr 1.2fr;gap:11%}html.dark [data-surface=public] .about-content-heading h2{font-family:Songti SC,STSong,serif;font-size:clamp(38px,4vw,64px);line-height:1.35;margin-top:28px;font-weight:400}html.dark [data-surface=public] .about-content-heading>p:last-child{color:#888;margin-top:24px;font-size:15px}html.dark [data-surface=public] .about-introduction{font-size:19px;line-height:1.9;color:#c5c5c5}html.dark [data-surface=public] .about-text-section{margin:36px 0;padding-top:28px;border-top:1px solid #292929}html.dark [data-surface=public] .about-text-section h3{font-size:19px;margin-bottom:17px;font-weight:500}html.dark [data-surface=public] .about-text-section p{color:#999;font-size:15px;line-height:1.9;margin-bottom:15px;white-space:pre-line}html.dark [data-surface=public] .about-inline-link{display:inline-flex;gap:25px;font-size:14px;margin-top:10px}html.dark [data-surface=public] :is(a,button,input,select):focus-visible{outline:2px solid #ddd;outline-offset:5px}@keyframes mouse-scroll{0%,to{transform:translateY(0);opacity:.65}50%{transform:translateY(6px);opacity:1}}@media (min-width:1800px){html.dark [data-surface=public] .reference-hero-copy{left:max(10.2%,calc((100vw - 1510px) / 2))}}@media (max-width:1100px){html.dark [data-surface=public] .reference-header-inner{gap:24px}html.dark [data-surface=public] .reference-brand{gap:12px}html.dark [data-surface=public] .reference-brand-name{font-size:27px}html.dark [data-surface=public] .reference-brand-wordmark{width:176px}html.dark [data-surface=public] .reference-brand-subtitle{padding-left:12px;font-size:11px}html.dark [data-surface=public] .reference-desktop-nav{gap:24px}html.dark [data-surface=public] .reference-contact{padding:8px 17px}html.dark [data-surface=public] .home-paths{display:none}html.dark [data-surface=public] .home-intro h1{font-size:clamp(44px,5.5vw,60px)}html.dark [data-surface=public] .reference-hero-copy{left:7%}}@media (max-width:1280px){html.dark [data-surface=public] .site-online-label{display:none}}@media (max-width:1024px){html.dark [data-surface=public] .reference-header-inner{display:flex;justify-content:space-between}html.dark [data-surface=public] .reference-desktop-nav{display:none}html.dark [data-surface=public] .reference-menu-button{display:inline-flex}}@media (max-width:800px){html.dark [data-surface=public]{--header-h:66px;--public-gutter:clamp(20px,5vw,24px);--public-text-body:15px}html.dark [data-surface=public] .reference-contact{font-size:13px;padding:7px 15px;gap:10px}html.dark [data-surface=public] .reference-hero{min-height:690px;max-height:1020px}html.dark [data-surface=public] .reference-home{height:auto;max-height:none}html.dark [data-surface=public] .home-composition{display:flex;flex-direction:column;align-items:flex-start;margin:0 auto;justify-content:center;padding:56px 0 40px;gap:24px}html.dark [data-surface=public] .home-wordmark{min-height:280px;gap:22px}html.dark [data-surface=public] .home-wordmark-latin{font-size:clamp(24px,6.2vw,42px)}html.dark [data-surface=public] .home-intro h1{font-size:clamp(49px,9.2vw,68px)}html.dark [data-surface=public] .home-intro p{font-size:16px}html.dark [data-surface=public] .reference-toolbox .reference-hero-copy{left:7%;top:12%;right:7%}html.dark [data-surface=public] .reference-toolbox h1{font-size:74px}html.dark [data-surface=public] .reference-hero-copy>p:not(.reference-eyebrow){font-size:17px;line-height:1.8}html.dark [data-surface=public] .reference-toolbox .reference-art{-o-object-position:59% center;object-position:59% center;opacity:.76}html.dark [data-surface=public] .reference-toolbox:after{content:"";position:absolute;inset:0;background:linear-gradient(#0007,transparent 60%);z-index:-1}html.dark [data-surface=public] .hero-scroll-toolbox{bottom:5%}html.dark [data-surface=public] .reference-about .reference-art{-o-object-position:67% center;object-position:67% center;opacity:.67}html.dark [data-surface=public] .reference-about:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000a,transparent)}html.dark [data-surface=public] .reference-about .reference-hero-copy{left:7%;top:19%;right:5%}html.dark [data-surface=public] .reference-about h1{font-size:clamp(58px,11vw,88px)}html.dark [data-surface=public] .reference-about h1 span{font-size:.62em;white-space:nowrap}html.dark [data-surface=public] .reference-about .reference-hero-copy>p:not(.reference-eyebrow){max-width:250px;font-size:17px}html.dark [data-surface=public] .about-content-section{display:block;padding-top:65px}html.dark [data-surface=public] .about-content-body{margin-top:45px}}@media (max-width:600px){html.dark [data-surface=public] .reference-header-inner{gap:12px}html.dark [data-surface=public] .reference-header-actions{gap:10px}html.dark [data-surface=public] .reference-header-actions>.reference-contact{display:none}html.dark [data-surface=public] .reference-brand{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px}html.dark [data-surface=public] .reference-brand-name{font-size:25px}html.dark [data-surface=public] .reference-brand-wordmark{width:160px}html.dark [data-surface=public] .reference-brand-subtitle{padding:0 0 0 2px;border-left:0;font-size:10px;line-height:1.2;letter-spacing:.48em}}@media (max-width:400px){html.dark [data-surface=public] .reference-header-actions>.reference-contact{display:none}html.dark [data-surface=public] .reference-hero{min-height:680px}html.dark [data-surface=public] .reference-toolbox .reference-hero-copy>p{font-size:15px}}@media (prefers-reduced-motion:reduce){html.dark [data-surface=public] *{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html.dark [data-surface=public] .editorial-intro{min-height:660px;height:calc(100svh - var(--header-h));background:#000;color:#eee}html.dark [data-surface=public] .editorial-intro-inner{width:86%;max-width:1430px;height:100%;margin:0 auto;padding:64px 0 35px;display:flex;flex-direction:column}html.dark [data-surface=public] .editorial-intro-meta{display:flex;justify-content:space-between;gap:20px;color:#848484;font-size:10px;line-height:1.5;letter-spacing:.15em;font-family:SFMono-Regular,Consolas,monospace}html.dark [data-surface=public] .editorial-intro-meta span:last-child{font-family:inherit;letter-spacing:.07em}html.dark [data-surface=public] .editorial-intro-composition{display:grid;grid-template-columns:1.3fr .7fr;gap:10%;align-items:center;flex:1;padding:38px 0 65px}html.dark [data-surface=public] .editorial-intro-title h1{margin:0 0 28px -8px;font-size:clamp(88px,10.2vw,174px);font-weight:450;line-height:1.12;letter-spacing:-.055em;color:#f2f2f2}html.dark [data-surface=public] .editorial-intro-title h1>span{display:inline-block;font-family:Georgia,serif;font-weight:400;color:#777;padding-left:.04em}html.dark [data-surface=public] .editorial-intro-title>p{font-family:Times New Roman,Georgia,serif;font-size:clamp(35px,3.7vw,62px);letter-spacing:-.035em;line-height:1.08;color:#9e9e9e}html.dark [data-surface=public] .editorial-intro-title em{font-weight:400;font-style:italic;color:#d4d4d4}html.dark [data-surface=public] .editorial-intro-aside{max-width:365px;padding-top:68px}html.dark [data-surface=public] .editorial-intro-aside h2{font-size:clamp(22px,1.85vw,30px);font-weight:400;line-height:1.7;letter-spacing:.01em}html.dark [data-surface=public] .editorial-intro-aside>p{margin-top:23px;color:#939393;font-size:14px;line-height:2;max-width:315px}html.dark [data-surface=public] .editorial-intro-topics{margin-top:38px;border-top:1px solid #2c2c2c;display:flex;gap:30px;padding-top:18px}html.dark [data-surface=public] .editorial-intro-topics>span{display:flex;flex-direction:column;gap:9px;color:#aaa;font-size:12px}html.dark [data-surface=public] .editorial-intro-topics small{font-size:9px;font-family:SFMono-Regular,Consolas,monospace;color:#858585;letter-spacing:.04em}html.dark [data-surface=public] .editorial-intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #2a2a2a;padding-top:23px}html.dark [data-surface=public] .editorial-intro-bottom>span{font-size:12px;color:#8c8c8c;letter-spacing:.035em}html.dark [data-surface=public] .editorial-scroll-link{display:inline-flex;align-items:center;gap:22px;color:#ccc;font-size:13px}html.dark [data-surface=public] .editorial-down-arrow{display:grid;place-items:center;border:1px solid #444;width:43px;height:43px;border-radius:50%;font-size:21px;font-weight:300;transition:color .2s,border-color .2s,transform .2s}html.dark [data-surface=public] .editorial-scroll-link:hover .editorial-down-arrow{color:#fff;border-color:#ccc;transform:translateY(3px)}html.dark [data-surface=public] .editorial-about{width:86%;max-width:1430px;margin:auto;padding:100px 0 36px;display:grid;grid-template-columns:.65fr 1.35fr;gap:11%;background:#000}html.dark [data-surface=public] .editorial-about-index{position:sticky;top:130px;height:-moz-fit-content;height:fit-content}html.dark [data-surface=public] .editorial-section-label{font-size:10px;color:#777;letter-spacing:.13em;font-family:SFMono-Regular,Consolas,monospace}html.dark [data-surface=public] .editorial-about-index h2{font-size:clamp(25px,2.3vw,36px);font-weight:400;line-height:1.6;margin-top:25px;letter-spacing:-.03em}html.dark [data-surface=public] .editorial-about-index nav{display:flex;flex-direction:column;gap:21px;margin-top:46px}html.dark [data-surface=public] .editorial-about-index nav a{font-size:13px;color:#aaa;display:flex;gap:24px;align-items:center}html.dark [data-surface=public] .editorial-about-index nav a:hover{color:#eee}html.dark [data-surface=public] .editorial-about-index nav span{color:#858585;font-size:10px;font-family:SFMono-Regular,Consolas,monospace}html.dark [data-surface=public] .editorial-about-main{min-width:0}html.dark [data-surface=public] .editorial-about-section{padding-bottom:56px;margin-bottom:45px;border-bottom:1px solid #292929;scroll-margin-top:36px}html.dark [data-surface=public] .editorial-section-title{margin-bottom:27px}html.dark [data-surface=public] .editorial-section-title>span{display:block;font-size:10px;font-family:SFMono-Regular,Consolas,monospace;letter-spacing:.09em;color:#757575;margin-bottom:22px}html.dark [data-surface=public] .editorial-section-title h2{font-size:clamp(27px,2.5vw,39px);font-weight:450;line-height:1.45;letter-spacing:-.035em}html.dark [data-surface=public] .editorial-about-lead{color:#bdbdbd;font-size:18px;line-height:1.95}html.dark [data-surface=public] .editorial-about-description{color:#aaa;font-size:16px;line-height:1.95;white-space:pre-line}html.dark [data-surface=public] .editorial-content-links{margin-top:30px}html.dark [data-surface=public] .editorial-content-links>a{display:grid;grid-template-columns:82px 1fr 24px;align-items:baseline;gap:20px;padding:21px 0;border-top:1px solid #292929}html.dark [data-surface=public] .editorial-content-links>a>span:first-child{font-size:16px;font-weight:500}html.dark [data-surface=public] .editorial-content-links p{font-size:14px;line-height:1.75;color:#929292}html.dark [data-surface=public] .editorial-content-links>a>span:last-child{font-size:19px;color:#888}html.dark [data-surface=public] .editorial-content-links a:hover p,html.dark [data-surface=public] .editorial-content-links a:hover>span:last-child{color:#ddd}html.dark [data-surface=public] .editorial-about-note{color:#777;font-size:12px;line-height:1.9;margin-top:22px}html.dark [data-surface=public] .editorial-about-contact{border-bottom:0;padding-bottom:0}html.dark [data-surface=public] .editorial-about .contact-panel{border:0;padding:0;border-radius:0;background:#000}html.dark [data-surface=public] .contact-panel{background:#000;box-shadow:none;border-radius:4px}html.dark [data-surface=public] .contact-panel>h2{font-size:var(--public-title-section);font-weight:450;letter-spacing:-.025em}html.dark [data-surface=public] .contact-panel>p{line-height:1.85;color:#999}html.dark [data-surface=public] .contact-panel li{border:0;border-top:1px solid #292929;border-radius:0;background:#000;padding:22px 0}html.dark [data-surface=public] .contact-panel li .text-xs{margin-bottom:8px;font-size:var(--public-text-meta)}html.dark [data-surface=public] .contact-panel .contact-value{font-size:17px;font-weight:400;letter-spacing:.01em}html.dark [data-surface=public] .contact-panel li button{border:1px solid #333;background:#000;box-shadow:none;border-radius:4px}html.dark [data-surface=public] .page-hero{background:#000;border-bottom-color:#292929}html.dark [data-surface=public] .page-hero .container-page{padding-block:var(--public-space-content);max-width:var(--public-content-max)}html.dark [data-surface=public] .page-hero h1{font-size:var(--public-title-page);font-weight:450;line-height:1.25;letter-spacing:-.04em}html.dark [data-surface=public] .page-hero .section-eyebrow{color:#888;font-size:11px;letter-spacing:.1em;margin-bottom:17px}html.dark [data-surface=public] .page-hero p:last-child{color:#aaa;font-size:15px;line-height:1.9;margin-top:21px}html.dark [data-surface=public] .card{background:#000;border-color:#2b2b2b;border-radius:4px;box-shadow:none}html.dark [data-surface=public] .card-interactive:hover{background:#000;border-color:#666;transform:none}html.dark [data-surface=public] .prose-content{color:#bdbdbd;font-size:var(--public-text-body);line-height:1.95}html.dark [data-surface=public] .prose-content h2{font-size:27px;font-weight:550;line-height:1.5;margin-top:2.4em;margin-bottom:.8em;letter-spacing:-.025em}html.dark [data-surface=public] .prose-content h3{font-size:20px;font-weight:550;line-height:1.55;margin-top:1.8em;margin-bottom:.7em}html.dark [data-surface=public] .prose-content p{margin-top:.9em;margin-bottom:.9em}html.dark [data-surface=public] .editorial-about .prose-content>:first-child{margin-top:0}html.dark [data-surface=public] footer{background:#000;border-color:#292929}html.dark [data-surface=public] footer svg[aria-label="站点标识"]{filter:grayscale(1)}@media (max-width:1100px){html.dark [data-surface=public] .editorial-intro-inner{width:88%}html.dark [data-surface=public] .editorial-intro-composition{grid-template-columns:1.15fr .85fr;gap:7%}html.dark [data-surface=public] .editorial-intro-title h1{font-size:clamp(85px,11vw,128px)}html.dark [data-surface=public] .editorial-intro-aside{padding-top:40px}html.dark [data-surface=public] .editorial-intro-aside h2{font-size:23px}html.dark [data-surface=public] .editorial-intro-topics{gap:25px}html.dark [data-surface=public] .editorial-about{grid-template-columns:.65fr 1.35fr;gap:8%;width:88%}}@media (max-width:700px){html.dark [data-surface=public] .editorial-intro{min-height:730px;height:calc(100svh - var(--header-h))}html.dark [data-surface=public] .editorial-intro-inner{width:88%;padding:31px 0 24px}html.dark [data-surface=public] .editorial-intro-meta{font-size:10px;letter-spacing:.035em}html.dark [data-surface=public] .editorial-intro-meta span:last-child{font-size:10px}html.dark [data-surface=public] .editorial-intro-composition{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:32px;padding:35px 0}html.dark [data-surface=public] .editorial-intro-title h1{font-size:clamp(76px,20vw,108px);margin-left:-4px;margin-bottom:18px}html.dark [data-surface=public] .editorial-intro-title>p{font-size:36px;line-height:1.05}html.dark [data-surface=public] .editorial-intro-title>p br{display:none}html.dark [data-surface=public] .editorial-intro-title em{display:block}html.dark [data-surface=public] .editorial-intro-aside{max-width:none;padding-top:0}html.dark [data-surface=public] .editorial-intro-aside h2{font-size:20px;line-height:1.55}html.dark [data-surface=public] .editorial-intro-aside>p{font-size:12px;line-height:1.9;margin-top:13px;max-width:330px}html.dark [data-surface=public] .editorial-intro-topics{margin-top:21px;padding-top:15px;gap:28px}html.dark [data-surface=public] .editorial-intro-topics>span{font-size:11px;flex-direction:row;align-items:center;gap:8px}html.dark [data-surface=public] .editorial-intro-bottom{padding-top:16px}html.dark [data-surface=public] .editorial-intro-bottom>span{max-width:145px;font-size:11px;line-height:1.7}html.dark [data-surface=public] .editorial-scroll-link{font-size:11px;gap:13px}html.dark [data-surface=public] .editorial-down-arrow{width:35px;height:35px;font-size:18px}html.dark [data-surface=public] .editorial-about{display:block;padding-top:55px}html.dark [data-surface=public] .editorial-about-index{position:static;margin-bottom:48px;padding-bottom:30px;border-bottom:1px solid #292929}html.dark [data-surface=public] .editorial-about-index h2{font-size:28px;margin-top:19px}html.dark [data-surface=public] .editorial-about-index nav{flex-direction:row;flex-wrap:wrap;gap:24px;margin-top:24px}html.dark [data-surface=public] .editorial-about-index nav a{font-size:12px;gap:9px}html.dark [data-surface=public] .editorial-about-section{padding-bottom:35px;margin-bottom:35px}html.dark [data-surface=public] .editorial-section-title h2{font-size:29px}html.dark [data-surface=public] .editorial-about-lead{font-size:16px}html.dark [data-surface=public] .editorial-about-description{font-size:14px}html.dark [data-surface=public] .editorial-content-links>a{grid-template-columns:65px 1fr 15px;gap:13px;padding:18px 0}html.dark [data-surface=public] .editorial-content-links>a>span:first-child{font-size:14px}html.dark [data-surface=public] .editorial-content-links p{font-size:12px}html.dark [data-surface=public] .page-hero .container-page{padding-block:var(--public-space-content)}html.dark [data-surface=public] .prose-content{font-size:var(--public-text-body);line-height:1.9}html.dark [data-surface=public] .prose-content h2{font-size:23px}html.dark [data-surface=public] .contact-panel .contact-value{font-size:15px}}html.dark [data-surface=public] .editorial-article-header{background:#000;border-color:#292929}html.dark [data-surface=public] .editorial-article-heading{max-width:var(--public-content-max);padding-block:var(--public-space-content)}html.dark [data-surface=public] .editorial-article-heading h1{font-size:var(--public-title-page);line-height:1.4;font-weight:500;letter-spacing:-.025em;max-width:1000px;margin-top:24px}html.dark [data-surface=public] .editorial-article-heading>p{font-size:15px;line-height:1.9;color:#a3a3a3;max-width:800px}html.dark [data-surface=public] .editorial-reading{max-width:var(--public-content-max);padding-block:var(--public-space-content) var(--public-space-section)}html.dark [data-surface=public] .editorial-reading .toc-panel{background:#000;border-color:#292929;box-shadow:none;border-radius:3px}html.dark [data-surface=public] .editorial-reading [class*="bg-brand-50/"],html.dark [data-surface=public] main [class*="bg-ink-50/"]{background:#000}html.dark [data-surface=public] .cover-placeholder{background:#000;border-bottom:1px solid #292929}html.dark [data-surface=public] .cover-placeholder>.bg-gradient-to-br,html.dark [data-surface=public] .cover-placeholder>.bg-grid-faint{display:none}html.dark [data-surface=public] .cover-placeholder span{color:#858585;font-weight:400}html.dark [data-surface=public] .library-layout .bg-brand-600{color:#080808;background:#e6e6e6}@media (max-width:700px){html.dark [data-surface=public] .editorial-article-heading{padding-block:var(--public-space-content)}html.dark [data-surface=public] .editorial-article-heading h1{font-size:29px;line-height:1.45;margin-top:20px}html.dark [data-surface=public] .editorial-article-heading>p{font-size:14px}html.dark [data-surface=public] .editorial-reading{padding-block:var(--public-space-content) var(--public-space-section)}}html.dark [data-surface=public] .editorial-reading>.grid{max-width:1280px}html.dark [data-surface=public] .prose-content :where(p,li){font-size:var(--public-text-body);line-height:1.9}[data-surface=public] .specular-button{--sb-radius:18px;--sb-tint:#ffffff;--sb-tint-opacity:0.04;--sb-blur:0px;--sb-text-color:#f5f5f5;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.5em;margin:0;border:0;border-radius:var(--sb-radius);font:inherit;font-weight:500;line-height:1;letter-spacing:.01em;color:var(--sb-text-color);background:color-mix(in srgb,var(--sb-tint) calc(var(--sb-tint-opacity) * 100%),transparent);box-shadow:0 10px 24px -14px rgba(0,0,0,.45);backdrop-filter:blur(var(--sb-blur));cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:transform .25s cubic-bezier(.2,.8,.2,1)}[data-surface=public] .specular-button:active{transform:scale(.97)}[data-surface=public] .specular-button:focus-visible{outline:2px solid color-mix(in srgb,var(--sb-text-color) 55%,transparent);outline-offset:3px}[data-surface=public] .specular-button:disabled,[data-surface=public] .specular-button[aria-disabled=true]{opacity:.5;cursor:default}[data-surface=public] .specular-button:disabled:active{transform:none}[data-surface=public] .specular-button--sm{padding:10px 20px;font-size:.875rem}[data-surface=public] .specular-button--md{padding:14px 28px;font-size:1rem}[data-surface=public] .specular-button--lg{padding:18px 38px;font-size:1.125rem}[data-surface=public] .specular-button__light{position:absolute;inset:-24px;z-index:1;display:block;width:calc(100% + 48px);height:calc(100% + 48px);pointer-events:none}[data-surface=public] .specular-button__label{position:relative;z-index:2;display:inline-flex;align-items:center;gap:inherit}[data-surface=public] .specular-button:not([data-sb-ready]):before{content:"";position:absolute;inset:0;border:1px solid #525252;border-radius:inherit;pointer-events:none}@media (prefers-reduced-motion:reduce){[data-surface=public] .specular-button{transition:none}}.glass-surface{position:relative}.glass-surface__filter{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.glass-surface__backdrop,.glass-surface__rim,.glass-surface__sheen{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.glass-surface__backdrop{background:rgb(255 255 255/calc(.04 + var(--glass-frost, .1) * .3));backdrop-filter:blur(12px) saturate(var(--glass-saturation,1.2));box-shadow:inset 0 1px 0 rgb(255 255 255/.3),inset 0 -1px 0 rgb(255 255 255/.08),inset 0 0 12px 3px rgb(255 255 255/.06),0 8px 24px rgb(0 0 0/.16)}.glass-surface[data-glass-renderer=svg] .glass-surface__backdrop{background:rgb(255 255 255/var(--glass-frost,.1));backdrop-filter:var(--glass-filter) saturate(var(--glass-saturation,1.2))}.glass-surface__sheen{background:linear-gradient(135deg,rgb(255 255 255/.12),transparent 42%,transparent 64%,rgb(255 255 255/.04))}.glass-surface__rim{padding:1px;background:linear-gradient(150deg,rgb(255 255 255/.42),rgb(255 255 255/.04) 45%,rgb(255 255 255/.03) 60%,rgb(255 255 255/.22));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.glass-surface__content{position:relative}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass-surface .glass-surface__backdrop{background:rgb(28 28 28/.96)}}