.header{position:sticky;top:0;z-index:100;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #E5E7EB}.header .container{height:64px}.header-content{display:flex;align-items:center;justify-content:space-between;height:64px}.header-logo{display:flex;align-items:center;gap:12px;cursor:pointer}.header-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 40px #8b5cf64d}.header-logo-text{font-size:20px;font-weight:700;color:#1f2937}.header-nav-auth{display:flex;align-items:center;gap:24px}@media(max-width:768px){.header-nav-auth{display:none}}.header-nav{display:flex;gap:24px;margin-right:32px}.header-nav-link{font-size:14px;font-weight:500;color:#1f2937;transition:color .15s ease}.header-nav-link:hover{color:#8b5cf6}.header-nav-link-muted{color:#6b7280}.header-nav-link-muted:hover{color:#1f2937}.header-auth{display:none;gap:8px}@media(min-width:768px){.header-auth{display:flex}}.header-mobile-toggle{display:flex;padding:8px;border-radius:8px;color:#1f2937;transition:background .15s ease}.header-mobile-toggle:hover{background:#8b5cf61a}@media(min-width:768px){.header-mobile-toggle{display:none}}.header-mobile-menu{padding:16px 0 24px;border-top:1px solid #E5E7EB}@media(min-width:768px){.header-mobile-menu{display:none}}.header-mobile-nav-auth{display:flex;flex-direction:column;gap:24px}.header-mobile-nav{display:flex;flex-direction:column;gap:4px}.header-mobile-link{padding:8px 16px;font-size:15px;color:#1f2937;border-radius:8px;transition:background .15s ease}.header-mobile-link:hover{background:#8b5cf61a}.header-mobile-auth{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #E5E7EB}.header-mobile-auth .btn{width:100%;justify-content:center}.user-menu{position:relative;display:inline-block}.user-menu .user-menu-trigger{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid #E5E7EB;border-radius:12px;cursor:pointer;transition:all .15s ease;font-size:14px;color:#1f2937}.user-menu .user-menu-trigger:hover{background:#8b5cf61a;border-color:#8b5cf6}.user-menu .user-menu-trigger .user-menu-name{font-weight:500;white-space:nowrap}.user-menu .user-menu-dropdown{position:absolute;right:0;top:100%;margin-top:8px;min-width:160px;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;border:1px solid #E5E7EB;overflow:hidden;z-index:1000;padding:4px 0}.user-menu .user-menu-dropdown .user-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;background:transparent;border:none;font-size:14px;color:#1f2937;text-align:left;cursor:pointer;transition:all .15s ease}.user-menu .user-menu-dropdown .user-menu-item:hover{background:#8b5cf61a}.user-menu .user-menu-dropdown .user-menu-item svg{flex-shrink:0;opacity:.8}.user-menu .user-menu-dropdown .user-menu-item.user-menu-logout{color:#1f2937;font-weight:500}.user-menu .user-menu-dropdown .user-menu-item.user-menu-logout:hover{background:#ef44441a;color:#ef4444}.user-menu .user-menu-dropdown .user-menu-divider{height:1px;background:#e5e7eb;margin:4px 0}.user-avatar-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.notification-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid #E5E7EB;border-radius:50%;cursor:pointer;transition:all .15s ease;color:#6b7280}.notification-btn:hover{background:#8b5cf61a;border-color:#8b5cf6;color:#8b5cf6}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;color:#fff;background:#ef4444;border-radius:8px;display:flex;align-items:center;justify-content:center;animation:badge-pulse 2s ease-in-out infinite}.unread-badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;color:#fff;background:#ef4444;border-radius:8px;display:flex;align-items:center;justify-content:center;animation:badge-pulse 2s ease-in-out infinite}.menu-unread-badge{margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600;color:#fff;background:#ef4444;border-radius:10px}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.captcha-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;height:36px;font-size:13px;font-weight:500;color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.input-wrapper .captcha-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.captcha-btn:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.1)}.captcha-btn:disabled{opacity:.5;cursor:not-allowed}.captcha-btn-loading{display:inline-flex;animation:spin 1s linear infinite}#aliyun-captcha-element,[id^="1s10zb-captcha-element"]{position:absolute;top:50%;right:8px;transform:translateY(-50%);z-index:100;width:300px}.input-wrapper #aliyun-captcha-element,.input-wrapper [id^="1s10zb-captcha-element"]{transform:none;top:0;right:0;left:auto}.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-modal-card{width:100%;max-width:440px;perspective:1000px;position:relative}.auth-modal-face{width:100%;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 0 0 1px #8b5cf60d,0 4px 24px #8b5cf614;padding:32px;position:relative;backface-visibility:hidden;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}@media(min-width:640px){.auth-modal-face{padding:48px}}.auth-modal-face--front{transform:rotateY(0)}.auth-modal-face--back{position:absolute;top:0;left:0;transform:rotateY(180deg)}.auth-modal-card.flipped .auth-modal-face--front{transform:rotateY(-180deg)}.auth-modal-card.flipped .auth-modal-face--back{transform:rotateY(0)}.auth-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#6b7280;transition:all .15s ease;z-index:10}.auth-modal-close:hover{background:#8b5cf61a;color:#8b5cf6}.auth-error{padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;color:#ef4444;font-size:14px;text-align:center}.auth-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:12px;color:#22c55e;font-size:14px;text-align:center;padding:12px}.auth-hint{text-align:center;font-size:12px;color:#9ca3af;margin-top:8px}.auth-link{color:#8b5cf6;font-weight:500;background:none;border:none;padding:0;cursor:pointer;font-size:inherit}.animate-spin{display:inline-flex;animation:spin 1s linear infinite;margin-right:4px}.home-page{position:relative;min-height:100vh;background:#fafafa}.home-page .page-identifier{position:fixed;top:20px;left:20px;padding:6px 16px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #E5E7EB;border-radius:9999px;font-size:12px;font-weight:600;color:#6b7280;z-index:1000;opacity:.6;transition:all .3s ease;pointer-events:none}.home-page .page-identifier:hover{opacity:1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.home-page .page-identifier-home{color:#8b5cf6;background:#8b5cf61a;border-color:#8b5cf633}.home-page .hero{position:relative;min-height:85vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:64px 0}.home-page .hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.home-page .hero-bg-blur{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.home-page .hero-bg-blur-1{top:20%;left:-10%;width:400px;height:400px;background:#8b5cf6;opacity:.15;animation:float 6s ease-in-out infinite}.home-page .hero-bg-blur-2{bottom:20%;right:-10%;width:500px;height:500px;background:#8b5cf6;opacity:.1;animation:float 6s ease-in-out infinite;animation-delay:2s}.home-page .hero-bg-blur-3{top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);opacity:.6}.home-page .hero-content{position:relative;z-index:10;text-align:center}.home-page .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:9999px;font-size:14px;font-weight:500;color:#8b5cf6;margin-bottom:24px}.home-page .hero-title{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:24px}@media(min-width:768px){.home-page .hero-title{font-size:72px}}.home-page .hero-description{font-size:18px;color:#6b7280;max-width:600px;margin:0 auto 32px;line-height:1.8}@media(min-width:768px){.home-page .hero-description{font-size:20px}}.home-page .hero-actions{display:flex;flex-direction:column;gap:16px;justify-content:center;margin-bottom:64px}@media(min-width:640px){.home-page .hero-actions{flex-direction:row}}.home-page .hero-stats{display:flex;justify-content:center;gap:64px}.home-page .hero-stat{text-align:center}.home-page .hero-stat-value{display:block;font-size:32px;font-weight:700}.home-page .hero-stat-label{font-size:14px;color:#9ca3af}.home-page .features{padding:64px 0;background:linear-gradient(180deg,#fafafa,#8b5cf60d)}.home-page .features-header{text-align:center;margin-bottom:64px}.home-page .features-title{font-size:36px;font-weight:700;margin-bottom:16px}@media(min-width:768px){.home-page .features-title{font-size:42px}}.home-page .features-subtitle{font-size:16px;color:#6b7280;max-width:500px;margin:0 auto}.home-page .features-grid{display:grid;grid-template-columns:1fr;gap:24px;max-width:1000px;margin:0 auto}@media(min-width:768px){.home-page .features-grid{grid-template-columns:repeat(3,1fr)}}.home-page .features-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 0 0 1px #8b5cf60d,0 4px 24px #8b5cf614;transition:all .3s ease;text-align:center}.home-page .features-card:hover{box-shadow:0 0 40px #8b5cf64d;transform:translateY(-4px)}.home-page .features-card:hover .features-card-icon{transform:scale(1.1)}.home-page .features-card-icon{width:56px;height:56px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 24px;transition:transform .2s ease}.home-page .features-card-title{font-size:20px;font-weight:600;margin-bottom:8px}.home-page .features-card-desc{font-size:14px;color:#6b7280;line-height:1.7}.home-page .cta{position:relative;padding:64px 0;overflow:hidden}.home-page .cta-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.home-page .cta-bg-blur{position:absolute;border-radius:50%;filter:blur(100px)}.home-page .cta-bg-blur-1{top:0;left:25%;width:300px;height:300px;background:#8b5cf6;opacity:.2}.home-page .cta-bg-blur-2{bottom:0;right:25%;width:400px;height:400px;background:#8b5cf6;opacity:.1}.home-page .cta-content{position:relative;z-index:10;text-align:center}.home-page .cta-title{font-size:32px;font-weight:700;margin-bottom:16px}@media(min-width:768px){.home-page .cta-title{font-size:42px}}.home-page .cta-subtitle{font-size:16px;color:#6b7280;margin-bottom:32px}.home-page .cta-actions{display:flex;flex-direction:column;gap:16px;justify-content:center}@media(min-width:640px){.home-page .cta-actions{flex-direction:row}}.home-page .footer{padding:32px 0;border-top:1px solid #E5E7EB}.home-page .footer-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.home-page .footer-copyright{font-size:15px;color:#9ca3af;margin:0}.home-page .footer-links{display:flex;align-items:center;gap:12px;font-size:14px;flex-wrap:wrap;justify-content:center}.home-page .footer-links a{color:#9ca3af;text-decoration:none;transition:color .2s ease}.home-page .footer-links a:hover{color:#8b5cf6;text-decoration:underline}.home-page .footer-links .divider{color:#d1d5db}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.auth-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.auth-bg-blur{position:absolute;border-radius:50%;filter:blur(100px)}.auth-bg-blur-1{top:20%;left:-15%;width:400px;height:400px;background:#8b5cf6;opacity:.1;animation:float 6s ease-in-out infinite}.auth-bg-blur-2{bottom:20%;right:-15%;width:500px;height:500px;background:#8b5cf6;opacity:.08;animation:float 6s ease-in-out infinite;animation-delay:3s}.auth-card{width:100%;max-width:440px;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 0 0 1px #8b5cf60d,0 4px 24px #8b5cf614;padding:32px;position:relative;z-index:10}@media(min-width:640px){.auth-card{padding:48px}}.auth-header{text-align:center;margin-bottom:32px}.auth-icon{width:64px;height:64px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 24px;box-shadow:0 0 40px #8b5cf64d}.auth-title{font-size:24px;font-weight:700;margin-bottom:4px}.auth-subtitle{font-size:14px;color:#6b7280}.auth-form{display:flex;flex-direction:column}.auth-error{padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;color:#ef4444;font-size:14px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;animation:shake .5s ease-in-out}.auth-success{padding:12px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:12px;color:#22c55e;font-size:14px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;animation:fadeIn .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-submit{width:100%;margin-top:8px}.auth-footer{text-align:center;font-size:14px;color:#9ca3af}.auth-link{color:#8b5cf6;font-weight:500}.auth-link:hover{text-decoration:underline}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:14px;font-weight:500;color:#1f2937}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-wrapper.has-error .input{border-color:#ef4444}.input-wrapper.has-error .input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input-icon{display:flex;align-items:center;justify-content:center;height:100%;min-height:40px;padding:0 8px;color:#6b7280;pointer-events:none;flex-shrink:0}.input-icon svg{display:block}.input{width:100%;padding:8px 16px;border:1px solid #E5E7EB;border-radius:12px;font-size:14px;color:#1f2937;background:#fafafa;transition:all .15s ease;outline:none}.input::placeholder{color:#9ca3af}.input:hover{border-color:#d1d5db}.input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.input-with-icon{padding-left:0;border-left:none;border-top-left-radius:0;border-bottom-left-radius:0;flex:1;min-width:0}.input-error{font-size:12px;color:#ef4444;margin-top:-4px}.textarea{width:100%;min-height:120px;padding:8px 16px;border:1px solid #E5E7EB;border-radius:12px;font-size:14px;color:#1f2937;background:#fafafa;transition:all .15s ease;outline:none;resize:vertical;font-family:inherit}.textarea:hover{border-color:#d1d5db}.textarea:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.textarea.has-error{border-color:#ef4444}.textarea.has-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input-group{display:flex;align-items:center;width:100%;height:40px;border:1px solid #E5E7EB;border-radius:12px;background:#fafafa;transition:all .15s ease;overflow:hidden}.input-group:hover{border-color:#d1d5db}.input-group:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.input-group .input-icon{padding:0 16px;height:auto;min-height:auto}.input-group .input{border:none;border-radius:0;padding:0 16px}.input-group .input:focus{box-shadow:none}.profile-page{position:relative;min-height:100vh;background:#f9fafb}.page-identifier{position:fixed;top:20px;left:20px;padding:6px 16px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #E5E7EB;border-radius:9999px;font-size:12px;font-weight:600;color:#6b7280;z-index:1000;opacity:.6;transition:all .3s ease;pointer-events:none}.page-identifier:hover{opacity:1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.page-identifier-profile{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b33}.profile-content{padding:100px 0 60px}.profile-header{text-align:center;margin-bottom:60px}.profile-title{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:8px}.profile-subtitle{font-size:16px;color:#6b7280}.profile-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:32px}.profile-tabs .tab-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:1px solid #E5E7EB;border-radius:8px;background:#fff;color:#6b7280;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.profile-tabs .tab-btn:hover{border-color:#8b5cf6;color:#8b5cf6}.profile-tabs .tab-btn.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.profile-tabs .tab-btn svg{flex-shrink:0}.profile-card{background:#fff;border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d}.profile-card-header{display:flex;align-items:center;gap:20px;margin-bottom:28px}.profile-avatar{position:relative}.profile-avatar-inner{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:600;color:#fff}.profile-card-title{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:4px}.profile-card-desc{font-size:14px;color:#6b7280}.profile-form .profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:640px){.profile-form .profile-form-grid{grid-template-columns:1fr}}.profile-form .profile-form-actions{margin-top:28px;display:flex;justify-content:flex-end}.profile-message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.profile-message.profile-message-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.profile-message.profile-message-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.security-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.logout-all-btn{padding:8px 16px;border:1px solid #E5E7EB;border-radius:6px;background:#fff;color:#6b7280;font-size:13px;cursor:pointer;transition:all .2s}.logout-all-btn:hover{border-color:#ef4444;color:#ef4444}.logout-all-btn:disabled{opacity:.5;cursor:not-allowed}.devices-list{margin-top:20px}.device-card{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #E5E7EB;border-radius:12px;margin-bottom:12px;transition:all .2s}.device-card:hover{border-color:#8b5cf6;background:#8b5cf605}.device-card.current{border-color:#10b981;background:#10b9810d}.device-icon{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f9fafb;border-radius:12px}.device-info{flex:1;min-width:0}.device-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.device-name{font-weight:600;color:#1f2937}.current-badge{font-size:11px;padding:2px 8px;background:#10b981;color:#fff;border-radius:10px}.device-meta{display:flex;gap:16px;font-size:13px;color:#6b7280;margin-bottom:4px}.device-time{font-size:12px;color:#9ca3af}.kick-btn{padding:8px 16px;border:1px solid #EF4444;border-radius:6px;background:#fff;color:#ef4444;font-size:13px;cursor:pointer;transition:all .2s}.kick-btn:hover{background:#ef4444;color:#fff}.history-list{margin-top:20px}.history-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #E5E7EB}.history-item:last-child{border-bottom:none}.history-item.failed{opacity:.7}.history-icon{font-size:16px}.history-info{flex:1}.history-header{display:flex;align-items:center;gap:12px;margin-bottom:4px;flex-wrap:wrap}.login-type{font-weight:500;color:#1f2937}.platform{font-size:12px;padding:2px 8px;background:#f9fafb;border-radius:4px;color:#6b7280}.time{font-size:13px;color:#9ca3af}.history-meta{display:flex;gap:16px;font-size:12px;color:#9ca3af}.account-actions{margin-top:16px}.account-action-item{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #E5E7EB;border-radius:12px;background:#fff;transition:all .15s ease}.account-action-item:hover{border-color:#8b5cf6;box-shadow:0 1px 2px #0000000d}.account-action-item .action-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#8b5cf61a;border-radius:9999px;color:#8b5cf6}.account-action-item .action-content{flex:1}.account-action-item .action-content h3{font-size:15px;font-weight:500;color:#1f2937;margin-bottom:4px}.account-action-item .action-content p{font-size:13px;color:#6b7280;line-height:1.4}.account-action-item .btn-outline{flex-shrink:0;padding:8px 16px;border:1px solid #E5E7EB;border-radius:12px;background:transparent;color:#1f2937;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.account-action-item .btn-outline:hover{border-color:#8b5cf6;background:#8b5cf61a;color:#8b5cf6}.loading,.empty{text-align:center;padding:40px;color:#6b7280;font-size:14px}.profile-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:#8b5cf6}.feedback-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.feedback-status{font-size:12px;padding:3px 10px;border-radius:12px;font-weight:500}.feedback-status.status-open{background:#dbeafe;color:#1d4ed8}.feedback-status.status-pending{background:#fef3c7;color:#b45309}.feedback-status.status-closed{background:#d1fae5;color:#047857}.feedback-type{font-size:12px;padding:3px 10px;border-radius:12px;background:#f9fafb;color:#6b7280}.feedback-form{margin-bottom:24px;padding:20px;background:#f9fafb;border-radius:12px}.feedback-form .form-group{margin-bottom:16px}.feedback-form .form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#1f2937}.feedback-form .form-group select{width:100%;padding:10px 14px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.feedback-form .form-group select:focus{outline:none;border-color:#8b5cf6}.feedback-form .form-actions{display:flex;justify-content:flex-end;margin-top:16px}.feedback-list{display:flex;flex-direction:column;gap:12px}.feedback-item{padding:16px;border:1px solid #E5E7EB;border-radius:12px;cursor:pointer;transition:all .2s}.feedback-item:hover{border-color:#8b5cf6;background:#8b5cf605}.feedback-item.has-unread{border-color:#8b5cf64d;background:#8b5cf605}.feedback-item.has-unread .feedback-title{font-weight:700}.feedback-item-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.unread-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse 2s ease-in-out infinite}.unread-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:8px;font-size:11px;font-weight:600;color:#fff;background:#ef4444;border-radius:9px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.feedback-title{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:6px;display:flex;align-items:center}.feedback-preview{font-size:14px;color:#6b7280;line-height:1.5;margin-bottom:8px}.feedback-meta{display:flex;gap:16px;font-size:12px;color:#9ca3af}.feedback-meta .reply-count{color:#8b5cf6;font-weight:500}.feedback-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.feedback-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:80vh;overflow-y:auto}.feedback-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #E5E7EB;position:sticky;top:0;background:#fff}.feedback-modal .modal-header h2{font-size:18px;font-weight:600;color:#1f2937;margin:0}.feedback-modal .modal-header .close-btn{width:32px;height:32px;border:none;background:#f9fafb;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.feedback-modal .modal-header .close-btn:hover{background:#e5e7eb;color:#1f2937}.feedback-modal .modal-body{padding:24px}.feedback-detail-meta{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.feedback-time{font-size:13px;color:#9ca3af}.feedback-content{padding:16px;background:#f9fafb;border-radius:12px;font-size:14px;line-height:1.7;color:#1f2937;white-space:pre-wrap}.replies-section{margin-top:24px}.replies-section h3{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:16px}.replies-list{display:flex;flex-direction:column;gap:12px}.reply-item{padding:14px;border-radius:12px;border:1px solid #E5E7EB}.reply-item.admin-reply{background:#8b5cf60d;border-color:#8b5cf633}.reply-item.user-reply{background:#f9fafb}.reply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.reply-author{font-size:13px;font-weight:600;color:#1f2937}.reply-time{font-size:12px;color:#9ca3af}.reply-content{font-size:14px;line-height:1.6;color:#1f2937;white-space:pre-wrap}.reply-form{margin-top:24px}.reply-form textarea{width:100%;min-height:100px;padding:12px;border:1px solid #E5E7EB;border-radius:12px;font-size:14px;resize:vertical;font-family:inherit}.reply-form textarea:focus{outline:none;border-color:#8b5cf6}.reply-form .btn{margin-top:12px}.feedback-closed-notice{margin-top:24px;padding:16px;text-align:center;background:#f9fafb;border-radius:12px;color:#6b7280;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn.btn-primary{background:#8b5cf6;color:#fff}.btn.btn-primary:hover{background:#692cf3}.btn.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn.btn-secondary{background:#fff;color:#1f2937;border:1px solid #E5E7EB}.btn.btn-secondary:hover{background:#f9fafb;border-color:#6b7280}.btn.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #E5E7EB;position:sticky;top:0;background:#fff;border-radius:16px 16px 0 0}.modal-content .modal-header h2{font-size:18px;font-weight:600;color:#1f2937;margin:0}.modal-content .modal-header .close-btn{width:32px;height:32px;border:none;background:#f9fafb;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.modal-content .modal-header .close-btn:hover{background:#e5e7eb;color:#1f2937}.modal-content .modal-body{padding:24px}.form-group:last-child{margin-bottom:0}.form-group .form-control{width:100%;padding:12px 16px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;transition:all .2s;background:#fff}.form-group .form-control:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-group .form-control:disabled{background:#f9fafb;cursor:not-allowed}.form-group .form-control.invalid{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group .form-error{margin-top:6px;font-size:12px;color:#ef4444}.form-group .input-with-button{display:flex;gap:12px;align-items:flex-start}.form-group .input-with-button .form-control{flex:1;margin-bottom:0}.form-group .input-with-button .btn{flex-shrink:0;height:46px;align-self:flex-start}.form-group .input-with-button .btn.btn-sm{padding:12px 16px;font-size:13px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;padding-bottom:8px;border-top:1px solid #E5E7EB}.modal-footer .btn{min-width:80px;padding:10px 20px}.modal-footer .btn.btn-secondary{background:#fff;color:#1f2937;border:1px solid #E5E7EB}.modal-footer .btn.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#6b7280}.modal-footer .btn.btn-primary{background:#8b5cf6;color:#fff}.modal-footer .btn.btn-primary:hover:not(:disabled){background:#7c3aed}.modal-footer .btn:disabled{opacity:.6;cursor:not-allowed}.download-page{position:relative;min-height:100vh;background:#fafafa}.download-page .download-hero{position:relative;padding:32px 0;background:linear-gradient(180deg,rgba(99,102,241,.1) 0%,transparent 100%)}.download-page .download-hero .hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.download-page .download-hero .hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(99,102,241,.05) 0%,transparent 100%)}.download-page .download-hero .hero-dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(99,102,241,.08) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black,transparent);mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black,transparent)}.download-page .download-hero .hero-content{position:relative;z-index:10;max-width:720px;margin:0 auto;text-align:center}.download-page .hero-title{font-size:30px;font-weight:700;margin-bottom:16px;line-height:1.2}@media(min-width:768px){.download-page .hero-title{font-size:36px}}.download-page .hero-title .highlight{display:block;background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.download-page .hero-subtitle{font-size:16px;color:#6b7280;max-width:600px;margin:0 auto 24px;line-height:1.6}.download-page .detect-hint{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:9999px;font-size:13px;font-weight:500;color:#8b5cf6;margin-top:16px}.download-page .detect-hint .hint-dot{width:6px;height:6px;background:#8b5cf6;border-radius:50%;animation:pulse 2s infinite}.download-page .detect-hint .hint-link{color:#8b5cf6;text-decoration:none;font-weight:600;transition:all .2s ease}.download-page .detect-hint .hint-link:hover{opacity:.8}.download-page .platforms-section{padding:32px 0}.download-page .platforms-section .section-container{max-width:1200px;margin:0 auto;padding:0 24px}.download-page .section-header{text-align:center;margin-bottom:48px}.download-page .section-header h2{font-size:24px;font-weight:700;margin-bottom:8px}.download-page .section-header p{font-size:16px;color:#6b7280}.download-page .platforms-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:640px){.download-page .platforms-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.download-page .platforms-grid{grid-template-columns:repeat(4,1fr)}}.download-page .platform-card{display:flex;flex-direction:column;align-items:center;padding:48px 24px;background:#fff;border:1px solid #E5E7EB;border-radius:16px;text-align:center;transition:all .3s ease;height:100%;cursor:pointer}.download-page .platform-card:hover{border-color:#8b5cf6;box-shadow:0 12px 32px #6366f126;transform:translateY(-8px)}.download-page .platform-card.active{border-color:#8b5cf6;box-shadow:0 12px 32px #6366f133;background:#8b5cf61a}.download-page .card-icon{margin-bottom:24px}.download-page .card-icon svg{width:48px;height:48px;color:#8b5cf6}.download-page .card-title{font-size:18px;font-weight:600;margin-bottom:16px;color:#1f2937}.download-page .card-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;margin-bottom:16px}.download-page .card-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 32px;background:#8b5cf6;color:#fff;border-radius:9999px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s ease}.download-page .card-btn:hover{background:#7c3aed;transform:scale(1.05)}.download-page .card-btn.primary{background:#8b5cf6}.download-page .cta-section{padding:48px 0;background:linear-gradient(180deg,transparent 0%,rgba(99,102,241,.05) 100%)}.download-page .cta-container{max-width:800px;margin:0 auto;padding:0 24px}.download-page .cta-content{text-align:center;padding:48px;background:#fff;border-radius:24px;box-shadow:0 4px 24px #0000000d}.download-page .cta-content h2{font-size:24px;font-weight:700;margin-bottom:16px;color:#1f2937}.download-page .cta-content p{font-size:16px;color:#6b7280;margin-bottom:32px}.download-page .cta-btn{display:inline-flex;align-items:center;gap:8px;padding:16px 48px;background:#8b5cf6;color:#fff;border-radius:9999px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease}.download-page .cta-btn:hover{background:#7c3aed;transform:translateY(-2px);box-shadow:0 8px 24px #6366f14d}.download-page .cta-btn .cta-arrow{transition:transform .3s ease}.download-page .cta-btn:hover .cta-arrow{transform:translate(4px)}.about-page{position:relative;min-height:100vh;background:#fafafa;overflow-x:hidden}.about-page .hero{position:relative;min-height:85vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:64px 0}.about-page .hero .hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.about-page .hero .hero-bg .hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(139,92,246,.05) 0%,transparent 100%)}.about-page .hero .hero-bg .hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(139,92,246,.08) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black,transparent);mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black,transparent)}.about-page .hero .hero-bg .hero-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.about-page .hero .hero-content{position:relative;z-index:10;text-align:center}.about-page .hero .hero-content .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:9999px;font-size:14px;font-weight:500;color:#8b5cf6;margin-bottom:24px}.about-page .hero .hero-content .hero-badge .badge-dot{width:6px;height:6px;background:#8b5cf6;border-radius:50%;animation:pulse 2s infinite}.about-page .hero .hero-content .hero-title{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:24px}@media(min-width:768px){.about-page .hero .hero-content .hero-title{font-size:72px}}.about-page .hero .hero-content .hero-subtitle{font-size:18px;color:#6b7280;max-width:600px;margin:0 auto 32px;line-height:1.8}@media(min-width:768px){.about-page .hero .hero-content .hero-subtitle{font-size:20px}}.about-page .hero .hero-content .hero-cta{display:flex;flex-direction:column;gap:16px;justify-content:center}@media(min-width:640px){.about-page .hero .hero-content .hero-cta{flex-direction:row}}.about-page .hero .hero-content .hero-cta .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:#8b5cf6;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.about-page .hero .hero-content .hero-cta .btn-primary:hover{background:#7c3aed;transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf64d}.about-page .hero .hero-content .hero-cta .btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;background:transparent;color:#1f2937;border:1px solid #E5E7EB;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.about-page .hero .hero-content .hero-cta .btn-secondary:hover{border-color:#8b5cf6;color:#8b5cf6;background:#8b5cf61a}.about-page .story{padding:64px 0}.about-page .story .story-container{max-width:1200px;margin:0 auto}.about-page .story .story-container .story-label{text-align:center;margin-bottom:48px}.about-page .story .story-container .story-label span{font-size:13px;font-weight:600;color:#6b7280;letter-spacing:2px}.about-page .story .story-container .story-label .label-line{width:40px;height:2px;background:#8b5cf6;margin:8px auto 0}.about-page .story .story-container .story-content{text-align:center;max-width:800px;margin:0 auto}.about-page .story .story-container .story-content .story-main .story-title{font-size:24px;font-weight:700;line-height:1.3;margin-bottom:24px}.about-page .story .story-container .story-content .story-main .story-title .gradient-text{background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-page .story .story-container .story-content .story-main .story-text p{font-size:14px;color:#6b7280;line-height:1.8;margin-bottom:16px}.about-page .story .story-container .story-content .story-main .story-text p strong{color:#1f2937;font-weight:600}.about-page .story .story-container .story-content .story-main .story-text .story-highlight{padding:16px 24px;background:#8b5cf61a;border-left:3px solid #8B5CF6;border-radius:12px;margin-top:24px}.about-page .story .story-container .story-content .story-main .story-text .story-highlight strong{color:#8b5cf6}.about-page .journey{padding:64px 0;background:linear-gradient(180deg,#1a1a2e,#16213e)}.about-page .journey .journey-container{max-width:800px;margin:0 auto}.about-page .journey .journey-container .journey-header{text-align:center;margin-bottom:48px}.about-page .journey .journey-container .journey-header h2{font-size:24px;font-weight:700;margin-bottom:8px;color:#fff}.about-page .journey .journey-container .journey-header p{font-size:16px;color:#ffffffe6}.about-page .journey .journey-container .timeline{position:relative;padding-left:48px}.about-page .journey .journey-container .timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:#fff3}.about-page .journey .journey-container .timeline .timeline-item{position:relative;margin-bottom:48px}.about-page .journey .journey-container .timeline .timeline-item:last-child{margin-bottom:0}.about-page .journey .journey-container .timeline .timeline-item.future{opacity:.7}.about-page .journey .journey-container .timeline .timeline-item .timeline-dot{position:absolute;left:-48px;top:8px;width:16px;height:16px;border-radius:50%;background:#2d3748;border:3px solid #8B5CF6;z-index:1}.about-page .journey .journey-container .timeline .timeline-item .timeline-content .timeline-year{font-size:13px;font-weight:600;color:#8b5cf6;text-transform:uppercase;letter-spacing:1px}.about-page .journey .journey-container .timeline .timeline-item .timeline-content h4{font-size:18px;font-weight:600;margin:4px 0 8px;color:#fff}.about-page .journey .journey-container .timeline .timeline-item .timeline-content p{font-size:14px;color:#fffc;line-height:1.7}.about-page .about-footer{padding:32px 0;background:#fff;border-top:1px solid #E5E7EB}.about-page .about-footer .footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:16px;align-items:center}@media(min-width:768px){.about-page .about-footer .footer-container{flex-direction:row;justify-content:space-between}}.about-page .about-footer .footer-container .footer-brand{display:flex;align-items:center;gap:8px}.about-page .about-footer .footer-container .footer-brand .brand-logo{width:24px;height:24px;color:#8b5cf6}.about-page .about-footer .footer-container .footer-brand .brand-name{font-size:14px;font-weight:600;color:#1f2937}.about-page .about-footer .footer-container .footer-links{display:flex;gap:24px}.about-page .about-footer .footer-container .footer-links a{font-size:13px;color:#6b7280;text-decoration:none;transition:color .2s ease}.about-page .about-footer .footer-container .footer-links a:hover{color:#8b5cf6}.about-page .about-footer .footer-container .footer-copyright{font-size:12px;color:#9ca3af}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes scrollDown{0%,to{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}}.terms-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:60px 0 40px}.terms-page .container{max-width:800px;margin:0 auto;padding:0 24px}.terms-page .terms-content{background:#fff;border-radius:16px;padding:48px;box-shadow:0 4px 20px #00000014}.terms-page .terms-content h1{font-size:32px;font-weight:700;color:#1e293b;margin-bottom:8px;text-align:center}.terms-page .terms-content .terms-date{text-align:center;color:#64748b;font-size:14px;margin-bottom:40px}.terms-page .terms-content section{margin-bottom:32px}.terms-page .terms-content section:last-child{margin-bottom:0}.terms-page .terms-content section h2{font-size:20px;font-weight:600;color:#1e293b;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.terms-page .terms-content section p{font-size:15px;line-height:1.8;color:#475569;margin-bottom:12px}.terms-page .terms-content section ul{padding-left:24px;margin-bottom:16px}.terms-page .terms-content section ul li{font-size:15px;line-height:1.8;color:#475569;margin-bottom:8px;position:relative}.terms-page .terms-content section ul li::marker{color:#3b82f6}.simple-footer{margin-top:40px;padding:24px 0;text-align:center}.simple-footer .footer-links{margin-bottom:12px}.simple-footer .footer-links a{color:#64748b;font-size:14px;text-decoration:none;transition:color .2s}.simple-footer .footer-links a:hover{color:#3b82f6}.simple-footer .footer-links .divider{color:#cbd5e1;margin:0 12px}.simple-footer .copyright{color:#94a3b8;font-size:13px;margin:0}@media(max-width:768px){.terms-page{padding:40px 0 24px}.terms-page .terms-content{padding:32px 24px}.terms-page .terms-content h1{font-size:24px}.terms-page .terms-content section h2{font-size:18px}.terms-page .terms-content section p,.terms-page .terms-content section ul li{font-size:14px}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Newsreader,serif,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#fafafa;color:#1f2937;line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit;font-size:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}@media(min-width:768px){.container{padding:0 32px}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-float{animation:float 6s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.glass{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;border-radius:12px;transition:all .2s ease;cursor:pointer;border:none;outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a}.btn-primary:hover:not(:disabled){box-shadow:0 0 40px #8b5cf64d;transform:translateY(-1px)}.btn-secondary{background-color:#fff;color:#1f2937;border:1px solid #E5E7EB}.btn-secondary:hover:not(:disabled){background-color:#8b5cf61a;border-color:#8b5cf6;color:#8b5cf6}.btn-ghost{background:transparent;color:#6b7280}.btn-ghost:hover:not(:disabled){background-color:#8b5cf61a;color:#8b5cf6}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#eb1515}.btn-sm{padding:8px 16px;font-size:13px}.btn-lg{padding:16px 32px;font-size:16px;border-radius:16px}.btn-icon{width:48px;height:48px;padding:0}.card{background:#fff;border-radius:16px;box-shadow:0 0 0 1px #8b5cf60d,0 4px 24px #8b5cf614;transition:all .3s ease}.card-header{padding:24px;border-bottom:1px solid #E5E7EB}.card-title{font-size:20px;font-weight:600;color:#1f2937}.card-description{font-size:14px;color:#6b7280;margin-top:4px}.card-content{padding:24px}.card-footer{padding:0 24px 24px}.card:hover{box-shadow:0 0 40px #8b5cf64d}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:500;color:#1f2937;margin-bottom:8px}.input-wrapper{position:relative}.input-wrapper .input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.input-wrapper .input{width:100%;height:48px;padding:0 16px;font-size:15px;color:#1f2937;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:all .2s ease;outline:none}.input-wrapper .input::placeholder{color:#9ca3af}.input-wrapper .input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.input-wrapper .input-with-icon{padding-left:48px}.input-wrapper.error .input{border-color:#ef4444}.input-wrapper.error .input:focus{box-shadow:0 0 0 3px #ef44441a}.input-wrapper .send-code-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:36px;padding:0 16px;font-size:13px;color:#8b5cf6;background:transparent;border:1px solid #8B5CF6;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.input-wrapper .send-code-btn:hover:not(:disabled){background:#8b5cf6;color:#fff}.input-wrapper .send-code-btn:disabled{color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed}.login-mode-switch{display:flex;gap:12px;margin-bottom:20px;padding:6px;background:#fff;border-radius:12px}.login-mode-switch .mode-btn{flex:1;height:40px;font-size:14px;font-weight:500;color:#6b7280;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.login-mode-switch .mode-btn.active{color:#8b5cf6;background:#fff;box-shadow:0 2px 8px #00000014}.login-mode-switch .mode-btn:hover:not(.active){color:#1f2937}.contact-type-switch{display:flex;gap:12px;margin-bottom:16px}.contact-type-switch .type-btn{flex:1;height:36px;font-size:13px;font-weight:500;color:#6b7280;background:#fff;border:1px solid #E5E7EB;border-radius:8px;cursor:pointer;transition:all .2s ease}.contact-type-switch .type-btn.active{color:#8b5cf6;background:#8b5cf61a;border-color:#8b5cf6}.contact-type-switch .type-btn:hover:not(.active){border-color:#8b5cf6;color:#8b5cf6}.textarea{width:100%;min-height:120px;padding:16px;font-size:15px;color:#1f2937;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:all .2s ease;outline:none;resize:vertical}.textarea::placeholder{color:#9ca3af}.textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.error-message{font-size:13px;color:#ef4444;margin-top:4px}.success-message{font-size:13px;color:#10b981;margin-top:4px}