:root{--color-bg: #F6F7F9;--color-white: #FAFAFA;--color-surface: #FFFFFF;--color-surface-dark: #0A0A0A;--color-text: #2C3E50;--color-text-light: #7F8EA3;--color-text-muted: #A8B4C6;--color-blue: #7EB6D9;--color-blue-light: #A9D1E8;--color-pink: #E8A4B4;--color-pink-light: #F3C5CE;--color-success: #A3D9A5;--color-warning: #E8C4A4;--color-error: #E8A4A8;--color-info: #A4C8E8;--color-border: #E1E8F0;--color-divider: #EFF2F7;--blue-alpha-02: rgba(126, 182, 217, .02);--blue-alpha-03: rgba(126, 182, 217, .03);--blue-alpha-04: rgba(126, 182, 217, .04);--blue-alpha-05: rgba(126, 182, 217, .05);--blue-alpha-06: rgba(126, 182, 217, .06);--blue-alpha-08: rgba(126, 182, 217, .08);--blue-alpha-10: rgba(126, 182, 217, .1);--blue-alpha-12: rgba(126, 182, 217, .12);--blue-alpha-15: rgba(126, 182, 217, .15);--blue-alpha-20: rgba(126, 182, 217, .2);--blue-alpha-25: rgba(126, 182, 217, .25);--blue-alpha-30: rgba(126, 182, 217, .3);--blue-alpha-40: rgba(126, 182, 217, .4);--blue-alpha-50: rgba(126, 182, 217, .5);--pink-alpha-02: rgba(232, 164, 180, .02);--pink-alpha-03: rgba(232, 164, 180, .03);--pink-alpha-04: rgba(232, 164, 180, .04);--pink-alpha-05: rgba(232, 164, 180, .05);--pink-alpha-06: rgba(232, 164, 180, .06);--pink-alpha-08: rgba(232, 164, 180, .08);--pink-alpha-10: rgba(232, 164, 180, .1);--pink-alpha-12: rgba(232, 164, 180, .12);--pink-alpha-15: rgba(232, 164, 180, .15);--pink-alpha-18: rgba(232, 164, 180, .18);--pink-alpha-20: rgba(232, 164, 180, .2);--pink-alpha-25: rgba(232, 164, 180, .25);--pink-alpha-30: rgba(232, 164, 180, .3);--pink-alpha-40: rgba(232, 164, 180, .4);--pink-alpha-50: rgba(232, 164, 180, .5);--pink-alpha-60: rgba(232, 164, 180, .6);--pink-alpha-80: rgba(232, 164, 180, .8);--error-alpha-08: rgba(232, 164, 168, .08);--error-alpha-10: rgba(232, 164, 168, .1);--error-alpha-15: rgba(232, 164, 168, .15);--error-alpha-20: rgba(232, 164, 168, .2);--error-alpha-30: rgba(232, 164, 168, .3);--error-alpha-60: rgba(232, 164, 168, .6);--error-alpha-80: rgba(232, 164, 168, .8);--warning-alpha-15: rgba(232, 196, 164, .15);--warning-alpha-25: rgba(232, 196, 164, .25);--success-alpha-15: rgba(163, 217, 165, .15);--info-alpha-05: rgba(164, 200, 232, .05);--info-alpha-08: rgba(164, 200, 232, .08);--text-alpha-04: rgba(44, 62, 80, .04);--text-alpha-05: rgba(44, 62, 80, .05);--text-alpha-08: rgba(44, 62, 80, .08);--text-alpha-12: rgba(44, 62, 80, .12);--text-alpha-16: rgba(44, 62, 80, .16);--muted-alpha-05: rgba(168, 180, 198, .05);--muted-alpha-06: rgba(168, 180, 198, .06);--muted-alpha-08: rgba(168, 180, 198, .08);--muted-alpha-10: rgba(168, 180, 198, .1);--muted-alpha-15: rgba(168, 180, 198, .15);--border-alpha-30: rgba(225, 232, 240, .3);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .16);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .2);--shadow-2xl: 0 20px 60px rgba(0, 0, 0, .3);--shadow-hover: 0 8px 20px rgba(0, 0, 0, .12);--shadow-blue-sm: 0 2px 6px var(--blue-alpha-20);--shadow-blue-md: 0 2px 8px var(--blue-alpha-30);--shadow-blue-lg: 0 4px 12px var(--blue-alpha-30);--shadow-blue-hover: 0 4px 10px var(--blue-alpha-30);--shadow-blue-xl: 0 4px 16px var(--blue-alpha-40);--shadow-pink-sm: 0 2px 6px var(--pink-alpha-20);--shadow-pink-md: 0 2px 8px var(--pink-alpha-30);--shadow-pink-lg: 0 4px 12px var(--pink-alpha-30);--shadow-pink-hover: 0 4px 10px var(--pink-alpha-30);--shadow-pink-xl: 0 4px 16px var(--pink-alpha-40);--shadow-error-sm: 0 2px 6px var(--error-alpha-20);--shadow-error-md: 0 2px 8px var(--error-alpha-20);--shadow-error-lg: 0 4px 12px var(--error-alpha-30);--shadow-error-hover: 0 4px 10px var(--error-alpha-30);--shadow-pink: -2px 2px 8px rgba(232, 164, 180, .25);--shadow-pink-offset-hover: -3px 3px 12px rgba(232, 164, 180, .4);--shadow-blue: -2px 2px 8px rgba(126, 182, 217, .25);--shadow-blue-offset-hover: -3px 3px 12px rgba(126, 182, 217, .4);--color-on-primary: #FFFFFF;--color-on-secondary: var(--color-text);--color-on-surface: var(--color-text);--overlay-bg: rgba(0, 0, 0, .5);--overlay-light: rgba(255, 255, 255, .9);--overlay-blur: rgba(255, 255, 255, .8);--white-alpha-15: rgba(255, 255, 255, .15);--white-alpha-20: rgba(255, 255, 255, .2);--white-alpha-30: rgba(255, 255, 255, .3);--white-alpha-40: rgba(255, 255, 255, .4);--white-alpha-50: rgba(255, 255, 255, .5);--white-alpha-60: rgba(255, 255, 255, .6);--white-alpha-70: rgba(255, 255, 255, .7);--white-alpha-80: rgba(255, 255, 255, .8);--white-alpha-85: rgba(255, 255, 255, .85);--white-alpha-90: rgba(255, 255, 255, .9);--white-alpha-95: rgba(255, 255, 255, .95);--gradient-primary: linear-gradient(135deg, #7EB6D9 0%, #93C3E8 100%);--gradient-primary-light: linear-gradient(135deg, #A9D1E8 0%, #C4E0F3 100%);--gradient-blue-pink: linear-gradient(135deg, var(--blue-alpha-05) 0%, var(--pink-alpha-05) 100%);--gradient-blue-pink-8: linear-gradient(135deg, var(--blue-alpha-08) 0%, var(--pink-alpha-08) 100%);--gradient-blue-pink-strong: linear-gradient(135deg, var(--blue-alpha-15) 0%, var(--pink-alpha-15) 100%);--gradient-pink-blue: linear-gradient(135deg, var(--pink-alpha-05) 0%, var(--blue-alpha-05) 100%);--gradient-pink-blue-8: linear-gradient(135deg, var(--pink-alpha-08) 0%, var(--blue-alpha-08) 100%);--table-row-hover: linear-gradient(135deg, var(--blue-alpha-03) 0%, var(--pink-alpha-03) 100%);--focus-ring-blue: 0 0 0 3px var(--blue-alpha-10);--focus-ring-blue-lg: 0 0 0 4px var(--blue-alpha-10);--focus-ring-pink: 0 0 0 3px var(--pink-alpha-10);--focus-ring-error: 0 0 0 3px var(--error-alpha-10);--bg-warning-subtle: rgba(232, 196, 164, .12);--bg-warning-soft: rgba(232, 196, 164, .22);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem;--radius-sm: 16px;--radius-md: 20px;--radius-lg: 24px;--radius-xl: 28px;--z-nav: 100;--z-dropdown: 150;--z-modal: 200;--z-tooltip: 300;--transition-fast: .2s;--transition-base: .3s;--transition-slow: .4s;--ease-gentle: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--font-family-base: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-family-code: "JetBrains Mono", "Fira Code", "Consolas", "Monaco", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--line-height-tight: 1.25;--line-height-base: 1.6;--line-height-relaxed: 1.8;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--color-pink-l5: #EDB8C4;--color-pink-l8: #F0C4CE;--color-pink-l10: #F2CCD5;--color-pink-l12: #F4D4DC;--color-pink-l15: #F7E1E6;--color-pink-l28: #FEFFFF;--color-pink-d5: #E28FA3;--color-pink-d8: #DE829A;--color-pink-d10: #DD7B92;--color-pink-d15: #D86685;--color-pink-d18: #D55A77;--color-blue-l20: #CCE2F0;--color-blue-l24: #DCEBF4;--color-blue-l30: #F4F8FB;--color-blue-d8: #5EA4CF;--color-blue-d10: #569FCD;--color-blue-d15: #4695C3;--color-blue-d20: #3687BA;--color-bg-d5: #E6E9EE;--color-warning-d10: #EFB77B;--color-text-muted-l10: #C5CDD6;--color-text-muted-l20: #E3E7EB}[data-theme=dark]{--color-bg: #0F1419;--color-white: #1A1F26;--color-surface: #1E2329;--color-surface-dark: #0A0D11;--color-text: #E3E8EF;--color-text-light: #A8B3C5;--color-text-muted: #6B7785;--color-blue: #6DB4E8;--color-blue-light: #8FC7F0;--color-pink: #F5B8C8;--color-pink-light: #FFCEDE;--color-success: #7FD084;--color-warning: #F5C28B;--color-error: #F5999E;--color-info: #7FBBF5;--color-border: #2D3339;--color-divider: #252A30;--blue-alpha-02: rgba(109, 180, 232, .04);--blue-alpha-03: rgba(109, 180, 232, .06);--blue-alpha-04: rgba(109, 180, 232, .08);--blue-alpha-05: rgba(109, 180, 232, .1);--blue-alpha-06: rgba(109, 180, 232, .12);--blue-alpha-08: rgba(109, 180, 232, .15);--blue-alpha-10: rgba(109, 180, 232, .18);--blue-alpha-12: rgba(109, 180, 232, .2);--blue-alpha-15: rgba(109, 180, 232, .25);--blue-alpha-20: rgba(109, 180, 232, .3);--blue-alpha-25: rgba(109, 180, 232, .35);--blue-alpha-30: rgba(109, 180, 232, .4);--blue-alpha-40: rgba(109, 180, 232, .5);--blue-alpha-50: rgba(109, 180, 232, .6);--pink-alpha-02: rgba(245, 184, 200, .04);--pink-alpha-03: rgba(245, 184, 200, .06);--pink-alpha-04: rgba(245, 184, 200, .08);--pink-alpha-05: rgba(245, 184, 200, .1);--pink-alpha-06: rgba(245, 184, 200, .12);--pink-alpha-08: rgba(245, 184, 200, .15);--pink-alpha-10: rgba(245, 184, 200, .18);--pink-alpha-12: rgba(245, 184, 200, .2);--pink-alpha-15: rgba(245, 184, 200, .25);--pink-alpha-18: rgba(245, 184, 200, .28);--pink-alpha-20: rgba(245, 184, 200, .3);--pink-alpha-25: rgba(245, 184, 200, .35);--pink-alpha-30: rgba(245, 184, 200, .4);--pink-alpha-40: rgba(245, 184, 200, .5);--pink-alpha-50: rgba(245, 184, 200, .6);--pink-alpha-60: rgba(245, 184, 200, .7);--pink-alpha-80: rgba(245, 184, 200, .85);--error-alpha-08: rgba(245, 153, 158, .15);--error-alpha-10: rgba(245, 153, 158, .18);--error-alpha-15: rgba(245, 153, 158, .25);--error-alpha-20: rgba(245, 153, 158, .3);--error-alpha-30: rgba(245, 153, 158, .4);--error-alpha-60: rgba(245, 153, 158, .7);--error-alpha-80: rgba(245, 153, 158, .85);--warning-alpha-15: rgba(245, 194, 139, .25);--warning-alpha-25: rgba(245, 194, 139, .35);--success-alpha-15: rgba(127, 208, 132, .25);--info-alpha-05: rgba(127, 187, 245, .1);--info-alpha-08: rgba(127, 187, 245, .15);--text-alpha-04: rgba(227, 232, 239, .08);--text-alpha-05: rgba(227, 232, 239, .1);--text-alpha-08: rgba(227, 232, 239, .15);--text-alpha-12: rgba(227, 232, 239, .2);--text-alpha-16: rgba(227, 232, 239, .25);--muted-alpha-05: rgba(107, 119, 133, .08);--muted-alpha-06: rgba(107, 119, 133, .1);--muted-alpha-08: rgba(107, 119, 133, .12);--muted-alpha-10: rgba(107, 119, 133, .15);--muted-alpha-15: rgba(107, 119, 133, .22);--border-alpha-30: rgba(45, 51, 57, .5);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 2px 8px rgba(0, 0, 0, .6);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .7);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .8);--shadow-2xl: 0 20px 60px rgba(0, 0, 0, .9);--shadow-hover: 0 8px 20px rgba(0, 0, 0, .4);--shadow-blue-sm: 0 2px 6px var(--blue-alpha-30), 0 0 0 1px var(--blue-alpha-10);--shadow-blue-md: 0 2px 8px var(--blue-alpha-40), 0 0 0 1px var(--blue-alpha-12);--shadow-blue-lg: 0 4px 12px var(--blue-alpha-50), 0 0 0 1px var(--blue-alpha-15);--shadow-blue-hover: 0 4px 10px var(--blue-alpha-50), 0 0 0 1px var(--blue-alpha-20);--shadow-pink-sm: 0 2px 6px var(--pink-alpha-30), 0 0 0 1px var(--pink-alpha-10);--shadow-pink-md: 0 2px 8px var(--pink-alpha-40), 0 0 0 1px var(--pink-alpha-12);--shadow-pink-lg: 0 4px 12px var(--pink-alpha-50), 0 0 0 1px var(--pink-alpha-15);--shadow-pink-hover: 0 4px 10px var(--pink-alpha-50), 0 0 0 1px var(--pink-alpha-20);--shadow-pink-xl: 0 4px 16px var(--pink-alpha-60), 0 0 0 1px var(--pink-alpha-20);--shadow-error-sm: 0 2px 6px var(--error-alpha-30), 0 0 0 1px var(--error-alpha-15);--shadow-error-md: 0 2px 8px var(--error-alpha-30), 0 0 0 1px var(--error-alpha-15);--shadow-error-lg: 0 4px 12px var(--error-alpha-40), 0 0 0 1px var(--error-alpha-20);--shadow-error-hover: 0 4px 10px var(--error-alpha-40), 0 0 0 1px var(--error-alpha-20);--shadow-pink: -2px 2px 8px rgba(245, 184, 200, .3);--shadow-pink-offset-hover: -3px 3px 12px rgba(245, 184, 200, .5);--shadow-blue: -2px 2px 8px rgba(109, 180, 232, .3);--shadow-blue-offset-hover: -3px 3px 12px rgba(109, 180, 232, .5);--color-on-primary: #FFFFFF;--color-on-secondary: var(--color-text);--color-on-surface: var(--color-text);--overlay-bg: rgba(0, 0, 0, .8);--overlay-light: rgba(15, 20, 25, .95);--overlay-blur: rgba(26, 31, 38, .9);--white-alpha-15: rgba(255, 255, 255, .05);--white-alpha-20: rgba(255, 255, 255, .08);--white-alpha-30: rgba(255, 255, 255, .12);--white-alpha-40: rgba(255, 255, 255, .15);--white-alpha-50: rgba(255, 255, 255, .2);--white-alpha-60: rgba(255, 255, 255, .25);--white-alpha-70: rgba(255, 255, 255, .3);--white-alpha-80: rgba(255, 255, 255, .4);--white-alpha-85: rgba(255, 255, 255, .45);--white-alpha-90: rgba(255, 255, 255, .55);--white-alpha-95: rgba(255, 255, 255, .7);--gradient-primary: linear-gradient(135deg, #5E9DC8 0%, #7EB6D9 100%);--gradient-primary-light: linear-gradient(135deg, #7EB6D9 0%, #93C3E8 100%);--gradient-blue-pink: linear-gradient(135deg, var(--blue-alpha-10) 0%, var(--pink-alpha-10) 100%);--gradient-blue-pink-8: linear-gradient(135deg, var(--blue-alpha-15) 0%, var(--pink-alpha-15) 100%);--gradient-blue-pink-strong: linear-gradient(135deg, var(--blue-alpha-25) 0%, var(--pink-alpha-25) 100%);--gradient-pink-blue: linear-gradient(135deg, var(--pink-alpha-10) 0%, var(--blue-alpha-10) 100%);--gradient-pink-blue-8: linear-gradient(135deg, var(--pink-alpha-15) 0%, var(--blue-alpha-15) 100%);--table-row-hover: linear-gradient(135deg, var(--blue-alpha-06) 0%, var(--pink-alpha-06) 100%);--focus-ring-blue: 0 0 0 3px var(--blue-alpha-20);--focus-ring-blue-lg: 0 0 0 4px var(--blue-alpha-20);--focus-ring-pink: 0 0 0 3px var(--pink-alpha-20);--focus-ring-error: 0 0 0 3px var(--error-alpha-20);--bg-warning-subtle: rgba(245, 194, 139, .15);--bg-warning-soft: rgba(245, 194, 139, .28);--color-pink-l5: #F9C8D5;--color-pink-l8: #FBCEDD;--color-pink-l10: #FCD3E2;--color-pink-l12: #FDD8E6;--color-pink-l15: #FFDFEC;--color-pink-l28: #FFFFFF;--color-pink-d5: #EEAABB;--color-pink-d8: #EAA5B6;--color-pink-d10: #E89FB2;--color-pink-d15: #E393A8;--color-pink-d18: #E08FA5;--color-blue-l20: #C8E4F6;--color-blue-l24: #D6EBFA;--color-blue-d8: #5AA9E0;--color-blue-d10: #52A4DE;--color-blue-d15: #4399D7;--color-blue-d20: #3490D0;--color-bg-d5: #151B22;--color-warning-d10: #E8AE72;--color-text-muted-l10: #848E9A;--color-text-muted-l20: #9DA7B3}@keyframes nav-fade-in{0%{opacity:0}to{opacity:1}}@keyframes nav-item-slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse-gentle{0%,to{opacity:1}50%{opacity:.85}}@mixin fade-in($duration: var(--transition-base),$delay: 0s){opacity: 0; animation: fade-in $duration var(--ease-gentle) $delay forwards;}@mixin slide-in-left($duration: var(--transition-base),$delay: 0s){opacity: 0; animation: slide-in-left $duration var(--ease-gentle) $delay forwards;}@mixin slide-in-right($duration: var(--transition-base),$delay: 0s){opacity: 0; animation: slide-in-right $duration var(--ease-gentle) $delay forwards;}@mixin slide-in-top($duration: var(--transition-base),$delay: 0s){opacity: 0; animation: slide-in-top $duration var(--ease-gentle) $delay forwards;}@mixin slide-in-bottom($duration: var(--transition-base),$delay: 0s){opacity: 0; animation: slide-in-bottom $duration var(--ease-gentle) $delay forwards;}@mixin hover-lift($distance: -2px){transition: transform var(--transition-fast) var(--ease-out),box-shadow var(--transition-fast) var(--ease-out); &:hover {transform: translateY($distance); box-shadow: var(--shadow-md);}}@mixin hover-scale($scale: 1.02){transition: transform var(--transition-fast) var(--ease-out); &:hover {transform: scale($scale);}}@mixin hover-shadow-enhance{transition: box-shadow var(--transition-fast) var(--ease-out); &:hover {box-shadow: var(--shadow-hover);}}@mixin color-transition($properties...){$transitions: (); @each $prop in $properties {$transitions: list.append($transitions,#{$prop} var(--transition-base) var(--ease-gentle),comma);} transition: $transitions;}@mixin active-scale($scale: .98){&:active {transform: scale($scale);}}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}@mixin skeleton{background: linear-gradient(90deg,var(--color-bg) 0%,var(--color-bg) 50%,var(--color-bg) 100%); background-size: 200% 100%; animation: skeleton-loading 1.5s ease-in-out infinite;}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text);margin:0}h1{font-size:var(--font-size-4xl);letter-spacing:-.02em}h2{font-size:var(--font-size-3xl);letter-spacing:-.01em}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{line-height:var(--line-height-relaxed);color:var(--color-text);margin:0}a{color:var(--color-blue);text-decoration:none;transition:color var(--transition-base) var(--ease-gentle),opacity var(--transition-base) var(--ease-gentle)}a:hover{color:var(--color-blue-d10)}a:active{opacity:.8}strong,b{font-weight:var(--font-weight-semibold);color:var(--color-text)}em,i{font-style:italic;color:var(--color-pink)}code{font-family:var(--font-family-code);font-size:.9em;background:var(--color-bg);padding:.2em .4em;border-radius:4px;color:var(--color-text)}pre{font-family:var(--font-family-code);font-size:var(--font-size-sm);background:var(--color-bg);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;line-height:var(--line-height-base)}pre code{background:none;padding:0}blockquote{margin:0;padding-left:var(--spacing-md);border-left:4px solid var(--color-pink);color:var(--color-text-light);font-style:italic}blockquote p{color:inherit}ul,ol{padding-left:var(--spacing-lg);line-height:var(--line-height-relaxed);color:var(--color-text)}li{margin:var(--spacing-xs) 0}small{font-size:var(--font-size-sm);color:var(--color-text-light)}hr{border:none;height:1px;background:var(--color-divider);margin:var(--spacing-lg) 0}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text)}.text-secondary{color:var(--color-text-light)}.text-muted{color:var(--color-text-muted)}.text-blue{color:var(--color-blue)}.text-pink{color:var(--color-pink)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px}.rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-b-sm{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.rounded-b-md{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-b-lg{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-hover{box-shadow:var(--shadow-hover)}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-xxl{margin:var(--spacing-xxl)}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-xxl{margin-top:var(--spacing-xxl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-xxl{margin-bottom:var(--spacing-xxl)}.ml-0{margin-left:0}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.ml-xl{margin-left:var(--spacing-xl)}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.mr-xl{margin-right:var(--spacing-xl)}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.mx-xs{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.mx-sm{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.mx-md{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.mx-lg{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.my-xs{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.my-sm{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.my-md{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.my-lg{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-xxl{padding:var(--spacing-xxl)}.pt-0{padding-top:0}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pb-0{padding-bottom:0}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.pl-0{padding-left:0}.pl-xs{padding-left:var(--spacing-xs)}.pl-sm{padding-left:var(--spacing-sm)}.pl-md{padding-left:var(--spacing-md)}.pl-lg{padding-left:var(--spacing-lg)}.pr-0{padding-right:0}.pr-xs{padding-right:var(--spacing-xs)}.pr-sm{padding-right:var(--spacing-sm)}.pr-md{padding-right:var(--spacing-md)}.pr-lg{padding-right:var(--spacing-lg)}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.max-w-sm{max-width:640px}.max-w-md{max-width:768px}.max-w-lg{max-width:1024px}.max-w-xl{max-width:1200px}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.markdown-body{line-height:var(--line-height-relaxed);color:var(--color-text);font-size:var(--font-size-base);word-break:break-word}.markdown-body>*+*{margin-top:1.25em}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold);color:var(--color-text);scroll-margin-top:96px;margin-top:2em;margin-bottom:.75em}.markdown-body h1:before,.markdown-body h2:before,.markdown-body h3:before,.markdown-body h4:before,.markdown-body h5:before,.markdown-body h6:before{font-weight:var(--font-weight-normal);margin-right:.25em}.markdown-body h1{font-size:var(--font-size-3xl);padding-bottom:.4em;border-bottom:2px solid var(--color-divider)}.markdown-body h1:before{content:var(--h1p, "");color:var(--color-pink)}.markdown-body h2{font-size:var(--font-size-2xl);padding-bottom:.3em;border-bottom:1px solid var(--color-divider)}.markdown-body h2:before{content:var(--h2p, "");color:var(--color-pink)}.markdown-body h3{font-size:var(--font-size-xl)}.markdown-body h3:before{content:var(--h3p, "");color:var(--color-blue)}.markdown-body h4{font-size:var(--font-size-lg)}.markdown-body h4:before{content:var(--h4p, "");color:var(--color-blue)}.markdown-body h5{font-size:var(--font-size-base)}.markdown-body h5:before{content:var(--h5p, "");color:var(--color-text-light)}.markdown-body h6{font-size:var(--font-size-sm);color:var(--color-text-light)}.markdown-body h6:before{content:var(--h6p, "");color:var(--color-text-muted)}.markdown-body p{line-height:var(--line-height-relaxed)}.markdown-body a{color:var(--color-blue);text-decoration:none;position:relative;display:inline;background:none}.markdown-body a:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1.5px;background:var(--color-blue);transition:width var(--transition-base) var(--ease-gentle)}.markdown-body a:hover{color:color-mix(in srgb,var(--color-blue) 82%,var(--color-black, #000))}.markdown-body a:hover:after{width:100%}.markdown-body :not(pre)>code{font-family:var(--font-family-code);font-size:.88em;color:color-mix(in srgb,var(--color-pink) 70%,var(--color-text-dark, #333));background:#e8a4b41a;border:1px solid rgba(232,164,180,.2);border-radius:4px;padding:.15em .4em;word-break:break-word}.markdown-body .code-block{position:relative;margin-top:1.25em;margin-bottom:1.25em;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-code-bg, #fafbfc);box-shadow:var(--shadow-sm);overflow:hidden}.markdown-body .code-block[data-lang]:before{content:attr(data-lang);position:absolute;top:0;right:0;padding:2px 12px;font-size:var(--font-size-xs);font-family:var(--font-family-code);color:var(--color-text-muted);background:#7eb6d914;border-bottom-left-radius:8px;text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none;z-index:1}.markdown-body .code-block pre{margin:0!important;padding:var(--spacing-md);padding-top:calc(var(--spacing-md) + 4px);background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0;overflow-x:auto}.markdown-body .code-block pre code{font-family:var(--font-family-code);font-size:var(--font-size-sm);line-height:1.7;display:block;background:none!important;border:none!important;padding:0;color:inherit}.markdown-body blockquote{margin:1.25em 0;padding:var(--spacing-sm) var(--spacing-md);border-left:4px solid var(--color-pink);background:#e8a4b40f;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-text-light)}.markdown-body blockquote p{margin:.5em 0}.markdown-body blockquote p:first-child{margin-top:0}.markdown-body blockquote p:last-child{margin-bottom:0}.markdown-body blockquote blockquote{border-left-color:var(--color-blue);background:#7eb6d90f}.markdown-body blockquote blockquote blockquote{border-left-color:var(--color-text-muted);background:var(--muted-alpha-06)}.markdown-body ul,.markdown-body ol{padding-left:1.75em;margin:1em 0;line-height:var(--line-height-relaxed)}.markdown-body li{margin:.35em 0}.markdown-body li>ul,.markdown-body li>ol{margin:.25em 0}.markdown-body ul{list-style-type:disc}.markdown-body ul ul{list-style-type:circle}.markdown-body ol{list-style-type:decimal}.markdown-body .task-item{list-style:none;margin-left:-1.75em;padding-left:0}.markdown-body .task-item .task-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;font-size:12px;vertical-align:middle;margin-right:.4em;position:relative;top:-1px}.markdown-body .task-item .task-check.checked{background:var(--color-blue);color:#fff;border:1.5px solid var(--color-blue)}.markdown-body .task-item .task-check.unchecked{background:var(--color-white);border:1.5px solid var(--color-border)}.markdown-body table{width:100%;border-collapse:separate;border-spacing:0;margin:1.5em 0;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);background:var(--color-white);font-size:var(--font-size-sm)}.markdown-body table thead th{background:#7eb6d91a;color:color-mix(in srgb,var(--color-blue) 65%,var(--color-black, #000));font-weight:var(--font-weight-semibold);padding:12px 16px;text-align:left;border-bottom:2px solid rgba(126,182,217,.2);white-space:nowrap}.markdown-body table tbody td{padding:10px 16px;border-bottom:1px solid var(--color-divider);color:var(--color-text)}.markdown-body table tbody tr:nth-child(2n){background:#e8a4b40d}.markdown-body table tbody tr:hover{background:#7eb6d90f;transition:background var(--transition-fast) var(--ease-gentle)}.markdown-body table tbody tr:last-child td{border-bottom:none}.markdown-body hr{border:none;height:1px;margin:2.5em auto;max-width:60%;background:linear-gradient(to right,transparent,var(--color-pink),var(--color-blue),transparent);position:relative}.markdown-body hr:after{content:"✦";display:block;text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-white);padding:0 .75em}.markdown-body .md-image{margin:1.5em 0;text-align:center}.markdown-body .md-image img{max-width:100%;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:inline-block}.markdown-body .md-image figcaption{margin-top:.5em;font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}.markdown-body del{text-decoration:line-through;color:var(--color-text-muted)}.markdown-body strong{font-weight:var(--font-weight-semibold);color:var(--color-text)}.markdown-body em{color:var(--color-pink);font-style:italic}.markdown-body .footnotes{margin-top:3em;padding-top:1.5em;border-top:1px solid var(--color-divider);font-size:var(--font-size-sm);color:var(--color-text-light)}.markdown-body .footnotes ol{padding-left:1.25em}.markdown-body .footnotes li{margin:.5em 0}.markdown-body .footnotes a[data-footnote-backref]{color:var(--color-pink);font-size:var(--font-size-xs)}.markdown-body .footnotes a[data-footnote-backref]:after{content:none}.markdown-body sup a[data-footnote-ref]{color:var(--color-pink);font-weight:var(--font-weight-medium);font-size:.8em;text-decoration:none}.markdown-body sup a[data-footnote-ref]:after{content:none}.markdown-body .footnotes-sep{display:none}.markdown-body .math-block{margin:1.5em 0;text-align:center;overflow-x:auto;padding:var(--spacing-sm) 0}.markdown-body .math-error{color:var(--color-error);font-family:var(--font-family-code);font-size:var(--font-size-sm)}.markdown-body>div[style]{border-radius:var(--radius-sm);margin:1.25em 0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;background-color:var(--color-bg)}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:color .3s ease,background-color .3s ease}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit;border:none;outline:none;background:none}button{cursor:pointer;transition:background-color var(--transition-base) var(--ease-gentle),color var(--transition-base) var(--ease-gentle),transform var(--transition-base) var(--ease-gentle)}button:disabled{cursor:not-allowed;opacity:.6}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}@media(max-width:768px){.container{padding:0 var(--spacing-md)}}@media(max-width:640px){.container{padding:0 var(--spacing-sm)}}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.card{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:box-shadow var(--transition-fast) var(--ease-out)}.card:hover{box-shadow:var(--shadow-hover)}.card.card-sm{padding:var(--spacing-md);border-radius:var(--radius-sm)}.card.card-lg{padding:var(--spacing-xl);border-radius:var(--radius-lg)}.card.card-flat{box-shadow:none;border:1px solid var(--color-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);text-decoration:none;cursor:pointer;transition:background-color var(--transition-base) var(--ease-gentle),color var(--transition-base) var(--ease-gentle),transform var(--transition-base) var(--ease-gentle)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-blue);color:var(--color-on-primary)}.btn-primary:hover{background:var(--color-blue-d8)}.btn-secondary{background:var(--color-pink);color:var(--color-on-primary)}.btn-secondary:hover{background:var(--color-pink-d8)}.btn-outline{background:transparent;border:2px solid var(--color-blue);color:var(--color-blue)}.btn-outline:hover{background:var(--color-blue);color:var(--color-on-primary)}.btn-ghost{background:transparent;color:var(--color-text)}.btn-ghost:hover{background:var(--color-bg)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text);transition:border-color var(--transition-base) var(--ease-gentle),box-shadow var(--transition-base) var(--ease-gentle)}.input::placeholder{color:var(--color-text-muted)}.input:focus{border-color:var(--color-blue);box-shadow:var(--focus-ring-blue)}.input:disabled{background:var(--color-bg);cursor:not-allowed}.input.input-error{border-color:var(--color-error)}.input.input-error:focus{box-shadow:var(--focus-ring-error)}textarea.input{resize:vertical;min-height:120px;line-height:var(--line-height-relaxed)}.tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.25rem .75rem;background:var(--color-bg);color:var(--color-text);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:background-color var(--transition-base) var(--ease-gentle),color var(--transition-base) var(--ease-gentle)}.tag:hover{background:var(--text-alpha-08)}.tag.tag-blue{background:var(--blue-alpha-15);color:var(--color-blue-d15)}.tag.tag-blue:hover{background:var(--blue-alpha-25)}.tag.tag-pink{background:var(--pink-alpha-15);color:var(--color-pink-d15)}.tag.tag-pink:hover{background:var(--pink-alpha-25)}.divider{height:1px;background:var(--color-divider);border:none;margin:var(--spacing-lg) 0}.divider.divider-sm{margin:var(--spacing-sm) 0}.divider.divider-lg{margin:var(--spacing-xl) 0}.loading{display:inline-block;width:1em;height:1em;border:2px solid var(--color-border);border-top-color:var(--color-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-sm)}::selection{background:var(--pink-alpha-30);color:var(--color-text)}.nav-item.svelte-cb9soh{position:relative;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);text-decoration:none;white-space:nowrap;transition:color var(--transition-base) var(--ease-gentle)}.nav-item.svelte-cb9soh:after{content:"";position:absolute;bottom:0;left:15%;width:0;height:2px;background:currentColor;transition:width var(--transition-base) var(--ease-gentle)}.nav-item.svelte-cb9soh:hover{color:var(--color-blue)}.nav-item.svelte-cb9soh:hover:after{width:70%}.nav-item.svelte-cb9soh.active{color:var(--color-pink)}.nav-item.svelte-cb9soh.active:after{width:70%}.nav-icon.svelte-cb9soh{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon.svelte-cb9soh svg{width:100%;height:100%;fill:currentColor}.nav-label.svelte-cb9soh{position:relative;line-height:1}@media(max-width:968px){.nav-item.svelte-cb9soh{padding:var(--spacing-xs);gap:0}.nav-item.svelte-cb9soh:after{left:20%;width:0}.nav-item.svelte-cb9soh:hover:after,.nav-item.svelte-cb9soh.active:after{width:60%}.nav-label.svelte-cb9soh{display:none}}.navbar.svelte-ejsqc9{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;height:50px;background:var(--color-white);z-index:var(--z-nav);opacity:0;pointer-events:none;transition:opacity .4s var(--ease-gentle),width .5s cubic-bezier(.22,.61,.36,1),border-radius .5s cubic-bezier(.22,.61,.36,1),top .5s cubic-bezier(.22,.61,.36,1),box-shadow .5s var(--ease-gentle)}.navbar.svelte-ejsqc9.active{opacity:1;pointer-events:auto}.navbar.svelte-ejsqc9.sticky{opacity:1;pointer-events:auto;width:auto;top:10px;border-radius:var(--radius-xl);box-shadow:var(--shadow-blue),var(--shadow-xs)}.navbar-container.svelte-ejsqc9{height:100%;margin:0 auto;padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.navbar-fixed-elements.svelte-ejsqc9{position:fixed;top:0;left:0;right:0;height:50px;pointer-events:none;z-index:101;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-xl);transition:opacity .4s var(--ease-gentle)}.navbar-fixed-elements.svelte-ejsqc9.hidden{opacity:0;pointer-events:none}.navbar-logo.svelte-ejsqc9{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-text);text-decoration:none;flex-shrink:0;pointer-events:auto;white-space:nowrap}.navbar-logo.svelte-ejsqc9:hover{color:var(--color-blue)}.navbar-inner-logo.svelte-ejsqc9{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-text);text-decoration:none;flex-shrink:0;white-space:nowrap;display:none}.navbar-inner-logo.svelte-ejsqc9:hover{color:var(--color-blue)}.sticky .navbar-inner-logo.svelte-ejsqc9{display:block}.navbar-inner-actions.svelte-ejsqc9{display:none;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.sticky .navbar-inner-actions.svelte-ejsqc9{display:flex}.navbar-items.svelte-ejsqc9{display:flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0}.navbar.svelte-ejsqc9 .nav-item{opacity:0;transform:translate(40px);transition:color .2s cubic-bezier(.22,.61,.36,1)}.active .navbar-items.svelte-ejsqc9 .nav-item,.sticky .navbar-items.svelte-ejsqc9 .nav-item{animation:svelte-ejsqc9-nav-item-enter .6s cubic-bezier(.22,.61,.36,1) forwards;transition:color .2s cubic-bezier(.22,.61,.36,1)}.active .navbar-items.svelte-ejsqc9 .nav-item:nth-child(1),.sticky .navbar-items.svelte-ejsqc9 .nav-item:nth-child(1){animation-delay:0ms}.active .navbar-items.svelte-ejsqc9 .nav-item:nth-child(2),.sticky .navbar-items.svelte-ejsqc9 .nav-item:nth-child(2){animation-delay:.15s}.active .navbar-items.svelte-ejsqc9 .nav-item:nth-child(3),.sticky .navbar-items.svelte-ejsqc9 .nav-item:nth-child(3){animation-delay:.3s}.active .navbar-items.svelte-ejsqc9 .nav-item:nth-child(4),.sticky .navbar-items.svelte-ejsqc9 .nav-item:nth-child(4){animation-delay:.45s}.active .navbar-items.svelte-ejsqc9 .nav-item:nth-child(5),.sticky .navbar-items.svelte-ejsqc9 .nav-item:nth-child(5){animation-delay:.6s}.active .navbar-items.svelte-ejsqc9 .nav-item:nth-child(6),.sticky .navbar-items.svelte-ejsqc9 .nav-item:nth-child(6){animation-delay:.75s}.active .navbar-items.svelte-ejsqc9 .nav-item:nth-child(7),.sticky .navbar-items.svelte-ejsqc9 .nav-item:nth-child(7){animation-delay:.9s}@keyframes svelte-ejsqc9-nav-item-enter{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.navbar-actions.svelte-ejsqc9{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0;pointer-events:auto}.navbar-actions.svelte-ejsqc9 .navbar-action-btn:where(.svelte-ejsqc9){color:var(--color-text)}.navbar-actions.svelte-ejsqc9 .navbar-action-btn:where(.svelte-ejsqc9):hover{background:var(--white-alpha-15);color:var(--color-blue)}.navbar-action-btn.svelte-ejsqc9{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast) var(--ease-out)}.navbar-action-btn.svelte-ejsqc9 svg{width:20px;height:20px;fill:currentColor}.navbar-action-btn.svelte-ejsqc9:hover{background:var(--color-bg);color:var(--color-blue)}@media(max-width:968px){.navbar-container.svelte-ejsqc9,.navbar-fixed-elements.svelte-ejsqc9{padding:0 var(--spacing-md)}.navbar-items.svelte-ejsqc9{gap:2px;max-width:calc(100vw - 180px);overflow-x:auto;scrollbar-width:none}.navbar-items.svelte-ejsqc9::-webkit-scrollbar{display:none}.navbar-inner-logo.svelte-ejsqc9{font-size:1.2rem}}@media(max-width:640px){.navbar-logo.svelte-ejsqc9,.navbar-inner-logo.svelte-ejsqc9{display:none}.navbar-container.svelte-ejsqc9{justify-content:center;gap:var(--spacing-xs)}.navbar-items.svelte-ejsqc9{max-width:calc(100vw - 96px)}}.footer.svelte-pvww9d{background:var(--color-white);border-top:1px solid var(--color-border);padding:var(--spacing-xs) 0;margin-top:var(--spacing-md)}.footer-container.svelte-pvww9d{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.footer-content.svelte-pvww9d{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.footer-content.svelte-pvww9d p:where(.svelte-pvww9d){margin:0;font-size:var(--font-size-xs);color:var(--color-text-light);line-height:1.6}.footer-content.svelte-pvww9d a:where(.svelte-pvww9d){color:var(--color-blue);text-decoration:none;transition:color var(--transition-fast) var(--ease-out)}.footer-content.svelte-pvww9d a:where(.svelte-pvww9d):hover{color:var(--color-blue-d10)}.footer-tech.svelte-pvww9d{display:flex;align-items:center;gap:var(--spacing-xs)}@media(max-width:640px){.footer.svelte-pvww9d{padding:var(--spacing-lg) 0}.footer-container.svelte-pvww9d{padding:0 var(--spacing-md)}}.scroll-progress-bar.svelte-9rb09c{position:fixed;top:0;left:0;width:100%;height:3px;background:transparent;z-index:201;pointer-events:none}.scroll-progress-bar.svelte-9rb09c:after{content:"";display:block;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-pink) 20%,var(--color-pink) 80%,transparent);transform:scaleX(var(--p, 0));transform-origin:center}.back-to-top.svelte-9rb09c{position:fixed;bottom:var(--spacing-xl);left:var(--spacing-xl);z-index:var(--z-modal);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:48px;height:48px;padding:0;background:var(--white-alpha-85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-pink);color:var(--color-text-light);cursor:pointer;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .3s var(--ease-gentle),transform .3s var(--ease-gentle),box-shadow .2s var(--ease-gentle),border-color .2s var(--ease-gentle)}.back-to-top.svelte-9rb09c.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top.svelte-9rb09c:hover{box-shadow:var(--shadow-pink-offset-hover);border-color:var(--color-pink);color:var(--color-pink)}.back-to-top.svelte-9rb09c:active{transform:scale(.95)}.btt-icon.svelte-9rb09c{display:flex;align-items:center;justify-content:center;line-height:0}.btt-icon.svelte-9rb09c svg{width:16px;height:16px}.btt-percent.svelte-9rb09c{font-size:10px;font-weight:var(--font-weight-medium);line-height:1;letter-spacing:-.02em}.search-overlay.svelte-1umnere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;opacity:0;visibility:hidden;transition:opacity var(--transition-base) var(--ease-gentle),visibility var(--transition-base) var(--ease-gentle)}.search-overlay.svelte-1umnere.active{opacity:1;visibility:visible}.search-overlay.svelte-1umnere.active .search-panel:where(.svelte-1umnere){transform:translateY(0) scale(1);opacity:1}.search-backdrop.svelte-1umnere{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.search-panel.svelte-1umnere{position:relative;width:90%;max-width:680px;max-height:70vh;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 20px 60px var(--shadow-2xl),0 0 0 1px var(--blue-alpha-10);display:flex;flex-direction:column;overflow:hidden;transform:translateY(-20px) scale(.95);opacity:0;transition:transform var(--transition-base) var(--ease-gentle),opacity var(--transition-base) var(--ease-gentle)}.search-header.svelte-1umnere{padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--blue-alpha-02) 0%,var(--pink-alpha-02) 100%);border-bottom:2px solid var(--blue-alpha-08);flex-shrink:0}.search-input-wrapper.svelte-1umnere{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-base) var(--ease-gentle)}.search-input-wrapper.svelte-1umnere:focus-within{border-color:var(--color-blue);box-shadow:0 0 0 4px var(--blue-alpha-10);transform:translateY(-2px)}.search-input-icon.svelte-1umnere{flex-shrink:0;width:22px;height:22px;background:linear-gradient(135deg,var(--color-blue) 0%,var(--color-pink) 100%);-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>');mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>');-webkit-mask-size:contain;mask-size:contain;display:flex;align-items:center;justify-content:center}.search-input-icon.svelte-1umnere svg{display:none}.search-input.svelte-1umnere{flex:1;border:none;outline:none;background:none;font-size:var(--font-size-base);color:var(--color-text);font-family:var(--font-family-base);padding:0}.search-input.svelte-1umnere::placeholder{color:var(--color-text-muted)}.search-kbd.svelte-1umnere{flex-shrink:0;padding:3px 10px;font-size:var(--font-size-xs);font-family:var(--font-family-code);font-weight:var(--font-weight-medium);color:var(--color-text);background:var(--gradient-blue-pink);border:1px solid var(--blue-alpha-20);border-radius:6px;line-height:1.4;box-shadow:0 1px 3px var(--shadow-xs)}.search-body.svelte-1umnere{flex:1;overflow-y:auto;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.search-body.svelte-1umnere::-webkit-scrollbar{width:4px}.search-body.svelte-1umnere::-webkit-scrollbar-track{background:transparent}.search-body.svelte-1umnere::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.search-hint.svelte-1umnere,.search-loading.svelte-1umnere,.search-empty.svelte-1umnere{padding:var(--spacing-xl) 0;text-align:center;color:var(--color-text-muted)}.search-hint.svelte-1umnere p:where(.svelte-1umnere),.search-loading.svelte-1umnere p:where(.svelte-1umnere),.search-empty.svelte-1umnere p:where(.svelte-1umnere){margin:0;font-size:var(--font-size-sm)}.search-hint-shortcuts.svelte-1umnere{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text)}.search-hint-shortcuts.svelte-1umnere kbd:where(.svelte-1umnere){padding:3px 8px;font-family:var(--font-family-code);font-weight:var(--font-weight-medium);background:var(--gradient-blue-pink);border:1px solid var(--blue-alpha-20);border-radius:4px;font-size:var(--font-size-xs);margin:0 3px;box-shadow:0 1px 3px var(--shadow-xs)}.search-spinner.svelte-1umnere{width:32px;height:32px;margin:0 auto var(--spacing-md);border:3px solid var(--border-alpha-30);border-top-color:var(--color-blue);border-right-color:var(--color-pink);border-radius:50%;animation:svelte-1umnere-search-spin .6s linear infinite}@keyframes svelte-1umnere-search-spin{to{transform:rotate(360deg)}}.search-result-list.svelte-1umnere{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.search-result-item.svelte-1umnere{background:var(--color-white);border:1px solid var(--color-divider);border-radius:var(--radius-sm);transition:all var(--transition-base) var(--ease-gentle);box-shadow:0 1px 3px var(--shadow-xs)}.search-result-item.svelte-1umnere.active,.search-result-item.svelte-1umnere:hover{background:linear-gradient(135deg,var(--blue-alpha-03) 0%,var(--pink-alpha-03) 100%);border-color:var(--blue-alpha-20);transform:translateY(-2px);box-shadow:0 4px 12px var(--blue-alpha-15)}.search-result-item.svelte-1umnere a:where(.svelte-1umnere){display:block;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;color:inherit}.search-result-title.svelte-1umnere{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-sm);line-height:var(--line-height-tight)}.search-result-title.svelte-1umnere mark{background:linear-gradient(135deg,var(--blue-alpha-15) 0%,var(--pink-alpha-15) 100%);color:var(--color-blue);padding:2px 6px;border-radius:4px;font-weight:var(--font-weight-bold);border:1px solid var(--blue-alpha-20)}.search-result-excerpt.svelte-1umnere{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-excerpt.svelte-1umnere mark{background:linear-gradient(135deg,var(--pink-alpha-12) 0%,var(--pink-alpha-18) 100%);color:var(--color-pink);padding:1px 4px;border-radius:3px;font-weight:var(--font-weight-medium)}.search-result-meta.svelte-1umnere{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.search-result-tag.svelte-1umnere{display:inline-block;padding:2px 10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-pink);background:linear-gradient(135deg,var(--pink-alpha-08) 0%,var(--pink-alpha-12) 100%);border:1px solid var(--pink-alpha-20);border-radius:12px;transition:all var(--transition-fast) var(--ease-gentle)}.search-result-tag.svelte-1umnere:hover{background:linear-gradient(135deg,var(--pink-alpha-15) 0%,var(--pink-alpha-20) 100%);transform:scale(1.05)}.search-pagination.svelte-1umnere{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);padding-top:var(--spacing-sm)}.search-page-btn.svelte-1umnere{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-on-primary);background:linear-gradient(135deg,var(--color-blue) 0%,var(--color-pink) 100%);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base) var(--ease-gentle);box-shadow:var(--shadow-blue-sm)}.search-page-btn.svelte-1umnere:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-blue-lg)}.search-page-btn.svelte-1umnere:active:not(:disabled){transform:translateY(0)}.search-page-btn.svelte-1umnere:disabled{opacity:.4;cursor:not-allowed;transform:none}.search-page-info.svelte-1umnere{font-size:var(--font-size-sm);color:var(--color-text);font-family:var(--font-family-code);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);background:var(--gradient-blue-pink);border-radius:var(--radius-sm)}@media(max-width:640px){.search-overlay.svelte-1umnere{padding-top:6vh}.search-panel.svelte-1umnere{width:95%;max-height:80vh}.search-hint-shortcuts.svelte-1umnere{flex-direction:column;gap:var(--spacing-xs)}}main.svelte-12qhfyh{flex:1;min-height:0}