:root{--bg-0:#0a1628;--bg-1:#1b3a5f;--bg-2:#0f1f38;--primary:#1e5fbf;--accent:#00d4ff;--text:#fff;--text-soft:#e0e7ff;--text-muted:#94a3b8;--line:#ffffff1a;--glass:linear-gradient(135deg, #1e5fbf29, #00d4ff12)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 25% 10%, #1c4675 0%, var(--bg-0) 38%, #081323 100%);color:var(--text);font-family:Segoe UI,Microsoft YaHei,PingFang SC,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1200px,92vw);margin:0 auto}.site-nav{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0914279e;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:16px;height:78px;display:flex}.nav-left{align-items:center;gap:12px;display:flex}.brand-wrapper{height:45px}.brand{width:45px;height:45px}.nav-links{color:var(--text-muted);gap:24px;display:flex}.nav-links a.active,.nav-links a:hover{color:var(--text)}.btn-primary,.btn-secondary,.tab{cursor:pointer;border:0;border-radius:10px;font-weight:700;transition:transform .24s cubic-bezier(.4,0,.2,1),opacity .24s}.btn-primary:hover,.btn-secondary:hover,.tab:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(120deg, var(--primary), var(--accent));color:#06182f;padding:10px 16px}.btn-secondary{border:1px solid var(--line);color:var(--text-soft);background:#ffffff0d;padding:10px 16px}.btn-danger{color:#dc3545;cursor:pointer;background:#dc35451a;border:1px solid #dc3545;border-radius:6px;padding:6px 12px;font-size:12px}.btn-danger:hover{background:#dc354533}.hero-section{place-items:center;min-height:92vh;display:grid;position:relative;overflow:hidden}.hero-canvas{width:100%;height:100%;position:absolute;inset:0}.hero-section:after{content:"";pointer-events:none;background:radial-gradient(#0000 30%,#0a1628d1 100%);position:absolute;inset:0}.particles{background-image:radial-gradient(circle at 20% 20%,#00d4ff5c,#0000 30%),radial-gradient(circle at 80% 25%,#1e5fbf66,#0000 32%),radial-gradient(circle at 50% 85%,#00d4ff38,#0000 28%);animation:12s linear infinite drift;position:absolute;inset:0}@keyframes drift{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.hero-content{text-align:center;z-index:2;position:relative}.eyebrow{color:#83d8ff;letter-spacing:1.4px;font-size:14px}h1{margin:16px 0 10px;font-size:clamp(44px,8vw,76px);line-height:1.08}.hero-sub{color:var(--text-soft);font-size:24px}.hero-actions{justify-content:center;gap:12px;margin-top:28px;display:flex}.section{padding:72px 0}.section h2{margin:0 0 12px;font-size:clamp(30px,5vw,44px)}.section-label{letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:6px;font-size:12px;font-weight:700}.section-desc{color:var(--text-soft);max-width:700px;margin-bottom:32px;font-size:16px;line-height:1.7}.section-subtitle{color:var(--accent);margin:0 0 12px;font-size:18px;font-weight:600}.product-subtitle{color:var(--accent);margin:4px 0 8px;font-size:15px;font-weight:600}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.feature-card{border:1px solid var(--line);background:var(--glass);border-radius:12px;padding:20px;transition:border-color .3s}.feature-card:hover{border-color:var(--accent)}.feature-num{color:var(--accent);opacity:.3;margin-bottom:8px;font-size:28px;font-weight:800;display:block}.feature-card p{color:var(--text-soft);margin:0;font-size:14px;line-height:1.6}.choose-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.choose-card{border:1px solid var(--line);background:var(--glass);text-align:center;border-radius:14px;padding:28px 24px;transition:transform .3s,border-color .3s}.choose-card:hover{border-color:var(--accent);transform:translateY(-4px)}.choose-card h3{color:var(--accent);margin:0 0 8px;font-size:20px}.choose-card p{color:var(--text-soft);margin:0;font-size:14px;line-height:1.6}.section-alt{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b192e8c}.bento-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.bento-card{border:1px solid var(--line);background:var(--glass);border-radius:12px;min-height:180px;padding:24px}.bento-card.large{grid-column:span 2;min-height:220px}.bento-card.small{min-height:140px}.product-scroll{grid-auto-columns:minmax(280px,1fr);grid-auto-flow:column;gap:14px;padding-bottom:6px;display:grid;overflow-x:auto}.product-card,.detail-card,.case-item,.stat-card,.chart-card,.admin-panel,.admin-cards article{border:1px solid var(--line);background:var(--glass);border-radius:12px}.product-card{padding:20px}.product-card .tag{color:var(--accent);font-size:13px}.text-link{color:var(--accent);font-weight:700}.case-list{gap:16px;display:grid}.case-item{grid-template-columns:1.5fr 1fr;gap:12px;padding:20px;display:grid}.case-item.reverse{direction:rtl}.case-item.reverse *{direction:ltr}.case-main span{color:var(--accent);font-size:13px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-card{text-align:center;padding:22px}.num{color:var(--accent);font-size:clamp(42px,6vw,74px);font-weight:800;line-height:1}.news-placeholder{border-top:1px dashed var(--line)}.contact-form{gap:10px;max-width:760px;display:grid}.contact-form input,.contact-form textarea,.toolbar input,.toolbar select,.admin-login-card input{border:1px solid var(--line);color:var(--text-soft);background:#081428a6;border-radius:10px;outline:none;padding:12px}.contact-form textarea{min-height:120px}.api-hint{color:#88e6ff}.feedback.ok{color:#10b981}.feedback.err{color:#ef4444}.footer{border-top:1px solid var(--line);background:#050c16b3;margin-top:28px;padding:28px 0}.footer-inner{justify-content:space-between;gap:16px;display:flex}.footer .slogan{color:#9cecff}.icp{color:var(--text-muted);margin-top:14px;font-size:14px}.page-shell{min-height:70vh}.product-hero{padding-bottom:18px}.small-title{font-size:clamp(32px,5vw,48px)}.tabs{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.tab{color:var(--text-soft);background:#ffffff0f;padding:8px 14px}.tab.active{background:linear-gradient(120deg, var(--primary), var(--accent));color:#08142a}.product-detail-list{gap:14px;display:grid}.detail-card{padding:20px}.detail-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.detail-card ul{color:var(--text-soft);margin:10px 0;padding-left:18px}.scene{color:#94dfff}.detail-actions{gap:10px;display:flex}.admin-login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.admin-login-card{border:1px solid var(--line);background:#071224c7;border-radius:14px;gap:12px;width:min(420px,92vw);padding:24px;display:grid}.admin-login-card img{height:40px}.admin-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.admin-side{border-right:1px solid var(--line);background:#050c16d1;align-content:start;gap:10px;padding:20px;display:grid}.admin-side a,.admin-side button{color:var(--text-soft);background:#ffffff0a;border:1px solid #0000;border-radius:8px;padding:10px}.admin-side a.active{border-color:var(--accent);color:var(--accent)}.admin-main{min-width:0}.admin-top{border-bottom:1px solid var(--line);color:var(--text-muted);padding:14px 20px}.admin-content{padding:20px}.admin-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.admin-cards article{padding:18px}.admin-cards strong{color:var(--accent);font-size:30px}.admin-panel{margin-top:14px;padding:18px}.admin-panel h3{margin-top:0}.admin-panel input,.admin-panel textarea{width:100%;margin-bottom:8px}.admin-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.admin-headline{justify-content:space-between;align-items:center;gap:10px;display:flex}.toolbar{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:680px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:12px}td .btn-primary,td .btn-secondary,td .btn-danger{margin-bottom:6px;margin-right:8px}.charts{grid-template-columns:1.2fr 1fr;gap:14px;display:grid}.chart-card{padding:16px}.bars{align-items:flex-end;gap:8px;height:180px;display:flex}.bars span{background:linear-gradient(180deg, var(--accent), var(--primary));border-radius:8px 8px 0 0;flex:1}.floating-qr{z-index:50;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1628e0;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px;transition:transform .3s,border-color .3s;display:flex;position:fixed;bottom:60px;right:20px}.floating-qr:hover{border-color:var(--accent);transform:translateY(-4px)}.floating-qr img{border-radius:8px;width:150px;height:100%}.floating-qr span{color:var(--text-muted);font-size:12px}@media (width<=768px){.floating-qr{padding:8px;bottom:30px;right:10px}.floating-qr img{width:80px;height:80px}}@media (width<=1023px){.nav-links{display:none}.bento-grid,.pillar-grid,.feature-grid,.choose-grid{grid-template-columns:1fr}.bento-card.large{grid-column:span 1}.stats-grid,.footer-inner,.admin-cards,.charts,.admin-grid-2,.case-item,.admin-shell{grid-template-columns:1fr}.admin-side{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr))}}