:root{--bg:#fff;--bg-secondary:#f7f7f7;--bg-card:#fff;--bg-card-hover:#fafafa;--border:#eaeaea;--border-active:#1e2d3d;--text:#5a5a5a;--text-h:#111;--text-bright:#000;--text-muted:#999;--text-dim:#bbb;--accent:#1e2d3d;--accent2:#3a5068;--accent-glow:#1e2d3d14;--shadow:0 1px 3px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-hover:0 8px 32px #00000014;--radius-sm:6px;--radius:10px;--radius-lg:14px;--sans:-apple-system, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Segoe UI", sans-serif;font:15px/1.6 var(--sans);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;margin:0}#root{flex-direction:column;align-items:center;width:100%;max-width:100%;min-height:100vh;padding:0;display:flex}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.hero-section{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{z-index:1;background:linear-gradient(#0003 0%,#00000059 50%,#0009 100%);position:absolute;inset:0}.hero-overlay:after{content:"";opacity:.04;pointer-events:none;background-image:linear-gradient(#ffffff4d 1px,#0000 1px),linear-gradient(90deg,#ffffff4d 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.hero-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:16px;padding:80px 20px;display:flex;position:relative}.hero-badge{letter-spacing:5px;color:#ffffffbf;text-transform:uppercase;border:1px solid #fff3;border-radius:2px;margin-bottom:8px;padding:7px 18px;font-size:11px;font-weight:500}.hero-subtitle{color:#fff9;letter-spacing:2px;margin-top:-6px;font-size:14px;font-weight:400}.hero-stats{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.stat-item{text-align:center;-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-sm);background:#ffffff14;border:1px solid #ffffff1a;min-width:110px;padding:16px 36px;transition:all .35s}.stat-item:hover{background:#ffffff1f;transform:translateY(-2px)}.stat-num{color:#fff;letter-spacing:-1px;font-size:34px;font-weight:300;line-height:1.1}.stat-label{color:#ffffff80;letter-spacing:1.5px;text-transform:uppercase;margin-top:4px;font-size:11px}h1,h2,h3,h4,h5,h6{color:var(--text-h)}h1{letter-spacing:-1px;color:#fff;font-size:56px;font-weight:200}h2{letter-spacing:-.3px;font-size:22px;font-weight:500}h3{letter-spacing:2px;text-transform:uppercase;color:var(--text);margin-bottom:12px;font-size:12px;font-weight:500}p{margin:0;line-height:1.7}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:all .4s;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-hover);border-color:#d5d5d5;border-left-color:var(--accent2);transform:translateY(-2px)}::selection{color:var(--text-h);background:#00000014}@media (width<=768px){h1{font-size:32px}h2{font-size:18px}.hero-content{gap:12px;padding:60px 16px}.hero-badge{letter-spacing:3px;padding:5px 12px;font-size:9px}.hero-subtitle{letter-spacing:1.5px;font-size:11px}.stat-item{min-width:80px;padding:12px 20px}.stat-num{font-size:26px}}.login-page{background:#f7f7f7;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{text-align:center;background:#fff;border:1px solid #eaeaea;border-radius:10px;width:100%;max-width:400px;padding:44px 40px 36px;animation:.6s both fadeUp;box-shadow:0 2px 12px #0000000a}.login-brand{letter-spacing:5px;color:#999;border:1px solid #ddd;border-radius:2px;margin-bottom:18px;padding:6px 16px;font-size:11px;font-weight:500;display:inline-block}.login-title{color:#111;letter-spacing:-.5px;margin:0 0 6px;font-size:28px;font-weight:300}.login-sub{color:#aaa;letter-spacing:1px;margin:0 0 24px;font-size:13px}.auth-tabs{border:1px solid #e0e0e0;border-radius:6px;gap:0;margin-bottom:20px;display:flex;overflow:hidden}.auth-tab{letter-spacing:2px;color:#999;cursor:pointer;background:#fafafa;border:none;flex:1;padding:10px;font-family:inherit;font-size:13px;font-weight:500;transition:all .3s}.auth-tab:first-child{border-right:1px solid #e0e0e0}.auth-tab.active{background:var(--accent);color:#fff}.login-form{text-align:left;flex-direction:column;gap:8px;display:flex}.login-label{color:#888;letter-spacing:1.5px;text-transform:uppercase;margin-top:8px;font-size:11px;font-weight:500}.login-input{color:#111;background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;outline:none;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .3s,box-shadow .3s}.login-input:focus{border-color:#888;box-shadow:0 0 0 3px #0000000a}.login-input::placeholder{color:#ccc}.login-error{color:#c0392b;text-align:center;margin:6px 0 0;font-size:12px}.login-success{color:#27ae60;text-align:center;margin:6px 0 0;font-size:12px}.login-btn{letter-spacing:4px;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:20px;padding:14px;font-family:inherit;font-size:14px;font-weight:500;transition:background .3s,transform .2s}.login-btn:hover{background:#333;transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.auth-divider{color:#bbb;align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e5e5e5;flex:1;height:1px}.guest-btn{letter-spacing:1px;color:#888;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;width:100%;padding:12px;font-family:inherit;font-size:13px;font-weight:400;transition:all .3s}.guest-btn:hover{color:#555;border-color:#aaa}.user-bar{z-index:20;-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #eaeaea;border-left:1px solid #eaeaea;border-radius:0 0 0 8px;align-items:center;gap:12px;padding:10px 20px;font-size:12px;display:flex;position:fixed;top:0;right:0}.user-bar-id{color:#888;letter-spacing:.5px}.user-bar-logout{color:#999;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:4px;padding:3px 10px;font-family:inherit;font-size:11px;transition:all .2s}.user-bar-logout:hover{color:#555;border-color:#aaa}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tab-nav{z-index:10;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#ffffffeb;flex-wrap:wrap;justify-content:center;gap:0;padding:0 20px;display:flex;position:sticky;top:0}.tab-btn{font-family:var(--sans);color:var(--text);cursor:pointer;white-space:nowrap;letter-spacing:.3px;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:15px 22px;font-size:13px;font-weight:400;transition:all .3s}.tab-btn:hover{color:var(--text-h)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}.content-area{flex-direction:column;align-items:center;gap:28px;width:100%;padding:48px 20px 72px;display:flex}.section-title{width:100%;max-width:1040px;margin-top:16px;margin-bottom:-8px;padding-left:2px}.section-title h3{letter-spacing:2.5px;color:var(--text-h);text-transform:uppercase;font-size:12px;font-weight:500}.section-desc{color:var(--text-muted);text-align:center;max-width:560px;margin-bottom:10px;font-size:14px;font-weight:400}.skills-row{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:1040px;animation:.8s .1s both fadeUp;display:grid}.skill-card{text-align:center;padding:32px 10px}.skill-name{color:var(--text-h);margin-bottom:6px;font-size:14px;font-weight:500}.stars{letter-spacing:2px;color:#c8960c;font-size:12px}.skill-badge{color:var(--text);background:#f5f5f5;border-radius:50px;margin-top:6px;padding:2px 10px;font-size:10px;font-weight:500;display:inline-block}.interest-row{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:1040px;animation:.8s .15s both fadeUp;display:grid}.interest-card{align-items:center;gap:16px;padding:26px 30px;display:flex}.interest-info h3{color:var(--text-h);text-transform:none;letter-spacing:0;margin-bottom:6px;font-size:15px;font-weight:600}.interest-info p{color:var(--text);margin:0;font-size:13px}.quotes-card{width:100%;max-width:700px;padding:32px 36px;animation:.8s .2s both fadeUp}.quote{color:var(--text);border-left:2px solid #e0e0e0;margin-bottom:16px;padding:0 0 0 16px;font-size:14px;line-height:1.7;transition:border-color .3s}.quote:last-child{margin-bottom:0}.quote:hover{border-left-color:#333}.quote-q{color:var(--text-h);font-size:13px;font-weight:600}.quote-a{color:var(--text);margin-top:4px;display:block}.drone-grid{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:1040px;animation:.8s .1s both fadeUp;display:grid}.drone-card{text-align:left;padding:28px 32px}.drone-card h3{color:var(--text-h);text-transform:none;letter-spacing:0;margin-bottom:8px;font-size:15px;font-weight:600}.drone-card p{color:var(--text);margin:0;font-size:13px;line-height:1.65}.research-grid{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:1040px;animation:.8s .1s both fadeUp;display:grid}.research-card{text-align:left;align-items:flex-start;gap:0;padding:28px 32px;display:flex}.research-body{flex:1;min-width:0}.research-title{color:var(--text-h);text-transform:none;letter-spacing:0;margin-bottom:6px;font-size:15px;font-weight:600}.research-desc{color:var(--text);margin:0;font-size:13px;line-height:1.65}.model-grid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:1100px;animation:.8s .1s both fadeUp;display:grid}.model-card{text-align:left;flex-direction:column;gap:0;padding:0;display:flex}.model-img{aspect-ratio:16/10;border-radius:var(--radius) var(--radius) 0 0;background:#f5f5f5;width:100%;overflow:hidden}.model-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.model-card:hover .model-img img{transform:scale(1.04)}.model-card .model-header,.model-card .model-name,.model-card .model-desc,.model-card .model-specs{padding-left:30px;padding-right:30px}.model-card .model-header{padding-top:20px}.model-card .model-desc{padding-bottom:4px}.model-card .model-specs{padding-bottom:28px}.model-header{justify-content:space-between;align-items:center;display:flex}.model-brand{align-items:center;gap:10px;display:flex}.model-emoji{display:none}.model-brand-name{color:var(--text-h);letter-spacing:.5px;font-size:12px;font-weight:600}.model-type{color:var(--text-muted);letter-spacing:.5px;background:#f5f5f5;border-radius:3px;padding:3px 10px;font-size:10px;font-weight:500;display:inline-block}.model-name{color:var(--text-h);letter-spacing:-.3px;margin:0;font-size:22px;font-weight:500}.model-desc{color:var(--text);margin:0;font-size:13px;line-height:1.6}.model-specs{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:8px;padding-top:14px;display:grid}.spec-item{text-align:center}.spec-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:3px;font-size:10px;display:block}.spec-value{color:var(--text-h);font-size:12px;font-weight:600;display:block}.fpv-card{align-items:stretch;gap:28px;width:100%;max-width:1100px;padding:24px;animation:.8s .1s both fadeUp;display:flex}.fpv-info{flex-direction:column;flex:0 0 300px;justify-content:center;gap:16px;display:flex}.fpv-details{flex-direction:column;gap:10px;display:flex}.fpv-details h2{color:var(--text-h);margin:0;font-size:19px;font-weight:600;line-height:1.3}.fpv-details p{color:var(--text);font-size:13px;line-height:1.5}.steam-btn{color:#fff;background:var(--accent);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:12px 28px;font-size:13px;font-weight:500;text-decoration:none;transition:all .35s;display:inline-flex}.steam-btn:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.fpv-video{aspect-ratio:16/9;border-radius:var(--radius-sm);background:#f0f0f0;flex:1;min-width:0;overflow:hidden}.fpv-video iframe{border:none;width:100%;height:100%}.industry-grid{grid-template-columns:repeat(2,1fr);gap:18px;width:100%;max-width:1160px;animation:.8s .1s both fadeUp;display:grid}.industry-card{text-align:left;flex-direction:column;gap:16px;padding:32px 36px;display:flex}.industry-header{align-items:center;gap:14px;display:flex}.industry-icon{color:var(--accent2);flex-shrink:0;justify-content:center;align-items:center;font-size:32px;line-height:1;display:flex}.industry-title-group{flex-direction:column;gap:2px;display:flex}.industry-title{color:var(--text-h);letter-spacing:0;text-transform:none;margin:0;font-size:17px;font-weight:600}.industry-subtitle{color:var(--text-muted);letter-spacing:.5px;font-size:11px}.industry-desc{color:var(--text);margin:0;font-size:13px;line-height:1.7}.industry-cases{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:14px 18px}.industry-cases-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;font-size:10px;font-weight:600;display:block}.industry-case-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.industry-case-list li{color:var(--text);padding-left:14px;font-size:12px;line-height:1.5;position:relative}.industry-case-list li:before{content:"▸";color:var(--accent2);font-size:10px;position:absolute;top:0;left:0}.industry-stats{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:8px;padding-top:12px;display:grid}.industry-stat-item{text-align:center}.industry-stat-val{color:var(--accent);letter-spacing:-.3px;font-size:18px;font-weight:600;line-height:1.2;display:block}.industry-stat-lbl{color:var(--text-muted);letter-spacing:.5px;margin-top:2px;font-size:10px;display:block}@media (width<=768px){.industry-grid{grid-template-columns:1fr}.industry-card{padding:24px 22px}.industry-stats{grid-template-columns:repeat(4,1fr)}}.video-card{aspect-ratio:16/9;width:100%;max-width:1100px;padding:14px;animation:.8s .1s both fadeUp;overflow:hidden}.video-card iframe{border-radius:var(--radius-sm);border:none;width:100%;height:100%}.simulator-card{aspect-ratio:16/9;border-radius:var(--radius);width:100%;max-width:1200px;padding:0;animation:.8s .1s both fadeUp;overflow:hidden}.simulator-card iframe{border-radius:var(--radius);border:none;width:100%;height:100%}.music-card{align-items:center;gap:20px;width:100%;max-width:700px;padding:18px 28px;animation:.8s .12s both fadeUp;display:flex}.music-info{flex:1;min-width:0}.music-title{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.music-artist{color:var(--text-muted);margin-top:2px;font-size:12px}.music-card audio{border-radius:6px;flex-shrink:0;height:38px}.footer{color:var(--text-dim);text-align:center;letter-spacing:.3px;margin-top:16px;font-size:11px;animation:.8s .25s both fadeUp}@media (width<=768px){.content-area{gap:20px;padding:32px 14px 48px}.skills-row{grid-template-columns:repeat(2,1fr)}.interest-row,.drone-grid,.research-grid,.model-grid{grid-template-columns:1fr}.model-specs{grid-template-columns:repeat(3,1fr)}.fpv-card{flex-direction:column;padding:20px}.fpv-info{flex:none}.fpv-video{aspect-ratio:16/9}.music-card{text-align:center;flex-direction:column;gap:14px;padding:18px 20px}.music-card audio{width:100%}.quotes-card{padding:24px 22px}.quote{padding:0 0 0 12px}.tab-btn{padding:14px;font-size:11px}.model-card{padding:0}.model-card .model-header,.model-card .model-name,.model-card .model-desc,.model-card .model-specs{padding-left:22px;padding-right:22px}.model-card .model-header{padding-top:16px}.model-card .model-specs{padding-bottom:22px}.model-name{font-size:19px}}
