.home-layout{flex-direction:column;flex:auto;gap:10px;min-height:0;padding:10px 16px;display:flex;overflow:hidden}.header-nav{align-items:center;gap:8px;display:flex}.header-status{color:var(--accent-green);background:#22c55e14;border:1px solid #22c55e59;border-radius:999px;align-items:center;gap:5px;margin-left:10px;padding:4px 10px;font-size:11px;display:inline-flex}.header-status svg{width:12px;height:12px}.hero-section{text-align:center;border-radius:var(--radius);background:radial-gradient(circle at 50% 45%,#00f0ff1a,#0000 55%);border:1px solid #00f0ff1f;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:16px;min-height:0;padding:32px 16px;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:linear-gradient(135deg,#00f0ff0a,#0000 40%,#a855f70a);position:absolute;inset:0}.hero-core{flex:none;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative}.hero-core .ring{border:1px solid #00f0ff59;border-radius:50%;animation:12s linear infinite rotate;position:absolute}.hero-core .ring-1{width:100%;height:100%}.hero-core .ring-2{width:74%;height:74%;animation-duration:7s;animation-direction:reverse}.hero-core .ring-3{width:46%;height:46%;animation-duration:4s}.hero-core .core-icon{width:52px;height:52px;color:var(--accent-cyan);filter:drop-shadow(0 0 16px #00f0ffe6)}.hero-title{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-blue), var(--accent-purple));-webkit-text-fill-color:transparent;text-shadow:0 0 32px #00f0ff40;-webkit-background-clip:text;background-clip:text;min-height:1.1em;font-size:56px;font-weight:700;line-height:1.1}.hero-desc{color:var(--text-300);max-width:720px;font-size:16px;line-height:1.7}.hero-actions{gap:16px;margin-top:8px;display:flex}.hero-actions .btn,.hero-actions .btn-primary{padding:11px 28px;font-size:15px}.stats-section{flex:none;grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.stats-section .stat-card{border-radius:10px;gap:3px;padding:6px 8px}.stats-section .stat-label{letter-spacing:.5px;opacity:.85;font-size:8px}.stats-section .stat-value{font-size:14px;font-weight:600}.stats-section .stat-card.accent-pink:before{background:linear-gradient(90deg, var(--accent-pink), transparent)}.stats-section .stat-card.accent-pink .stat-value{color:var(--accent-pink);text-shadow:0 0 10px #ec489940}.preview-section{flex:1 1 0;grid-template-columns:1.3fr 1fr;gap:10px;min-height:0;display:grid}.preview-section .panel{border-radius:12px;min-height:0;padding:10px 12px}.preview-section .panel-title{margin-bottom:8px;padding-left:8px;font-size:11px}.preview-section .mini-list{gap:5px}.preview-section .mini-item{gap:10px;padding:6px 10px}.preview-section .mini-item-title{font-size:11px}.preview-section .mini-item-sub{font-size:10px}.preview-section .mini-item-value{text-align:right;font-size:10px}.preview-section .loading-row{padding:12px}.preview-section .spinner{width:18px;height:18px}.features-section{flex:none;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.feature-card{cursor:default;background:linear-gradient(145deg,#182238b8,#0e14249e);border:1px solid #00f0ff24;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.feature-card:before{content:"";opacity:.8;background:linear-gradient(90deg,#0000,#00f0ff80,#0000);height:1px;position:absolute;top:0;left:0;right:0}.feature-card:hover{border-color:#00f0ff6b;transform:translateY(-3px);box-shadow:0 8px 24px #00f0ff1f}.feature-card .feature-icon{width:26px;height:26px;color:var(--accent-cyan);filter:drop-shadow(0 0 6px #00f0ff80)}.feature-card h3{color:var(--text-100);font-size:11px;font-weight:600}.feature-card p{color:var(--text-300);text-align:center;font-size:10px;line-height:1.45}.system-status{gap:24px;padding:8px 16px;font-size:11px}@media (width<=1200px){.stats-section{grid-template-columns:repeat(3,1fr)}.features-section{grid-template-columns:repeat(2,1fr)}.preview-section{grid-template-columns:1fr}}@media (width<=768px){.home-layout{overflow:auto}.stats-section,.features-section,.preview-section{grid-template-columns:1fr}.hero-title{font-size:20px}.hero-actions{flex-direction:column;gap:8px}}