@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+SC:wght@300;400;500;700;900&family=JetBrains+Mono:wght@400;600;700&display=swap");:root{--bg:#0a0a0a;--bg2:#111;--card:hsla(0,0%,7%,.95);--text:#f0ece0;--text2:#9a9080;--text3:#5a5548;--gold:#d4a843;--gold2:#f0c850;--gold3:#b08a30;--gold-glow:rgba(212,168,67,.35);--gold-dim:rgba(212,168,67,.08);--gold-border:rgba(212,168,67,.2);--R:12px;--mono:"JetBrains Mono","SF Mono",monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Noto Sans SC,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 900px 700px at 50% 0,rgba(212,168,67,.06),transparent),radial-gradient(ellipse 600px 500px at 80% 100%,rgba(212,168,67,.03),transparent);pointer-events:none;z-index:0}.container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.global-nav{position:-webkit-sticky;position:sticky;top:0;z-index:120;background:rgba(5,5,5,.95);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(212,168,67,.2);box-shadow:0 10px 30px rgba(0,0,0,.45)}.global-nav .container{display:flex;align-items:center;justify-content:space-between;height:64px}.global-nav__brand{display:flex;align-items:center;gap:12px}.global-nav__logo{font-size:20px;font-weight:800;text-decoration:none;color:var(--gold);letter-spacing:1px;font-family:Inter,sans-serif}.global-nav__tag{color:var(--text3);font-size:11px;font-family:var(--mono);letter-spacing:2px;text-transform:uppercase}.global-nav__links{display:flex;align-items:center;gap:14px}.global-nav__links a{color:var(--text2);text-decoration:none;font-size:13px;font-weight:600;padding:6px 12px;border-radius:8px;border:1px solid transparent;transition:all .2s;font-family:var(--mono)}.global-nav__links a:hover{color:var(--gold);border-color:var(--gold-border);background:rgba(212,168,67,.08)}@keyframes glow-pulse{0%,to{box-shadow:0 0 15px rgba(212,168,67,.15),0 0 30px rgba(212,168,67,.05)}50%{box-shadow:0 0 20px rgba(212,168,67,.25),0 0 40px rgba(212,168,67,.1)}}@keyframes shimmer{0%{background-position:200%}to{background-position:-200%}}@media(max-width:768px){.global-nav .container{flex-direction:column;gap:8px;height:auto;padding:12px 20px}.global-nav__links{flex-wrap:wrap;justify-content:center}}@keyframes pulse-gold{0%,to{opacity:.5}50%{opacity:1}}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:90;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:hsla(0,0%,4%,.92);border-bottom:1px solid var(--gold-border);box-shadow:0 2px 30px rgba(0,0,0,.5),0 0 1px var(--gold-border) inset}.navbar .container{display:flex;align-items:center;justify-content:space-between;height:68px;flex-wrap:wrap}@media(max-width:768px){.navbar .container{flex-direction:column;align-items:flex-start;height:auto;padding:12px 16px;gap:8px}.navbar .nav-links{align-self:center}}.logo{gap:14px;text-decoration:none}.logo,.logo-icon{display:flex;align-items:center}.logo-icon{width:46px;height:46px;border-radius:12px;background:linear-gradient(145deg,var(--gold2),var(--gold3));justify-content:center;font-size:22px;font-weight:900;color:#111;box-shadow:0 0 20px var(--gold-glow),0 4px 12px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.3);border:1px solid rgba(240,200,80,.5)}.logo-text{font-size:28px;font-weight:900;font-family:Inter,Noto Sans SC,sans-serif;background:linear-gradient(180deg,#f5d060,var(--gold),var(--gold3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 0 rgba(0,0,0,.45));letter-spacing:.5px}.logo-img{width:46px;height:46px;border-radius:50%;box-shadow:0 0 20px var(--gold-glow),0 4px 12px rgba(0,0,0,.4);border:1px solid rgba(240,200,80,.3)}.logo-sub{font-size:10px;color:var(--text3);font-weight:600;letter-spacing:3px;text-transform:uppercase;font-family:var(--mono)}.logo-title{font-size:22px;font-weight:900;font-family:Noto Sans SC,Inter,sans-serif;background:linear-gradient(180deg,#f5d060,var(--gold),var(--gold3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 0 rgba(0,0,0,.45));letter-spacing:2px}.nav-links{display:flex;gap:4px;list-style:none}.nav-links a{color:var(--text2);text-decoration:none;font-size:13px;font-weight:500;padding:8px 14px;border-radius:8px;transition:all .25s;border:1px solid transparent;font-family:var(--mono)}.nav-links a:hover{color:var(--gold2);background:var(--gold-dim);border-color:var(--gold-border)}.nav-divider{width:1px;height:20px;background:var(--gold-border);margin:0 6px}.hero{padding:56px 0 36px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 20px;border-radius:100px;background:var(--gold-dim);border:1px solid var(--gold-border);color:var(--gold);font-size:12px;font-weight:600;margin-bottom:20px;font-family:var(--mono);letter-spacing:1px}.dot{width:6px;height:6px;border-radius:50%;background:var(--gold2);box-shadow:0 0 10px var(--gold-glow);animation:pulse-gold 2s ease-in-out infinite}.hero h1{font-size:46px;font-weight:900;letter-spacing:-1px;line-height:1.15;margin-bottom:16px}.hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--gold2),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(212,168,67,.3))}.hero p{color:var(--text2);font-size:16px;max-width:600px;margin:0 auto;line-height:1.8}.tech-card{background:linear-gradient(165deg,hsla(0,0%,9%,.98),hsla(0,0%,5%,.95));border:1px solid var(--gold-border);border-radius:var(--R);padding:28px;position:relative;overflow:hidden;transition:all .35s;box-shadow:0 0 15px rgba(212,168,67,.06),0 4px 20px rgba(0,0,0,.4),0 8px 30px rgba(0,0,0,.2)}.tech-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,67,.4),transparent)}.tech-card:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(212,168,67,.015),transparent);pointer-events:none}.tech-card:hover{border-color:rgba(212,168,67,.35);transform:translateY(-3px);box-shadow:0 0 25px rgba(212,168,67,.12),0 0 50px rgba(212,168,67,.04),0 8px 30px rgba(0,0,0,.4)}.corner{position:absolute;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#999,#555);box-shadow:inset 0 1px 1px hsla(0,0%,100%,.2),0 1px 3px rgba(0,0,0,.4);z-index:2}.corner-tl{top:7px;left:7px}.corner-tr{top:7px;right:7px}.corner-bl{bottom:7px;left:7px}.corner-br{bottom:7px;right:7px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin:28px 0}.stat-link{display:block;cursor:pointer}.stat-link:hover{border-color:rgba(212,168,67,.4)!important;box-shadow:0 0 30px rgba(212,168,67,.15),0 0 60px rgba(212,168,67,.05),0 8px 30px rgba(0,0,0,.4)!important;transform:translateY(-4px)!important}.section{margin:48px 0;scroll-margin-top:80px}.section-header{justify-content:space-between;margin-bottom:20px}.section-header,.section-title{display:flex;align-items:center}.section-title{font-size:22px;font-weight:700;gap:12px}.section-tag{font-size:11px;color:var(--gold);font-family:var(--mono);padding:4px 12px;border-radius:4px;border:1px solid var(--gold-border)}.icon,.section-tag{background:var(--gold-dim)}.icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;border:1px solid var(--gold-border)}.tech-card+.tech-card{margin-top:16px}.draw-table{width:100%;border-collapse:separate;border-spacing:0}.draw-table th{padding:14px 16px;text-align:left;font-size:11px;color:var(--gold);font-weight:600;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--gold-border);font-family:var(--mono)}.draw-table td{padding:14px 16px;border-bottom:1px solid hsla(0,0%,100%,.03);font-size:14px}.draw-table tr:last-child td{border-bottom:none}.draw-table tr:hover{background:rgba(212,168,67,.02)}.draw-num{font-weight:700;color:var(--gold);font-size:15px}.draw-date{color:var(--text2);font-size:13px}.balls{display:flex;gap:6px;flex-wrap:wrap}.ball{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#eee;transition:all .25s}.ball:hover{transform:scale(1.15);z-index:2}.ball.red{background:radial-gradient(circle at 30% 30%,#e88,#933,#622);box-shadow:0 4px 15px rgba(180,50,50,.4),inset 0 1px 3px hsla(0,0%,100%,.2);border:1px solid hsla(0,63%,63%,.3)}.ball.blue{background:radial-gradient(circle at 30% 30%,#8bd,#468,#2a3a50);box-shadow:0 4px 15px rgba(50,80,140,.4),inset 0 1px 3px hsla(0,0%,100%,.2);border:1px solid rgba(100,160,200,.3)}.ball.green{background:radial-gradient(circle at 30% 30%,#8b8,#464,#2a402a);box-shadow:0 4px 15px rgba(50,120,50,.4),inset 0 1px 3px hsla(0,0%,100%,.2);border:1px solid rgba(100,180,100,.3)}.ball.extra{background:transparent;border:2px solid var(--gold);color:var(--gold);box-shadow:0 0 20px var(--gold-glow);animation:glow-pulse 3s ease-in-out infinite}.heatmap{display:flex;flex-wrap:wrap;gap:8px}.heat-item{width:56px;height:56px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;transition:all .25s;cursor:default}.heat-item:hover{transform:scale(1.1);z-index:2}.heat-num{font-size:17px;line-height:1}.heat-item .count{font-size:10px;opacity:.7;margin-top:2px}.heat-hot{background:linear-gradient(145deg,rgba(220,60,60,.25),rgba(200,50,50,.1));color:#f66;border:1px solid rgba(220,60,60,.4);box-shadow:0 0 12px rgba(220,60,60,.1)}.heat-warm{background:linear-gradient(145deg,rgba(220,180,50,.2),rgba(200,160,40,.06));color:#f0c040;border:1px solid rgba(220,180,50,.35)}.heat-cool{background:linear-gradient(145deg,rgba(70,130,220,.15),rgba(60,110,200,.05));color:#69d;border:1px solid rgba(70,130,220,.25)}.heat-cold{background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.12)}.heat-legend{display:flex;gap:20px;margin-top:20px;justify-content:center;flex-wrap:wrap;padding-top:16px;border-top:1px solid rgba(212,168,67,.06)}.heat-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text2)}.heat-legend-dot{width:12px;height:12px;border-radius:3px}.dot-hot{background:rgba(220,60,60,.3);border:1px solid rgba(220,60,60,.5)}.dot-warm{background:rgba(220,180,50,.25);border:1px solid rgba(220,180,50,.4)}.dot-cool{background:rgba(70,130,220,.2);border:1px solid rgba(70,130,220,.35)}.dot-cold{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15)}.extra-trend-chart{display:flex;align-items:flex-end;gap:4px;height:220px;padding:0 4px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(212,168,67,.3) transparent}.extra-bar-col{display:flex;flex-direction:column;align-items:center;flex:1 1;min-width:28px}.extra-bar-wrap{height:200px;align-items:flex-end}.extra-bar,.extra-bar-wrap{width:100%;display:flex;justify-content:center}.extra-bar{max-width:32px;min-height:8px;border-radius:3px 3px 0 0;align-items:flex-start;padding-top:4px}.extra-bar-num{font-size:11px;font-weight:700;color:#ddd;text-shadow:0 1px 3px rgba(0,0,0,.5)}.extra-bar-label{font-size:10px;color:var(--text3);margin-top:4px}.ball-bg-red{background:linear-gradient(180deg,#966,#533)}.ball-bg-blue,.ball-bg-red{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08)}.ball-bg-blue{background:linear-gradient(180deg,#689,#345)}.ball-bg-green{background:linear-gradient(180deg,#696,#343);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08)}.zodiac-grid{display:flex;flex-direction:column;gap:6px}.zodiac-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid hsla(0,0%,100%,.03)}.zodiac-row:last-child{border-bottom:none}.zodiac-left{display:flex;align-items:center;gap:8px;min-width:90px}.zodiac-rank{font-size:14px;font-weight:700;min-width:20px}.zodiac-emoji{font-size:20px}.zodiac-name{font-size:14px;font-weight:600}.zodiac-bar-wrap{flex:1 1;height:18px;background:rgba(30,30,30,.4);border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.zodiac-bar{height:100%;border-radius:4px}.bar-hot{background:linear-gradient(90deg,var(--gold2),rgba(212,168,67,.1));box-shadow:0 0 8px rgba(212,168,67,.15)}.bar-normal{background:linear-gradient(90deg,#666,rgba(80,80,80,.1))}.bar-zero{background:rgba(25,25,25,.3)}.zodiac-count{min-width:100px;text-align:right;font-size:13px;font-weight:600;color:var(--text2)}.color-trend{display:flex;gap:6px;overflow-x:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:rgba(212,168,67,.3) transparent}.color-trend-item{flex-direction:column;gap:4px;min-width:36px}.color-dot,.color-trend-item{display:flex;align-items:center}.color-dot{width:36px;height:36px;border-radius:50%;justify-content:center;font-size:12px;font-weight:700;color:#ddd;border:1px solid hsla(0,0%,100%,.08);box-shadow:0 2px 6px rgba(0,0,0,.3),inset 0 1px 1px hsla(0,0%,100%,.1)}.color-trend-label{font-size:10px;color:var(--text3)}.rank-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.rank-title{font-size:16px;font-weight:700;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(212,168,67,.08);font-family:Inter,Noto Sans SC,sans-serif;color:var(--gold);letter-spacing:.5px;text-shadow:none}.bs-row{gap:12px;padding:7px 0}.bs-label,.bs-row{display:flex;align-items:center}.bs-label{min-width:42px;height:28px;justify-content:center;font-size:13px;font-weight:700;border-radius:4px}.bs-big{color:#c84;border:1px solid rgba(204,136,68,.2);background:rgba(204,136,68,.06)}.bs-small{color:#7a9aaa;border:1px solid rgba(122,154,170,.2);background:rgba(122,154,170,.06)}.bs-odd{color:#a8c;border:1px solid rgba(170,136,204,.2);background:rgba(170,136,204,.06)}.bs-even{color:var(--gold);border:1px solid var(--gold-border);background:var(--gold-dim)}.bs-head,.bs-tail{font-size:12px;color:var(--text2);border:1px solid rgba(80,80,80,.15);background:rgba(50,50,50,.1)}.bs-bar-wrap{flex:1 1;height:14px;background:rgba(30,30,30,.3);border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}.bs-bar{height:100%;border-radius:3px;min-width:4px}.bs-bar-big{background:linear-gradient(90deg,#c84,rgba(204,136,68,.08))}.bs-bar-small{background:linear-gradient(90deg,#7a9aaa,rgba(122,154,170,.08))}.bs-bar-odd{background:linear-gradient(90deg,#a8c,rgba(170,136,204,.08))}.bs-bar-even{background:linear-gradient(90deg,var(--gold),rgba(212,168,67,.08))}.bs-bar-head{background:linear-gradient(90deg,#666,rgba(80,80,80,.05))}.bs-bar-tail{background:linear-gradient(90deg,var(--gold),rgba(212,168,67,.05))}.bs-count{min-width:90px;text-align:right;font-size:13px;font-weight:600;color:var(--text2)}.footer{border-top:1px solid var(--gold-border);padding:36px 0;margin-top:72px;text-align:center;background:linear-gradient(180deg,transparent,hsla(0,0%,4%,.8))}.footer-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}.footer-brand span{font-weight:800;color:var(--gold);font-size:18px}.footer-links{display:flex;justify-content:center;gap:24px;margin:14px 0}.footer-links a{color:var(--text2);text-decoration:none;font-size:13px;font-family:var(--mono);transition:color .2s}.footer-links a:hover{color:var(--gold)}.footer-pages{display:flex;justify-content:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.footer-pages a{color:var(--text2);text-decoration:none;font-size:12px;padding:6px 12px;border-radius:999px;border:1px solid rgba(212,168,67,.15);transition:all .2s}.footer-pages a:hover{color:var(--gold);border-color:var(--gold-border);background:rgba(212,168,67,.08)}.footer p{font-size:12px}.footer .disclaimer,.footer p{color:var(--text3);line-height:1.8}.footer .disclaimer{margin-top:20px;padding-top:20px;border-top:1px solid rgba(212,168,67,.04);font-size:11px;font-family:var(--mono)}.draw-card-wrap{padding:0!important}.draw-scroll-area{overflow:hidden}.draw-scroll-area.expanded{overflow:visible}.draw-toggle{display:flex;align-items:center;justify-content:center;padding:14px 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s;border-top:1px solid rgba(212,168,67,.06);background:linear-gradient(180deg,hsla(0,0%,7%,.3),hsla(0,0%,5%,.5))}.draw-toggle:hover{background:linear-gradient(180deg,rgba(212,168,67,.02),rgba(212,168,67,.04))}.draw-toggle:hover .toggle-text{color:var(--gold)}.toggle-text{font-size:13px;font-family:var(--mono);color:var(--text2);letter-spacing:.5px;transition:all .2s}.toggle-line{display:none}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.tech-card{padding:18px}.stat-card .value{font-size:28px}.hero h1{font-size:32px}.nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:2px}.ball{width:32px;height:32px;font-size:12px}.heat-item{width:48px;height:48px}.rank-grid{grid-template-columns:1fr}.extra-trend-chart{height:160px}.extra-bar-wrap{height:140px}.zodiac-count,.zodiac-left{min-width:70px}.zodiac-count{font-size:11px}.color-dot{width:30px;height:30px;font-size:10px}}.stats-grid{align-items:stretch}.stat-link{text-decoration:none!important;color:inherit!important;display:flex;height:100%}.stat-link .tech-card{flex:1 1}.stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px!important;gap:10px}.stat-label{font-size:13px;font-weight:600;color:var(--text2);letter-spacing:.5px}.stat-num{font-size:42px;font-weight:800;background:linear-gradient(180deg,var(--gold2),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-desc{font-size:12px;color:var(--text3)}.stat-colors{display:flex;gap:12px;justify-content:center}.sc-item{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--text3)}.sc-item em{font-style:normal;font-size:32px;font-weight:800}.sc-red em{color:#f55}.sc-blue em{color:#5af}.sc-green em{color:#5d7}.stat-ratio{justify-content:center;gap:8px}.sr-a,.sr-b,.stat-ratio{display:flex;align-items:center}.sr-a,.sr-b{flex-direction:column;gap:2px;font-size:12px;color:var(--text3)}.sr-a em,.sr-b em{font-style:normal;font-size:32px;font-weight:800;background:linear-gradient(180deg,var(--gold2),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sr-vs{font-size:20px;font-weight:700;color:var(--text3)}.rank-grid{align-items:stretch}@media(max-width:768px){.stat-num{font-size:34px}.sc-item em,.sr-a em,.sr-b em{font-size:26px}.stat-card{padding:18px 12px!important;gap:8px}}.color-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.color-card{background:linear-gradient(165deg,hsla(0,0%,9%,.98),hsla(0,0%,5%,.95));border:1px solid var(--gold-border);border-radius:var(--R);padding:24px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 0 15px rgba(212,168,67,.06),0 4px 20px rgba(0,0,0,.4);transition:all .35s}.color-card:hover{border-color:rgba(212,168,67,.35);transform:translateY(-3px)}.cc-dot{font-size:32px}.cc-num{font-size:36px;font-weight:800}.cc-text{font-size:13px;color:var(--text2)}.cc-bar{width:80%;height:4px;border-radius:2px;background:hsla(0,0%,100%,.06);margin-top:4px}.cc-bar>div{height:100%;border-radius:2px}@media(max-width:768px){.cc-num{font-size:28px}.cc-dot{font-size:26px}.color-card{padding:18px 10px}}