*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#3a3a3a;background-color:#f7f3ee;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans TC,sans-serif;font-size:1.1rem;line-height:1.7;overflow-x:hidden}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ece7e0}::-webkit-scrollbar-thumb{background:#c4b8a8;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a89880}::selection{color:#2a2a2a;background:#c8783240}.app{background:#f7f3ee;width:100%;min-height:100vh}.hero-container{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-gradient{background:radial-gradient(at 30% 20%,#c8783226 0%,#0000 60%),radial-gradient(at 70% 80%,#3c648c1f 0%,#0000 60%),linear-gradient(#2c3e50 0%,#34495e 40%,#3d566e 100%);animation:8s ease-in-out infinite alternate heroGradientPulse;position:absolute;inset:0}@keyframes heroGradientPulse{0%{opacity:.9}to{opacity:1}}.hero-content{z-index:1;text-align:center;padding:2rem;position:relative}.hero-title{color:#fff;letter-spacing:2px;background:linear-gradient(135deg,#fff 0%,#f0c27f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:800}.hero-subtitle{color:#c8d6e5;margin-bottom:3rem;font-size:1.4rem;font-weight:300}.hero-scroll-hint{color:#a0b0c0;flex-direction:column;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.scroll-arrow{font-size:1.5rem;animation:2s ease-in-out infinite scrollBounce}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.section-wrapper{width:92%;max-width:100%;margin:0 auto;padding:2.5rem 0}.chart-section{padding-top:2rem;padding-bottom:2rem}.section-title{color:#2c3e50;text-align:center;margin-bottom:.75rem;font-size:2.5rem;font-weight:700}.section-desc{color:#4a5568;text-align:center;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.15rem}.chart-container{background:#fff;border:1px solid #0000000f;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000f}.source-citation{text-align:center;color:#8a9aaa;margin-top:1rem;font-size:.85rem;font-style:italic}.purchasing-section .power-cards{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;display:flex}.power-card{text-align:center;background:#fff;border:1px solid #0000000f;border-radius:16px;flex:1;min-width:260px;max-width:360px;padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 24px #0000000f}.power-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001a}.card-2015{border-top:3px solid #3498db}.card-2025{border-top:3px solid #e67e22}.power-year{color:#7f8c8d;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.power-budget{color:#2c3e50;margin-bottom:.25rem;font-size:1.3rem;font-weight:700}.power-price{color:#7f8c8d;margin-bottom:1rem;font-size:.95rem}.power-area{margin-bottom:1rem;font-size:3rem;font-weight:800}.card-2015 .power-area{color:#3498db}.card-2025 .power-area{color:#e67e22}.power-visual{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.ping-dot{border-radius:2px;width:10px;height:10px;display:inline-block}.dot-2015{background:#3498db73}.dot-2025{background:#e67e2273}.power-arrow{color:#e67e22;flex-direction:column;align-items:center;gap:.5rem;min-width:100px;font-size:1.1rem;font-weight:700;display:flex}.arrow-line{background:linear-gradient(90deg,#3498db,#e67e22);border-radius:2px;width:60px;height:3px}.arrow-text{color:#e67e22;font-size:1.2rem}.arrow-percent{color:#7f8c8d;font-size:.95rem}.news-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.news-card{background:#fff;border:1px solid #0000000f;border-radius:12px;padding:1.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 12px #0000000a}.news-card:hover{transform:translateY(-3px);box-shadow:0 6px 24px #00000014}.news-date{color:#c87832;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.news-title{color:#2c3e50;margin-bottom:.75rem;font-size:1.1rem;font-weight:600;line-height:1.5}.news-desc{color:#6b7b8d;font-size:.95rem;line-height:1.6}.site-footer{background:#2c3e50;border-top:none;margin-top:2rem;padding:3rem 2rem}.footer-content{text-align:center;max-width:1100px;margin:0 auto}.footer-disclaimer{color:#c8d6e5;border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:1.5rem;font-size:1rem}.footer-sources h4{color:#fff;margin-bottom:1rem;font-size:1.1rem}.footer-sources ul{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.footer-sources li{color:#a0b0c0;font-size:.9rem}.footer-copyright{color:#7f8c8d;border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:1.5rem;font-size:.85rem}@media (width<=768px){.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:1.8rem}.section-desc{font-size:1rem}.section-wrapper{width:95%;padding:2.5rem 0}.chart-container{border-radius:12px;padding:.75rem}.purchasing-section .power-cards{flex-direction:column}.power-card{max-width:100%}.power-arrow{margin:.5rem 0;transform:rotate(90deg)}.power-area{font-size:2.4rem}.news-grid{grid-template-columns:1fr}.footer-sources ul{text-align:left;padding-left:1rem}}@media (width<=480px){.hero-title{font-size:1.8rem}.hero-subtitle{margin-bottom:2rem;font-size:.95rem}.section-title{font-size:1.5rem}.section-wrapper{width:96%}.power-area{font-size:2rem}}@media (width>=1200px){.section-wrapper{padding:3rem 0}.chart-section{padding-top:2.5rem;padding-bottom:2.5rem}}.intro-strip{text-align:center;background:#2c3e50;padding:2rem 2rem 1.5rem}.intro-title{color:#fff;background:linear-gradient(135deg,#fff 0%,#f0c27f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.intro-desc{color:#c8d6e5;font-size:1rem;font-weight:300}.section-nav{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);scrollbar-width:none;background:#fffffff2;border-bottom:1px solid #00000014;justify-content:center;gap:.5rem;padding:.6rem 1rem;display:flex;position:sticky;top:0;overflow-x:auto}.section-nav::-webkit-scrollbar{display:none}.section-nav a{color:#6b7b8d;white-space:nowrap;border-radius:20px;padding:.3rem .8rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s}.section-nav a:hover{color:#2c3e50;background:#2c3e5014}.nav-divider{color:#ccc;padding:0 .2rem;font-size:.85rem}.nav-highlight{background:#e74c3c14;color:#e74c3c!important;font-weight:700!important}.nav-highlight:hover{color:#c0392b!important;background:#e74c3c26!important}.chapter-tabs{background:#1a252f;grid-template-columns:1fr 1fr;gap:0;padding:16px 24px;display:grid}.chapter-tab{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:16px 20px;text-decoration:none;transition:all .2s;display:flex}.chapter-tab:hover{background:#ffffff1a;transform:translateY(-2px)}.chapter-tab-warn{background:#e74c3c1a;border-color:#e74c3c33}.chapter-tab-warn:hover{background:#e74c3c2e}.chapter-tab-icon{font-size:1.8rem}.chapter-tab-title{color:#fff;font-size:1.15rem;font-weight:700}.chapter-tab-desc{color:#a0b0c0;font-size:.8rem}.chapter-divider{text-align:center;background:linear-gradient(135deg,#2c3e50 0%,#1a252f 50%,#2c3e50 100%);margin-top:2rem;padding:3rem 2rem 2.5rem;position:relative;overflow:hidden}.chapter-divider:before{content:"";background:radial-gradient(at 20%,#e74c3c1f 0%,#0000 60%),radial-gradient(at 80%,#f39c121a 0%,#0000 60%);position:absolute;inset:0}.chapter-title{color:#fff;background:linear-gradient(135deg,#fff 0%,#f5a623 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.2rem;font-weight:800;position:relative}.chapter-desc{color:#c8d6e5;font-size:1.05rem;font-weight:300;position:relative}