#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}.header[data-v-8e9e3cf8]{height:100px;display:flex;margin:0 auto;justify-content:center}.header[data-v-8e9e3cf8],.main[data-v-8e9e3cf8]{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;width:100%}.main[data-v-8e9e3cf8]{height:100%}.footer[data-v-8e9e3cf8]{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;width:100%;height:100px;display:flex;margin:0 auto;justify-content:center}@font-face{font-family:YouSheBiaoTiHei;src:url(../fonts/YouSheBiaoTiHei-2.1726685c.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}#app,body,html{width:100%;height:100%;margin:0;overflow:hidden;background:#020b1e}button{font-family:inherit}.cockpit-page{position:relative;width:1920px;height:1080px;overflow:hidden;color:#eaf8ff;font-family:DIN Alternate,DIN,Microsoft YaHei,Arial,sans-serif;background:radial-gradient(circle at 50% 34%,rgba(31,141,255,.2),transparent 34%),radial-gradient(circle at 50% 58%,rgba(54,228,255,.1),transparent 38%),linear-gradient(180deg,#020b1e,#061b3a 52%,#020b1e)}.cockpit-page:before{background:linear-gradient(180deg,rgba(2,11,30,.14),rgba(2,11,30,.34)),radial-gradient(circle at 52% 36%,rgba(54,228,255,.1),transparent 34%),url(../img/cockpit-tech-bg.8eda9e36.png) 50%/cover no-repeat;filter:saturate(1.08) brightness(.88);opacity:.82}.cockpit-page:after,.cockpit-page:before{content:"";position:absolute;inset:0;pointer-events:none}.cockpit-page:after{z-index:1;background:linear-gradient(rgba(54,228,255,.04) 1px,transparent 0),linear-gradient(90deg,rgba(54,228,255,.035) 1px,transparent 0),radial-gradient(circle at 50% 48%,transparent 0 42%,rgba(2,11,30,.28) 72%,rgba(2,11,30,.72) 100%);background-size:54px 54px,54px 54px,100% 100%;-webkit-mask-image:radial-gradient(circle at 50% 48%,#000 0,transparent 82%);mask-image:radial-gradient(circle at 50% 48%,#000 0,transparent 82%)}.cockpit-header{position:relative;z-index:4;height:68px;padding:0 20px;display:grid;grid-template-columns:520px 1fr 520px;align-items:center;background:linear-gradient(180deg,rgba(2,11,30,.92),rgba(2,11,30,.48));border-bottom:1px solid rgba(56,196,255,.28);-o-border-image:linear-gradient(90deg,transparent,rgba(54,228,255,.6) 30%,rgba(54,228,255,.6) 70%,transparent) 1;border-image:linear-gradient(90deg,transparent,rgba(54,228,255,.6) 30%,rgba(54,228,255,.6) 70%,transparent) 1}.cockpit-header:after,.cockpit-header:before{content:"";position:absolute;top:33px;width:420px;height:14px;background:linear-gradient(90deg,transparent,#1e9bff 50%,transparent);opacity:.55;clip-path:polygon(0 40%,76% 40%,80% 0,84% 0,88% 40%,100% 40%,100% 58%,88% 58%,84% 100%,80% 100%,76% 58%,0 58%)}.cockpit-header:before{left:360px}.cockpit-header:after{right:360px;transform:scaleX(-1)}.header-left,.header-right{position:relative;z-index:1;color:#cdeeff;font-size:14px}.header-left{justify-self:start;height:34px;padding:0 12px 0 10px;display:inline-flex;align-items:center;gap:6px;color:#36e4ff;font-weight:700;font-size:15px;border-left:3px solid rgba(54,228,255,.92);background:linear-gradient(90deg,rgba(54,228,255,.13),rgba(54,228,255,0));text-shadow:0 0 10px rgba(54,228,255,.45)}.header-title{position:relative;z-index:1;text-align:center}.header-title-main{color:#eaf8ff;font-size:34px;font-weight:700;letter-spacing:8px;text-shadow:0 0 16px rgba(67,210,255,.9),0 0 40px rgba(54,228,255,.3);background:linear-gradient(180deg,#fff,#a8e4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-right{display:flex;justify-content:flex-end;align-items:center;gap:20px;color:#cdeeff}.refresh-dot{width:17px;height:17px;border:2px solid #1e9bff;border-left-color:transparent;border-radius:50%;animation:spin 1.8s linear infinite}.back-button{position:relative;z-index:2;justify-self:start;height:34px;padding:0 12px 0 10px;display:inline-flex;align-items:center;gap:6px;color:#36e4ff;border:0;border-left:3px solid rgba(54,228,255,.92);background:transparent;font-size:15px;font-weight:700;text-shadow:0 0 10px rgba(54,228,255,.45);cursor:pointer}.back-button:hover{background:linear-gradient(90deg,rgba(54,228,255,.15),rgba(54,228,255,0))}.city-layout,.province-layout{position:relative;z-index:2;height:calc(100% - 68px);padding:0 20px 14px;display:grid;gap:10px 12px}.province-layout{grid-template-columns:380px 1fr 450px;grid-template-rows:126px 330px 170px 1fr}.city-layout{grid-template-columns:545px 1fr 585px;grid-template-rows:126px 1fr 210px}.metric-strip{display:grid;gap:8px}.city-metrics,.province-metrics{grid-column:1/4;grid-row:1;grid-template-columns:repeat(5,minmax(0,1fr))}.city-metrics .metric-card,.province-metrics .metric-card{grid-template-columns:58px auto;justify-content:center;-moz-column-gap:14px;column-gap:14px;padding:12px 16px;text-align:left}.city-metrics .metric-body,.province-metrics .metric-body{width:-moz-max-content;width:max-content;max-width:188px}.city-metrics .metric-icon{display:grid}.city-metrics .metric-label,.province-metrics .metric-label{font-size:14px;line-height:1.1;white-space:nowrap}.city-metrics .metric-number,.province-metrics .metric-number{justify-content:flex-start;margin-top:8px;gap:7px}.city-metrics .metric-number strong,.province-metrics .metric-number strong{font-size:30px}.city-metrics .metric-change,.province-metrics .metric-change{font-size:12px}.metric-card{position:relative;min-width:0;height:100%;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;padding:12px 18px;border:1px solid rgba(56,196,255,.36);border-radius:5px;background:radial-gradient(circle at 14% 50%,rgba(54,228,255,.14),transparent 28%),linear-gradient(180deg,rgba(12,48,95,.86),rgba(4,20,48,.9));box-shadow:inset 0 0 22px rgba(31,149,255,.2),0 0 18px rgba(0,122,255,.2);overflow:hidden;animation:riseIn .55s ease both}.metric-card:after{content:"";background:linear-gradient(110deg,transparent 10%,hsla(0,0%,100%,.14) 46%,transparent 58%);transform:translateX(-120%);animation:sweep 7s ease-in-out infinite}.metric-card .corner-bracket,.metric-card:after{position:absolute;inset:-1px;pointer-events:none}.metric-card .corner-bracket{background:linear-gradient(90deg,#4de8ff,#1a8eff) 0 0/14px 2px no-repeat,linear-gradient(180deg,#4de8ff,#1a8eff) 0 0/2px 14px no-repeat,linear-gradient(270deg,#4de8ff,#1a8eff) 100% 0/14px 2px no-repeat,linear-gradient(180deg,#4de8ff,#1a8eff) 100% 0/2px 14px no-repeat,linear-gradient(90deg,#4de8ff,#1a8eff) 0 100%/14px 2px no-repeat,linear-gradient(0deg,#4de8ff,#1a8eff) 0 100%/2px 14px no-repeat,linear-gradient(270deg,#4de8ff,#1a8eff) 100% 100%/14px 2px no-repeat,linear-gradient(0deg,#4de8ff,#1a8eff) 100% 100%/2px 14px no-repeat;opacity:.7}.metric-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;color:#36e4ff;font-size:24px;font-weight:700;background:radial-gradient(circle,rgba(54,228,255,.32),rgba(30,155,255,.08) 62%,transparent 64%);box-shadow:0 0 18px rgba(54,228,255,.36)}.metric-icon svg{width:26px;height:26px}.metric-card.gold .metric-icon,.metric-card.gold .metric-number strong{color:#ffd166}.metric-card.gold .metric-icon{background:radial-gradient(circle,rgba(255,209,102,.32),rgba(255,170,50,.08) 62%,transparent 64%);box-shadow:0 0 18px rgba(255,209,102,.36)}.metric-body{min-width:0}.metric-label{color:#cdeeff;font-size:14px;font-weight:700;line-height:1.1}.metric-number{margin-top:8px;display:flex;align-items:baseline;gap:7px}.metric-number strong{color:#36e4ff;font-size:30px;line-height:1;text-shadow:0 0 12px rgba(54,228,255,.55)}.metric-number span{color:#d9f4ff;font-size:12px}.metric-change{margin-top:6px;color:#64e395;font-size:12px}.province-left{grid-column:1;grid-row:2/5;display:grid;grid-template-rows:260px 240px 1fr;gap:10px}.province-right{grid-column:3;grid-row:2/5;display:grid;grid-template-rows:220px 280px 1fr;gap:10px}.province-map-zone{grid-column:2;grid-row:2/4}.province-trend{grid-column:2;grid-row:4}.mini-panel-row{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.city-left{grid-column:1;grid-row:2;display:grid;grid-template-rows:262px 1fr;gap:10px}.city-map-zone{grid-column:2;grid-row:2}.city-right{grid-column:3;grid-row:2/4;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px}.city-trend{grid-column:1/3;grid-row:3}.city-map-zone,.glow-panel,.province-map-zone{position:relative;min-width:0;min-height:0;border:1px solid rgba(56,196,255,.28);border-radius:5px;background:linear-gradient(180deg,rgba(8,32,70,.66),rgba(3,16,38,.76));box-shadow:inset 0 0 22px rgba(31,149,255,.12),0 0 16px rgba(0,122,255,.15);overflow:hidden}.city-map-zone,.province-map-zone{z-index:8;overflow:visible;background:radial-gradient(circle at 50% 46%,rgba(54,228,255,.08),transparent 45%),linear-gradient(180deg,rgba(4,22,52,.22),rgba(3,16,38,.32))}.city-map-zone:before,.province-map-zone:before{content:none}.city-map-zone>*,.province-map-zone>*{position:relative;z-index:1}.city-three-map canvas{mix-blend-mode:screen}.city-map-zone:after,.glow-panel:before,.province-map-zone:after{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#4de8ff,#1a8eff) 0 0/24px 2px no-repeat,linear-gradient(180deg,#4de8ff,#1a8eff) 0 0/2px 24px no-repeat,linear-gradient(270deg,#4de8ff,#1a8eff) 100% 0/24px 2px no-repeat,linear-gradient(180deg,#4de8ff,#1a8eff) 100% 0/2px 24px no-repeat,linear-gradient(90deg,#4de8ff,#1a8eff) 0 100%/24px 2px no-repeat,linear-gradient(0deg,#4de8ff,#1a8eff) 0 100%/2px 24px no-repeat,linear-gradient(270deg,#4de8ff,#1a8eff) 100% 100%/24px 2px no-repeat,linear-gradient(0deg,#4de8ff,#1a8eff) 100% 100%/2px 24px no-repeat;opacity:.9}.city-map-zone .corner-dots,.glow-panel:after,.province-map-zone .corner-dots{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 0 0,#4de8ff 2px,transparent 0) 0 0/6px 6px no-repeat,radial-gradient(circle at 100% 0,#4de8ff 2px,transparent 0) 100% 0/6px 6px no-repeat,radial-gradient(circle at 0 100%,#4de8ff 2px,transparent 0) 0 100%/6px 6px no-repeat,radial-gradient(circle at 100% 100%,#4de8ff 2px,transparent 0) 100% 100%/6px 6px no-repeat}.panel-heading{height:32px;display:flex;align-items:center;padding:0 14px;color:#eaf8ff;font-size:14px;font-weight:700;letter-spacing:1px;background:linear-gradient(90deg,rgba(30,155,255,.32),rgba(30,155,255,.06) 70%,transparent);border-bottom:1px solid rgba(54,228,255,.12)}.panel-heading span{padding-left:10px;border-left:3px solid #36e4ff}.panel-content{position:relative;height:calc(100% - 33px);padding:8px 10px 10px}.chart-fill{width:100%;height:100%}.ranking-list{height:100%;display:grid;grid-auto-rows:minmax(0,1fr);gap:4px}.ranking-row{min-width:0;display:grid;grid-template-columns:24px 58px minmax(0,1fr) 68px;gap:8px;align-items:center;color:#cdeeff;font-size:12px;cursor:pointer;padding:2px 4px;border-radius:3px;transition:background .2s}.ranking-row:hover{background:rgba(54,228,255,.08)}.ranking-row.selected{background:rgba(255,209,102,.12)}.ranking-index{height:18px;display:grid;place-items:center;border-radius:3px;color:#eaf8ff;font-style:normal;background:rgba(30,155,255,.48)}.ranking-index.hot{color:#061b3a;background:#ffd166}.ranking-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-track{height:7px;overflow:hidden;border-radius:99px;background:rgba(143,183,216,.22)}.ranking-track em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#126bff,#36e4ff);box-shadow:0 0 10px rgba(54,228,255,.55)}.ranking-row strong{color:#eaf8ff;text-align:right;font-size:12px}.donut-block{height:100%;display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;justify-content:center;gap:10px;padding:2px 2px 0}.donut-block.large{grid-template-columns:172px minmax(0,1fr);gap:18px}.donut-shape{position:relative;width:98px;height:98px;border-radius:50%;box-shadow:0 0 24px rgba(54,228,255,.22)}.donut-block.large .donut-shape{width:154px;height:154px}.donut-core{position:absolute;inset:23px;display:grid;place-items:center;align-content:center;border-radius:50%;background:radial-gradient(circle,#09264b,#04152f 72%);box-shadow:inset 0 0 18px rgba(0,0,0,.5),0 0 14px rgba(54,228,255,.16);z-index:2}.donut-core span{color:#8fb7d8;font-size:11px}.donut-core b{max-width:78px;overflow:hidden;color:#eaf8ff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.donut-block.large .donut-core{inset:38px}.donut-block.large .donut-core b{font-size:15px}.mini-panel-row .donut-block{grid-template-columns:92px minmax(0,1fr);gap:6px}.mini-panel-row .donut-shape{width:90px;height:90px}.mini-panel-row .donut-core{inset:21px}.city-right .panel-content{padding:10px 12px 12px}.city-right .donut-block{grid-template-columns:1fr;grid-template-rows:auto auto;justify-items:center;align-content:center;gap:14px;padding:8px 14px 4px}.city-right .donut-shape{width:158px;height:158px}.city-right .donut-core{inset:39px}.city-right .donut-core b{font-size:16px}.city-right .donut-legend-list{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;align-items:start}.city-right .donut-legend-row{margin-bottom:0;font-size:12px;text-align:left}.donut-legend-row{min-width:0;display:grid;grid-template-columns:9px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 7px;margin-bottom:7px;color:#cdeeff;font-size:12px}.donut-legend-row span,.donut-legend-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donut-legend-row strong{grid-column:2;color:#8fb7d8;font-weight:400}.legend-color{width:9px;height:9px;margin-top:3px;border-radius:2px;background:#2f86ff}.color-1{background:#36e4ff}.color-2{background:#64e395}.color-3{background:#ffd166}.color-4{background:#8f7cff}.color-5{background:#7e98b8}.keyword-cloud{height:100%;position:relative}.keyword{position:absolute;color:#36e4ff;font-weight:700;text-shadow:0 0 10px rgba(54,228,255,.55);white-space:nowrap;cursor:default;transition:color .2s,text-shadow .2s}.keyword:hover{color:#ffd166;text-shadow:0 0 14px rgba(255,209,102,.6)}.keyword-0{left:38%;top:38%;color:#ffd166;font-size:38px}.keyword-1{left:43%;top:8%;font-size:25px}.keyword-2{left:56%;top:52%;color:#64e395;font-size:23px}.keyword-3{left:8%;top:52%;font-size:20px}.keyword-4{left:13%;top:18%;color:#8f7cff;font-size:17px}.keyword-5{right:7%;top:18%;font-size:15px}.keyword-6{left:20%;color:#ffd166}.keyword-6,.keyword-7{bottom:12%;font-size:15px}.keyword-7{right:12%;color:#64e395}.keyword-8{left:4%;top:34%}.keyword-8,.keyword-9{color:#8fb7d8;font-size:14px}.keyword-9{right:4%;top:37%}.patent-table{height:100%;display:grid;grid-template-rows:30px repeat(5,minmax(0,1fr));gap:4px}.patent-table-head,.patent-table-row{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) 72px 82px;gap:8px;align-items:center;color:#cdeeff;font-size:12px}.patent-table-head{padding:0 8px;color:#9fd8ff;background:linear-gradient(90deg,rgba(30,155,255,.22),rgba(30,155,255,.08));border:1px solid rgba(54,228,255,.12);border-radius:3px}.patent-table-row{padding:4px 8px;border:1px solid rgba(74,210,255,.07);border-radius:3px;background:linear-gradient(90deg,rgba(10,42,86,.22),rgba(5,22,52,.08));transition:background .2s,border-color .2s,transform .2s}.patent-table-row:hover{border-color:rgba(54,228,255,.28);background:rgba(54,228,255,.08);transform:translateX(2px)}.patent-table-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eaf8ff;font-weight:500}.patent-table-row span{color:#ffd166;text-align:center;font-family:DIN Alternate,Microsoft YaHei,Arial;font-size:15px;text-shadow:0 0 8px rgba(255,209,102,.36)}.patent-table-row em{color:#cdeeff;font-style:normal}.patent-table-row strong{color:#cdeeff;font-weight:400}.map-tip{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);color:#cdeeff;font-size:14px;opacity:.78}.map-data-card,.three-tooltip{position:absolute;z-index:30;width:286px;padding:14px 18px 13px;border:1px solid rgba(137,244,255,.72);border-radius:4px;background:linear-gradient(135deg,rgba(5,22,51,.78),rgba(2,10,27,.74)),radial-gradient(circle at 100% 0,rgba(54,228,255,.16),transparent 42%);box-shadow:0 0 26px rgba(54,228,255,.32),inset 0 0 18px rgba(30,155,255,.16);pointer-events:none;backdrop-filter:blur(4px)}.map-data-card h3,.three-tooltip h3{margin:0 0 12px;color:#ffd166;font-size:19px;text-align:left;text-shadow:0 0 12px rgba(255,209,102,.42)}.map-data-card div,.three-tooltip p{margin:0 0 7px;display:grid;grid-template-columns:1fr 116px;gap:12px;color:#cdeeff;font-size:15px}.map-data-card b,.three-tooltip b{color:#ffd166;text-align:right;font-family:DIN Alternate,Microsoft YaHei,Arial;font-size:17px;letter-spacing:.2px}.map-data-card b em{margin-left:4px;color:#dcecff;font-style:normal;font-size:13px;font-family:Microsoft YaHei,Arial}.map-data-card footer,.three-tooltip footer{margin-top:10px;padding-top:9px;display:grid;grid-template-columns:1fr 116px;gap:12px;border-top:1px solid rgba(210,244,255,.36);color:#cdeeff;font-size:15px}.map-data-card footer b{color:#ffd166;font-size:15px}.map-data-card footer strong{font-size:22px}.map-data-card{right:30px;top:92px}.selected-district-strip{position:absolute;left:24px;right:24px;bottom:14px;height:70px;display:grid;grid-template-columns:138px repeat(5,minmax(0,1fr));align-items:center;gap:0;color:#cdeeff;border:1px solid rgba(54,228,255,.42);border-radius:4px;background:linear-gradient(90deg,rgba(2,11,30,.94),rgba(7,34,74,.82),rgba(2,11,30,.92)),linear-gradient(180deg,rgba(54,228,255,.1),transparent);box-shadow:0 0 22px rgba(30,155,255,.24),inset 0 0 18px rgba(54,228,255,.09);backdrop-filter:blur(4px);overflow:hidden}.selected-district-metric,.selected-district-title{height:100%;min-width:0;display:grid;align-content:center;position:relative}.selected-district-title{grid-template-columns:1fr;padding:0 8px 0 12px;align-items:center}.selected-district-metric i,.selected-district-title i{width:22px;height:22px;display:grid;place-items:center;color:#36e4ff;filter:drop-shadow(0 0 8px rgba(54,228,255,.46))}.selected-district-title i{display:none}.selected-district-metric i svg,.selected-district-title i svg{width:100%;height:100%}.selected-district-title span{color:#ffd166;font-weight:700;font-size:12px;line-height:1.15;white-space:nowrap}.selected-district-title strong{grid-column:1;color:#ffd166;font-size:19px;line-height:1.08;text-shadow:0 0 12px rgba(255,209,102,.38);white-space:nowrap}.selected-district-metric{grid-template-columns:22px minmax(0,1fr);-moz-column-gap:5px;column-gap:5px;padding:0 8px;border-left:1px solid rgba(54,228,255,.18);overflow:hidden}.selected-district-metric span{color:#b9dfff;font-size:11px;line-height:1.1;white-space:nowrap}.selected-district-metric b{grid-column:2;color:#eaf8ff;font-size:16px;line-height:1.05;font-family:DIN Alternate,Microsoft YaHei,Arial;text-shadow:0 0 10px rgba(54,228,255,.24);white-space:nowrap;min-width:0}.selected-district-metric b em{margin-left:3px;color:#9ec6df;font-style:normal;font-size:11px;font-family:Microsoft YaHei,Arial}.map-state,.state-text{height:100%;display:grid;place-items:center;color:#7e98b8}.page-enter .city-map-zone,.page-enter .glow-panel,.page-enter .metric-card,.page-enter .province-map-zone{animation:riseIn .58s ease both}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sweep{0%,55%{transform:translateX(-120%);opacity:0}64%{opacity:.8}78%,to{transform:translateX(120%);opacity:0}}@keyframes spin{to{transform:rotate(1turn)}}