.home-container{position:relative;min-height:calc(100vh - 200px);padding:40px 20px;overflow:hidden}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.bg-decoration{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;z-index:-1}.bg-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 20s ease-in-out infinite}.bg-blob-1{width:600px;height:600px;background:linear-gradient(135deg,#667eea,#764ba2);top:-200px;right:-100px;animation-delay:0s}.bg-blob-2{width:500px;height:500px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-150px;left:-100px;animation-delay:-5s}.bg-blob-3{width:400px;height:400px;background:linear-gradient(135deg,#4facfe,#00f2fe);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,10px) scale(1.02)}}.hero-section{text-align:center;margin-bottom:60px;animation:fadeInUp .8s ease-out}.hero-title{font-size:48px;font-weight:700;margin-bottom:16px;letter-spacing:-1px}.title-gradient{background:linear-gradient(135deg,#667eea,#764ba2,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:18px;color:#666;max-width:500px;margin:0 auto;line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto;padding:0 20px;justify-content:center}@media (min-width: 992px){.plans-grid{grid-template-columns:repeat(auto-fit,minmax(320px,380px))}}.plan-card{position:relative;border-radius:24px;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 24px #0000000f,0 1px 2px #0000000a;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:cardFadeIn .6s ease-out backwards;overflow:hidden}.plan-card.featured:after{content:"推荐";position:absolute;top:16px;right:-28px;background:linear-gradient(135deg,#f5576c,#f093fb);color:#fff;font-size:12px;font-weight:600;padding:4px 32px;transform:rotate(45deg);z-index:10;box-shadow:0 2px 8px #00000026}.plan-card.featured{border:2px solid rgba(102,126,234,.3);box-shadow:0 8px 32px #667eea26,0 4px 16px #00000014}.plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;opacity:0;transition:opacity .3s ease}.plan-card:hover:before,.plan-card.hovered:before{opacity:1}.plan-card:hover,.plan-card.hovered{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 60px #0000001f,0 8px 24px #00000014}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;opacity:0;transition:opacity .5s ease;pointer-events:none;filter:blur(60px)}.plan-card:hover .card-glow,.plan-card.hovered .card-glow{opacity:.15}.card-content{position:relative;padding:32px;z-index:1}.plan-icon{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;margin-bottom:24px;box-shadow:0 8px 24px #00000026;transition:transform .3s ease,box-shadow .3s ease}.plan-card:hover .plan-icon,.plan-card.hovered .plan-icon{transform:scale(1.1) rotate(-5deg);box-shadow:0 12px 32px #0003}.plan-name{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:8px;letter-spacing:-.5px}.plan-description{font-size:14px;color:#666;margin-bottom:24px;min-height:40px;line-height:1.5}.price-section{display:flex;align-items:baseline;margin-bottom:24px}.currency{font-size:20px;font-weight:600;color:#333;margin-right:2px}.price-value{font-size:48px;font-weight:700;color:#1a1a1a;letter-spacing:-2px;line-height:1}.price-period{font-size:14px;color:#999;margin-left:4px}.features-list{list-style:none;padding:0;margin:0 0 28px}.feature-item{display:flex;align-items:center;padding:10px 0;font-size:14px;color:#555;border-bottom:1px solid rgba(0,0,0,.05);transition:transform .2s ease}.feature-item:last-child{border-bottom:none}.plan-card:hover .feature-item{transform:translate(4px)}.feature-icon{color:#52c41a;margin-right:12px;font-size:14px}.subscribe-btn{width:100%;height:52px;font-size:16px;font-weight:600;border-radius:14px;transition:all .3s ease;box-shadow:0 4px 16px #00000026}.subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003;filter:brightness(1.1)}.subscribe-btn:active{transform:translateY(0)}.empty-state{text-align:center;padding:80px 20px;color:#999;font-size:16px}@media (max-width: 768px){.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.plans-grid{grid-template-columns:1fr;padding:0 16px;gap:20px}.card-content{padding:24px}.price-value{font-size:40px}.plan-icon{width:56px;height:56px;font-size:24px}.plan-name{font-size:20px}.bg-blob{filter:blur(60px);opacity:.3}.bg-blob-1{width:300px;height:300px}.bg-blob-2{width:250px;height:250px}.bg-blob-3{width:200px;height:200px}.plan-card.featured:after{top:12px;right:-32px;font-size:11px;padding:3px 28px}}@media (min-width: 769px) and (max-width: 991px){.plans-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (prefers-color-scheme: dark){.plan-card{background:#1e1e1ecc;border-color:#ffffff1a}.plan-name{color:#fff}.plan-description{color:#aaa}.currency,.price-value{color:#fff}.price-period{color:#888}.feature-item{color:#ccc;border-color:#ffffff0d}.hero-subtitle{color:#aaa}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}