:root{--page-head-display:clamp(2.75rem, 6.4vw, 5rem);--section-y:clamp(4rem, 8vw, 7rem);--grid-line:color-mix(in srgb, var(--color-text) 5%, transparent)}.cs-section__head{max-width:64rem}.cs-section__lead{max-width:60ch;line-height:1.7}.cs-page-head{isolation:isolate;padding-block:clamp(3.5rem,7vw,6rem) clamp(2.5rem,5vw,4rem);position:relative}.cs-page-head:before{content:"";z-index:-1;background-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px);background-size:56px 100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 30% 30%,#000 50%,#0000 100%);mask-image:radial-gradient(70% 60% at 30% 30%,#000 50%,#0000 100%)}.cs-page-head__inner{gap:var(--space-4);max-width:64rem;display:grid;position:relative}.cs-page-head__title{font-family:var(--font-display);font-size:var(--page-head-display);letter-spacing:.01em;color:var(--color-text);margin:0;font-weight:300;line-height:1.05}.cs-page-head__sub{font-family:var(--font-mono);font-size:clamp(var(--text-sm), 1.6vw, var(--text-lg));letter-spacing:.04em;color:var(--color-text-muted);margin:0}.cs-page-head__lead{margin:var(--space-2) 0 0;max-width:56ch;color:var(--color-text-muted);font-size:var(--text-lg);line-height:1.7}.cs-page-head__line{background:linear-gradient(to right, var(--color-border-strong), transparent);height:1px;margin-top:clamp(2rem,4vw,3rem)}.cs-eg-case__problem{gap:var(--space-2);padding:var(--space-5);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-accent) 4%, transparent);margin-bottom:var(--space-6);display:grid}.cs-eg-case__problem-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent)}.cs-eg-case__problem-text{font-size:var(--text-lg);color:var(--color-text);margin:0;font-weight:500;line-height:1.5}.cs-eg-case__process{gap:var(--space-3);margin-bottom:var(--space-6);display:grid}.cs-eg-case__process-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-subtle)}.cs-eg-case__process-list{gap:var(--space-3);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.cs-eg-case__process-step{gap:var(--space-1);padding:var(--space-4) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-align:center;display:grid}.cs-eg-case__process-label-text{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent)}.cs-eg-case__process-title{font-size:var(--text-sm);color:var(--color-text);font-weight:500}.cs-eg-case__hint{margin:0 0 var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-text-muted)}.cs-eg-case__cta-row{align-items:center;gap:var(--space-3);margin-top:var(--space-7);flex-wrap:wrap;display:flex}.cs-eg-case__cta-note{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-text-subtle)}.cs-tech-grid{gap:var(--space-4);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.cs-tech-grid{grid-template-columns:repeat(2,1fr)}}.cs-tech{gap:var(--space-3);min-height:100%;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);backdrop-filter:blur(var(--glass-blur)) saturate(1.4);box-shadow:var(--shadow-sm);transition:border-color var(--reveal-duration) var(--reveal-ease), box-shadow var(--reveal-duration) var(--reveal-ease), transform var(--reveal-duration) var(--reveal-ease);flex-direction:column;display:flex;position:relative}@media (hover:hover){.cs-tech:hover{border-color:color-mix(in srgb, var(--color-accent) 38%, var(--color-border));box-shadow:var(--shadow-glow);transform:translateY(-2px)}}.cs-tech__title{font-size:var(--text-xl);margin:0;font-weight:600;line-height:1.3}.cs-tech__title-en{margin-top:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-text-subtle);font-weight:400;display:block}.cs-tech__desc{color:var(--color-text-muted);font-size:var(--text-sm);margin:0;line-height:1.7}.cs-tech__tags{padding:var(--space-3) 0 0;gap:var(--space-2);border-top:1px dashed var(--color-border);flex-wrap:wrap;margin:auto 0 0;list-style:none;display:flex}.cs-tech__tag{padding:4px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-text-muted);background:var(--color-bg);display:inline-block}.cs-modes{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);backdrop-filter:blur(var(--glass-blur)) saturate(1.4);box-shadow:var(--shadow-sm);gap:0;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.cs-mode{gap:var(--space-4);padding:var(--space-6);border-top:1px solid var(--color-border);grid-template-columns:1fr;display:grid;position:relative}.cs-mode:first-child{border-top:0}@media (width>=960px){.cs-mode{gap:var(--space-7);padding:var(--space-7);grid-template-columns:minmax(0,9rem) minmax(0,1fr);align-items:start}}.cs-mode__head{gap:var(--space-2);display:grid}.cs-mode__title{letter-spacing:-.005em;margin:0;font-size:clamp(1.375rem,2.4vw,1.75rem);font-weight:600;line-height:1.25}.cs-mode__title-en{margin-top:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-text-subtle);font-weight:400;display:block}.cs-mode__body{gap:var(--space-4);display:grid}.cs-mode__desc{color:var(--color-text-muted);max-width:60ch;margin:0;line-height:1.75}.cs-mode__fit{padding-top:var(--space-4);border-top:1px dashed var(--color-border);gap:var(--space-1);margin:0;display:grid}.cs-mode__fit-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-subtle)}.cs-mode__fit-zh{color:var(--color-text);font-size:var(--text-sm);line-height:1.65;display:block}.cs-mode__fit-en{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.02em;line-height:1.55;display:block}@media (width<=720px){.cs-page-head__title{font-size:clamp(2.25rem,9vw,3.25rem)}.cs-eg-case__process-list{grid-template-columns:1fr}.cs-eg-case__process-step{text-align:left}.cs-eg-case__cta-row .cs-btn{width:100%}.cs-mode{padding:var(--space-5)}}.cs-page-nav{z-index:20;background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0}.cs-page-nav__inner{gap:var(--space-2);padding-block:var(--space-3);display:flex;overflow-x:auto}.cs-page-nav__link{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--reveal-duration) var(--reveal-ease), border-color var(--reveal-duration) var(--reveal-ease);border:1px solid #0000;flex:none;text-decoration:none}@media (hover:hover){.cs-page-nav__link:hover{color:var(--color-text);border-color:var(--color-border-strong)}}