*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}:root{--blue: #0d2c6e;--blue-light: #3b82f6;--orange: #f97316;--gray-100: #f7f9fc;--gray-200: #e5e7eb;--gray-500: #6b7280;--text-dark: #0f172a;--white: #ffffff;--header-h: 80px;--bg: #ffffff;--text: #0f172a;--card-bg: #fcf2eb;--card-border: var(--gray-200);--footer-bg: #0a2359}body{background:var(--bg);color:var(--text);line-height:2;scroll-behavior:smooth;overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh}body,header,footer,.card,.hero,.hero-banner,.section{transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease}#main-content.dark{--bg: #1f2937;--text: #e5e7eb;--gray-500: #cbd5e1;--card-bg: #374151;--card-border: #4b5563;--footer-bg: #0f172a}#main-content{width:100%;flex:1;position:relative;margin-top:100px;min-height:calc(100vh - var(--header-h));background:var(--bg);color:var(--text);transition:background .35s ease,color .35s ease}header{width:100%;padding:16px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(120,180,255,.4);background:#0d2c6e;position:fixed;top:0;left:0;z-index:1000;transition:background-color .3s ease,box-shadow .3s ease}header.scrolled{background-color:#081c44;box-shadow:0 2px 12px #0000004d}.logo{font-size:22px;font-weight:700;letter-spacing:.5px;color:var(--white)}a,.logo-link{text-decoration:none!important}nav{display:flex;align-items:center;gap:32px;position:relative}nav a,nav .dropdown-btn{text-decoration:none;font-weight:500;color:#fff;cursor:pointer;transition:color .2s ease;padding:4px 0;-webkit-user-select:none;user-select:none}nav a:hover,nav .dropdown-btn:hover{color:var(--orange)}.dropdown{position:relative}.dropdown-content{position:absolute;top:110%;left:0;background:#0d2c6e;border-radius:8px;box-shadow:0 8px 24px #00000040;min-width:180px;z-index:150;max-height:0;opacity:0;transform:translateY(-10px);overflow:hidden;transition:max-height .35s ease,opacity .3s ease,transform .3s ease}.dropdown.show .dropdown-content{max-height:200px;opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-content a{padding:12px 20px;display:block;white-space:nowrap;color:#fff;transition:background-color .25s ease}.dropdown-content a:hover{background-color:var(--orange-transparent)}.nav-right{display:flex;align-items:center;gap:28px}#themeToggle{font-size:22px;cursor:pointer;padding:6px 10px;border-radius:8px;transition:.25s ease}#themeToggle:hover{background-color:#fff3;transform:scale(1.18)}#themeToggle:active{transform:scale(.85)}.hero{padding:160px 20px 120px;text-align:center;max-width:900px;margin:auto;background:var(--bg);color:var(--text)}.hero h1{font-size:46px;font-weight:700;margin-bottom:20px;background:linear-gradient(to right,var(--blue),var(--orange));-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;color:var(--gray-500);margin-bottom:32px}.hero button{padding:14px 32px;font-size:16px;border-radius:10px;font-weight:600;border:none;background:var(--orange);color:#fff;cursor:pointer;box-shadow:0 4px 12px #f9731680;transition:.3s ease}.hero button:hover{background:#e25e00;box-shadow:0 6px 16px #f97316b3}.section{max-width:1200px;margin:auto;padding:80px 40px;background:var(--bg);color:var(--text)}.section h2{font-size:32px;text-align:center;font-weight:700;margin-bottom:48px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;align-items:start}.card h3{font-size:20px;margin-bottom:12px}#main-content.dark .card{background:var(--card-bg);border:1px solid var(--card-border)}#main-content.dark .card:hover{background:#35404f;box-shadow:0 8px 28px #0006}.accordion{cursor:pointer;padding:12px 0;font-weight:600;color:var(--blue);margin-top:20px;display:flex;justify-content:space-between;align-items:center}.accordion:after{content:"▼";font-size:14px;transition:transform .35s ease}.accordion.active:after{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;opacity:0;transform:translateY(-6px);transition:max-height .45s ease,opacity .35s ease,transform .35s ease}.accordion-content.open{max-height:400px;opacity:1;transform:translateY(0);margin-top:12px}#main-content.dark .accordion{color:#f97316;border-bottom-color:#4b5563}#main-content.dark .accordion:after{color:#f97316}footer{width:100%;height:280px;background:var(--footer-bg);color:#fff;padding:60px 40px 40px}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1200px;margin:auto;gap:40px}.footer-col{display:flex;flex-direction:column;gap:6px}.footer-copy{text-align:center;margin-top:40px;opacity:.7}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:28px;height:22px;cursor:pointer}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.cards{grid-template-columns:1fr}header{padding:16px 20px}}.back-to-top{position:fixed;bottom:30px;right:30px;width:48px;height:48px;border-radius:50%;background:#0d2c6e;color:#fff;font-size:24px;font-weight:700;border:none;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:.3s ease;z-index:999}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:#f97316}.hero-banner-login{position:absolute;right:80px;bottom:50%;transform:translateY(50%);z-index:3}.hero-login-btn{padding:16px 40px;font-size:18px;font-weight:700;border-radius:25px;border:none;cursor:pointer;background:var(--orange);color:#fff;box-shadow:0 10px 30px #f9731699;transition:transform .25s ease,box-shadow .25s ease}.hero-login-btn:hover{transform:scale(1.08);box-shadow:0 14px 36px #f97316e6}@media(max-width:768px){.hero-banner-login{right:50%;bottom:30px;transform:translate(50%)}}#main-content.dark .energy-news{background:linear-gradient(135deg,#1e293be6,#0f172ae6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:6px solid #60a5fa;box-shadow:0 0 0 1px #ffffff0d,0 20px 40px #00000080}.energy-news-title{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:700;color:var(--blue)}.energy-news-title i{color:var(--orange);font-size:22px}#main-content.dark .energy-news .energy-news-title{color:#fff!important}.energy-news-subtitle{margin-top:4px;color:var(--gray-500)}.energy-news-list{display:grid;gap:14px;margin-top:16px}.energy-news-item{display:block;padding:14px 18px;background:#fde4d1;border-radius:10px;border:1px solid var(--card-border);color:var(--text);text-decoration:none;font-weight:500;line-height:1.6;position:relative;transition:all .25s ease}.energy-news-item:before{content:"";position:absolute;left:10px;top:22px;width:6px;height:6px;background:var(--orange);border-radius:50%}.energy-news-item span{margin-left:14px}.energy-news-item:hover{transform:translateY(-2px);border-color:var(--orange);box-shadow:0 8px 24px #f9731640}#main-content.dark .energy-news-item{background:#2f3947}#main-content.dark .energy-news-item:hover{background:#35404f}#main-content.dark .energy-news-title{color:#fff}.card{background:#f5efe9;border-radius:16px;overflow:hidden;box-shadow:0 8px 20px #0000000d;transition:transform .3s ease}.card-body{padding:20px}.card h3{margin-bottom:10px}.card p{font-size:14px;line-height:1.6}.accordion{margin-top:15px;font-size:14px;color:#1e3a8a;cursor:pointer}.dashboard{padding:60px 10%}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.dashboard-card{background:#0f172a;color:#fff;padding:24px;border-radius:16px;box-shadow:0 10px 25px #0003}.big-number{font-size:28px;font-weight:700;margin:10px 0}.sphere-preview{display:flex;align-items:center;justify-content:space-between;padding:80px 10%;gap:40px}.sphere-right img{width:350px;border-radius:20px}.ai-preview{padding:80px 10%;text-align:center}.fake-chat{margin-top:20px;display:flex;gap:12px;justify-content:center}.fake-chat input{padding:12px;width:300px;border-radius:8px;border:1px solid #ccc}.primary-btn{background:#f97316;color:#fff;border:none;padding:12px 18px;border-radius:8px;cursor:pointer}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;overflow:hidden;box-shadow:0 8px 20px #0000000d;opacity:0;transform:translateY(40px);transition:.6s ease}.card.active{opacity:1;transform:translateY(0)}.card:hover,.dashboard-card:hover,.ai-box:hover,.energy-news-item:hover{transform:translateY(-6px);transition:.3s ease}.dashboard-card{background:linear-gradient(145deg,#0f172a,#1e293b);border-radius:18px;padding:24px;position:relative;overflow:hidden}body{background:var(--bg);color:var(--text)}.dashboard-card{background:linear-gradient(145deg,#0f172a,#1e293b);color:#fff;border-radius:18px;padding:24px;position:relative;overflow:hidden;opacity:0;transform:translateY(40px);transition:all .6s ease}.dashboard-card.active{opacity:1;transform:translateY(0)}.dashboard-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 20px 40px #0006}.dashboard-card:active{transform:scale(.97)}.dashboard-card:before{content:"";position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:radial-gradient(circle,rgba(59,130,246,.2),transparent 60%);transform:rotate(25deg);transition:.5s}.dashboard-card:hover:before{transform:rotate(0) scale(1.2)}.ai-box{background:var(--card-bg);padding:40px;border-radius:20px;transition:all .4s ease}#main-content.dark .ai-box{background:#1e293bd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 30px #3b82f640;color:#fff}#main-content.dark .fake-chat input{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.2)}.sphere-preview{opacity:0;transform:translateY(60px);transition:.8s ease}.sphere-preview.active{opacity:1;transform:translateY(0)}.primary-btn{position:relative;overflow:hidden;transition:.3s}.primary-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.5),transparent);transition:.6s}.primary-btn:hover:after{left:100%}.reveal{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.reveal{opacity:0;transform:translateY(60px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.reveal.active{opacity:1;transform:translateY(0)}.sphere-preview{background:linear-gradient(135deg,#3b82f614,#0d2c6e1f);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;margin:60px auto;max-width:1200px;box-shadow:0 20px 50px #0d2c6e26}.dashboard-card,.card,.ai-box,.sphere-preview,.energy-news,.energy-news-item{transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease;cursor:pointer}.dashboard-card:hover,.card:hover,.ai-box:hover,.sphere-preview:hover,.energy-news:hover,.energy-news-item:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0003}.dashboard-card:active,.card:active,.ai-box:active,.sphere-preview:active,.energy-news:active,.energy-news-item:active{transform:translateY(-2px) scale(.97)}@keyframes pulseDot{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}to{transform:scale(1);opacity:1}}.page-container{max-width:1200px;margin:0 auto;padding:0 20px}.feature-title{display:flex;align-items:center;gap:8px;justify-content:flex-start;text-align:left;font-size:22px;font-weight:600;margin-left:0}.back-to-top{position:fixed;bottom:30px;right:30px;width:55px;height:55px;border-radius:50%;border:none;background-color:#f97316;color:#fff;font-size:22px;cursor:pointer;opacity:0;pointer-events:none;transition:all .3s ease;box-shadow:0 4px 12px #0000004d;z-index:999}.back-to-top.show{opacity:1;pointer-events:auto}.energy-news{max-width:1200px;border-radius:30px;position:relative;padding:40px;border-left:8px solid #1e3a8a!important;background:#fff4eb;box-shadow:0 4px 20px #00000040}.energy-news-title{display:flex;align-items:center;gap:20px;color:#0d2c6e!important}.energy-news-subtitle{color:gray}.energy-news-list{display:flex;flex-direction:column;gap:16px;margin:30px 0}.energy-news-item{text-decoration:none;padding:10px 12px;border-radius:10px;transition:.2s}.energy-news-item:hover{background:#ffdbbd;transform:translate(4px)}.energy-news-source{margin-top:16px;display:block}.energy-news-btn{position:absolute;right:40px;bottom:40px;padding:10px 20px;background-color:#0d2c6e;color:#fff;border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:all .25s ease}.energy-news-btn:hover{transform:translateY(-4px);box-shadow:0 4px 20px #00000040}@media(max-width:768px){.energy-news-btn{bottom:5px;right:10px}.energy-news-title{font-size:24px}}.dashboard-page{min-height:100%;font-family:Inter,Noto Sans TC}.dashboard-page.dark{color:#f8fafc}.data-status{display:flex;align-items:center;gap:12px}.data-status-text{font-size:16px;font-weight:500;color:#036}.dashboard-page.dark .data-status-text{color:#f8fafc}.top-section{padding:70px}.top-section>*+*{margin-top:50px}.top-section .data-status+.grid4{margin-top:30px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.kpi{border-radius:40px;padding:30px 50px;background:#fff;box-shadow:0 4px 20px #00000026;transition:all .25s ease}.dashboard-page.dark .kpi{background:#1e293b;border:2px solid #334155;box-shadow:0 4px 20px #00000080}.kpi-header{display:flex;gap:10px;align-items:center}.kpi-header i{display:flex;align-items:center;justify-content:center;font-size:24px}.kpi-title{display:flex;align-items:center;font-size:18px;font-weight:700;color:#64748b}.kpi-value{font-size:30px;font-weight:700;margin-top:10px;color:#036}.dashboard-page.dark .kpi-title{color:#94a3b8}.dashboard-page.dark .kpi-value{color:#f1f5f9}.unit{font-size:14px}.flex-section{display:flex;gap:40px}.circle-section{display:flex;flex:1;justify-content:center;align-items:center}.circle-outer{position:relative;width:100%;max-width:500px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at center,rgba(59,130,246,.08),transparent 70%)}.circle-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-text{font-size:36px;font-weight:700}.circle-sub{font-size:18px;font-weight:700;color:#64748b}.dashboard-page.dark .circle-sub{color:#94a3b8}.status-wrapper{flex:2;display:grid;grid-template-columns:1fr 1fr;margin-top:30px;gap:40px}.status-card{display:flex;max-height:100%;padding:30px;border-radius:40px;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;transition:all .25s ease}.status-card>*{margin-left:50px;font-size:20px}.dashboard-page.dark .status-card{background:#1e293b99}.dot{width:25px;height:25px;border-radius:50%;flex-shrink:0;box-shadow:0 0 12px currentColor}.dashboard-page.dark .dot{box-shadow:0 0 24px currentColor}.title-row{display:flex;align-items:center;gap:10px;margin-bottom:20px}.title-icon{margin-right:10px;font-size:36px;line-height:1}.section-title{font-size:28px;font-weight:700}.energy-card{border-radius:40px;padding:40px 50px;transition:all .25s ease;background:#fff;box-shadow:0 4px 20px #0000001a}.dashboard-page.dark .energy-card{background:#1e293b;border:2px solid #334155;box-shadow:0 10px 30px #0009}.energy-card:hover{background:#f0f4f8;box-shadow:0 4px 30px #00000040}.dashboard-page.dark .energy-card:hover{background:#3b4a63;box-shadow:0 15px 40px #000000b3}.energy-top{display:flex;align-items:center;gap:12px}.energy-top i{font-size:28px;line-height:1;flex-shrink:0}.energy-title{font-size:20px;font-weight:700}.energy-value{margin-top:12px;font-size:24px;font-weight:700}.bar{margin-top:16px;height:10px;border-radius:10px;background:#e5e7eb;overflow:hidden}.dashboard-page.dark .bar{background:#334155}.bar-inner{height:100%;border-radius:10px;transition:width .6s ease;background:linear-gradient(90deg,rgba(255,255,255,.2),transparent)}.chart-card{margin-top:50px;border-radius:40px;padding:50px;background:#fff;border:2px solid #e5e7eb;box-shadow:0 8px 30px #00000014}.dashboard-page.dark .chart-card{background:#1e293b;border:2px solid #334155;box-shadow:0 12px 40px #000000b3}.recharts-cartesian-grid line{stroke:#94a3b8;opacity:.4}.recharts-cartesian-axis-tick-value{font-size:16px;fill:#94a3b8}.recharts-legend-item text{font-size:14px;font-weight:700;fill:#64748b}.dashboard-page.dark .recharts-legend-item text{fill:#cbd5f5}.recharts-default-tooltip{border-radius:16px!important;background:#ffffffe6!important;box-shadow:0 15px 40px #0003!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 14px!important}.dashboard-page.dark .recharts-default-tooltip{background:#1e293bf2!important;color:#f1f5f9!important}.recharts-line path{filter:drop-shadow(0 0 6px rgba(59,130,246,.5))}.recharts-line:nth-of-type(2) path{filter:drop-shadow(0 0 6px rgba(34,197,94,.5))}.recharts-active-dot circle{r:6;stroke:#fff;stroke-width:2px}.recharts-tooltip-cursor{stroke:#94a3b8;stroke-width:1;opacity:.3}.recharts-wrapper{padding-top:10px}*{outline:none!important;border:none!important}.blue{color:#3b82f6}.green{color:#22c55e}.bold{font-weight:700}.small{font-size:14px}@media(min-width:769px){.flex-section{height:420px;align-items:center}.circle-section{height:100%}.circle-outer{height:100%;width:auto}}@media(max-width:768px){.top-section{padding:30px}.flex-section{flex-direction:column;gap:20px}.circle-section{order:-1;margin-bottom:20px}.circle-outer{margin:0 auto}.grid4{grid-template-columns:repeat(2,1fr);gap:20px;order:2}.grid3{grid-template-columns:1fr;gap:20px}.status-wrapper{grid-template-columns:1fr 1fr;gap:30px}.energy-section{order:3}.chart-card{order:4}.kpi{padding:16px 12px;border-radius:30px}.kpi-title{font-size:14px;text-align:center}.kpi-value{font-size:18px;text-align:center}.circle-text{font-size:28px}.status-card{max-height:100%;padding:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.status-card>*{margin-left:0;font-size:14px}.dot{margin:12px 0}.energy-card{padding:30px 40px;border-radius:40px}.energy-title{font-size:16px}.energy-value{font-size:20px}.section-title{font-size:18px}}.carousel-section{margin:40px 0}.carousel-title{font-size:28px;font-weight:700;color:#ff9100;margin-bottom:14px;display:flex;align-items:center;letter-spacing:.5px}.carousel-title:before{content:"";width:9px;height:28px;background:#ff9100;margin-right:20px}.carousel-wrapper{position:relative}.carousel{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;padding:14px 48px;scroll-snap-type:x mandatory}.carousel::-webkit-scrollbar{display:none}.carousel-item{width:240px;height:120px;flex-shrink:0;border-radius:20px;overflow:hidden;border:#f0f0f0 3px solid;display:block;position:relative;transition:all .25s cubic-bezier(.2,.8,.2,1);scroll-snap-align:start}.carousel-item img{width:100%;height:100%;object-fit:cover;display:block}.carousel-item:hover{transform:translateY(-8px) scale(1.04);box-shadow:0 0 0 2px #ff910040;z-index:10}.arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.arrow:hover{transform:translateY(-50%) scale(1.08);background:#fff}.arrow.left{left:8px}.arrow.right{right:8px}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#f6f8fb;color:#0f172a}.page-container{max-width:1300px;margin:0 auto;padding:40px}.hero-banner{height:420px;position:relative;display:flex;align-items:center;background-size:cover;background-position:center;overflow:hidden}.hero-banner:before{content:"";position:absolute;inset:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero-banner>div{position:relative}.hero-banner h1{font-size:40px;font-weight:800;line-height:1.2;margin:0}.hero-banner p{margin-top:10px;opacity:.9;font-size:16px}.hero-btn{display:inline-block;margin-top:18px;padding:12px 20px;border-radius:999px;background:#22c55e;color:#fff;font-weight:600;text-decoration:none;transition:.3s}.hero-btn:hover{transform:translateY(-2px);background:#16a34a}.cards{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:50px}.card{background:#fff4eb;border-radius:40px;overflow:hidden;box-shadow:0 4px 12px #0003;transition:transform .25s ease,box-shadow .25s ease;will-change:transform}.card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 25px 50px #0000001f;z-index:20}.card-image img{width:100%;height:200px;object-fit:cover}.card-body{padding:18px}.card-body h3{margin:0 0 6px}.card-body p{font-size:14px;opacity:.75}.accordion{margin-top:12px;cursor:pointer;font-weight:600;color:#3b82f6;-webkit-user-select:none;user-select:none}.accordion-content{max-height:0;overflow:hidden;transition:.4s ease;font-size:14px;color:var(--text-color)}.accordion-content.open{max-height:200px;margin-top:10px}.reveal{opacity:0;transition:all .6s ease}.reveal.active{opacity:1}.big-number{font-size:32px;font-weight:800;color:#0f172a}.section{padding:40px 0;background:transparent}@media(max-width:768px){.page-container{padding:20px 16px}.cards{grid-template-columns:1fr;gap:16px}.card:hover{transform:none}.hero-banner{height:320px}.hero-banner h1{font-size:28px}}body{margin:0;background:radial-gradient(circle at 15% 20%,rgba(90,168,255,.12),transparent 40%),radial-gradient(circle at 85% 75%,rgba(180,120,255,.12),transparent 40%),linear-gradient(135deg,#0a0f1c 0%,100%);font-family:Inter,sans-serif;overflow-x:hidden}.global-page{display:flex;flex-direction:column;gap:30px;padding:30px 40px 40px}.control-panel{background:#ffffff0d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(120,180,255,.4)!important;border-radius:30px;box-shadow:0 0 25px #5aa8ff40,inset 0 0 20px #78b4ff1f}.title-content{display:inline-flex;align-items:center;gap:10px;line-height:1;font-weight:700}.panel-row>*{flex-shrink:0}.panel-row{display:flex;align-items:center;white-space:nowrap;gap:40px;padding:20px}.label-group{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.panel-row select{border:1px solid rgba(150,200,255,.5)!important;border-radius:10px;padding:5px 14px;color:#000;outline:none}input[type=checkbox]{transform:scale(1.5);margin-right:10px}.search-box{width:20%;position:relative;line-height:1;border-radius:16px;padding:10px 16px;background:#ffffff0f;border:1px solid rgba(120,180,255,.4)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:.3s ease}.search-box:hover{border-color:#5aa8ff;box-shadow:0 0 15px #5aa8ff80}.search-box input{background:transparent;border:none;outline:none;color:#000;padding-left:22px}.search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);opacity:.7}.global-layout{display:flex;gap:20px;height:calc(100vh - 150px)}@media(max-width:768px){.global-layout{display:block;background:transparent}}.globe-area{width:70%;height:100%;border-radius:40px;overflow:hidden;background:#ffffff0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(120,180,255,.4)!important;box-shadow:0 0 40px #5aa8ff40,inset 0 0 30px #78b4ff1a;pointer-events:auto}.globe-area canvas{background:transparent!important}.info-panel{width:30%;height:100%;padding:30px;border-radius:40px;background:#ffffff0d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(120,180,255,.4)!important;box-shadow:0 0 30px #5aa8ff40,inset 0 0 25px #78b4ff1a;overflow-y:auto}.info-empty{opacity:.6;text-align:center;margin-top:80px}.info-card{display:flex;flex-direction:column;gap:20px}.info-card h2{font-size:22px;margin-bottom:6px}.img-box{width:90%;height:180px;overflow:hidden;margin:0 auto;border:1px solid rgba(120,180,255,.4)!important;border-radius:30px}.info-img{width:100%;height:100%;object-fit:cover}.info-content h3{margin-top:14px;font-size:15px}.info-content p{font-size:13px;line-height:1.6;opacity:.95}.hover-overlay{position:fixed;pointer-events:none;z-index:9999}.hover-card{width:240px;padding:16px;border-radius:20px;color:#fff;background:linear-gradient(145deg,#12192df7,#192341f2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(120,200,255,.7);box-shadow:0 0 30px #5aa8ff66,0 20px 60px #000c;transition:.3s ease}.hover-card:hover{transform:scale(1.05)}.hover-header{font-weight:600;font-size:14px;margin-bottom:10px}.hover-img{width:100%;max-height:120px;object-fit:contain;border-radius:14px;margin-bottom:10px}.hover-content{font-size:12px;line-height:1.6;opacity:.9}.ai-overlay{position:absolute;top:60px;left:50%;transform:translate(-50%);z-index:100;pointer-events:none}.ai-panel{width:420px;max-width:90vw;padding:20px;border-radius:25px;background:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:2px solid #e5e7eb;box-shadow:0 10px 30px #0003;pointer-events:auto;position:relative;transition:all .25s ease;display:flex;flex-direction:column}.ai-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;font-weight:500;cursor:grab}.ai-header:active{cursor:grabbing}.ai-title{font-size:14px}.ai-close{cursor:pointer;font-size:16px;color:#f97316;transition:.2s}.ai-close:hover{transform:scale(1.2);color:#ea580c}.ai-panel textarea{width:100%;min-height:100px;padding:10px;border-radius:10px;border:2px solid #e5e7eb!important;font-size:14px;resize:vertical;outline:none;transition:all .2s ease}.ai-panel textarea::placeholder{color:#94a3b8}.ai-panel textarea:focus{border-color:#f97316;box-shadow:0 0 0 2px #f9731633}.ai-panel button{align-self:flex-end;margin-top:15px;padding:8px 24px;border-radius:18px;border:1px solid #ffcfad!important;background:#fcf2eb;color:#9a3412;font-size:12px;cursor:pointer;transition:all .25s ease}.ai-panel button:hover{border-color:#f97316;box-shadow:0 0 8px #f5793680}.ai-answer{margin-top:10px;padding:10px;border-radius:10px;background:#f8fafc;border:1px solid #e5e7eb;font-size:13px;line-height:1.5}#main-content.dark .panel-row select{color:#fff;background:#1e293be6;border:1px solid #475569}#main-content.dark .search-box input{color:#fff}#main-content.dark .ai-panel{background:#0f172ae6;border:1px solid #334155;box-shadow:0 10px 30px #0009,0 0 10px #f9731633;color:#e2e8f0}#main-content.dark .ai-panel textarea{background:#1e293be6;color:#e2e8f0;border:1px solid #334155}#main-content.dark .ai-panel textarea::placeholder{color:#64748b}#main-content.dark .ai-panel textarea:focus{border-color:#f97316;box-shadow:0 0 6px #f9731666}#main-content.dark .ai-panel button{background:#1e293bd9;color:#e2e8f0;border:1px solid rgba(249,115,22,.3);box-shadow:none}#main-content.dark .ai-panel button:hover{border-color:#f97316;box-shadow:0 0 8px #f9731699,0 0 18px #f973164d}#main-content.dark .ai-answer{background:#1e293bcc;border:1px solid #334155;color:#cbd5f5}.ai-box{display:inline-flex;align-items:center;padding:4px 16px;border-radius:20px;border:1px solid #ffcfad!important;background:#fcf2eb;font-size:14px;cursor:pointer;transition:all .25s ease}.ai-box:hover{border-color:#f97316;box-shadow:0 0 8px #f5793680}#main-content.dark .ai-box{background:#1e293bd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(249,115,22,.3);box-shadow:none;color:#e2e8f0}#main-content.dark .ai-box:hover{border-color:#f97316;box-shadow:0 0 8px #f9731699,0 0 18px #f973164d}#main-content.dark .ai-panel{background:#0f172ae6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(249,115,22,.3);box-shadow:0 10px 30px #00000080,0 0 10px #f9731633;color:#e2e8f0}#main-content.dark .ai-header{color:#f1f5f9}#main-content.dark .ai-close{color:#fb923c}#main-content.dark .ai-close:hover{color:#f97316}#main-content.dark .ai-panel textarea{background:#1e293be6;color:#e2e8f0;border:1px solid #334155;border-radius:8px;outline:none}#main-content.dark .ai-panel textarea:focus{border-color:#f97316;box-shadow:0 0 6px #f9731680}#main-content.dark .ai-panel button{background:#1e293b;color:#e2e8f0;border:1px solid #334155;border-radius:20px}#main-content.dark .ai-panel button:hover{border-color:#f97316;box-shadow:0 0 6px #f9731666}#main-content.dark .ai-answer{color:#cbd5f5}.pie-container{width:100%;height:400px;overflow:hidden;display:flex;justify-content:center}.pie-wrapper{display:flex;justify-content:center;align-items:center}.recharts-sector,.recharts-pie-sector,.recharts-surface,.recharts-wrapper svg,.recharts-wrapper path{outline:none!important;box-shadow:none!important;filter:none!important}.recharts-sector:focus,.recharts-sector:focus-visible,.recharts-surface:focus,.recharts-surface:focus-visible{outline:none!important;box-shadow:none!important}*:focus-visible{outline:none!important}.recharts-tooltip-wrapper{border-radius:10px}.recharts-default-tooltip{border-radius:12px!important;border:none!important;box-shadow:0 10px 25px #00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff!important;font-size:14px;padding:4px 16px!important}.mobile-layout{position:relative;width:100%;min-height:calc(100dvh - 70px);overflow:hidden}.mobile-bottom-panel{position:absolute;bottom:0;left:0;right:0;height:50%;z-index:10;height:100%;max-height:100dvh;background:#fffffff2;border-radius:20px 20px 0 0;padding:16px;overflow-y:auto;box-shadow:0 -10px 30px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:768px){#main-content.dark .mobile-bottom-panel{background:#1f2937;color:#e2e8f0}}.mobile-bottom-panel .info-card{font-size:14px}.mobile-bottom-panel h2{font-size:18px}@media(max-width:768px){.control-panel{padding:16px}.panel-row{display:flex;flex-direction:column;align-items:stretch;gap:14px}.panel-row>*{width:100%}.label-group{width:100%;justify-content:space-between}.panel-row label{display:flex;align-items:center}.search-box{width:100%}.ai-box{width:100%;justify-content:center}}@media(max-width:768px){header{height:70px;padding:0 16px}}@media(max-width:768px){.logo img{height:40px!important}.logo span{font-size:18px!important}}@media(max-width:768px){.hamburger{display:block;cursor:pointer;color:#f97316}.hamburger i{font-size:24px;color:#f97316}}@media(max-width:768px){.globe-area{border-radius:28px;width:100%;height:100%}}@media(max-width:768px){nav{position:fixed;top:0;left:0;width:70%;height:100vh;background:#0d2c6ef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:80px 20px;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto;z-index:1001}nav.open{transform:translate(0)}}@media(max-width:768px){nav a{display:block;font-size:15px;margin-bottom:20px;writing-mode:horizontal-tb}nav a i{color:#f97316!important}}#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;opacity:0;pointer-events:none;transition:.3s;z-index:1000}#overlay.active{opacity:1;pointer-events:auto}@media(max-width:768px){.info-panel{width:100%;height:100%;margin-top:30px;border-radius:28px}}@media(max-width:768px){.global-page{background:transparent!important}}@media(max-width:768px){#main-content.dark .global-layout{background:#1f2937}#main-content.dark .info-panel{background:#1f2937;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}#main-content.dark .globe-area{background:#0f172a99;border:1px solid rgba(71,85,105,.6);box-shadow:0 0 30px #00000080,inset 0 0 20px #0000004d}#main-content.dark .mobile-bottom-panel{background:#0f172a99;color:#e2e8f0;border:1px solid rgba(71,85,105,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#main-content.dark .mobile-bottom-panel h2,#main-content.dark .mobile-bottom-panel p{color:#e2e8f0}#main-content.dark .control-panel{background:#0f172a99;border:1px solid rgba(71,85,105,.5);box-shadow:inset 0 0 15px #0006}}@media(max-width:768px){body{background:transparent;display:flex;flex-direction:column;min-height:100dvh}body.dark{background:#1f2937}.global-page{flex:1;min-height:100dvh}}@media(max-width:768px){footer{display:none}}@media(max-width:768px){.global-page{padding:0}}:root{--text-color: #111}.dark{--text-color: #e2e8f0}.global-page{color:var(--text-color)}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.power-container{padding:30px;background:var(--bg, #f8fafc);color:var(--text-color)}:root{--plant-name-color: #0F172A;--region-title-color: #0d2c6e}.dark{--plant-name-color: #e2e8f0;--region-title-color: #f97316}.region-block{margin-bottom:20px;padding:16px;background:#fff;border-radius:16px;box-shadow:0 8px 20px #0000000f}.region-title{font-size:16px;font-weight:700;margin-bottom:10px;color:var(--region-title-color)}.plant-tabs{display:flex;flex-wrap:wrap;gap:8px;max-height:90px;overflow-y:auto;padding-right:5px}.plant-tabs::-webkit-scrollbar{width:6px}.plant-tabs::-webkit-scrollbar-thumb{background:#cbd5f5;border-radius:10px}.plant-tabs button{padding:6px 12px;border-radius:999px;border:none;background:#e2e8f0;font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.plant-tabs button:hover{background:#cbd5f5}.plant-tabs .active{background:#f97316;color:#fff;font-weight:500}.summary-card h2{margin-bottom:5px}.summary-card p{font-size:14px;opacity:.8}.card-grid{display:flex;gap:16px;flex-wrap:wrap}.plant-card{width:160px;padding:15px;border-radius:16px;background:var(--card-bg, #ffffff);box-shadow:0 8px 20px #00000014;text-align:center;transition:all .25s ease}.plant-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 40px #0000001f}.gauge{width:100px;height:100px;margin:0 auto 10px}.plant-card h4{font-size:14px;margin-bottom:4px;color:var(--plant-name-color)}.plant-card p{font-size:12px;opacity:.7}.dark .power-container{background:#0f172a}.dark .plant-card,.dark .summary-card{background:#1e293b;color:#e2e8f0}.dark .region-block{background:#1e293b;box-shadow:0 8px 20px #00000080;border-left:4px solid #3b82f6}.dark .region-block:hover{box-shadow:0 12px 30px #000000b3}.dark .plant-tabs button{background:#334155;color:#cbd5f5}.dark .plant-tabs button:hover{background:#475569}.dark .plant-tabs .active{background:#3b82f6;color:#fff}.dark .plant-tabs::-webkit-scrollbar-thumb{background:#475569}.dark .CircularProgressbar-text{fill:#e2e8f0!important}.CircularProgressbar-text{fill:#111}.plant-card.offline{opacity:.6;border:2px dashed #ef4444}.offline-tag{display:inline-block;margin-top:4px;font-size:11px;color:#ef4444}.rag-page{--bg: #f6f9fc;--bg-soft: #f2f6fb;--panel: #ffffffb3;--card: #ffffffd6;--border: #e5e7eb;--text: #0f172a;--muted: #475569;--shadow: 0 10px 30px rgb(0 0 0 / 25%);--shadow-soft: 0 6px 18px rgb(0 0 0 / 18%);--brand: #10b981;--brand-2: #22d3ee;--accent: #38bdf8;--danger: #ef4444;--ok: #22c55e;--ring: 0 0 0 3px #109db940;--radius: 16px;--glass: blur(8px) saturate(140%);--maxw: 1100px;min-height:auto;padding-bottom:40px}.dark .rag-page{--bg: #0b1020;--bg-soft: #0f172a;--panel: #0b132a80;--card: #111827cc;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--shadow: 0 10px 30px rgb(0 0 0 / 55%);--shadow-soft: 0 6px 18px rgb(0 0 0 / 35%);--glass: blur(10px) saturate(180%)}.rag-page .rag-container{max-width:1100px;min-width:1;margin:0 auto;padding:24px}.rag-page .rag-hero{position:relative;margin:20px auto 18px;padding:28px 24px;border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);box-shadow:var(--shadow)}.dark .rag-page .rag-hero{background:url(/Ener-Sphere/images/energy-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-color:#1e293b}.rag-page .rag-hero h1{margin:0 0 8px;font-size:clamp(24px,4vw,34px);letter-spacing:.2px;font-weight:750;color:#fff}.rag-page .rag-hero p{margin:0;color:#fff;opacity:.95}.rag-page .rag-badges{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.rag-page .rag-badge{padding:6px 10px;border-radius:999px;background:#44d4fc8a;border:1px solid #008fbe;font-size:12px;font-weight:600;color:#fff}.dark .rag-page .rag-badge{background:#0ea5e99c;border-color:#0284c7}.rag-page .rag-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 14px}.rag-page .rag-tab{appearance:none;border:1px solid var(--border);background:linear-gradient(#e2f5ff,#001a8b10),#beecffb3;color:var(--text);padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:600;transition:transform .08s ease,background .2s ease}.dark .rag-page .rag-tab{background:linear-gradient(#172554,#0f172a);border-color:#334155;color:#e2e8f0}.rag-page .rag-tab:hover{transform:translateY(-1px)}.rag-page .rag-tab.active{border:1px solid #69cdff;background:linear-gradient(180deg,#69cdff8c,#065ec4);color:#fff}.dark .rag-page .rag-tab.active{background:linear-gradient(180deg,#1e40af,#1e3a8a);border-color:#3b82f6;color:#fff}.rag-page .rag-panel{display:none}.rag-page .rag-panel.active{display:block}.rag-page .rag-card{border:1px solid var(--border);border-radius:40px;background:var(--card);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);box-shadow:var(--shadow-soft);padding:40px}.rag-page .rag-form{display:grid;gap:12px;border:1px dashed var(--border);padding:16px;border-radius:12px;background:linear-gradient(180deg,#ffffff06,transparent)}.dark .rag-page .rag-form{background:linear-gradient(180deg,#ffffff03,transparent)}.rag-page label{display:grid;gap:6px;font-weight:600;color:var(--muted);font-size:14px}.rag-page textarea,.rag-page input[type=text],.rag-page input[type=url],.rag-page input:not([type]){width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border)!important;background:transparent;color:var(--text);outline:none;font-size:14px}.dark .rag-page textarea,.dark .rag-page input{background:#1e293b80;border-color:#475569;color:#e2e8f0}.rag-page input:focus,.rag-page textarea:focus{box-shadow:var(--ring);border-color:#73ccff80}.rag-page .rag-row{display:flex;align-items:center;gap:10px}.rag-page button[type=submit]{justify-self:start;padding:10px 28px;border-radius:15px;border:1px solid #69cdff;background:linear-gradient(180deg,#69cdff);color:#fff;font-weight:700;cursor:pointer;transition:transform .06s ease}.dark .rag-page button[type=submit]{border-color:#3b82f6;background:linear-gradient(180deg,#1e40af,#1e3a8a)}.rag-page button[type=submit]:hover{transform:translateY(-1px)}.rag-page button[type=submit]:active{transform:scale(.97)}.rag-page .rag-chat-log{display:flex;flex-direction:column;gap:22px;height:70vh;overflow-y:auto;padding:20px 10px;border:2px dashed var(--border)!important;border-radius:12px}.rag-page .rag-src{margin-top:10px;font-size:13px;color:var(--muted);padding-top:10px}.back-to-top{position:fixed;right:26px;bottom:26px;width:48px;height:48px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;cursor:pointer;opacity:0;pointer-events:none;background:#ff9100;-webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%);box-shadow:0 6px 16px #00000040;transition:opacity .25s ease,transform .25s ease}.back-to-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{transform:scale(1.1)}.back-to-top:active{transform:scale(.92)}.dark .back-to-top{background:#0064e7d9;color:#ff9100;box-shadow:0 6px 18px #00000073}.ai-card{background:linear-gradient(180deg,#fff,#f7f9fc);border-radius:16px;padding:24px;box-shadow:0 10px 25px #0000000f;border:1px solid rgba(0,0,0,.05);animation:slideUp .5s ease}.ai-card h1{font-size:24px;margin-bottom:16px}.ai-card h2{margin-top:24px;padding-bottom:6px}.ai-card ul{padding-left:20px;margin-top:10px}.ai-card li{margin-bottom:6px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:slideUp .5s ease forwards}.answer .ai-card{margin-top:16px;padding:28px;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 15px 40px #00000014;border:1px solid rgba(0,0,0,.05);animation:fadeUp .5s ease}.answer .ai-card h1{font-size:26px;margin-bottom:20px}.answer .ai-card h2{margin-top:24px;padding-bottom:6px;border-bottom:1px solid #e2e8f0}.answer .ai-card ul{padding-left:22px;margin-top:10px}.answer .ai-card li{margin-bottom:8px}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.answer .ai-card{margin-top:16px;padding:28px;border-radius:18px;background:#fff;box-shadow:0 15px 40px #00000014;border:1px solid rgba(0,0,0,.05);line-height:1.8}.answer .ai-card h1{font-size:26px;margin-bottom:16px}.answer .ai-card h2{margin-top:30px;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid #e2e8f0}.answer .ai-card ul{margin:12px 0 18px 22px}.answer .ai-card li{margin-bottom:6px}.answer .ai-card p{margin-bottom:12px}.dark .answer .ai-card{background:linear-gradient(180deg,#0f172a,#111827);color:#e5e7eb;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #0009}.dark .answer .ai-card h1{color:#fff}.dark .answer .ai-card h2{border-bottom:1px solid rgba(255,255,255,.15);color:#93c5fd}.dark .answer .ai-card li{color:#d1d5db}.dark .answer .ai-card p{color:#e5e7eb}.rag-bubble-wrap{display:flex;width:100%}.rag-bubble-wrap.left{justify-content:flex-start}.rag-bubble-wrap.right{justify-content:flex-end}.user-bubble{align-self:flex-end;background:#e2e8f0;padding:12px 16px;border-radius:18px;max-width:75%;word-break:break-word}.rag-message.assistant .ai-card{width:100%}.rag-chat-log{display:flex;flex-direction:column;gap:28px;height:70vh;overflow-y:auto;padding:30px 10px;scroll-behavior:smooth}.rag-message{display:flex;width:100%}.rag-message.user{justify-content:flex-end}.rag-message.assistant{justify-content:flex-start}.rag-message-inner{max-width:65%;width:100%;display:flex;flex-direction:column}.user-bubble{background:linear-gradient(135deg,#ff751259,#ff7a18);color:#fff;padding:16px 20px;border-radius:18px 18px 6px;font-size:15px;line-height:1.6;word-break:break-word;white-space:normal;box-shadow:0 6px 18px #00000026}.ai-card{background:#fff;padding:20px 24px;border-radius:18px 18px 18px 6px;line-height:1.7;font-size:15px;box-shadow:0 8px 25px #00000014;border:1px solid #e5e7eb}.dark .ai-card{background:#111827;color:#e5e7eb;border:1px solid #334155}.dark .user-bubble{background:linear-gradient(135deg,#284f8e,#081c44)}.thinking{display:flex;gap:6px;padding:16px}.thinking span{width:8px;height:8px;background:#94a3b8;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.thinking span:nth-child(2){animation-delay:.2s}.thinking span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.rag-hero{position:relative;padding:100px 40px;color:#fff;overflow:hidden;background-image:url(/Ener-Sphere/images/energy-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.rag-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(#05143cb3,#05143ccc);z-index:0}.rag-hero>*{position:relative;z-index:1}.loading-card{display:flex;align-items:center;gap:12px}.loading-text{font-weight:500;color:#ff9100}.loading-dots{display:flex;gap:6px}.loading-dots span{width:8px;height:8px;background:#ff9100;border-radius:50%;animation:blink 1.4s infinite both}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.rag-page .answer{max-height:65vh;overflow-y:auto;padding-right:6px}.rag-page .answer::-webkit-scrollbar{width:6px}.rag-page .answer::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px}.rag-page .answer::-webkit-scrollbar-track{background:transparent}.rag-page .rag-chat-log::-webkit-scrollbar{width:6px}.rag-page .rag-chat-log::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px}.rag-page .rag-chat-log::-webkit-scrollbar-track{background:transparent}.energy-cards{display:grid;gap:12px;margin-top:16px}.energy-card-item{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;background:#ffffffb3;border:1px solid #e5e7eb;box-shadow:0 6px 18px #0f172a14}.energy-rank{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;font-weight:700;background:linear-gradient(135deg,#dbeafe,#ecfeff);color:#0f172a}.energy-main{min-width:0}.energy-title{font-weight:700;color:#0f172a}.energy-sub{font-size:12px;color:#64748b;margin-top:2px}.energy-value{font-weight:800;font-size:18px;color:#0f172a}.energy-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.energy-compare-panel{padding:14px;border-radius:16px;border:1px solid #e5e7eb;background:#ffffffb8;box-shadow:0 8px 24px #0f172a14}.energy-compare-panel h4{margin:0 0 12px;font-size:16px;color:#0f172a}.energy-tags-wrap{display:grid;gap:10px;margin-top:16px}.energy-tag-block{padding:12px 14px;border-radius:12px;background:#f8fafce6;border:1px solid #e2e8f0;color:#334155}@media(max-width:768px){.energy-compare-grid{grid-template-columns:1fr}}.source-row{position:relative;margin-top:10px;font-size:14px}.source-icon{margin-left:6px;cursor:pointer;color:#000;font-weight:700}.source-tooltip{display:none;position:absolute;top:25px;left:0;background:#000000d9;color:#fff;padding:10px;border-radius:8px;font-size:13px;width:220px;z-index:9999}.source-row:hover .source-tooltip{display:block}.source-tooltip img{display:block;max-width:180px;margin-top:6px}.rag-page h3{color:var(--text)}