.home-container{padding:2rem;max-width:1200px;margin:0 auto;background:#fff}.hero-section{text-align:center;margin-bottom:4rem;padding:5rem 2rem;border-radius:20px;color:#fff;box-shadow:0 15px 40px #1890ff40;position:relative;overflow:hidden;background:linear-gradient(-45deg,#1890ff,#722ed1,#13c2c2,#52c41a);background-size:400% 400%;animation:gradient-flow 15s ease infinite}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><circle cx="30" cy="30" r="30" fill="white" opacity="0.05"/><circle cx="70" cy="70" r="20" fill="white" opacity="0.05"/><circle cx="20" cy="80" r="25" fill="white" opacity="0.05"/></svg>');background-size:100% 100%;opacity:.6}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-section h1{font-size:3.5rem;margin-bottom:1.5rem;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.2);animation:title-fade-in 1s ease-out;position:relative;letter-spacing:-.5px}@keyframes title-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-section p{font-size:1.4rem;opacity:.95;margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6;animation:desc-fade-in 1s ease-out .3s both}@keyframes desc-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-buttons{margin-top:2.5rem;animation:button-fade-in 1s ease-out .6s both}@keyframes button-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-buttons .ant-btn{padding:0 2.5rem;height:48px;font-size:1.2rem;border-radius:24px;box-shadow:0 4px 15px #1890ff4d;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}.hero-buttons .ant-btn a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1;text-decoration:none}.hero-buttons .ant-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1890ff66}.hero-secondary-btn{border-width:2px!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a!important}.stats-section{margin:-1rem auto 0;background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 10px 30px #00000014;position:relative;z-index:10;max-width:1000px;transform:translateY(-30px);animation:stats-appear .8s cubic-bezier(.215,.61,.355,1) forwards}@keyframes stats-appear{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(-30px)}}.stat-title{font-size:1rem;color:#000000a6;font-weight:500}.stats-section .ant-statistic-content{font-size:2rem;font-weight:700}.section{margin-bottom:5rem;opacity:0;transform:translateY(20px);animation:section-fade-in 1s ease-out forwards;animation-delay:.3s}.section h2{margin-block-start:0}@keyframes section-fade-in{to{opacity:1;transform:translateY(0)}}.section-title{text-align:center;margin-bottom:1.5rem;color:#1890ff;font-size:2.2rem!important;font-weight:800!important;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#1890ff,#722ed1);border-radius:2px}.section-description{text-align:center;font-size:1.2rem;color:#000000a6;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.category-grid,.features-grid{margin-top:2rem}.category-card,.feature-card{height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:16px;overflow:hidden;border:none;background:#fff;box-shadow:0 4px 15px #00000014}.category-card:hover,.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 30px #1890ff33}.card-icon{font-size:3.5rem;padding:3.5rem 2.5rem;text-align:center;position:relative;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;min-height:180px;display:flex;align-items:center;justify-content:center}.card-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00000080,#0000004d);z-index:1}.card-icon .anticon{color:#fff;transition:all .3s ease;position:relative;z-index:2;font-size:3.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.category-card:hover .card-icon .anticon{transform:scale(1.1);color:#fff}.category-card-1 .card-icon{background-image:url(https://images.unsplash.com/photo-1518770660439-4636190af475?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80)}.category-card-2 .card-icon{background-image:url(https://images.unsplash.com/photo-1516321318423-f06f85e504b3?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80)}.category-card-3 .card-icon{background-image:url(https://images.unsplash.com/photo-1534972195531-d756b9bfa9f2?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80)}.category-card-4 .card-icon{background-image:url(https://images.unsplash.com/photo-1509228627152-72ae9ae6848d?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80)}.category-card-1:hover .card-icon,.category-card-2:hover .card-icon,.category-card-3:hover .card-icon,.category-card-4:hover .card-icon{background-size:110% 110%;transition:background-size .6s ease}.ant-card-meta-title{font-size:1.3rem!important;margin-bottom:.8rem!important;color:#262626;position:relative;z-index:2}.ant-card-meta-description{color:#000000a6;line-height:1.6;font-size:1rem;position:relative;z-index:2}.ant-card-body{padding:24px;position:relative;z-index:2;height:100%;display:flex;flex-direction:column}.ant-card-body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,#fffc,#ffffff4d 80%);z-index:1}.feature-card{height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:16px;overflow:hidden;border:none;background:#fff;box-shadow:0 4px 15px #00000014;position:relative}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#1890ff,#722ed1);transition:all .3s ease}.feature-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #1890ff33}.feature-card:hover:before{height:8px}.feature-icon{font-size:2.5rem;color:#1890ff;margin-bottom:1.5rem;transition:all .3s ease;display:inline-block;background:#f0f7ff;padding:1rem;border-radius:12px}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg);color:#096dd9;background:#e6f7ff}.feature-card:nth-child(1) .feature-icon{color:#1890ff;background:#e6f7ff}.feature-card:nth-child(2) .feature-icon{color:#722ed1;background:#f9f0ff}.feature-card:nth-child(3) .feature-icon{color:#13c2c2;background:#e6fffb}.feature-card:nth-child(4) .feature-icon{color:#52c41a;background:#f6ffed}.feature-card:nth-child(1):before{background:linear-gradient(90deg,#1890ff,#40a9ff)}.feature-card:nth-child(2):before{background:linear-gradient(90deg,#722ed1,#9254de)}.feature-card:nth-child(3):before{background:linear-gradient(90deg,#13c2c2,#36cfc9)}.feature-card:nth-child(4):before{background:linear-gradient(90deg,#52c41a,#73d13d)}.styled-divider{margin:3rem 0 4rem!important;background:linear-gradient(90deg,transparent,rgba(0,0,0,.15),transparent)!important}.recommended-section{margin-bottom:4rem}.recommended-card{padding:1.5rem;transition:all .3s ease;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 4px 15px #0000000f;border:1px solid #f0f0f0;background:#fff}.recommended-card:hover{transform:translateY(-6px);box-shadow:0 12px 25px #0000001a;border-color:#e6f7ff}.recommended-header{display:flex;align-items:center}.recommended-avatar{width:64px!important;height:64px!important;background:linear-gradient(135deg,#f0f7ff,#e6f7ff);display:flex;align-items:center;justify-content:center;border:2px solid #f0f0f0;margin-right:1.5rem;border-radius:16px!important;box-shadow:0 4px 12px #1890ff26}.recommended-avatar .anticon{font-size:1.8rem}.recommended-meta{flex:1}.recommended-meta h4{margin-bottom:.7rem!important;font-size:1.2rem!important;font-weight:600!important;color:#262626;transition:color .3s}.recommended-card:hover .recommended-meta h4{color:#1890ff}.recommended-stats{display:flex;align-items:center;gap:.7rem;font-size:.9rem}.recommended-stats span:first-child{background:#f5f5f5;padding:2px 10px;border-radius:12px;font-weight:500}.cta-section{background:linear-gradient(135deg,#f0f7ff,#e6f7ff);border-radius:20px;padding:3rem;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #1890ff1f;display:flex;align-items:center}.cta-content{flex:1;position:relative;z-index:2}.cta-content h2{color:#262626;margin-bottom:1rem}.cta-content .ant-btn{margin-top:1.5rem;padding:0 2rem;height:42px;font-size:1.1rem;border-radius:21px;box-shadow:0 4px 15px #1890ff4d;display:flex;align-items:center;justify-content:center;line-height:1}.cta-content .ant-btn a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1}.cta-decoration{position:absolute;right:2rem;top:50%;transform:translateY(-50%);font-size:10rem;color:#1890ff1a;animation:float 5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(-15px)}}.ant-btn{display:flex;align-items:center;justify-content:center}.ant-btn a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;line-height:1}@media (max-width: 1200px){.home-container{padding:1.5rem}.hero-section{padding:4rem 1.5rem}.hero-section h1{font-size:3rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 768px){.home-container{padding:.5rem}.hero-section{padding:2.5rem 1rem;margin-bottom:2.5rem}.hero-section h1{font-size:2.2rem;line-height:1.3;margin-bottom:1rem}.hero-section p{font-size:1rem;margin-bottom:1.2rem;line-height:1.5}.hero-buttons{margin-top:1.5rem}.hero-buttons .ant-space{width:100%;flex-direction:column}.hero-buttons .ant-space-item{width:100%}.hero-buttons .ant-btn{width:auto;max-width:280px;margin:0 auto 1rem;padding:0 2rem;height:44px;font-size:1.1rem;display:flex;align-items:center;justify-content:center;line-height:1}.hero-buttons .ant-btn a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1}.section{margin-bottom:3rem}.section-title{font-size:1.8rem!important;margin-bottom:1rem}.section-description{font-size:1rem;padding:0 1rem}.features-grid{grid-template-columns:1fr;gap:1rem}.ant-card{margin-bottom:1rem}.ant-card-meta-title{font-size:1.1rem!important}.ant-card-meta-description{font-size:.9rem}.stats-section{padding:1.2rem .8rem;margin:-1.5rem auto 2.5rem;transform:translateY(-15px);max-width:95%}.stats-section .ant-statistic-content{font-size:1.6rem}.stat-title{font-size:.85rem}.stats-section .ant-col{text-align:center;margin-bottom:.5rem}.cta-section{padding:2rem 1.5rem;text-align:center}.cta-decoration{display:none}}@media (max-width: 480px){.home-container{padding:.25rem}.hero-section{padding:2rem .8rem;margin-bottom:1.5rem}.hero-section h1{font-size:1.8rem;line-height:1.2;margin-bottom:.8rem}.hero-section p{font-size:.9rem;margin-bottom:1rem;line-height:1.4;padding:0 .5rem}.hero-buttons{margin-top:1.2rem}.hero-buttons .ant-btn{width:auto;max-width:240px;height:42px;font-size:1rem;padding:0 1.5rem;display:flex;align-items:center;justify-content:center;line-height:1;margin:0 auto .8rem;border-radius:21px}.hero-buttons .ant-btn a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1}.section-title{font-size:1.5rem!important}.section-description{font-size:.9rem;padding:0 .5rem}.stats-section{padding:1rem .5rem;transform:translateY(-10px);margin:-1rem auto 2rem;max-width:98%}.stats-section .ant-statistic-content{font-size:1.4rem}.stat-title{font-size:.8rem}.stats-section .ant-row{margin:0 -8px}.stats-section .ant-col{padding:0 8px;margin-bottom:.8rem}.cta-section{padding:1.2rem .8rem;margin-bottom:1rem}.cta-section h2{font-size:1.3rem!important;margin-bottom:.8rem!important}.cta-section p{font-size:.85rem;line-height:1.4;margin-bottom:1rem!important}.cta-content .ant-btn{height:40px!important;font-size:1rem!important;padding:0 1.5rem!important;margin-top:1rem!important}}.site-footer{margin-top:5rem;padding:3rem 0 1rem;background:#f5f5f5;color:#616161;border-top:1px solid #eaeaea}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-section{margin-bottom:2rem}.footer-section h4{font-size:1.3rem!important;margin-bottom:1.5rem!important;color:#262626;position:relative}.footer-section h4:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background:linear-gradient(90deg,#1890ff,#40a9ff);border-radius:3px}.footer-section p{line-height:1.8;color:#595959}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.8rem}.footer-links a{color:#595959;transition:color .3s}.footer-links a:hover{color:#1890ff}.footer-contact p{margin-bottom:.8rem;display:flex;align-items:center}.footer-contact .anticon{margin-right:10px;font-size:1.1rem}.footer-social{margin-top:1.5rem;display:flex;gap:1rem}.footer-social a{color:#595959;font-size:1.5rem;transition:all .3s}.footer-social a:hover{color:#1890ff;transform:translateY(-3px)}.footer-bottom{max-width:1200px;margin:0 auto;padding:1.5rem 2rem 0;border-top:1px solid #e8e8e8;text-align:center;font-size:.9rem;color:#8c8c8c}.footer-bottom p{margin-bottom:.5rem}.footer-bottom a{color:#8c8c8c;transition:color .3s}.footer-bottom a:hover{color:#1890ff}@media (max-width: 768px){.site-footer{padding:2rem 0 1rem}.footer-content{padding:0 1.5rem}.footer-section h4{font-size:1.1rem!important}.footer-bottom{padding:1rem 1.5rem 0}}.app-layout{min-height:100vh}.app-header{display:flex;align-items:center;padding:0 24px;background:#07716d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.1);position:fixed;top:0;left:0;right:0;z-index:1000;height:3rem}.logo{display:flex;align-items:center;margin-right:3rem}.logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin-right:8px}.logo span{color:#fff;font-size:18px;font-weight:500}.app-header .user-actions{margin-left:24px;color:#fff;display:flex;align-items:center}.app-header .username{color:#fff;margin-right:8px;font-weight:500}.app-header .ant-tag{margin:0 8px}.app-header .ant-space{display:flex;align-items:center}.app-header .anticon{font-size:16px;margin-right:4px}.app-header .ant-menu{background:transparent!important;line-height:3rem;border-bottom:none}.app-header .ant-menu-item{height:3rem;line-height:3rem;color:#fff!important}.app-header .ant-menu-item:hover{color:#fff!important;background:#ffffff14}.app-header .ant-menu-item-selected{background:#ffffff26!important}.app-content{margin-top:3rem;padding:0;min-height:calc(100vh - 3rem)}.app-footer{text-align:center;padding:12px;background:#fff}.mobile-menu-button{margin-left:auto;color:#fff!important;font-size:18px}.mobile-menu-button .anticon{margin-right:0;font-size:18px}.mobile-user-info{padding:16px;border-bottom:1px solid #f0f0f0}.mobile-user-authenticated{display:flex;align-items:center;padding:8px 0}.mobile-user-icon{font-size:20px;background:#1890ff;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px}.mobile-username{font-size:16px;font-weight:500}.mobile-logout{padding:16px;border-top:1px solid #f0f0f0}@media (max-width: 768px){.app-header{flex-direction:row;padding:0 16px;justify-content:space-between;height:56px}.app-header .logo{margin-right:0}.app-header .user-actions{margin-left:0;width:auto}.app-header .ant-menu{display:none}.app-content{padding:0;margin-top:56px}.ant-card-body{padding:16px}.ant-form-item{margin-bottom:16px}.ant-list-item{padding:12px}.ant-table-wrapper,.table-responsive{width:100%;overflow-x:auto}.ant-tabs-nav .ant-tabs-tab{padding:8px 12px;margin:0 4px 0 0}.ant-modal{width:90%!important;margin:0 auto}.ant-dropdown-menu{max-width:90vw}.ant-statistic-title{font-size:12px}.ant-statistic-content{font-size:20px}.ant-btn{padding:4px 12px;height:auto;font-size:14px}}.app-menu{flex:1;min-width:0;border-bottom:none;background:transparent}.header-right{display:flex;align-items:center;margin-left:16px}.user-dropdown{color:#ffffffd9;cursor:pointer;padding:0 12px;transition:all .3s;height:100%;display:flex;align-items:center}.user-dropdown:hover{color:#1890ff}.user-dropdown .anticon{font-size:16px;margin-right:8px}.login-button{color:#ffffffd9!important}.login-button:hover{color:#1890ff!important}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:transparent}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:transparent}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 768px){body{font-size:14px}h1{font-size:2.4em}h2{font-size:1.8em}h3{font-size:1.4em}button{padding:.5em 1em;font-size:.9em}a,button,input,select,.ant-btn{min-height:40px;min-width:40px}input,select,textarea{font-size:16px}img,pre,code,table{max-width:100%;height:auto;overflow-x:auto}}