:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color:#000000d9;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}.layout{min-height:100vh}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000000f;padding:0;height:64px;line-height:64px}.header-content{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;font-size:20px;font-weight:600;color:#1890ff}.logo-text{font-size:20px;font-weight:600}.nav-menu{display:flex;gap:32px}.nav-menu a{color:#000000d9;text-decoration:none;font-size:16px;transition:color .3s}.nav-menu a:hover{color:#1890ff}.hero-section{margin-top:64px;min-height:calc(100vh - 64px);background:linear-gradient(135deg,#1890ff,#096dd9);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 40c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:1}.hero-overlay{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 64px);padding:80px 24px}.hero-content{text-align:center;max-width:800px}.hero-title{color:#fff!important;font-size:64px!important;font-weight:700!important;margin-bottom:16px!important;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-subtitle{color:#fff!important;font-size:32px!important;font-weight:400!important;margin-bottom:24px!important;opacity:.95}.hero-description{color:#fff!important;font-size:18px!important;margin-bottom:48px!important;opacity:.9}.hero-buttons{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.portal-button{height:56px!important;padding:0 48px!important;font-size:18px!important;border-radius:8px!important;font-weight:500!important;box-shadow:0 4px 12px #00000026!important;transition:all .3s!important}.portal-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003!important}.landlord-button{background:#fff!important;color:#1890ff!important;border:2px solid white!important}.landlord-button:hover{background:#ffffffe6!important;color:#096dd9!important}.tenant-button{background:#ffffff26!important;color:#fff!important;border:2px solid white!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tenant-button:hover{background:#ffffff40!important;border-color:#fff!important}.section-container{max-width:1200px;margin:0 auto;padding:80px 24px}.section-title{text-align:center;font-size:40px!important;font-weight:600!important;margin-bottom:16px!important}.section-subtitle{text-align:center;font-size:18px;color:#000000a6}.features-section{background:#f5f5f5}.feature-card{border-radius:12px!important;overflow:hidden;box-shadow:0 2px 8px #00000014!important;transition:all .3s!important}.feature-card:hover{box-shadow:0 8px 24px #0000001f!important;transform:translateY(-4px)}.feature-icon-wrapper{display:flex;align-items:center;justify-content:center;height:180px}.feature-icon{font-size:72px;color:#fff}.feature-card .ant-card-body{padding:32px 24px}.advantages-section{background:#fff}.advantage-item{text-align:center}.advantage-icon{font-size:64px;margin-bottom:24px}.contact-section{background:linear-gradient(135deg,#1890ff,#096dd9);padding:80px 24px;text-align:center}.footer{background:#f5f5f5;text-align:center;padding:32px 24px}@media(max-width:768px){.hero-title{font-size:40px!important}.hero-subtitle{font-size:24px!important}.section-title{font-size:32px!important}.nav-menu{display:none}.portal-button{font-size:16px!important;padding:0 32px!important}}