*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#fff;overflow-x:hidden}#root{min-height:100vh;background:#0a0a0a}.app-container{min-height:100vh;padding-bottom:70px;background:#0a0a0a;position:relative}.video-background{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0;overflow:hidden}.bg-video{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0006,#0000004d 40%,#000000b3)}.header-info{position:absolute;top:0;left:0;right:0;padding:60px 20px 20px;z-index:10;color:#fff}.user-name{font-size:32px;font-weight:700;letter-spacing:1px}.user-level{font-size:16px;color:#ffffffd9;margin-top:6px}.location-info{display:flex;align-items:center;gap:6px;font-size:14px;color:#fffc;position:absolute;top:60px;right:20px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) translate(-50%)}40%{transform:translateY(-10px) translate(-50%)}60%{transform:translateY(-5px) translate(-50%)}}.content-section{position:relative;z-index:1;margin-top:40vh}.vehicle-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 15px}.vehicle-card{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;padding:15px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease}.vehicle-card:active{transform:scale(.98);background:#ffffff26}.vehicle-card-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.vehicle-badge{background:#ff6b00;color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600}.vehicle-name{font-size:14px;font-weight:500}.vehicle-image{width:100%;height:60px;background:transparent;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:50px}.action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:0 20px 20px}.action-button{background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:14px 20px;color:#fff;font-size:15px;text-align:center;cursor:pointer;transition:all .3s ease}.action-button:active{transform:scale(.98);background:#ffffff1f}.scroll-content{position:relative;z-index:1;background:#0a0a0a;border-radius:24px 24px 0 0;margin-top:-20px;padding:30px 0;min-height:60vh}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:#0a0a0af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-around;align-items:center;z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:8px 12px;color:#fff9;min-width:60px}.nav-item.active{color:#fff}.nav-label{font-size:15px;font-weight:400;transition:all .3s ease}.nav-item-publish{width:40px;height:40px;background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:300;color:#fff;transition:all .3s ease}.nav-item-publish:active{background:#ffffff40;transform:scale(.95)}.discovery-page{padding:0}.discovery-header{position:sticky;top:0;background:#0a0a0af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.tab-bar{display:flex;gap:20px;overflow-x:auto;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab-item{font-size:16px;color:#fff9;white-space:nowrap;cursor:pointer;padding-bottom:5px;border-bottom:2px solid transparent;transition:all .3s ease}.tab-item.active{color:#fff;border-bottom-color:#00d4ff;font-weight:600}.banner{margin:15px;height:160px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;overflow:hidden;position:relative}.banner-content{position:absolute;top:0;left:0;right:0;bottom:0;padding:20px;display:flex;flex-direction:column;justify-content:center}.banner-title{font-size:28px;font-weight:700;margin-bottom:8px}.banner-subtitle{font-size:14px;color:#ffffffb3}.section-title{font-size:18px;font-weight:600;padding:20px;display:flex;justify-content:space-between;align-items:center}.section-more{font-size:14px;color:#ffffff80;cursor:pointer}.activity-list{display:flex;gap:15px;padding:0 20px;overflow-x:auto;scrollbar-width:none}.activity-list::-webkit-scrollbar{display:none}.activity-card{min-width:260px;background:#1a1a1a;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease}.activity-card:active{transform:scale(.98)}.activity-image{width:100%;height:160px;background:linear-gradient(135deg,#2d2d3a,#1a1a2e);display:flex;align-items:center;justify-content:center;font-size:60px;position:relative}.activity-status{position:absolute;top:10px;left:10px;background:#00d4ffe6;color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.activity-info{padding:15px}.activity-name{font-size:15px;font-weight:600;margin-bottom:8px;line-height:1.4}.activity-meta{font-size:13px;color:#fff9;margin-bottom:4px}.activity-distance{display:flex;align-items:center;gap:4px;font-size:13px;color:#ffffff80;margin-top:8px}.profile-page{padding:20px}.profile-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:20px;background:#1a1a1a;border-radius:16px}.profile-avatar{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#7b2cbf);display:flex;align-items:center;justify-content:center;font-size:32px}.profile-info{flex:1}.profile-name{font-size:20px;font-weight:600;margin-bottom:6px}.profile-level{display:inline-flex;align-items:center;gap:6px;background:#ffffff1a;padding:4px 12px;border-radius:12px;font-size:12px;color:#ffffffb3}.profile-stats{display:flex;gap:20px;margin-top:15px}.stat-item{text-align:center}.stat-value{font-size:18px;font-weight:600}.stat-label{font-size:12px;color:#ffffff80;margin-top:4px}.profile-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.menu-card{background:#1a1a1a;border-radius:12px;padding:15px;cursor:pointer;transition:all .3s ease}.menu-card:active{transform:scale(.98)}.menu-title{font-size:14px;font-weight:600;margin-bottom:6px}.menu-subtitle{font-size:12px;color:#ffffff80}.menu-value{font-size:18px;font-weight:600;margin-top:8px}.assistant-card{background:linear-gradient(135deg,#1a2a3a,#0a1a2a);border-radius:16px;padding:20px;margin-bottom:20px;border:1px solid rgba(0,212,255,.2)}.assistant-content{display:flex;align-items:center;justify-content:space-between}.assistant-text{flex:1}.assistant-title{font-size:16px;font-weight:600;margin-bottom:6px}.assistant-desc{font-size:13px;color:#fff9}.contact-button{background:#00d4ff33;color:#00d4ff;padding:10px 20px;border-radius:20px;font-size:14px;border:none;cursor:pointer}