.language-switcher{display:inline-block}.language-switcher-button{border-radius:6px;transition:all .3s ease}.language-switcher-button:hover{border-color:#1890ff;color:#1890ff}.language-switcher-button .anticon{margin-right:4px}.language-switcher-dropdown{border-radius:6px;transition:all .3s ease}.language-switcher-dropdown:hover{border-color:#1890ff;color:#1890ff}.language-switcher-dropdown .anticon{margin-right:4px}.language-switcher-text{display:inline-flex;align-items:center;gap:8px}.language-switcher-text .language-link{color:#666;text-decoration:none;padding:4px 8px;border-radius:4px;transition:all .3s ease;font-size:14px}.language-switcher-text .language-link:hover{color:#1890ff;background-color:#f0f8ff}.language-switcher-text .language-link.active{color:#1890ff;font-weight:500;background-color:#e6f7ff}.language-switcher-text .language-separator{color:#d9d9d9;font-size:12px}.language-switcher-text .loading-icon{color:#1890ff;margin-left:8px}.language-option{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;min-width:120px}.language-option .language-name{font-size:14px;color:#333}.language-option .language-indicator{color:#1890ff;font-weight:700;font-size:12px}.language-option.active{background-color:#f0f8ff}.language-option.active .language-name{color:#1890ff;font-weight:500}.language-option:hover{background-color:#f5f5f5}@media (max-width: 768px){.language-switcher-button,.language-switcher-dropdown{font-size:12px;padding:4px 8px;height:auto}.language-switcher-button .anticon,.language-switcher-dropdown .anticon{font-size:12px}.language-switcher-text .language-link{font-size:12px;padding:2px 6px}.language-option{padding:6px 10px;min-width:100px}.language-option .language-name{font-size:12px}.language-option .language-indicator{font-size:10px}}@media (prefers-color-scheme: dark){.language-switcher-text .language-link{color:#ccc}.language-switcher-text .language-link:hover{color:#1890ff;background-color:#1890ff1a}.language-switcher-text .language-link.active{color:#1890ff;background-color:#1890ff26}.language-switcher-text .language-separator{color:#666}.language-option .language-name{color:#ccc}.language-option.active{background-color:#1890ff1a}.language-option.active .language-name{color:#1890ff}.language-option:hover{background-color:#ffffff0d}}.navigation{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;z-index:100}.navigation .nav-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;height:64px}.navigation .nav-container .nav-logo{display:flex;align-items:center;font-size:18px;font-weight:600;color:#1890ff;cursor:pointer;transition:color .3s ease}.navigation .nav-container .nav-logo:hover{color:#40a9ff}.navigation .nav-container .nav-actions{display:flex;align-items:center}.navigation .nav-container .nav-actions .desktop-actions{display:flex;gap:8px}.navigation .nav-container .nav-actions .desktop-actions .ant-btn{border-radius:20px!important;font-weight:500!important;font-size:14px!important;height:36px!important;padding:0 20px!important;border:none!important;box-shadow:0 2px 8px #0000000f!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative;overflow:hidden}.navigation .nav-container .nav-actions .desktop-actions .ant-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.navigation .nav-container .nav-actions .desktop-actions .ant-btn:hover:before{left:100%}.navigation .nav-container .nav-actions .desktop-actions .ant-btn-primary{color:#fff!important;box-shadow:0 4px 12px #667eea4d!important}.navigation .nav-container .nav-actions .desktop-actions .ant-btn-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px #667eea66!important}.navigation .nav-container .nav-actions .desktop-actions .ant-btn-primary:active{transform:translateY(0)!important}.navigation .nav-container .nav-actions .desktop-actions .ant-btn-default{background:linear-gradient(135deg,#fff,#f8fafc)!important;color:#374151!important;border:1px solid #e5e7eb!important}.navigation .nav-container .nav-actions .desktop-actions .ant-btn-default:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6)!important;color:#1f2937!important;border-color:#d1d5db!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #00000014!important}.navigation .nav-container .nav-actions .desktop-actions .ant-btn-default:active{transform:translateY(0)!important}.navigation .nav-container .nav-actions .desktop-actions .ant-btn-text{background:transparent!important;color:#6b7280!important;padding:8px 16px!important;height:auto!important;border-radius:16px!important;box-shadow:none!important}.navigation .nav-container .nav-actions .desktop-actions .ant-btn-text:hover{background:#fffc!important;color:#374151!important;transform:none!important}.navigation .nav-container .nav-actions .desktop-actions .ant-dropdown-trigger{color:#374151;padding:8px 12px;border-radius:16px;transition:all .3s ease}.navigation .nav-container .nav-actions .desktop-actions .ant-dropdown-trigger:hover{color:#1f2937;background:#fffc}.navigation .nav-container .nav-actions .mobile-actions{display:none}.navigation .nav-container .nav-actions .mobile-actions .mobile-menu-button{color:#374151;font-size:18px;padding:8px;border-radius:12px;transition:all .3s ease}.navigation .nav-container .nav-actions .mobile-actions .mobile-menu-button:hover{color:#1f2937;background-color:#fffc}@media (max-width: 768px){.navigation .nav-container{padding:0 16px}.navigation .nav-container .nav-actions .desktop-actions{display:none}.navigation .nav-container .nav-actions .mobile-actions{display:flex;align-items:center;gap:8px}}.navigation.navigation-editor{background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(232,232,232,.8);padding:8px 0;box-shadow:0 1px 4px #0000000a}.navigation.navigation-editor .nav-container{height:40px;max-width:1400px;padding:0 20px;justify-content:space-between}.navigation.navigation-editor .nav-container .editor-nav{display:flex;align-items:center;gap:12px}.navigation.navigation-editor .nav-container .editor-nav .back-button{color:#6b7280;padding:6px 18px;height:32px;border-radius:6px;transition:all .3s ease;background:#ffffffb3;border:1px solid #e5e7eb}.navigation.navigation-editor .nav-container .editor-nav .back-button:hover{color:#374151;background-color:#ffffffe6;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.navigation.navigation-editor .nav-container .editor-nav .nav-divider{width:1px;height:16px;background-color:#e8e8e8;margin:0 4px}.navigation.navigation-editor .nav-container .editor-nav .compact-breadcrumb .ant-breadcrumb-link{font-size:13px;color:#666}.navigation.navigation-editor .nav-container .editor-nav .compact-breadcrumb .ant-breadcrumb-link:hover{color:#1890ff}.navigation.navigation-editor .nav-container .editor-nav .compact-breadcrumb .ant-breadcrumb-separator{color:#bfbfbf;margin:0 6px}.navigation.navigation-editor .nav-container .editor-actions .desktop-actions{display:flex;align-items:center}.navigation.navigation-editor .nav-container .editor-actions .desktop-actions .user-button{color:#6b7280;padding:6px 12px;height:32px;border-radius:16px;transition:all .3s ease;background:#ffffffb3;border:1px solid #e5e7eb}.navigation.navigation-editor .nav-container .editor-actions .desktop-actions .user-button:hover{color:#374151;background-color:#ffffffe6;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.navigation.navigation-editor .nav-container .editor-actions .desktop-actions .user-button .username{font-size:13px;font-weight:500}.navigation.navigation-editor .nav-container .editor-actions .mobile-actions{display:none}.navigation.navigation-editor .nav-container .editor-actions .mobile-actions .mobile-menu-button{color:#6b7280;font-size:16px;padding:6px;border-radius:12px;transition:all .3s ease}.navigation.navigation-editor .nav-container .editor-actions .mobile-actions .mobile-menu-button:hover{color:#374151;background-color:#fffc}@media (max-width: 768px){.navigation.navigation-editor .nav-container .editor-actions .desktop-actions{display:none}.navigation.navigation-editor .nav-container .editor-actions .mobile-actions{display:flex;align-items:center;gap:8px}}@media (prefers-color-scheme: dark){.navigation{background:#1f1f1ff2;border-bottom-color:#ffffff0f}.navigation .nav-container .nav-logo{color:#60a5fa}.navigation .nav-container .nav-logo:hover{color:#93c5fd}}.mobile-navigation-drawer .ant-drawer-header{border-bottom:1px solid #f0f0f0;padding:16px 24px}.mobile-navigation-drawer .ant-drawer-header .ant-drawer-title{font-weight:600;color:#1890ff}.mobile-navigation-drawer .ant-drawer-body{padding:0}.mobile-navigation-drawer .mobile-menu{border:none}.mobile-navigation-drawer .mobile-menu .ant-menu-item{height:48px;line-height:48px;padding:0 24px;margin:0;border-radius:0}.mobile-navigation-drawer .mobile-menu .ant-menu-item:hover{background-color:#f5f5f5}.mobile-navigation-drawer .mobile-menu .ant-menu-item .ant-menu-item-icon{margin-right:12px}.mobile-navigation-drawer .mobile-menu .ant-menu-item-divider{margin:8px 24px;background-color:#f0f0f0}@media (prefers-color-scheme: dark){.mobile-navigation-drawer .ant-drawer-content{background-color:#1f1f1f}.mobile-navigation-drawer .ant-drawer-header{background-color:#1f1f1f;border-bottom-color:#404040}.mobile-navigation-drawer .ant-drawer-header .ant-drawer-title{color:#60a5fa}.mobile-navigation-drawer .mobile-menu{background-color:#1f1f1f}.mobile-navigation-drawer .mobile-menu .ant-menu-item{color:#d9d9d9}.mobile-navigation-drawer .mobile-menu .ant-menu-item:hover{background-color:#262626;color:#60a5fa}.mobile-navigation-drawer .mobile-menu .ant-menu-item-divider{background-color:#404040}}@media (max-width: 1024px) and (min-width: 769px){.navigation .nav-container .nav-actions .desktop-actions .ant-btn{padding:8px 12px;height:32px;font-size:13px}.navigation .nav-container .nav-actions .desktop-actions .ant-btn span:not(.anticon){display:none}.navigation .nav-container .nav-actions .desktop-actions .ant-space-item:last-child .ant-btn span:not(.anticon){display:inline}.navigation .nav-container .nav-actions .desktop-actions .ant-btn:not(.ant-btn-text){min-width:36px;padding:8px}}.demo-card{max-width:320px;width:100%;border-radius:16px;transition:all .3s ease;margin:0 auto;min-height:180px;display:flex;align-items:center;justify-content:center;font-family:PingFang SC,Microsoft YaHei,sans-serif}.demo-card:hover{transform:translateY(-2px)}.demo-card .card-content{text-align:center;padding:20px;width:100%}.social-media-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.social-media-card .quote{font-size:18px;font-weight:500;line-height:1.5;margin-bottom:12px}.social-media-card .author{font-size:14px;opacity:.8}.marketing-card{background:linear-gradient(45deg,#ff6b6b,#feca57);color:#fff}.marketing-card .title{font-size:20px;font-weight:700;margin-bottom:8px;color:#ff6b6b}.marketing-card .subtitle{font-size:14px;color:#666;margin-bottom:12px}.marketing-card .cta{font-size:16px;font-weight:600;color:#feca57}.personal-card{background:linear-gradient(135deg,#eda8cc,#fed6e3);color:#333}.personal-card .emoji{font-size:24px;margin-bottom:8px}.personal-card .text{font-size:16px;font-weight:500;line-height:1.4;margin-bottom:8px;color:#555}.personal-card .date{font-size:12px;color:#303030}@media (max-width: 768px){.demo-card{max-width:280px;min-height:160px}.demo-card .card-content{padding:16px}.social-media-card .quote{font-size:16px}.social-media-card .author{font-size:12px}.marketing-card .title{font-size:18px}.marketing-card .subtitle{font-size:13px}.marketing-card .cta{font-size:14px}.personal-card .emoji{font-size:20px}.personal-card .text{font-size:14px}.personal-card .date{font-size:11px}}@media (max-width: 480px){.demo-card{max-width:240px;min-height:140px}.demo-card .card-content{padding:12px}.social-media-card .quote{font-size:14px}.social-media-card .author{font-size:11px}.marketing-card .title{font-size:16px}.marketing-card .subtitle{font-size:12px}.marketing-card .cta{font-size:13px}.personal-card .emoji{font-size:18px}.personal-card .text{font-size:13px}.personal-card .date{font-size:10px}}.use-cases-component{padding:80px 0;background:#f8fafb}.use-cases-component .container{max-width:1200px;margin:0 auto;padding:0 24px}.use-cases-component .use-case-card{height:100%;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border:1px solid #f0f0f0}.use-cases-component .use-case-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.use-cases-component .use-case-card .use-case-preview{overflow:hidden;border-radius:12px 12px 0 0;background:#f8fafb;padding:24px;min-height:200px;display:flex;align-items:center;justify-content:center}.use-cases-component .use-case-card .use-case-preview .demo-card{transform:scale(.85);margin:0;box-shadow:0 4px 12px #00000026}.use-cases-component .use-case-card .ant-card-meta-title{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.use-cases-component .use-case-card .ant-card-meta-description{color:#666;font-size:14px;line-height:1.6}.use-cases-component .use-case-card .ant-card-body{padding:24px}@media (max-width: 768px){.use-cases-component{padding:60px 0}.use-cases-component .container{padding:0 16px}.use-cases-component .use-case-card .ant-card-meta-title{font-size:16px}.use-cases-component .use-case-card .ant-card-meta-description{font-size:13px}.use-cases-component .use-case-card .ant-card-body{padding:20px}.use-cases-component .use-case-card .use-case-preview{padding:16px;min-height:160px}.use-cases-component .use-case-card .use-case-preview .demo-card{transform:scale(.75)}}@media (max-width: 576px){.use-cases-component{padding:40px 0}.use-cases-component .use-case-card .use-case-preview{padding:12px;min-height:140px}.use-cases-component .use-case-card .use-case-preview .demo-card{transform:scale(.65)}}.use-cases-component .ant-typography h2{color:#1a1a1a;font-weight:700;font-size:32px;margin-bottom:48px}@media (max-width: 768px){.use-cases-component .ant-typography h2{font-size:28px;margin-bottom:32px}}@media (max-width: 576px){.use-cases-component .ant-typography h2{font-size:24px;margin-bottom:24px}}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZg.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZg.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZg.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZg.ttf) format("truetype")}@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/notoserifsc/v34/H4cyBXePl9DZ0Xe7gG9cyOj7uK2-n-D2rd4FY7SCqyWv.ttf) format("truetype")}@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/notoserifsc/v34/H4cyBXePl9DZ0Xe7gG9cyOj7uK2-n-D2rd4FY7RlrCWv.ttf) format("truetype")}@font-face{font-family:Playfair Display;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_qiTbtY.ttf) format("truetype")}@font-face{font-family:Playfair Display;font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_pqTbtY.ttf) format("truetype")}@font-face{font-family:Playfair Display;font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_naUbtY.ttf) format("truetype")}@font-face{font-family:Playfair Display;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_k-UbtY.ttf) format("truetype")}@font-face{font-family:Playfair Display;font-style:italic;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_iiUbtY.ttf) format("truetype")}@font-face{font-family:Playfair Display;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_gGUbtY.ttf) format("truetype")}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvUDQ.ttf) format("truetype")}@font-face{font-family:Playfair Display;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKd3vUDQ.ttf) format("truetype")}@font-face{font-family:Playfair Display;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKebukDQ.ttf) format("truetype")}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKeiukDQ.ttf) format("truetype")}@font-face{font-family:Playfair Display;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKfFukDQ.ttf) format("truetype")}@font-face{font-family:Playfair Display;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKfsukDQ.ttf) format("truetype")}@font-face{font-family:Fredoka;font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/fredoka/v17/X7nP4b87HvSqjb_WIi2yDCRwoQ_k7367_B-i2yQag0-mac3O8SLMFg.ttf) format("truetype")}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/fredoka/v17/X7nP4b87HvSqjb_WIi2yDCRwoQ_k7367_B-i2yQag0-mac3OwyLMFg.ttf) format("truetype")}.card-template{display:flex;flex-direction:column;padding:32px;box-shadow:0 25px 50px -12px #00000040;border-radius:16px;max-width:320px;min-width:300px;width:100%;transition:transform .3s ease,box-shadow .3s ease,max-width .3s ease,min-width .3s ease;min-height:400px;text-align:left;transform-origin:center center;will-change:transform}.card-template:hover{transform:scale(1.05);box-shadow:0 32px 64px -12px #00000059}.card-template .card-title{font-weight:700;margin-bottom:16px;line-height:1.3;white-space:pre-line;text-align:left}.card-template .card-subtitle{font-weight:500;margin-bottom:8px;line-height:1.4;white-space:pre-line;text-align:left}.card-template .card-content{line-height:1.6;flex:1;white-space:pre-line;text-align:left}.minimal-card{font-family:Inter,sans-serif;background-color:#fff;color:#1f2937}.minimal-card .card-title{color:#2563eb}.minimal-card .card-subtitle{color:#1f2937}.minimal-card .card-content{color:#6b7280}.retro-card{font-family:Playfair Display,"Noto Serif SC",serif;background-color:#f7e9d7;color:#064e3b;position:relative;overflow:hidden}.retro-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4" viewBox="0 0 4 4"><filter id="a"><feTurbulence baseFrequency="0.9" numOctaves="4" stitchTiles="stitch" type="fractalNoise"/><feColorMatrix values="0 0 0 0 0, 0 0 0 0 0, 0 0 0 0 0, 0 0 0 -0.5 1"/></filter><rect width="4" height="4" fill="transparent" filter="url(#a)"/></svg>');background-size:4px;background-blend-mode:multiply;opacity:.5;pointer-events:none}.retro-card .retro-title{font-style:italic}.retro-card .card-content{opacity:.9}.cute-card{font-family:Fredoka,cursive;background:#ffe4e6;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.1"><path d="M50 0 L100 50 L50 100 L0 50 Z" fill="%23fbcfe8"/><path d="M25 25 L75 25 L75 75 L25 75 Z" fill="%23c3dafe"/><circle cx="50" cy="50" r="25" fill="%23fcd34d"/></svg>');background-size:150px;background-repeat:repeat;color:#1e3a8a}.cute-card .cute-header{display:flex;align-items:center;margin-bottom:16px}.cute-card .cute-header .cute-icon{width:48px;height:48px;background-color:#fde047;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px}.cute-card .cute-header .cute-icon .icon-svg{width:32px;height:32px;color:#fff}.cute-card .cute-header .card-title{margin-bottom:0}.cute-card .card-content{font-weight:500}.artistic-card{background-color:#111827;color:#fbbf24;justify-content:center;text-align:left}.artistic-card .artistic-content{display:flex;flex-direction:column;justify-content:center;height:100%}.artistic-card .artistic-title{font-weight:800;letter-spacing:.1em;line-height:1;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:16px;text-align:left}.artistic-card .artistic-subtitle{color:#fef3c7;font-weight:300;line-height:1.4;text-align:left}.artistic-card .card-content{color:#fef3c7;margin-top:16px;text-align:left}.gradient-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.gradient-card .card-title{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.gradient-card .card-subtitle{color:#f0f0f0}.gradient-card .card-content{color:#e8e8e8}.dark-card{background:linear-gradient(135deg,#2c3e50,#34495e);color:#ecf0f1;border:1px solid #34495e}.dark-card .card-title{color:#3498db}.dark-card .card-subtitle{color:#bdc3c7}.dark-card .card-content{color:#95a5a6}.neon-card{background:#0a0a0a;color:#0f8;border:2px solid #00ff88;position:relative;overflow:hidden}.neon-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.1),transparent);animation:neonSweep 3s infinite}.neon-card .neon-title{text-shadow:0 0 10px #00ff88,0 0 20px #00ff88,0 0 30px #00ff88}.neon-card .card-title{color:#0f8}.neon-card .card-subtitle{color:#0ca}.neon-card .card-content{color:#8fc}@keyframes neonSweep{0%{left:-100%}to{left:100%}}.pastel-card{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#8b4513}.pastel-card .card-title{color:#d2691e}.pastel-card .card-subtitle{color:sienna}.pastel-card .card-content{color:#8b4513}.glass-card{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);color:#333;position:relative}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.glass-card .card-title{color:#2c3e50;font-weight:600}.glass-card .card-subtitle{color:#34495e}.glass-card .card-content{color:#5d6d7e}.polaroid-card{background:#fff;color:#333;padding:16px 16px 40px;box-shadow:0 4px 8px #0000001a,0 6px 20px #0000001a;transform:rotate(-2deg);transition:transform .3s ease}.polaroid-card:hover{transform:rotate(0) scale(1.02)}.polaroid-card .polaroid-content{padding:16px 0}.polaroid-card .polaroid-bottom{position:absolute;bottom:8px;right:16px}.polaroid-card .polaroid-bottom .polaroid-date{font-size:12px;color:#999;font-family:Courier New,monospace}.polaroid-card .card-title{color:#2c3e50;font-family:Shadows Into Light,cursive}.polaroid-card .card-subtitle{color:#7f8c8d;font-style:italic}.polaroid-card .card-content{color:#34495e;line-height:1.5}.grid-card-1{background-color:#f8fafc;background-image:linear-gradient(rgba(59,130,246,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.1) 1px,transparent 1px);background-size:20px 20px;position:relative;z-index:0}.grid-card-1:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f60d,#9333ea0d);border-radius:inherit;z-index:-1;pointer-events:none}.grid-card-1 .card-title{color:#1d4ed8;position:relative;z-index:1}.grid-card-1 .card-subtitle{color:#1f2937;position:relative;z-index:1}.grid-card-1 .card-content{color:#4b5563;position:relative;z-index:1}.grid-card-2{background-color:#fef7ff;background-image:radial-gradient(circle at 10px 10px,rgba(168,85,247,.15) 1px,transparent 1px);background-size:25px 25px;position:relative;z-index:0}.grid-card-2:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#a855f708,#ec489908);border-radius:inherit;z-index:-1;pointer-events:none}.grid-card-2 .card-title{color:#7c3aed;position:relative;z-index:1}.grid-card-2 .card-subtitle{color:#1f2937;position:relative;z-index:1}.grid-card-2 .card-content{color:#4b5563;position:relative;z-index:1}.grid-card-3{background-color:#f0fdf4;background-image:linear-gradient(45deg,rgba(34,197,94,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(34,197,94,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(34,197,94,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(34,197,94,.08) 75%);background-size:30px 30px;background-position:0 0,0 15px,15px -15px,-15px 0px;position:relative;z-index:0}.grid-card-3:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#22c55e05,#10b98105);border-radius:inherit;z-index:-1;pointer-events:none}.grid-card-3 .card-title{color:#15803d;position:relative;z-index:1}.grid-card-3 .card-subtitle{color:#1f2937;position:relative;z-index:1}.grid-card-3 .card-content{color:#4b5563;position:relative;z-index:1}@media (max-width: 768px){.card-template{max-width:100%!important;min-width:280px;padding:24px;min-height:240px}.polaroid-card{padding:16px 16px 32px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #6366f14d}50%{box-shadow:0 0 20px #6366f199}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.homepage{min-height:100vh}.homepage .container{max-width:1200px;margin:0 auto;padding:0 24px}.homepage .hero-section{background:linear-gradient(135deg,#ff4d4f,#764ba2);color:#fff;padding:120px 0 80px;text-align:center}.homepage .hero-section .hero-content{max-width:800px;margin:0 auto;padding:0 24px}.homepage .hero-section .hero-title{color:#fff!important;font-size:3.5rem;font-weight:700;margin-bottom:24px}@media (max-width: 768px){.homepage .hero-section .hero-title{font-size:2.5rem}}.homepage .hero-section .hero-description{font-size:1.2rem;line-height:1.6;margin-bottom:40px;color:#ffffffe6}@media (max-width: 768px){.homepage .hero-section .hero-description{font-size:1rem}}.homepage .features-section{padding:80px 0;background:#f8f9fa}.homepage .features-section .feature-card{text-align:center;height:100%;border:none;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.homepage .features-section .feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.homepage .features-section .feature-card .feature-icon{margin-bottom:16px}.homepage .features-section .feature-card h4{margin-bottom:12px;color:#1f2937}.homepage .features-section .feature-card p{color:#6b7280;line-height:1.6}.homepage .features-section .template-showcase-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;transition:all .4s cubic-bezier(.175,.885,.32,1.275);height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;cursor:pointer;animation:float 3s ease-in-out infinite}.homepage .features-section .template-showcase-card:nth-child(1){animation-delay:0s}.homepage .features-section .template-showcase-card:nth-child(2){animation-delay:.2s}.homepage .features-section .template-showcase-card:nth-child(3){animation-delay:.4s}.homepage .features-section .template-showcase-card:nth-child(4){animation-delay:.6s}.homepage .features-section .template-showcase-card:nth-child(5){animation-delay:.8s}.homepage .features-section .template-showcase-card:nth-child(6){animation-delay:1s}.homepage .features-section .template-showcase-card:hover{transform:translateY(-12px) scale(1.03) perspective(1000px) rotateX(5deg);box-shadow:0 25px 50px #0003,0 10px 20px #6366f126,inset 0 1px #fff9;border-radius:20px;animation:none}.homepage .features-section .template-showcase-card:hover .template-preview{transform:scale(1.08) perspective(500px) rotateY(3deg);box-shadow:0 15px 35px #00000026,0 5px 15px #00000014}.homepage .features-section .template-showcase-card:hover .template-preview .card-template{transform:scale(.88) rotateY(8deg) rotateX(-2deg);filter:brightness(1.08) saturate(1.15) contrast(1.05)}.homepage .features-section .template-showcase-card:hover .template-info{transform:translateY(-3px) perspective(300px) rotateX(2deg)}.homepage .features-section .template-showcase-card:hover .template-info h5{color:#4f46e5;transform:scale(1.08);text-shadow:0 2px 8px rgba(79,70,229,.3)}.homepage .features-section .template-showcase-card:hover .template-info p{color:#4b5563;transform:translateY(2px)}.homepage .features-section .template-showcase-card:nth-child(1):hover{box-shadow:0 20px 40px #00000026,0 8px 16px #3b82f626}.homepage .features-section .template-showcase-card:nth-child(2):hover{box-shadow:0 20px 40px #00000026,0 8px 16px #10b98126}.homepage .features-section .template-showcase-card:nth-child(3):hover{box-shadow:0 20px 40px #00000026,0 8px 16px #a855f726}.homepage .features-section .template-showcase-card:nth-child(4):hover{box-shadow:0 20px 40px #00000026,0 8px 16px #22c55e26}.homepage .features-section .template-showcase-card:nth-child(5):hover{box-shadow:0 20px 40px #00000026,0 8px 16px #fb923c26}.homepage .features-section .template-showcase-card:nth-child(6):hover{box-shadow:0 20px 40px #00000026,0 8px 16px #8b451326}.homepage .features-section .template-showcase-card .template-preview{flex:1;display:flex;align-items:center;justify-content:center;min-height:200px;background:transparent;border-radius:12px;margin-bottom:20px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:1}.homepage .features-section .template-showcase-card .template-preview .card-template{transform:scale(.8);transform-origin:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;z-index:2}.homepage .features-section .template-showcase-card .template-preview:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease;pointer-events:none;z-index:1}.homepage .features-section .template-showcase-card .template-preview:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#6366f11a,#a855f71a,#ec48991a);border-radius:14px;opacity:0;transition:opacity .4s ease;z-index:-1}.homepage .features-section .template-showcase-card:hover .template-preview:after{left:100%}.homepage .features-section .template-showcase-card:hover .template-preview:before{opacity:1;animation:pulse-glow 2s ease-in-out infinite}.homepage .features-section .template-showcase-card .template-info{text-align:center;position:relative;z-index:1;transition:all .3s ease}.homepage .features-section .template-showcase-card .template-info h5{color:#1f2937;font-weight:600;transition:all .3s ease;margin-bottom:8px}.homepage .features-section .template-showcase-card .template-info p{color:#6b7280;line-height:1.5;transition:all .3s ease}.homepage .features-section .template-showcase-card:active{transform:translateY(-8px) scale(.99) perspective(1000px) rotateX(3deg);transition:all .1s ease;box-shadow:0 15px 30px #0000002e,0 5px 10px #6366f11f}@media (hover: none) and (pointer: coarse){.homepage .features-section .template-showcase-card:hover{transform:none;animation:float 3s ease-in-out infinite}.homepage .features-section .template-showcase-card:active{transform:scale(.98)}}.homepage .cta-section{background:linear-gradient(135deg,#1f2937,#374151);padding:80px 0;text-align:center}.homepage .cta-section h2{color:#fff!important;margin-bottom:16px}.homepage .homepage-footer{background:#1f2937;color:#fff;padding:60px 0 0}.homepage .homepage-footer .footer-content{max-width:1200px;margin:0 auto;text-align:center}.homepage .homepage-footer .footer-content .ant-row{justify-content:center}.homepage .homepage-footer .footer-content .footer-section{margin-bottom:24px;text-align:center}.homepage .homepage-footer .footer-content .footer-section .footer-logo{display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#fff;margin-bottom:16px}.homepage .homepage-footer .footer-content .footer-section .footer-description{color:#fffc;line-height:1.6;margin-bottom:0;max-width:280px;margin-left:auto;margin-right:auto;text-align:center}.homepage .homepage-footer .footer-content .footer-section .footer-title{color:#fff!important;font-size:16px;font-weight:600;margin-bottom:16px;text-align:center}.homepage .homepage-footer .footer-content .footer-section .footer-links{list-style:none;padding:0;margin:0;text-align:center}.homepage .homepage-footer .footer-content .footer-section .footer-links li{margin-bottom:12px}.homepage .homepage-footer .footer-content .footer-section .footer-links li a{color:#ffffffb3;text-decoration:none;cursor:pointer;transition:all .3s ease;font-size:14px;line-height:1.5}.homepage .homepage-footer .footer-content .footer-section .footer-links li a:hover{color:#60a5fa;transform:translateY(-1px)}.homepage .homepage-footer .footer-bottom{margin-top:48px;padding:24px 0;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;text-align:center}.homepage .homepage-footer .footer-bottom .footer-copyright{width:100%;text-align:center;margin-bottom:8px}.homepage .homepage-footer .footer-bottom .footer-copyright .ant-typography{color:#fff9;margin:0;font-size:14px;line-height:1.5;text-align:center}.homepage .homepage-footer .footer-bottom .footer-links-inline{width:100%;text-align:center}.homepage .homepage-footer .footer-bottom .footer-links-inline a{color:#fff9;text-decoration:none;cursor:pointer;font-size:14px;transition:color .3s ease;white-space:nowrap}.homepage .homepage-footer .footer-bottom .footer-links-inline a:hover{color:#60a5fa}.homepage .homepage-footer .footer-bottom .footer-links-inline .ant-space{justify-content:center}.homepage .homepage-footer .footer-bottom .footer-links-inline .ant-space-item{color:#fff6}@media (min-width: 1441px){.homepage .homepage-footer{padding:80px 0 0}.homepage .homepage-footer .footer-content{max-width:1400px;padding:0 40px;text-align:center}.homepage .homepage-footer .footer-content .footer-section{text-align:center}.homepage .homepage-footer .footer-content .footer-section .footer-logo{font-size:22px;margin-bottom:20px;justify-content:center}.homepage .homepage-footer .footer-content .footer-section .footer-description{max-width:320px;font-size:15px;margin-left:auto;margin-right:auto;text-align:center}.homepage .homepage-footer .footer-content .footer-section .footer-title{font-size:18px;margin-bottom:20px;text-align:center}.homepage .homepage-footer .footer-content .footer-section .footer-links{text-align:center}.homepage .homepage-footer .footer-content .footer-section .footer-links li{margin-bottom:14px}.homepage .homepage-footer .footer-content .footer-section .footer-links li a{font-size:15px}.homepage .homepage-footer .footer-bottom{margin-top:60px;padding:28px 40px;text-align:center}.homepage .homepage-footer .footer-bottom .footer-copyright .ant-typography{font-size:15px;text-align:center}.homepage .homepage-footer .footer-bottom .footer-links-inline{text-align:center}.homepage .homepage-footer .footer-bottom .footer-links-inline a{font-size:15px}}@media (max-width: 1024px) and (min-width: 769px){.homepage .homepage-footer{padding:50px 0 0}.homepage .homepage-footer .footer-content{padding:0 24px}.homepage .homepage-footer .footer-content .footer-section .footer-description{max-width:240px}.homepage .homepage-footer .footer-bottom{padding:20px 24px;gap:12px}}@media (max-width: 768px){.homepage .hero-section{padding:80px 0 60px}.homepage .features-section,.homepage .cta-section{padding:60px 0}.homepage .container{padding:0 16px}.homepage .homepage-footer{padding:40px 0 0}.homepage .homepage-footer .footer-content{padding:0 16px}.homepage .homepage-footer .footer-content .footer-section{margin-bottom:32px;text-align:center}.homepage .homepage-footer .footer-content .footer-section:last-child{margin-bottom:0}.homepage .homepage-footer .footer-content .footer-section .footer-logo{justify-content:center;font-size:18px}.homepage .homepage-footer .footer-content .footer-section .footer-description{max-width:100%;text-align:center}.homepage .homepage-footer .footer-content .footer-section .footer-title{font-size:16px;margin-bottom:12px}.homepage .homepage-footer .footer-content .footer-section .footer-links li{margin-bottom:8px}.homepage .homepage-footer .footer-content .footer-section .footer-links li a{font-size:14px}.homepage .homepage-footer .footer-bottom{margin-top:32px;padding:20px 16px;flex-direction:column;gap:16px;text-align:center}.homepage .homepage-footer .footer-bottom .footer-copyright{min-width:auto}.homepage .homepage-footer .footer-bottom .footer-copyright .ant-typography{font-size:13px;text-align:center}.homepage .homepage-footer .footer-bottom .footer-links-inline .ant-space{flex-wrap:wrap;justify-content:center;gap:8px!important}.homepage .homepage-footer .footer-bottom .footer-links-inline a{font-size:13px}}@media (max-width: 480px){.homepage .homepage-footer{padding:32px 0 0}.homepage .homepage-footer .footer-content{padding:0 12px}.homepage .homepage-footer .footer-content .footer-section{margin-bottom:28px}.homepage .homepage-footer .footer-content .footer-section .footer-logo{font-size:16px;margin-bottom:12px}.homepage .homepage-footer .footer-content .footer-section .footer-description{font-size:14px;line-height:1.5}.homepage .homepage-footer .footer-content .footer-section .footer-title{font-size:15px;margin-bottom:10px}.homepage .homepage-footer .footer-content .footer-section .footer-links li{margin-bottom:6px}.homepage .homepage-footer .footer-content .footer-section .footer-links li a{font-size:13px}.homepage .homepage-footer .footer-bottom{margin-top:24px;padding:16px 12px;gap:12px}.homepage .homepage-footer .footer-bottom .footer-copyright .ant-typography,.homepage .homepage-footer .footer-bottom .footer-links-inline a{font-size:12px}}@media (prefers-color-scheme: dark){.homepage .homepage-nav{background:#1f1f1ff2;border-bottom-color:#ffffff0f}.homepage .homepage-nav .nav-container .nav-logo{color:#60a5fa}.homepage .features-section{background:#141414}.homepage .features-section .feature-card{background:#1f1f1f;border-color:#303030}.homepage .features-section .feature-card:hover{background:#262626}.homepage .homepage-footer{background:#0f0f0f}}.editor-page{min-height:100vh;background-color:#f5f5f5}.editor-page .editor-content{padding:16px 20px 20px;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:16px;min-height:calc(100vh - 56px)}.editor-page .editor-content .input-section .input-panel{border-radius:8px;box-shadow:0 2px 8px #0000000f}.editor-page .editor-content .input-section .input-panel .ant-card-head{padding:12px 20px;min-height:auto;border-bottom:1px solid #f0f0f0}.editor-page .editor-content .input-section .input-panel .ant-card-head .ant-card-head-title{font-size:15px;font-weight:600;color:#262626}.editor-page .editor-content .input-section .input-panel .ant-card-body{padding:16px 20px}.editor-page .editor-content .input-section .input-panel .input-group label{display:block;margin-bottom:8px;font-weight:500;color:#262626;font-size:14px}.editor-page .editor-content .input-section .input-panel .input-group .ant-input,.editor-page .editor-content .input-section .input-panel .input-group .ant-input-affix-wrapper{border-radius:8px;border:1px solid #e0e0e0;transition:all .3s ease}.editor-page .editor-content .input-section .input-panel .input-group .ant-input:hover,.editor-page .editor-content .input-section .input-panel .input-group .ant-input-affix-wrapper:hover{border-color:#1890ff}.editor-page .editor-content .input-section .input-panel .input-group .ant-input:focus,.editor-page .editor-content .input-section .input-panel .input-group .ant-input-affix-wrapper:focus,.editor-page .editor-content .input-section .input-panel .input-group .ant-input.ant-input-focused,.editor-page .editor-content .input-section .input-panel .input-group .ant-input-affix-wrapper.ant-input-focused{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.editor-page .editor-content .input-section .input-panel .input-group .ant-slider .ant-slider-rail{background-color:#f0f0f0}.editor-page .editor-content .input-section .input-panel .input-group .ant-slider .ant-slider-track{background-color:#1890ff}.editor-page .editor-content .input-section .input-panel .input-group .ant-slider .ant-slider-handle{border-color:#1890ff}.editor-page .editor-content .input-section .input-panel .input-group .ant-slider .ant-slider-handle:hover{border-color:#40a9ff}.editor-page .editor-content .preview-section{flex:1}.editor-page .editor-content .cards-preview{background:#fff;border-radius:8px;padding:16px 20px 20px;box-shadow:0 2px 8px #0000000f;flex:1}.editor-page .editor-content .cards-preview .preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.editor-page .editor-content .cards-preview .preview-header h4{color:#262626;font-weight:600;font-size:16px}.editor-page .editor-content .cards-preview .preview-header .card-navigation{display:flex;align-items:center;gap:8px}.editor-page .editor-content .cards-preview .preview-header .card-navigation .nav-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background-color:#f8f9fa;border:1px solid #e9ecef;transition:all .3s ease}.editor-page .editor-content .cards-preview .preview-header .card-navigation .nav-button:hover{background-color:#1890ff;border-color:#1890ff;color:#fff;transform:translateY(-1px)}.editor-page .editor-content .cards-preview .cards-scroll-container{overflow-x:auto;overflow-y:hidden;padding:8px 0 16px}.editor-page .editor-content .cards-preview .cards-scroll-container::-webkit-scrollbar{height:6px}.editor-page .editor-content .cards-preview .cards-scroll-container::-webkit-scrollbar-track{background:#f8f9fa;border-radius:6px}.editor-page .editor-content .cards-preview .cards-scroll-container::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:6px}.editor-page .editor-content .cards-preview .cards-scroll-container::-webkit-scrollbar-thumb:hover{background:#adb5bd}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row{display:flex;gap:20px;padding:8px 0;min-width:fit-content}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item{flex-shrink:0}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-type-name{margin-bottom:12px;color:#6c757d;font-weight:500;font-size:13px;white-space:nowrap;text-align:center;background:#f8f9fa;padding:4px 12px;border-radius:16px;display:inline-block;width:100%;box-sizing:border-box}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper{position:relative;border-radius:8px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #00000026}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper:hover .card-overlay{opacity:1;visibility:visible}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper:hover .card-overlay:before{width:100%;height:100%}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper:hover .card-overlay .card-actions{transform:translateY(0);opacity:1}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-template{display:block;border-radius:8px;overflow:hidden}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-overlay{position:absolute;z-index:10;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-overlay:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.4,0,.2,1)}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-overlay .card-actions{display:flex;flex-direction:column;gap:8px;align-items:center;transform:translateY(10px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1) .1s}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-overlay .card-actions .action-button{min-width:110px;height:34px;border-radius:17px;font-weight:500;font-size:13px;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .3s ease;box-shadow:0 2px 8px #00000026;position:relative}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-overlay .card-actions .action-button:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;opacity:.8}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-overlay .card-actions .action-button.ant-btn-primary{background:linear-gradient(135deg,#1890ff,#40a9ff);border:none}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-overlay .card-actions .action-button.ant-btn-primary:after{background:#52c41a}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-overlay .card-actions .action-button.ant-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#40a9ff,#69c0ff);transform:translateY(-2px);box-shadow:0 4px 16px #1890ff66}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-overlay .card-actions .action-button.ant-btn-primary:disabled{background:linear-gradient(135deg,#bfbfbf,#d9d9d9);cursor:not-allowed}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-overlay .card-actions .action-button.ant-btn-primary:disabled:after{background:#bfbfbf}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-overlay .card-actions .action-button.ant-btn-primary.ant-btn-loading{background:linear-gradient(135deg,#1890ff,#40a9ff)}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-overlay .card-actions .action-button.ant-btn-primary.ant-btn-loading .ant-btn-loading-icon{color:#fff}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-overlay .card-actions .action-button.ant-btn-default{background:#ffffffe6;border:1px solid rgba(255,255,255,.3);color:#262626}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-overlay .card-actions .action-button.ant-btn-default:hover:not(:disabled){background:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-overlay .card-actions .action-button.ant-btn-default:disabled{background:#ffffff80;color:#bfbfbf;cursor:not-allowed}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-overlay .card-actions .action-button.ant-btn-default.uhd-button{background:linear-gradient(135deg,#722ed1,#9254de);border:none;color:#fff}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-overlay .card-actions .action-button.ant-btn-default.uhd-button:after{background:#ff4d4f}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-overlay .card-actions .action-button.ant-btn-default.uhd-button:hover:not(:disabled){background:linear-gradient(135deg,#9254de,#b37feb);transform:translateY(-2px);box-shadow:0 4px 16px #722ed166}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-overlay .card-actions .action-button.ant-btn-default.uhd-button:disabled{background:linear-gradient(135deg,#bfbfbf,#d9d9d9);cursor:not-allowed}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-overlay .card-actions .action-button.ant-btn-default.uhd-button:disabled:after{background:#bfbfbf}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-overlay .card-actions .action-button.ant-btn-default.uhd-button.ant-btn-loading{background:linear-gradient(135deg,#722ed1,#9254de)}.editor-page .editor-content .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-overlay .card-actions .action-button.ant-btn-default.uhd-button.ant-btn-loading .ant-btn-loading-icon{color:#fff}@media (max-width: 768px){.editor-page .editor-header{padding:6px 16px}.editor-page .editor-header .header-content{height:36px}.editor-page .editor-header .header-content .header-nav{gap:8px}.editor-page .editor-header .header-content .header-nav .back-button{padding:2px 6px;height:28px}.editor-page .editor-header .header-content .header-nav .compact-breadcrumb .ant-breadcrumb-link{font-size:12px}.editor-page .editor-header .header-content .header-actions .user-button{padding:2px 8px;height:28px}.editor-page .editor-header .header-content .header-actions .user-button .username{font-size:12px}.editor-page .editor-content{padding:12px 16px 16px;gap:12px;min-height:calc(100vh - 48px)}.editor-page .editor-content .input-section .input-panel .ant-card-head{padding:10px 16px}.editor-page .editor-content .input-section .input-panel .ant-card-head .ant-card-head-title{font-size:14px}.editor-page .editor-content .input-section .input-panel .ant-card-body{padding:12px 16px}.editor-page .editor-content .preview-section .cards-preview{padding:12px 16px 16px}.editor-page .editor-content .preview-section .cards-preview .preview-header{flex-direction:column;gap:8px;align-items:center;margin-bottom:12px;padding-bottom:8px}.editor-page .editor-content .preview-section .cards-preview .preview-header h4{font-size:14px;text-align:center}.editor-page .editor-content .preview-section .cards-preview .cards-scroll-container .cards-row{gap:16px}.editor-page .editor-content .preview-section .cards-preview .cards-scroll-container .cards-row .card-item .card-type-name{font-size:12px;padding:3px 8px;margin-bottom:8px}.editor-page .editor-content .preview-section .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper{max-width:300px}.editor-page .editor-content .preview-section .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-overlay .card-actions{gap:6px}.editor-page .editor-content .preview-section .cards-preview .cards-scroll-container .cards-row .card-item .card-wrapper .card-overlay .card-actions .action-button{min-width:90px;height:30px;font-size:11px;gap:4px}}@media (max-width: 576px){.editor-page .editor-header .header-content .header-nav .compact-breadcrumb{display:none}.editor-page .editor-content{padding:8px 12px 12px;min-height:calc(100vh - 44px)}.editor-page .editor-content .input-section .input-panel .ant-card-head{padding:8px 12px}.editor-page .editor-content .input-section .input-panel .ant-card-body{padding:10px 12px}.editor-page .editor-content .input-section .input-panel .ant-row .ant-col{margin-bottom:12px}.editor-page .editor-content .preview-section .cards-preview{padding:8px 12px 12px}}.card-canvas{position:relative;height:auto;min-height:inherit}.card-canvas .element-hover{cursor:pointer;transition:outline .2s ease}.card-canvas .element-hover:hover,.card-canvas .element-hover.editing{outline:2px solid #60a5fa;outline-offset:2px}.card-canvas .element-text{word-break:break-word}.card-canvas .element-text:hover:after{content:"双击编辑";position:absolute;top:-25px;left:0;background:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:1000}.card-canvas .element-text.editing:after{display:none}.card-canvas .inline-editor.input-editor{min-width:100px}.card-canvas .inline-editor.textarea-editor{min-width:150px}.card-canvas .inline-editor.textarea-editor.body-text-editor{min-width:200px;min-height:120px;max-height:600px;line-height:1.6}.card-canvas .inline-editor.textarea-editor.body-text-editor:focus{box-shadow:0 0 0 3px #60a5fa1a}.card-canvas .element-image{overflow:hidden}.card-canvas .element-image img{width:100%;height:100%;object-fit:cover}.card-canvas .element-image .placeholder{width:100%;height:100%;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:14px}.card-canvas .element-icon{display:flex;align-items:center;justify-content:center}.property-panel{padding:1rem;height:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.property-panel .header{margin-bottom:1rem}.property-panel .header h2{font-size:1.125rem;font-weight:600;color:#111827}.property-panel .empty-message{color:#6b7280;font-size:.875rem}.property-panel .form-group{margin-bottom:1.5rem;width:100%;max-width:100%;padding-right:8px;box-sizing:border-box}.property-panel .form-group .form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.property-panel .form-group .form-input{width:100%;max-width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s ease;box-sizing:border-box}.property-panel .form-group .form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.property-panel .form-group .form-textarea{width:100%;max-width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s ease;box-sizing:border-box;resize:vertical;min-height:12rem;word-wrap:break-word;overflow-wrap:break-word}.property-panel .form-group .form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.property-panel .form-group .form-select{width:100%;max-width:100%;padding:.5rem 2.5rem .5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s ease;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;text-overflow:ellipsis}.property-panel .form-group .form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.property-panel .form-group .color-input-group{display:flex;align-items:center;gap:.5rem}.property-panel .form-group .color-input-group .color-picker{width:3rem;height:2rem;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer}.property-panel .form-group .color-input-group .color-text-input{flex:1;width:100%;max-width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s ease;box-sizing:border-box}.property-panel .form-group .color-input-group .color-text-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.property-panel .form-group .file-input{width:100%;font-size:.875rem;color:#6b7280}.property-panel .form-group .file-input::file-selector-button{margin-right:1rem;padding:.5rem 1rem;border-radius:9999px;border:none;font-size:.875rem;font-weight:600;background-color:#eff6ff;color:#1d4ed8;cursor:pointer;transition:background-color .2s ease}.property-panel .form-group .file-input::file-selector-button:hover{background-color:#dbeafe}.property-panel .form-group .image-preview{margin-top:.5rem}.property-panel .form-group .image-preview img{width:100%;height:5rem;object-fit:cover;border-radius:.375rem;border:1px solid #e5e7eb}.property-panel .form-group .image-preview .remove-image-btn{margin-top:.25rem;font-size:.75rem;color:#dc2626;background:none;border:none;cursor:pointer;transition:color .2s ease}.property-panel .form-group .image-preview .remove-image-btn:hover{color:#991b1b}.property-panel .form-group .char-count{font-size:.75rem;color:#6b7280;margin-top:.25rem}.property-panel .form-group .range-input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:.5rem;border-radius:.25rem;background:#e5e7eb;outline:none}.property-panel .form-group .range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border-radius:50%;background:#3b82f6;cursor:pointer}.property-panel .form-group .range-input::-moz-range-thumb{width:1.25rem;height:1.25rem;border-radius:50%;background:#3b82f6;cursor:pointer;border:none}.property-panel .quick-actions{margin-top:2rem;padding-top:1rem;border-top:1px solid #e5e7eb}.property-panel .quick-actions h3{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.75rem}.property-panel .quick-actions .action-buttons{display:flex;flex-direction:column;gap:.5rem}.property-panel .quick-actions .action-buttons .action-btn{width:100%;padding:.5rem .75rem;font-size:.875rem;background-color:#f3f4f6;color:#374151;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s ease}.property-panel .quick-actions .action-buttons .action-btn:hover{background-color:#e5e7eb}.property-panel .brand-section{margin-top:2rem;padding-top:1rem;border-top:1px solid #e5e7eb}.property-panel .brand-section .brand-config h3{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.75rem}.property-panel .brand-section .brand-config .checkbox-label{display:flex;align-items:center;font-size:.875rem;color:#374151;cursor:pointer}.property-panel .brand-section .brand-config .checkbox-label input[type=checkbox]{margin-right:.5rem;width:1rem;height:1rem;accent-color:#3b82f6}.card-preview{transition:transform .3s ease;cursor:pointer}.card-preview:hover{transform:scale(1.05)}.card-preview .preview-text{font-family:inherit;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;box-sizing:border-box}.card-preview.retro-style{position:relative}.card-preview.retro-style:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4" viewBox="0 0 4 4"><filter id="a"><feTurbulence baseFrequency="0.9" numOctaves="4" stitchTiles="stitch" type="fractalNoise"/><feColorMatrix values="0 0 0 0 0, 0 0 0 0 0, 0 0 0 0 0, 0 0 0 -0.5 1"/></filter><rect width="4" height="4" fill="transparent" filter="url(#a)"/></svg>');background-size:4px;background-blend-mode:multiply;opacity:.3;pointer-events:none;border-radius:inherit}.card-preview.cute-style{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.1"><path d="M50 0 L100 50 L50 100 L0 50 Z" fill="%23fbcfe8"/><path d="M25 25 L75 25 L75 75 L25 75 Z" fill="%23c3dafe"/><circle cx="50" cy="50" r="25" fill="%23fcd34d"/></svg>');background-size:150px;background-repeat:repeat}.template-selector{padding:1rem}.template-selector .header{margin-bottom:1rem}.template-selector .header h2{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#111827}.template-selector .category-filter{margin-bottom:1rem}.template-selector .category-filter .category-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.template-selector .category-filter .category-buttons .category-btn{padding:.25rem .75rem;font-size:.875rem;border-radius:9999px;border:none;cursor:pointer;transition:all .2s ease}.template-selector .category-filter .category-buttons .category-btn.active{background-color:#2563eb;color:#fff}.template-selector .category-filter .category-buttons .category-btn.inactive{background-color:#f3f4f6;color:#374151}.template-selector .category-filter .category-buttons .category-btn.inactive:hover{background-color:#e5e7eb}.template-selector .template-list{display:flex;flex-direction:column;gap:.75rem}.template-selector .template-list .template-item{padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.template-selector .template-list .template-item:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:#d1d5db}.template-selector .template-list .template-item.selected{border-color:#3b82f6;background-color:#eff6ff}.template-selector .template-list .template-item .template-preview{width:100%;margin-bottom:.5rem;border-radius:.25rem;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;height:130px;background-color:#f9fafb}.template-selector .template-list .template-item .template-preview .card-preview{max-width:100%;max-height:100%;object-fit:contain}.template-selector .template-list .template-item .template-info h3{font-weight:500;color:#111827;margin-bottom:.25rem}.template-selector .template-list .template-item .template-info p{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.template-selector .template-list .template-item .template-info .template-meta{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.template-selector .template-list .template-item .template-info .template-meta .size-info{font-size:.75rem;color:#9ca3af}.template-selector .template-list .template-item .template-info .template-meta .element-count{font-size:.75rem;background-color:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem}.card-editor-toolbar{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 24px;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;min-height:64px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.card-editor-toolbar .toolbar-section{display:flex;align-items:center}.card-editor-toolbar .toolbar-section.toolbar-left{flex:0 0 auto}.card-editor-toolbar .toolbar-section.toolbar-center{flex:1;justify-content:center;margin:0 20px}.card-editor-toolbar .toolbar-section.toolbar-right{flex:0 0 auto}.card-editor-toolbar .toolbar-group{display:flex;align-items:center;gap:12px}.card-editor-toolbar .toolbar-group.file-operations .ant-btn{border-radius:8px;font-weight:500;height:36px;padding:0 16px;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.card-editor-toolbar .toolbar-group.file-operations .ant-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.card-editor-toolbar .toolbar-group.font-size-control{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 20px;gap:16px;min-width:320px;height:48px}.card-editor-toolbar .toolbar-group.font-size-control .font-size-label{display:flex;align-items:center;gap:8px;color:#475569;font-size:14px;font-weight:500;white-space:nowrap}.card-editor-toolbar .toolbar-group.font-size-control .font-size-label .anticon{color:#64748b;font-size:16px}.card-editor-toolbar .toolbar-group.font-size-control .font-size-slider{flex:1;margin:0 8px}.card-editor-toolbar .toolbar-group.font-size-control .font-size-slider .ant-slider{margin:0}.card-editor-toolbar .toolbar-group.font-size-control .font-size-slider .ant-slider .ant-slider-rail{background-color:#e2e8f0}.card-editor-toolbar .toolbar-group.font-size-control .font-size-slider .ant-slider .ant-slider-track{background-color:#3b82f6}.card-editor-toolbar .toolbar-group.font-size-control .font-size-slider .ant-slider .ant-slider-handle{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.card-editor-toolbar .toolbar-group.font-size-control .font-size-slider .ant-slider .ant-slider-handle:hover,.card-editor-toolbar .toolbar-group.font-size-control .font-size-slider .ant-slider .ant-slider-handle:focus{border-color:#2563eb;box-shadow:0 0 0 4px #3b82f633}.card-editor-toolbar .toolbar-group.font-size-control .font-size-value{color:#475569;font-size:14px;font-weight:600;min-width:40px;text-align:center}.card-editor-toolbar .toolbar-group.export-operations{gap:8px}.card-editor-toolbar .toolbar-group.export-operations .ant-btn{border-radius:8px;font-weight:500;height:36px;padding:0 16px;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.card-editor-toolbar .toolbar-group.export-operations .ant-btn.ant-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 2px 4px #3b82f64d}.card-editor-toolbar .toolbar-group.export-operations .ant-btn.ant-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.card-editor-toolbar .toolbar-group.export-operations .ant-btn:not(.ant-btn-primary):hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}@media (max-width: 1024px){.card-editor-toolbar{flex-direction:column;gap:12px;padding:16px 20px}.card-editor-toolbar .toolbar-section{width:100%}.card-editor-toolbar .toolbar-section.toolbar-center{margin:0;order:2}.card-editor-toolbar .toolbar-section.toolbar-left{order:1;justify-content:center}.card-editor-toolbar .toolbar-section.toolbar-right{order:3;justify-content:center}.card-editor-toolbar .toolbar-group.font-size-control{min-width:auto;width:100%;max-width:320px}}@media (max-width: 1400px){.card-editor-toolbar .toolbar-section.toolbar-left{margin-bottom:12px}}@media (max-width: 768px){.card-editor-toolbar{padding:12px 16px}.card-editor-toolbar .toolbar-group.file-operations,.card-editor-toolbar .toolbar-group.export-operations{flex-wrap:wrap;justify-content:center}.card-editor-toolbar .toolbar-group.font-size-control{padding:6px 12px;min-width:auto}.card-editor-toolbar .toolbar-group.font-size-control .font-size-label{font-size:12px}.card-editor-toolbar .toolbar-group.font-size-control .font-size-value{font-size:12px;min-width:30px}}.card-editor-toolbar .ant-btn-loading .ant-btn-loading-icon .anticon{animation:loadingCircle 1s infinite linear}@keyframes loadingCircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-editor-toolbar .ant-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.card-editor-toolbar .ant-btn:focus{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.help-button{position:fixed;bottom:1.5rem;right:1.5rem;width:3rem;height:3rem;background-color:#2563eb;color:#fff;border-radius:50%;box-shadow:0 10px 15px -3px #0000001a;border:none;cursor:pointer;transition:background-color .2s ease;z-index:50;display:flex;align-items:center;justify-content:center}.help-button:hover{background-color:#1d4ed8}.help-button svg{width:1.5rem;height:1.5rem}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.help-overlay .help-modal{background:#fff;border-radius:.5rem;max-width:28rem;width:100%;max-height:80vh;overflow-y:auto}.help-overlay .help-modal .help-header{padding:1.5rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.help-overlay .help-modal .help-header h2{font-size:1.25rem;font-weight:600;color:#111827}.help-overlay .help-modal .help-header .close-button{color:#9ca3af;background:none;border:none;cursor:pointer;transition:color .2s ease}.help-overlay .help-modal .help-header .close-button:hover{color:#6b7280}.help-overlay .help-modal .help-header .close-button svg{width:1.5rem;height:1.5rem}.help-overlay .help-modal .help-content{padding:0 1.5rem 1.5rem}.help-overlay .help-modal .help-content .help-section{margin-bottom:1.5rem}.help-overlay .help-modal .help-content .help-section h3{font-size:1.125rem;font-weight:500;color:#111827;margin-bottom:.75rem}.help-overlay .help-modal .help-content .help-section .shortcuts-list{display:flex;flex-direction:column;gap:.5rem}.help-overlay .help-modal .help-content .help-section .shortcuts-list .shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background-color:#f9fafb;border-radius:.375rem}.help-overlay .help-modal .help-content .help-section .shortcuts-list .shortcut-item .shortcut-key{font-size:.875rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background-color:#e5e7eb;padding:.25rem .5rem;border-radius:.25rem}.help-overlay .help-modal .help-content .help-section .shortcuts-list .shortcut-item .shortcut-action{font-size:.875rem;color:#6b7280}.help-overlay .help-modal .help-content .help-section .tips-list{display:flex;flex-direction:column;gap:.5rem}.help-overlay .help-modal .help-content .help-section .tips-list .tip-item{display:flex;align-items:flex-start;gap:.5rem}.help-overlay .help-modal .help-content .help-section .tips-list .tip-item .tip-bullet{width:.5rem;height:.5rem;background-color:#3b82f6;border-radius:50%;margin-top:.5rem;flex-shrink:0}.help-overlay .help-modal .help-content .help-section .tips-list .tip-item .tip-text{font-size:.875rem;color:#6b7280}.help-overlay .help-modal .help-content .help-section .format-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.help-overlay .help-modal .help-content .help-section .format-grid .format-item{text-align:center;padding:.75rem;border-radius:.375rem}.help-overlay .help-modal .help-content .help-section .format-grid .format-item.png{background-color:#ecfdf5}.help-overlay .help-modal .help-content .help-section .format-grid .format-item.jpg{background-color:#eff6ff}.help-overlay .help-modal .help-content .help-section .format-grid .format-item .format-icon{font-size:2rem;margin-bottom:.25rem}.help-overlay .help-modal .help-content .help-section .format-grid .format-item .format-name{font-size:.875rem;font-weight:500;margin-bottom:.125rem}.help-overlay .help-modal .help-content .help-section .format-grid .format-item .format-desc{font-size:.75rem;color:#6b7280}.card-editor{height:100vh;display:flex;background-color:#f9fafb}.card-editor .sidebar{width:320px;background:#fff;border-right:1px solid #e5e7eb;overflow-y:auto;flex-shrink:0}.card-editor .main-area{flex:1;display:flex;flex-direction:column;min-width:0}.card-editor .main-area .canvas-area{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:auto}.card-editor .main-area .canvas-area .card-canvas{transition:transform .2s ease}.card-editor .main-area .canvas-area .card-canvas:hover{transform:scale(1.02)}.card-editor .main-area .canvas-area .empty-state{text-align:center;color:#6b7280}.card-editor .main-area .canvas-area .empty-state h3{font-size:1.125rem;margin-bottom:.5rem;font-weight:600}.card-editor .main-area .canvas-area .empty-state p{font-size:.875rem}.card-editor .property-panel{width:380px;background:#fff;border-left:1px solid #e5e7eb;flex-shrink:0}@media (max-width: 1024px){.card-editor{flex-direction:column;height:auto;min-height:100vh}.card-editor .sidebar{width:100%;max-height:300px;border-right:none;border-bottom:1px solid #e5e7eb}.card-editor .property-panel{width:100%;border-left:none;border-top:1px solid #e5e7eb}.card-editor .main-area .canvas-area{padding:1rem}}@media (max-width: 768px){.card-editor .main-area .canvas-area{padding:.5rem}.card-editor .sidebar{max-height:250px}}.loading{display:flex;align-items:center;justify-content:center;padding:2rem}.loading .loading-spinner{width:2rem;height:2rem;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.home-button{position:fixed;bottom:1.5rem;right:5.5rem;width:3rem;height:3rem;background-color:#52c41a;color:#fff;border-radius:50%;box-shadow:0 10px 15px -3px #0000001a;border:none;cursor:pointer;transition:background-color .2s ease;z-index:50;display:flex;align-items:center;justify-content:center}.home-button:hover{background-color:#389e0d}.home-button svg{width:1.5rem;height:1.5rem}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{border-radius:12px;box-shadow:0 10px 25px #0000001a;border:none}.auth-card .ant-card-body{padding:40px}.auth-header{text-align:center;margin-bottom:32px}.auth-header h2{margin-bottom:8px;color:#262626}.auth-header .ant-typography{color:#8c8c8c}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.form-actions .forgot-password{color:#1890ff;font-size:14px}.form-actions .forgot-password:hover{color:#40a9ff}.social-login .ant-btn{height:44px;font-weight:500;display:flex;align-items:center;justify-content:center}.social-login .ant-btn .anticon{font-size:18px;margin-right:8px}.guest-mode{text-align:center;margin-top:16px}.guest-mode .ant-btn-link{color:#8c8c8c;font-size:14px;padding:0}.guest-mode .ant-btn-link:hover{color:#595959}.terms-agreement{text-align:center;margin-top:24px;padding:16px;background:#fafafa;border-radius:8px}.terms-agreement a{color:#1890ff;text-decoration:none}.terms-agreement a:hover{text-decoration:underline}.clerk-auth-container{margin:24px 0}.clerk-auth-container .cl-header{display:none}.clerk-auth-container .cl-form .cl-formFieldInput{height:44px;border-radius:6px;border:1px solid #d9d9d9;font-size:14px}.clerk-auth-container .cl-form .cl-formFieldInput:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.clerk-auth-container .cl-form .cl-formButtonPrimary{height:44px;background:#1890ff;border-radius:6px;font-weight:500;font-size:16px}.clerk-auth-container .cl-form .cl-formButtonPrimary:hover{background:#40a9ff}.clerk-auth-container .cl-socialButtons{margin-top:16px}.clerk-auth-container .cl-socialButtons .cl-socialButton{height:44px;border-radius:6px;margin-bottom:8px;font-weight:500}.clerk-auth-container .cl-dividerRow{margin:24px 0}.clerk-auth-container .cl-dividerRow .cl-dividerText{color:#8c8c8c;font-size:14px}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;width:25rem;min-height:30rem}.auth-loading .loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.auth-loading .loading-text{color:#8c8c8c;font-size:14px;margin-bottom:8px}.auth-loading .loading-dots{display:flex;gap:4px}.auth-loading .loading-dots .dot{width:6px;height:6px;background:#1890ff;border-radius:50%;animation:bounce 1.4s ease-in-out infinite both}.auth-loading .loading-dots .dot:nth-child(1){animation-delay:-.32s}.auth-loading .loading-dots .dot:nth-child(2){animation-delay:-.16s}.auth-loading .loading-dots .dot:nth-child(3){animation-delay:0s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.clerk-container-hidden{opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.clerk-container-visible{opacity:1;pointer-events:auto;transition:opacity .3s ease-in-out}@media (max-width: 480px){.auth-page{padding:10px}.auth-card .ant-card-body{padding:24px}.auth-header{margin-bottom:24px}.auth-header h2{font-size:20px}.auth-loading{min-height:150px}.auth-loading .loading-spinner{width:32px;height:32px}}.profile-page{min-height:100vh;background-color:#f5f5f5;padding:24px}.profile-page .profile-container{max-width:1200px;margin:0 auto}.profile-page .profile-card{margin-bottom:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.profile-page .profile-card .profile-header{display:flex;align-items:flex-start;gap:24px;margin-bottom:24px}.profile-page .profile-card .profile-header .avatar-section{position:relative}.profile-page .profile-card .profile-header .avatar-section .avatar-uploader .ant-upload{border:none;background:transparent;position:relative}.profile-page .profile-card .profile-header .avatar-section .avatar-uploader .ant-upload:hover .avatar-overlay{opacity:1}.profile-page .profile-card .profile-header .avatar-section .avatar-uploader .avatar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;opacity:0;transition:opacity .3s;border-radius:50%}.profile-page .profile-card .profile-header .user-info{flex:1}.profile-page .profile-card .profile-header .user-info h2{margin-bottom:8px}.profile-page .profile-card .profile-header .user-info .user-meta{margin-top:12px}.profile-page .profile-card .profile-header .user-info .user-meta .ant-tag{margin-right:8px}.profile-page .profile-card .profile-header .profile-actions{display:flex;flex-direction:column;gap:8px}.profile-page .profile-card .user-stats{border-top:1px solid #f0f0f0;padding-top:24px}.profile-page .profile-card .user-stats .ant-statistic{text-align:center}.profile-page .profile-card .user-stats .ant-statistic .ant-statistic-title{color:#8c8c8c;font-size:14px}.profile-page .profile-card .user-stats .ant-statistic .ant-statistic-content{font-weight:600;display:flex;align-items:center}.profile-page .edit-form-card{margin-bottom:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.profile-page .content-tabs{border-radius:12px;box-shadow:0 2px 8px #0000001a}.profile-page .content-tabs .ant-tabs-tab{font-weight:500}.profile-page .content-tabs .ant-tabs-tab .anticon{margin-right:6px}.profile-page .content-tabs .work-preview{position:relative;overflow:hidden;border-radius:8px 8px 0 0}.profile-page .content-tabs .work-preview img{transition:transform .3s}.profile-page .content-tabs .work-preview:hover img{transform:scale(1.05)}.profile-page .content-tabs .work-preview .work-select-overlay{position:absolute;top:8px;right:8px;z-index:10;background:#ffffffe6;border-radius:4px;padding:4px}.profile-page .content-tabs .batch-toolbar{padding:12px;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0}.profile-page .content-tabs .ant-card-actions{background:#fafafa}.profile-page .content-tabs .ant-card-actions .anticon{color:#8c8c8c;font-size:16px;transition:color .3s}.profile-page .content-tabs .ant-card-actions .anticon:hover{color:#1890ff}.profile-page .content-tabs .settings-content .setting-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.profile-page .content-tabs .settings-content .setting-item:last-child{border-bottom:none}.profile-page .content-tabs .settings-content .guest-upgrade{margin-top:32px;padding:24px;background:linear-gradient(135deg,#e6f7ff,#f6ffed);border-radius:8px;border:1px solid #b7eb8f}.profile-page .content-tabs .settings-content .guest-upgrade h4{color:#52c41a;margin-bottom:12px}.profile-page .content-tabs .settings-content .guest-upgrade ul{margin:16px 0;padding-left:20px}.profile-page .content-tabs .settings-content .guest-upgrade ul li{margin-bottom:8px;color:#595959}@media (max-width: 768px){.profile-page{padding:16px}.profile-page .profile-card .profile-header{flex-direction:column;text-align:center}.profile-page .profile-card .profile-header .avatar-section{align-self:center}.profile-page .profile-card .profile-header .user-info{text-align:center}.profile-page .profile-card .profile-header .profile-actions{flex-direction:row;justify-content:center;width:100%}.profile-page .profile-card .user-stats .ant-col,.profile-page .content-tabs .ant-list-grid .ant-col{margin-bottom:16px}}@media (max-width: 480px){.profile-page{padding:12px}.profile-page .profile-card .profile-header{gap:16px}.profile-page .profile-card .profile-header .profile-actions{flex-direction:column}.profile-page .profile-card .profile-header .profile-actions .ant-btn{width:100%}.profile-page .content-tabs .ant-list-grid .ant-col{padding:0 4px}}@media (prefers-color-scheme: dark){.profile-page{background-color:#141414}.profile-page .profile-card,.profile-page .edit-form-card,.profile-page .content-tabs{background:#1f1f1f;border-color:#303030}.profile-page .profile-card .ant-card-body,.profile-page .edit-form-card .ant-card-body,.profile-page .content-tabs .ant-card-body{background:#1f1f1f}.profile-page .user-stats{border-top-color:#303030}.profile-page .settings-content .setting-item{border-bottom-color:#303030}.profile-page .settings-content .guest-upgrade{background:linear-gradient(135deg,#162312,#1f1f1f);border-color:#389e0d}}.about-page{min-height:100vh;background-color:#f5f5f5}.about-page .container{max-width:1200px;margin:0 auto;padding:0 24px}.about-page .about-breadcrumb{background:#fff;border-bottom:1px solid #f0f0f0;padding:16px 0}.about-page .about-breadcrumb .container{padding:0 24px}.about-page .about-header{text-align:center;padding:48px 0 32px}.about-page .about-header h1{color:#1890ff;margin-bottom:16px}.about-page .about-header h1 .anticon{margin-right:12px}.about-page .about-header .header-description{font-size:18px;color:#666;max-width:600px;margin:0 auto}.about-page .company-intro{border-radius:12px;box-shadow:0 2px 8px #0000001a}.about-page .company-intro .mission-image{text-align:center}.about-page .company-intro .mission-image img{box-shadow:0 4px 16px #0000001a}.about-page .company-intro .ant-space{margin-top:16px}.about-page .company-intro .ant-space .anticon{font-size:18px}.about-page .statistics-section{border-radius:12px;box-shadow:0 2px 8px #0000001a}.about-page .statistics-section .stat-item{text-align:center;padding:16px;border-radius:8px;background:linear-gradient(135deg,#e6f7ff,#f6ffed)}.about-page .statistics-section .stat-item .ant-statistic .ant-statistic-title{color:#666;font-weight:500}.about-page .statistics-section .stat-item .ant-statistic .ant-statistic-content{font-size:28px}.about-page .values-section{border-radius:12px;box-shadow:0 2px 8px #0000001a}.about-page .values-section .value-item{text-align:center;padding:24px 16px}.about-page .values-section .value-item .value-icon{width:64px;height:64px;background:linear-gradient(135deg,#1890ff,#722ed1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.about-page .values-section .value-item .value-icon .anticon{color:#fff;font-size:28px}.about-page .values-section .value-item h4{margin-bottom:12px;color:#262626}.about-page .values-section .value-item .ant-typography{color:#666;line-height:1.6}.about-page .team-section{border-radius:12px;box-shadow:0 2px 8px #0000001a}.about-page .team-section .team-member-card{text-align:center;height:100%;border-radius:12px;transition:all .3s}.about-page .team-section .team-member-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.about-page .team-section .team-member-card .member-avatar{margin-bottom:16px}.about-page .team-section .team-member-card .member-info h4{margin-bottom:8px;color:#262626}.about-page .team-section .team-member-card .member-info .member-role{display:block;margin-bottom:12px;color:#1890ff;font-weight:500}.about-page .team-section .team-member-card .member-info .member-description{color:#666;font-size:14px;line-height:1.5}.about-page .timeline-section{border-radius:12px;box-shadow:0 2px 8px #0000001a}.about-page .timeline-section .ant-timeline{padding:0 24px}.about-page .timeline-section .ant-timeline .timeline-content .timeline-time{color:#1890ff;font-size:14px}.about-page .timeline-section .ant-timeline .timeline-content .timeline-title{margin:8px 0 12px;color:#262626}.about-page .timeline-section .ant-timeline .timeline-content .timeline-description{color:#666;margin-bottom:0}.about-page .contact-cta{border-radius:12px;box-shadow:0 2px 8px #0000001a;background:linear-gradient(135deg,#667eea,#764ba2);border:none}.about-page .contact-cta .ant-card-body{background:transparent}.about-page .contact-cta .cta-content{text-align:center;color:#fff}.about-page .contact-cta .cta-content h3{color:#fff!important;margin-bottom:16px}.about-page .contact-cta .cta-content .ant-typography{color:#ffffffe6;margin-bottom:24px}.about-page .contact-cta .cta-content .cta-button{padding:12px 32px;border-radius:24px;font-size:16px;font-weight:500;border:none;cursor:pointer;transition:all .3s}.about-page .contact-cta .cta-content .cta-button.primary{background:#fff;color:#667eea}.about-page .contact-cta .cta-content .cta-button.primary:hover{background:#f0f0f0;transform:translateY(-2px)}.about-page .contact-cta .cta-content .cta-button.secondary{background:transparent;color:#fff;border:2px solid white}.about-page .contact-cta .cta-content .cta-button.secondary:hover{background:#fff;color:#667eea;transform:translateY(-2px)}@media (max-width: 768px){.about-page .container{padding:0 16px}.about-page .about-header{padding:32px 0 24px}.about-page .about-header h1{font-size:28px}.about-page .about-header .header-description{font-size:16px}.about-page .company-intro .ant-row{flex-direction:column-reverse}.about-page .statistics-section .ant-row .ant-col{margin-bottom:16px}.about-page .values-section .value-item{padding:16px 8px}.about-page .values-section .value-item .value-icon{width:48px;height:48px}.about-page .values-section .value-item .value-icon .anticon{font-size:20px}.about-page .team-section .ant-row .ant-col{margin-bottom:16px}.about-page .timeline-section .ant-timeline{padding:0 16px}.about-page .contact-cta .cta-content .ant-space{flex-direction:column;width:100%}.about-page .contact-cta .cta-content .ant-space .cta-button{width:100%}}@media (prefers-color-scheme: dark){.about-page{background-color:#141414}.about-page .about-breadcrumb{background:#1f1f1f;border-bottom-color:#303030}.about-page .company-intro .ant-card,.about-page .statistics-section .ant-card,.about-page .values-section .ant-card,.about-page .team-section .ant-card,.about-page .timeline-section .ant-card{background:#1f1f1f;border-color:#303030}.about-page .statistics-section .stat-item{background:linear-gradient(135deg,#111b26,#162312)}.about-page .team-section .team-member-card:hover{background:#262626}}.contact-page{min-height:100vh;background-color:#f5f5f5}.contact-page .container{max-width:1200px;margin:0 auto;padding:0 24px}.contact-page .contact-breadcrumb{background:#fff;border-bottom:1px solid #f0f0f0;padding:16px 0}.contact-page .contact-breadcrumb .container{padding:0 24px}.contact-page .contact-header{text-align:center;padding:48px 0 32px}.contact-page .contact-header h1{color:#1890ff;margin-bottom:16px}.contact-page .contact-header h1 .anticon{margin-right:12px}.contact-page .contact-header .ant-typography{font-size:16px;color:#666;max-width:600px;margin:0 auto}.contact-page .contact-info-card{height:fit-content;position:sticky;top:24px}.contact-page .contact-info-card .contact-info-list{margin-bottom:32px}.contact-page .contact-info-card .contact-info-list .contact-info-item{display:flex;align-items:flex-start;padding:16px 0;border-bottom:1px solid #f0f0f0}.contact-page .contact-info-card .contact-info-list .contact-info-item:last-child{border-bottom:none}.contact-page .contact-info-card .contact-info-list .contact-info-item .info-icon{width:40px;height:40px;background:#e6f7ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.contact-page .contact-info-card .contact-info-list .contact-info-item .info-icon .anticon{color:#1890ff;font-size:18px}.contact-page .contact-info-card .contact-info-list .contact-info-item .info-content{flex:1}.contact-page .contact-info-card .contact-info-list .contact-info-item .info-content .info-value{font-size:16px;font-weight:500;color:#262626;margin:4px 0}.contact-page .contact-info-card .contact-info-list .contact-info-item .info-content .info-desc{font-size:14px}.contact-page .contact-info-card .quick-actions{border-top:1px solid #f0f0f0;padding-top:24px}.contact-page .contact-info-card .quick-actions h4{margin-bottom:16px}.contact-page .feedback-form-card .ant-form .ant-form-item-label label{font-weight:500}.contact-page .feedback-form-card .ant-form .ant-input,.contact-page .feedback-form-card .ant-form .ant-input-affix-wrapper,.contact-page .feedback-form-card .ant-form .ant-select-selector{border-radius:8px}.contact-page .feedback-form-card .ant-form .ant-btn-primary{border-radius:8px;height:44px;font-weight:500}.contact-page .feedback-form-card .issue-types-info{margin-top:32px;padding-top:24px;border-top:1px solid #f0f0f0}.contact-page .feedback-form-card .issue-types-info h5{margin-bottom:12px;color:#666}.contact-page .feedback-form-card .issue-types-info .types-list{display:flex;flex-wrap:wrap;gap:8px}.contact-page .feedback-form-card .issue-types-info .types-list .type-tag{display:flex;align-items:center;padding:4px 8px;border-radius:4px}.contact-page .feedback-form-card .issue-types-info .types-list .type-tag .anticon{margin-right:4px}@media (max-width: 992px){.contact-page .contact-info-card{position:static;margin-bottom:24px}.contact-page .contact-info-card .contact-info-list .contact-info-item .info-icon{width:36px;height:36px}.contact-page .contact-info-card .contact-info-list .contact-info-item .info-icon .anticon{font-size:16px}}@media (max-width: 768px){.contact-page .container{padding:0 16px}.contact-page .contact-header{padding:32px 0 24px}.contact-page .contact-header h1{font-size:28px}.contact-page .contact-info-card .contact-info-list .contact-info-item{flex-direction:column;text-align:center}.contact-page .contact-info-card .contact-info-list .contact-info-item .info-icon{align-self:center;margin-right:0;margin-bottom:12px}.contact-page .feedback-form-card .issue-types-info .types-list{justify-content:center}}@media (max-width: 480px){.contact-page .feedback-form-card .ant-form .ant-btn-primary,.contact-page .feedback-form-card .ant-form .ant-space{width:100%}.contact-page .feedback-form-card .ant-form .ant-space .ant-space-item:first-child{flex:1}}@media (prefers-color-scheme: dark){.contact-page{background-color:#141414}.contact-page .contact-breadcrumb{background:#1f1f1f;border-bottom-color:#303030}.contact-page .contact-info-card .ant-card,.contact-page .feedback-form-card .ant-card{background:#1f1f1f;border-color:#303030}.contact-page .contact-info-card .contact-info-list .contact-info-item{border-bottom-color:#303030}.contact-page .contact-info-card .contact-info-list .contact-info-item .info-icon{background:#111b26}.contact-page .contact-info-card .quick-actions,.contact-page .feedback-form-card .issue-types-info{border-top-color:#303030}}.legal-page{min-height:100vh;background-color:#f5f5f5}.legal-page .container{max-width:1200px;margin:0 auto;padding:0 24px}.legal-page .legal-breadcrumb{background:#fff;border-bottom:1px solid #f0f0f0;padding:16px 0}.legal-page .legal-breadcrumb .container{padding:0 24px}.legal-page .legal-layout{display:flex;gap:24px;padding:24px 0}.legal-page .legal-layout .legal-nav{width:280px;flex-shrink:0}.legal-page .legal-layout .legal-nav .ant-card{position:sticky;top:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.legal-page .legal-layout .legal-nav .ant-card .ant-anchor .ant-anchor-link{padding:8px 0}.legal-page .legal-layout .legal-nav .ant-card .ant-anchor .ant-anchor-link .ant-anchor-link-title{color:#666;font-size:14px;transition:color .3s}.legal-page .legal-layout .legal-nav .ant-card .ant-anchor .ant-anchor-link .ant-anchor-link-title:hover{color:#1890ff}.legal-page .legal-layout .legal-nav .ant-card .ant-anchor .ant-anchor-link.ant-anchor-link-active .ant-anchor-link-title{color:#1890ff;font-weight:500}.legal-page .legal-layout .legal-content{flex:1;min-width:0}.legal-page .legal-layout .legal-content .ant-card{border-radius:12px;box-shadow:0 2px 8px #0000001a}.legal-page .legal-layout .legal-content .ant-card .legal-header{text-align:center;margin-bottom:32px}.legal-page .legal-layout .legal-content .ant-card .legal-header h1{color:#1890ff;margin-bottom:8px}.legal-page .legal-layout .legal-content .ant-card .legal-header h1 .anticon{margin-right:12px}.legal-page .legal-layout .legal-content .ant-card .legal-header .ant-typography{color:#999;margin-bottom:16px}.legal-page .legal-layout .legal-content .ant-card section{margin-bottom:32px}.legal-page .legal-layout .legal-content .ant-card section:last-child{margin-bottom:0}.legal-page .legal-layout .legal-content .ant-card section h2{color:#262626;border-bottom:2px solid #f0f0f0;padding-bottom:8px;margin-bottom:24px}.legal-page .legal-layout .legal-content .ant-card section h3{color:#595959;margin-top:24px;margin-bottom:16px}.legal-page .legal-layout .legal-content .ant-card section .ant-typography{color:#666;line-height:1.8;margin-bottom:16px}.legal-page .legal-layout .legal-content .ant-card section ul{margin:16px 0;padding-left:24px}.legal-page .legal-layout .legal-content .ant-card section ul li{margin-bottom:8px;color:#666;line-height:1.6}.legal-page .legal-layout .legal-content .ant-card section ul li strong{color:#262626}.legal-page .legal-layout .legal-content .ant-card section .ant-divider{margin:32px 0;border-color:#f0f0f0}@media (max-width: 992px){.legal-page .legal-layout{flex-direction:column}.legal-page .legal-layout .legal-nav{width:100%;order:2}.legal-page .legal-layout .legal-nav .ant-card{position:static}.legal-page .legal-layout .legal-nav .ant-anchor .ant-anchor-link{display:inline-block;margin-right:16px;margin-bottom:8px;padding:4px 12px;background:#f5f5f5;border-radius:16px;border:1px solid #d9d9d9}.legal-page .legal-layout .legal-nav .ant-anchor .ant-anchor-link .ant-anchor-link-title{font-size:12px}.legal-page .legal-layout .legal-nav .ant-anchor .ant-anchor-link.ant-anchor-link-active{background:#e6f7ff;border-color:#1890ff}.legal-page .legal-layout .legal-content{order:1}}@media (max-width: 768px){.legal-page .container{padding:0 16px}.legal-page .legal-layout{padding:16px 0;gap:16px}.legal-page .legal-layout .legal-content .ant-card .legal-header h1{font-size:24px}.legal-page .legal-layout .legal-content .ant-card section h2{font-size:18px}.legal-page .legal-layout .legal-content .ant-card section h3{font-size:16px}.legal-page .legal-layout .legal-content .ant-card section ul{padding-left:16px}}@media (prefers-color-scheme: dark){.legal-page{background-color:#141414}.legal-page .legal-breadcrumb{background:#1f1f1f;border-bottom-color:#303030}.legal-page .legal-nav .ant-card,.legal-page .legal-content .ant-card{background:#1f1f1f;border-color:#303030}.legal-page .legal-nav .ant-anchor .ant-anchor-link:not(.ant-anchor-link-active){background:#262626;border-color:#404040}.legal-page .legal-content section h2{border-bottom-color:#303030}.legal-page .legal-content section .ant-divider{border-color:#303030}}@media print{.legal-page .legal-breadcrumb,.legal-page .legal-nav{display:none}.legal-page .legal-layout{flex-direction:column;gap:0}.legal-page .legal-layout .legal-content .ant-card{box-shadow:none;border:none}}.app{width:100%;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:0}@media (max-width: 992px){.app{padding:16px}}@media (max-width: 768px){.app{padding:8px;background-attachment:fixed}}@media (max-width: 480px){.app{padding:4px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{width:100%;min-height:100vh}