:root{--arcoblue-6: hsl(0, 0%, 11%);--arcoblue-5: #333333;--arcoblue-4: #666666;--arcoblue-3: #999999;--arcoblue-2: #cccccc;--arcoblue-1: hsl(42, 38%, 95%);--yz-primary: hsl(0, 0%, 11%);--yz-primary-hover: #333333;--yz-primary-active: #000000;--yz-primary-light: hsl(42, 38%, 95%);--yz-primary-bg: hsl(45, 40%, 98%);--yz-text-1: hsl(0, 0%, 11%);--yz-text-2: #333333;--yz-text-3: hsl(60, 1%, 37%);--yz-text-4: #999999;--yz-border-1: hsl(45, 17%, 91%);--yz-border-2: #d4d4d4;--yz-border-strong: #999999;--yz-bg-page: hsl(45, 40%, 98%);--yz-bg-card: #ffffff;--yz-bg-soft: hsl(42, 38%, 95%);--yz-tech-indigo: hsl(225, 88%, 53%);--yz-tech-violet: #7C3AED;--yz-tech-blue: hsl(225, 88%, 53%);--yz-tech-cyan: #0891B2;--yz-tech-emerald: #059669;--yz-tech-glow: rgba(37, 99, 235, .15);--yz-gradient-primary: linear-gradient(135deg, hsl(0, 0%, 11%) 0%, #333333 100%);--yz-gradient-cool: linear-gradient(135deg, #1c1c1c 0%, #333333 100%);--yz-gradient-ocean: linear-gradient(135deg, #333333 0%, #1c1c1c 100%);--yz-success: #059669;--yz-warning: #D97706;--yz-danger: #DC2626;--yz-radius-sm: 8px;--yz-radius-md: 8px;--yz-radius-lg: 8px;--yz-radius-xl: 12px;--yz-shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--yz-shadow: 0 4px 12px rgba(0, 0, 0, .06);--yz-shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--yz-shadow-glow: 0 0 20px rgba(37, 99, 235, .1);--yz-shadow-intense: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .04)}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--yz-text-1);background:#fcfbf8;background-attachment:fixed;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit;color:var(--yz-text-1)}a{color:var(--yz-primary);text-decoration:none}a:hover{color:var(--yz-primary-hover);text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000040}::-webkit-scrollbar-track{background:transparent}@media (max-width: 480px){::-webkit-scrollbar{width:4px;height:4px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}