.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--ant-background-color-base)}.main-content{flex:1;padding-top:64px;min-height:calc(100vh - 64px)}.navigation{position:fixed;top:0;left:0;right:0;background:var(--ant-background-color);border-bottom:1px solid var(--ant-border-color-split);z-index:1000;box-shadow:var(--ant-shadow-1)}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--ant-margin-xl);display:flex;align-items:center;justify-content:space-between;height:64px}.nav-brand a{font-size:var(--ant-font-size-xxl);font-weight:600;color:var(--ant-primary-color);transition:color .2s ease}.nav-brand a:hover{color:var(--ant-primary-color-hover)}.nav-links{display:flex;gap:var(--ant-margin-lg);align-items:center}.nav-links a{color:var(--ant-text-color-secondary);font-weight:500;transition:all .2s ease;padding:var(--ant-margin-sm) var(--ant-margin-md);border-radius:var(--ant-border-radius-base);position:relative}.nav-links a:hover,.nav-links a.active{color:var(--ant-primary-color);background-color:#1677ff0f}.nav-links a.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:2px;background-color:var(--ant-primary-color);border-radius:1px}.nav-actions{display:flex;align-items:center;gap:var(--ant-margin-md)}.language-selector select{padding:var(--ant-margin-sm) var(--ant-margin-md);border:1px solid var(--ant-border-color);border-radius:var(--ant-border-radius-base);background:var(--ant-background-color);font-size:var(--ant-font-size-base);cursor:pointer;color:var(--ant-text-color);transition:all .2s ease;min-width:80px}.language-selector select:focus{outline:none;border-color:var(--ant-primary-color);box-shadow:0 0 0 2px var(--ant-primary-color-outline)}.language-selector select:hover{border-color:var(--ant-primary-color-hover)}.page{max-width:1200px;margin:0 auto;padding:var(--ant-margin-xxl) var(--ant-margin-xl);min-height:calc(100vh - 64px)}.hero-section{text-align:center;padding:var(--ant-margin-xxl) 0;margin-bottom:var(--ant-margin-xxl);background:linear-gradient(135deg,var(--ant-background-color) 0%,var(--ant-background-color-light) 100%);border-radius:var(--ant-border-radius-lg);margin:var(--ant-margin-xxl) var(--ant-margin-xl) var(--ant-margin-xxl) var(--ant-margin-xl)}.hero-title{font-size:var(--ant-font-size-xxxl);font-weight:700;color:var(--ant-text-color);margin-bottom:var(--ant-margin-md);line-height:var(--ant-line-height-lg)}.hero-subtitle{font-size:var(--ant-font-size-xl);color:var(--ant-text-color-secondary);margin-bottom:var(--ant-margin-lg);font-weight:500}.hero-description{font-size:var(--ant-font-size-lg);color:var(--ant-text-color-secondary);max-width:600px;margin:0 auto;line-height:var(--ant-line-height-base)}.features-section h2{font-size:var(--ant-font-size-xxl);font-weight:600;text-align:center;margin-bottom:var(--ant-margin-xxl);color:var(--ant-text-color)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--ant-margin-lg);margin-bottom:var(--ant-margin-xxl)}.feature-card{background:var(--ant-background-color);padding:var(--ant-margin-xl);border-radius:var(--ant-border-radius-lg);box-shadow:var(--ant-shadow-1);border:1px solid var(--ant-border-color-light);transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--ant-primary-color),var(--ant-primary-color-hover));transform:scaleX(0);transition:transform .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--ant-shadow-3);border-color:var(--ant-primary-color-outline)}.feature-card:hover:before{transform:scaleX(1)}.feature-card h3{font-size:var(--ant-font-size-lg);font-weight:600;margin-bottom:var(--ant-margin-md);color:var(--ant-text-color)}.feature-card p{color:var(--ant-text-color-secondary);line-height:var(--ant-line-height-base)}.signin-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 64px);background:linear-gradient(135deg,var(--ant-primary-color) 0%,var(--ant-primary-color-hover) 100%);padding:var(--ant-margin-xl)}.signin-container{width:100%;max-width:400px;margin:0 auto}.signin-card{border-radius:var(--ant-border-radius-lg)!important;box-shadow:var(--ant-shadow-4)!important;border:1px solid rgba(255,255,255,.1);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.signin-card .ant-card-body{padding:var(--ant-margin-xxl)!important}.about-content{max-width:1000px;margin:0 auto;padding:var(--ant-margin-xxl) 0}.about-page h1{font-size:var(--ant-font-size-xxxl);font-weight:700;margin-bottom:var(--ant-margin-lg);color:var(--ant-text-color);text-align:center}.about-description{font-size:var(--ant-font-size-lg);color:var(--ant-text-color-secondary);margin-bottom:var(--ant-margin-xxl);line-height:var(--ant-line-height-base);text-align:center}.tech-stack-section h2{font-size:var(--ant-font-size-xxl);font-weight:600;margin-bottom:var(--ant-margin-xl);color:var(--ant-text-color);text-align:center}.tech-stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--ant-margin-lg);margin-bottom:var(--ant-margin-xxl)}.tech-card{background:var(--ant-background-color);padding:var(--ant-margin-lg);border-radius:var(--ant-border-radius-lg);border:1px solid var(--ant-border-color-light);transition:all .3s ease;box-shadow:var(--ant-shadow-1);position:relative}.tech-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ant-success-color),var(--ant-primary-color));border-radius:var(--ant-border-radius-lg) var(--ant-border-radius-lg) 0 0}.tech-card:hover{transform:translateY(-2px);box-shadow:var(--ant-shadow-2);border-color:var(--ant-primary-color-outline)}.tech-card h3{font-size:var(--ant-font-size-lg);font-weight:600;margin-bottom:var(--ant-margin-sm);color:var(--ant-text-color)}.tech-card .version{font-size:var(--ant-font-size-base);color:var(--ant-primary-color);font-weight:500;display:block;margin-bottom:var(--ant-margin-md);padding:var(--ant-margin-xs) var(--ant-margin-sm);background-color:#1677ff0f;border-radius:var(--ant-border-radius-sm);width:fit-content}.tech-card p{color:var(--ant-text-color-secondary);font-size:var(--ant-font-size-base);line-height:var(--ant-line-height-base)}.about-footer{text-align:center;padding:var(--ant-margin-xxl) 0;border-top:1px solid var(--ant-border-color-split);margin-top:var(--ant-margin-xxl)}.about-footer p{color:var(--ant-text-color-secondary);font-style:italic;font-size:var(--ant-font-size-base)}.keygen-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--ant-primary-color) 0%,var(--ant-primary-color-hover) 100%);border-radius:var(--ant-border-radius-lg);margin:var(--ant-margin-xxl) var(--ant-margin-xl)}.keygen-hero:before{content:"";position:absolute;top:-30%;right:-15%;width:250px;height:250px;background:#ffffff1a;border-radius:50%;filter:blur(50px);z-index:0}.keygen-hero:after{content:"";position:absolute;bottom:-25%;left:-10%;width:200px;height:200px;background:#ffffff14;border-radius:50%;filter:blur(40px);z-index:0}.keygen-hero-content{position:relative;z-index:1;color:var(--ant-background-color)}.hover-lift{transition:all .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--ant-shadow-4)!important}.json-display{background:linear-gradient(135deg,var(--ant-background-color-light) 0%,var(--ant-background-color) 100%);border:1px solid var(--ant-border-color);border-radius:var(--ant-border-radius-lg);padding:var(--ant-margin-lg);position:relative;overflow:hidden;box-shadow:var(--ant-shadow-1);transition:all .3s ease}.json-display:hover{box-shadow:var(--ant-shadow-2);border-color:var(--ant-primary-color-outline)}.json-display pre{margin:0;font-size:var(--ant-font-size-base);line-height:var(--ant-line-height-base);color:var(--ant-text-color);font-family:Monaco,Menlo,Ubuntu Mono,monospace;overflow:auto;max-height:400px;background:transparent;border:none;padding:0}@media (max-width: 768px){.nav-container{padding:0 var(--ant-margin-md)}.nav-links{gap:var(--ant-margin-md)}.nav-links a{padding:var(--ant-margin-sm);font-size:var(--ant-font-size-base)}.hero-title{font-size:var(--ant-font-size-xxl)}.hero-subtitle{font-size:var(--ant-font-size-lg)}.page{padding:var(--ant-margin-lg) var(--ant-margin-md)}.hero-section{padding:var(--ant-margin-xl) 0;margin-bottom:var(--ant-margin-xl);margin:var(--ant-margin-xl) var(--ant-margin-md)}.features-grid{grid-template-columns:1fr;gap:var(--ant-margin-lg)}.tech-stack-grid{grid-template-columns:1fr}.keygen-hero{padding:var(--ant-margin-xl) var(--ant-margin-lg)!important;margin-bottom:var(--ant-margin-xl)!important;margin:var(--ant-margin-xl) var(--ant-margin-md)!important}.keygen-hero h1{font-size:var(--ant-font-size-xxl)!important}.keygen-hero p{font-size:var(--ant-font-size-base)!important}.keygen-hero .anticon{font-size:3rem!important}.signin-page,.signin-container{padding:var(--ant-margin-lg)}.about-content{padding:var(--ant-margin-xl) 0}}@media (max-width: 480px){.nav-container{padding:0 var(--ant-margin-sm)}.hero-section{margin:var(--ant-margin-md)}.keygen-hero{margin:var(--ant-margin-md)!important}.page{padding:var(--ant-margin-md)}}:root{--ant-primary-color: #1677ff;--ant-primary-color-hover: #4096ff;--ant-primary-color-active: #0958d9;--ant-primary-color-outline: rgba(22, 119, 255, .2);--ant-gray-1: #ffffff;--ant-gray-2: #fafafa;--ant-gray-3: #f5f5f5;--ant-gray-4: #f0f0f0;--ant-gray-5: #d9d9d9;--ant-gray-6: #bfbfbf;--ant-gray-7: #8c8c8c;--ant-gray-8: #595959;--ant-gray-9: #434343;--ant-gray-10: #262626;--ant-gray-11: #1f1f1f;--ant-gray-12: #141414;--ant-gray-13: #000000;--ant-success-color: #52c41a;--ant-warning-color: #faad14;--ant-error-color: #ff4d4f;--ant-info-color: #1677ff;--ant-text-color: #000000d9;--ant-text-color-secondary: #000000a6;--ant-text-color-tertiary: #00000040;--ant-text-color-inverse: #ffffffd9;--ant-border-color: #d9d9d9;--ant-border-color-light: #f0f0f0;--ant-border-color-split: #f0f0f0;--ant-background-color: #ffffff;--ant-background-color-light: #fafafa;--ant-background-color-base: #f5f5f5;--ant-shadow-1: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--ant-shadow-2: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);--ant-shadow-3: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);--ant-shadow-4: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);--ant-shadow-5: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);--ant-border-radius-base: 6px;--ant-border-radius-sm: 4px;--ant-border-radius-lg: 8px;--ant-margin-xs: 4px;--ant-margin-sm: 8px;--ant-margin-md: 16px;--ant-margin-lg: 24px;--ant-margin-xl: 32px;--ant-margin-xxl: 48px;--ant-font-size-base: 14px;--ant-font-size-lg: 16px;--ant-font-size-xl: 18px;--ant-font-size-xxl: 20px;--ant-font-size-xxxl: 24px;--ant-line-height-base: 1.5715;--ant-line-height-lg: 1.5}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;line-height:var(--ant-line-height-base)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--ant-background-color-base);color:var(--ant-text-color);font-size:var(--ant-font-size-base);line-height:var(--ant-line-height-base)}ul,ol{list-style:none}a{text-decoration:none;color:inherit;transition:color .2s ease}a:hover{color:var(--ant-primary-color)}button{border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit;border-radius:var(--ant-border-radius-base);transition:all .2s ease}input,select,textarea{font-family:inherit;font-size:inherit;border-radius:var(--ant-border-radius-base);transition:border-color .2s ease,box-shadow .2s ease}.ant-shadow-sm{box-shadow:var(--ant-shadow-1)}.ant-shadow{box-shadow:var(--ant-shadow-2)}.ant-shadow-lg{box-shadow:var(--ant-shadow-3)}.ant-shadow-xl{box-shadow:var(--ant-shadow-4)}.ant-rounded{border-radius:var(--ant-border-radius-base)}.ant-rounded-sm{border-radius:var(--ant-border-radius-sm)}.ant-rounded-lg{border-radius:var(--ant-border-radius-lg)}