:root{--bg: #0d1117;--bg-secondary: #161b22;--bg-card: #161b22;--bg-hover: #1c2330;--border: #2d333b;--border-light: #3d444d;--accent: #22d3ee;--accent-dim: rgba(34,211,238,.15);--accent-border: rgba(34,211,238,.35);--green: #4ade80;--blue: #3b82f6;--text: #f0f3f6;--text-secondary: #c9d1d9;--text-dim: #8b949e;--serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Inter", sans-serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(34,211,238,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.stats-grid>div>div:first-child,.card [style*="fontSize: 48"],.card [style*="fontSize: 24"],.card [style*="fontSize: 20"]{font-variant-numeric:tabular-nums;letter-spacing:.02em}a{color:inherit;text-decoration:none}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .3s}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.tag{display:inline-block;padding:4px 10px;background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:4px;font-size:11px;color:var(--accent);white-space:nowrap}.tag-tech{background:#3b82f626;border-color:#3b82f659;color:#60a5fa}.tag-attribute{background:#4ade801f;border-color:#4ade804d;color:#4ade80}.tag-business{background:#f59e0b1f;border-color:#f59e0b4d;color:#f59e0b}.tag-region{background:#8b5cf61f;border-color:#8b5cf64d;color:#a78bfa}.tag-company{background:#ec48991f;border-color:#ec48994d;color:#f472b6}.tag-warning{background:#ef444426;border-color:#ef444466;color:#f87171}.level-benchmark{color:var(--green)}.level-excellent{color:var(--accent)}.level-normal{color:var(--text-dim)}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-grid>*{animation:countUp .6s ease-out both}.stats-grid>*:nth-child(1){animation-delay:.1s}.stats-grid>*:nth-child(2){animation-delay:.2s}.stats-grid>*:nth-child(3){animation-delay:.3s}.stats-grid>*:nth-child(4){animation-delay:.4s}.card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000004d;border-color:var(--accent-border)}.grid-4-col{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid-5-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}@media(max-width:640px){.grid-4-col,.grid-5-metrics{grid-template-columns:repeat(2,1fr)}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)!important}}.grid-map-pie{display:grid;grid-template-columns:2fr 1fr;gap:20px}@media(max-width:768px){.grid-map-pie{grid-template-columns:1fr}}.grid-3-charts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:1024px){.grid-3-charts{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-3-charts{grid-template-columns:1fr}}.btn{display:inline-block;padding:10px 20px;background:var(--accent);color:#000;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #22d3ee4d}.page-title{font-family:var(--serif);font-size:28px;color:var(--accent);margin-bottom:8px}.page-subtitle{font-size:14px;color:var(--text-secondary)}@media(max-width:768px){.page-title{font-size:22px}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.category-grid{grid-template-columns:repeat(3,1fr)!important}.project-grid{grid-template-columns:1fr!important}.compare-table{font-size:12px}.compare-table th,.compare-table td{padding:10px 8px}.tab-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.image-carousel{height:250px!important}.info-grid{grid-template-columns:1fr!important}.button-group{flex-direction:column}.button-group button{width:100%}}@media(max-width:480px){.page-title{font-size:20px}.category-grid,.stats-grid{grid-template-columns:repeat(2,1fr)!important}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:16px}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr));gap:12px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:16px}.image-carousel{height:400px}.button-group{display:flex;gap:12px}.tab-container{display:flex;gap:8;border-bottom:1px solid var(--border);padding-bottom:12px}@media(max-width:768px){body{padding-bottom:56px}}html,body{overflow-x:hidden}*{max-width:100vw;box-sizing:border-box}@media(max-width:768px){.grid-4-col.func-services{display:flex;overflow-x:auto;gap:10px;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.grid-4-col.func-services>*{flex:0 0 42%;scroll-snap-align:start}}.func-card:hover{border-color:var(--accent)!important;transform:translateY(-2px)}.adv-grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.adv-grid-3{grid-template-columns:1fr}}.card:hover{box-shadow:0 0 0 1px #22d3ee59,0 0 18px #22d3ee29,0 8px 24px #00000059}.func-card:hover{box-shadow:0 0 14px #22d3ee38}.term-prefix{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;font-weight:700;color:var(--green);letter-spacing:.02em;-webkit-user-select:none;user-select:none;text-shadow:0 0 6px rgba(74,222,128,.5)}.term-cursor{display:inline-block;width:7px;height:14px;background:var(--green);box-shadow:0 0 6px #4ade8099;animation:term-blink 1.1s steps(1) infinite}@keyframes term-blink{0%,55%{opacity:1}56%,to{opacity:0}}.stats-grid .stat-num{font-variant-numeric:tabular-nums}.map-preview-box{height:460px}@media(max-width:768px){.map-preview-box{height:320px}}.icon-chip{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(34,211,238,.3);background:linear-gradient(135deg,#22d3ee1a,#22d3ee08);box-shadow:0 0 10px #22d3ee1f,inset 0 0 8px #22d3ee0f;transition:box-shadow .25s ease,border-color .25s ease}.card:hover .icon-chip{border-color:#22d3ee99;box-shadow:0 0 16px #22d3ee4d,inset 0 0 10px #22d3ee1a}.mono-corner{position:absolute;top:8px;right:10px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:9px;letter-spacing:.12em;color:var(--text-dim);opacity:.7}.card:hover .mono-corner{opacity:1;color:var(--accent)}.region-card{transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.grid-5-col{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}@media(max-width:900px){.grid-5-col{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.grid-5-col{grid-template-columns:repeat(2,1fr)}}.metal-card{border:1px solid transparent!important;background:linear-gradient(160deg,#151b24,#10151d) padding-box,linear-gradient(135deg,#cff4ff80,#22d3ee24 35%,#0a465680 65%,#a6eafa66) border-box!important;transition:transform .25s ease,box-shadow .25s ease}.metal-card:hover{background:linear-gradient(160deg,#182030,#12171f) padding-box,linear-gradient(135deg,#dbf8ffd9,#22d3ee4d 35%,#0e586aa6 65%,#b4eefc99) border-box!important;box-shadow:0 0 20px #22d3ee2e,0 8px 24px #00000059}.metal-text{background:linear-gradient(120deg,#d9f6ff,#22d3ee 45%,#a5ecff 62%,#4fa9c4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.icon-chip{width:48px;height:48px;border-radius:12px;border:1px solid rgba(34,211,238,.35);background:radial-gradient(circle at 30% 25%,rgba(207,244,255,.14) 0%,transparent 55%),linear-gradient(135deg,#22d3ee24,#22d3ee0a);box-shadow:0 0 0 3px #22d3ee0f,0 0 14px #22d3ee24,inset 0 1px #dbf8ff1f,inset 0 0 10px #22d3ee14}.card:hover .icon-chip,.metal-card:hover .icon-chip{border-color:#a6eafaa6;box-shadow:0 0 0 3px #22d3ee1a,0 0 22px #22d3ee59,inset 0 1px #dbf8ff33,inset 0 0 12px #22d3ee1f}.mobile-nav{display:none}@media(max-width:768px){.mobile-nav{display:flex}}.icon-btn:focus-visible{outline:1px solid var(--accent-border);outline-offset:2px;color:var(--accent)}