*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Microsoft JhengHei,sans-serif;background:#f5f7fa;color:#333;line-height:1.5}.app-layout{min-height:100vh;display:flex;flex-direction:column}.skip-link{position:absolute;top:-40px;left:0;background:#1a73e8;color:#fff;padding:8px 16px;text-decoration:none;font-size:14px;z-index:100;transition:top .2s}.skip-link:focus{top:0;outline:2px solid #fff;outline-offset:2px}.header{background:#fff;padding:16px 20px;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:10}.logo{font-size:20px;font-weight:700;color:#1a73e8;text-decoration:none}.logo:hover{color:#1557b0}.main-content{flex:1;padding:20px;max-width:1000px;margin:0 auto;width:100%}.footer{background:#fff;padding:20px;text-align:center;border-top:1px solid #e0e0e0;margin-top:40px}.footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:12px;flex-wrap:wrap}.footer-links a{color:#555;text-decoration:none;font-size:14px}.footer-links a:hover{color:#1a73e8}.copyright{color:#999;font-size:13px}.pwa-install{margin-top:12px}.install-btn{background:#1a73e8;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;gap:6px;transition:background .2s}.install-btn:hover{background:#1557b0}.chart-container[data-v-107e4c76]{position:relative;width:100%;height:300px}.region-switcher[data-v-1feb5c6e]{display:flex;justify-content:center;gap:10px;margin-bottom:15px}.region-btn[data-v-1feb5c6e]{padding:8px 16px;border:2px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);border-radius:20px;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.region-btn.active[data-v-1feb5c6e]{background:var(--accent-color);color:#fff;border-color:var(--accent-color);font-weight:600}.region-btn[data-v-1feb5c6e]:hover:not(.active){border-color:var(--accent-color);color:var(--accent-color)}.chart-section[data-v-1feb5c6e]{margin-top:30px}.chart-toggle-btn[data-v-1feb5c6e]{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.chart-toggle-btn[data-v-1feb5c6e]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.charts-container[data-v-1feb5c6e]{margin-top:20px}.chart-card[data-v-1feb5c6e]{background:var(--bg-card);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.chart-card h3[data-v-1feb5c6e]{margin:0 0 15px;color:var(--text-primary);font-size:18px}.high-power-section[data-v-1feb5c6e]{background:var(--bg-card);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.high-power-section h3[data-v-1feb5c6e]{margin:0 0 15px;color:var(--text-primary);font-size:18px}.appliance-ranking[data-v-1feb5c6e]{display:flex;flex-direction:column;gap:12px}.ranking-item[data-v-1feb5c6e]{display:flex;align-items:center;gap:15px;padding:12px;background:var(--bg-primary);border-radius:8px;transition:transform .2s}.ranking-item[data-v-1feb5c6e]:hover{transform:translate(5px)}.ranking-number[data-v-1feb5c6e]{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.ranking-info[data-v-1feb5c6e]{flex:1}.ranking-name[data-v-1feb5c6e]{font-weight:600;color:var(--text-primary);margin-bottom:5px}.ranking-stats[data-v-1feb5c6e]{display:flex;gap:15px;font-size:14px;color:var(--text-secondary);align-items:center;flex-wrap:wrap}.percentage-badge[data-v-1feb5c6e]{background:#fbbc04;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.saving-tips-section[data-v-1feb5c6e]{background:var(--bg-card);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.saving-tips-section h3[data-v-1feb5c6e]{margin:0 0 15px;color:var(--text-primary);font-size:18px}.tip-card[data-v-1feb5c6e]{background:var(--bg-primary);border-radius:8px;padding:15px;margin-bottom:15px;border-left:4px solid #1a73e8}.tip-header[data-v-1feb5c6e]{display:flex;align-items:center;gap:10px;margin-bottom:10px}.tip-icon[data-v-1feb5c6e]{font-size:24px}.tip-header h4[data-v-1feb5c6e]{margin:0;color:var(--text-primary);font-size:16px}.tip-description[data-v-1feb5c6e]{color:var(--text-secondary);margin:0 0 10px;font-size:14px}.tip-suggestions[data-v-1feb5c6e]{margin:0;padding-left:20px;color:var(--text-primary)}.tip-suggestions li[data-v-1feb5c6e]{margin-bottom:5px;font-size:14px;line-height:1.6}.potential-savings[data-v-1feb5c6e]{background:linear-gradient(135deg,#34a853,#0f9d58);color:#fff;border-radius:12px;padding:20px;margin-top:20px}.potential-savings h4[data-v-1feb5c6e]{margin:0 0 15px;font-size:18px}.savings-grid[data-v-1feb5c6e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.savings-item[data-v-1feb5c6e]{background:#ffffff1a;padding:12px;border-radius:8px;text-align:center}.savings-label[data-v-1feb5c6e]{display:block;font-size:13px;opacity:.9;margin-bottom:5px}.savings-value[data-v-1feb5c6e]{display:block;font-size:20px;font-weight:700}[data-v-1feb5c6e]:root{--bg-primary: #f5f7fa;--bg-card: #ffffff;--text-primary: #333333;--text-secondary: #666666;--border-color: #e0e0e0;--accent-color: #1a73e8;--accent-hover: #1557b0}[data-theme=dark][data-v-1feb5c6e]{--bg-primary: #1a1a2e;--bg-card: #16213e;--text-primary: #eeeeee;--text-secondary: #aaaaaa;--border-color: #3a3a5a;--accent-color: #4dabf7;--accent-hover: #339af0}.container[data-v-1feb5c6e]{max-width:700px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Microsoft JhengHei,sans-serif;background:var(--bg-primary);color:var(--text-primary);transition:background .3s,color .3s}.card[data-v-1feb5c6e],.info-box[data-v-1feb5c6e],.appliance-item[data-v-1feb5c6e],.result-box[data-v-1feb5c6e],.reference-box[data-v-1feb5c6e]{background:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.input-field[data-v-1feb5c6e],.select-field[data-v-1feb5c6e]{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.input-field[data-v-1feb5c6e]::placeholder{color:var(--text-secondary)}h1[data-v-1feb5c6e]{text-align:center;color:var(--accent-color);margin-bottom:20px}.tabs[data-v-1feb5c6e]{display:flex;gap:10px;margin-bottom:20px}.tab[data-v-1feb5c6e]{flex:1;padding:12px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s;color:var(--text-primary)}.tab.active[data-v-1feb5c6e]{background:var(--accent-color);color:#fff;font-weight:600;border-color:var(--accent-color)}.tab[data-v-1feb5c6e]:hover:not(.active){background:var(--bg-primary)}.card[data-v-1feb5c6e]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.header-actions[data-v-1feb5c6e]{display:flex;justify-content:flex-end;gap:10px;margin-bottom:15px}.action-btn[data-v-1feb5c6e]{width:40px;height:40px;border-radius:50%;border:2px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.action-btn[data-v-1feb5c6e]:hover{border-color:var(--accent-color);transform:scale(1.05)}.history-panel[data-v-1feb5c6e]{background:var(--bg-card);border:2px solid var(--accent-color);border-radius:10px;padding:15px;margin-bottom:20px}.history-panel h4[data-v-1feb5c6e]{margin:0 0 12px;color:var(--accent-color)}.history-list[data-v-1feb5c6e]{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.history-item[data-v-1feb5c6e]{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-primary);border-radius:6px;font-size:14px}.history-date[data-v-1feb5c6e]{color:var(--text-secondary);font-size:12px;min-width:80px}.history-restore[data-v-1feb5c6e]{margin-left:auto;padding:4px 10px;background:var(--accent-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.history-restore[data-v-1feb5c6e]:hover{background:var(--accent-hover)}.history-clear[data-v-1feb5c6e]{width:100%;padding:8px;background:#f44336;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px}.history-clear[data-v-1feb5c6e]:hover{background:#d32f2f}.info-box[data-v-1feb5c6e]{background:#e3f2fd;border-left:4px solid var(--accent-color);padding:16px;border-radius:8px;margin-bottom:24px}.info-box h3[data-v-1feb5c6e]{margin-top:0;color:var(--accent-color);margin-bottom:12px}.guide-item[data-v-1feb5c6e]{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #bbdefb}.guide-item[data-v-1feb5c6e]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.guide-item strong[data-v-1feb5c6e]{display:block;color:#1565c0;margin-bottom:4px}.guide-item p[data-v-1feb5c6e]{margin:0;color:var(--text-primary);font-size:14px}label[data-v-1feb5c6e]{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary);font-size:14px}.input-field[data-v-1feb5c6e],.select-field[data-v-1feb5c6e]{width:100%;padding:12px;border:2px solid var(--border-color);border-radius:8px;font-size:16px;box-sizing:border-box;transition:border .2s}.input-field[data-v-1feb5c6e]:focus,.select-field[data-v-1feb5c6e]:focus{outline:none;border-color:var(--accent-color)}.input-field.input-error[data-v-1feb5c6e]{border-color:#f44336}.error-msg[data-v-1feb5c6e]{display:block;color:#f44336;font-size:13px;margin-top:4px;margin-bottom:12px}.button-group[data-v-1feb5c6e]{display:flex;gap:12px;margin-bottom:20px}.calculate-btn[data-v-1feb5c6e]{flex:2;padding:16px;background:var(--accent-color);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:background .3s;display:flex;align-items:center;justify-content:center;gap:8px}.calculate-btn[data-v-1feb5c6e]:hover{background:var(--accent-hover)}.calculate-btn[data-v-1feb5c6e]:disabled{opacity:.7;cursor:not-allowed}.reset-btn[data-v-1feb5c6e]{flex:1;padding:16px;background:transparent;border:2px solid var(--border-color);color:var(--text-secondary);border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.reset-btn[data-v-1feb5c6e]:hover{background:#f4433614;border-color:#f44336;color:#f44336}.form-row[data-v-1feb5c6e]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group[data-v-1feb5c6e]{margin-bottom:0}.appliances-list[data-v-1feb5c6e]{margin-bottom:24px}.appliance-item[data-v-1feb5c6e]{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:10px;padding:20px;margin-bottom:20px}.appliance-header[data-v-1feb5c6e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.appliance-number[data-v-1feb5c6e]{font-weight:600;color:var(--accent-color);font-size:16px}.remove-btn[data-v-1feb5c6e]{background:#f44336;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px}.remove-btn[data-v-1feb5c6e]:hover{background:#d32f2f}.appliance-result[data-v-1feb5c6e]{margin-top:16px;padding:12px;background:var(--bg-card);border-radius:8px;border-left:4px solid #4caf50}.result-row[data-v-1feb5c6e]{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.result-row strong[data-v-1feb5c6e]{color:var(--accent-color)}.add-btn[data-v-1feb5c6e]{width:100%;padding:14px;background:#4caf50;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s;margin-bottom:20px}.add-btn[data-v-1feb5c6e]:hover{background:#388e3c}.spinner[data-v-1feb5c6e]{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-1feb5c6e .8s linear infinite}@keyframes spin-1feb5c6e{to{transform:rotate(360deg)}}.total-result-box[data-v-1feb5c6e]{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border-radius:12px;padding:24px;margin-bottom:24px}.total-result-box h2[data-v-1feb5c6e]{margin-top:0;margin-bottom:20px;text-align:center;color:#fff!important}.total-item[data-v-1feb5c6e]{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.2);font-size:16px}.total-item[data-v-1feb5c6e]:last-child{border-bottom:none}.total-kwh[data-v-1feb5c6e],.total-cost[data-v-1feb5c6e]{font-size:24px;font-weight:700;color:#fff}.note[data-v-1feb5c6e]{margin-top:16px;padding:12px;background:#fff3;border-radius:6px;font-size:13px;text-align:center}.calculation-notice[data-v-1feb5c6e]{margin-top:25px;padding:16px 20px;background:#0003;border-radius:10px;display:flex;gap:15px;align-items:flex-start;font-size:13px;line-height:1.7;border:1px solid rgba(255,255,255,.25);box-shadow:0 2px 8px #0000001a}.notice-icon[data-v-1feb5c6e]{font-size:22px;flex-shrink:0;line-height:1;margin-top:2px}.notice-content[data-v-1feb5c6e]{flex:1;min-width:0}.notice-title[data-v-1feb5c6e]{font-weight:700;color:#fff;font-size:14px;margin-bottom:8px;line-height:1.4}.notice-text[data-v-1feb5c6e]{color:#fffffff2;margin-bottom:6px;line-height:1.6}.notice-text[data-v-1feb5c6e]:last-child{margin-bottom:0}.notice-text strong[data-v-1feb5c6e]{color:gold;font-weight:600}.reference-box[data-v-1feb5c6e]{background:#fff3e0;border-left:4px solid #ff9800;padding:16px;border-radius:8px;margin-top:24px}.reference-box h3[data-v-1feb5c6e]{margin-top:0;color:#e65100;margin-bottom:12px}.reference-grid[data-v-1feb5c6e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.ref-item[data-v-1feb5c6e]{display:flex;justify-content:space-between;padding:8px;background:#fff;border-radius:6px;font-size:13px}.ref-name[data-v-1feb5c6e]{color:#666}.ref-value[data-v-1feb5c6e]{font-weight:600;color:#e65100}.result-box[data-v-1feb5c6e]{margin-top:24px;padding:20px;background:var(--bg-primary);border-radius:8px;border-left:4px solid var(--accent-color)}.result-header[data-v-1feb5c6e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.result-header h2[data-v-1feb5c6e]{margin:0;color:var(--accent-color)}.result-actions[data-v-1feb5c6e]{display:flex;gap:8px}.copy-btn[data-v-1feb5c6e],.share-btn[data-v-1feb5c6e]{background:var(--bg-card);border:1px solid var(--border-color);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;color:var(--text-primary);transition:all .2s}.copy-btn[data-v-1feb5c6e]:hover,.share-btn[data-v-1feb5c6e]:hover{background:var(--bg-primary);border-color:var(--accent-color)}.share-btn[data-v-1feb5c6e]{background:#06c755;color:#fff;border-color:#06c755}.share-btn[data-v-1feb5c6e]:hover{background:#05a647}.result-item[data-v-1feb5c6e]{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-color)}.result-item[data-v-1feb5c6e]:last-child{border-bottom:none}.total[data-v-1feb5c6e]{font-size:24px;color:#d32f2f;font-weight:700}.fuel-note[data-v-1feb5c6e]{color:var(--text-secondary);font-size:12px}.breakdown[data-v-1feb5c6e]{margin-top:20px}.breakdown h3[data-v-1feb5c6e]{margin-bottom:12px;color:var(--text-primary)}.tier[data-v-1feb5c6e]{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.disclaimer[data-v-1feb5c6e]{margin-top:16px;padding:12px;background:#fff3cd;border-radius:6px;font-size:13px;color:#856404;text-align:center;line-height:1.5}.offline-notice[data-v-1feb5c6e]{background:#fff3cd;border:1px solid #ffc107;border-radius:6px;padding:10px 15px;margin-bottom:15px;font-size:13px;color:#856404;text-align:center}.time-input-wrapper[data-v-1feb5c6e]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.time-input-main[data-v-1feb5c6e],.time-input-secondary[data-v-1feb5c6e]{display:flex;align-items:center;flex:1;min-width:120px}.time-input-main .input-field[data-v-1feb5c6e],.time-input-secondary .input-field[data-v-1feb5c6e]{flex:1;margin-right:8px}.input-unit[data-v-1feb5c6e]{font-size:14px;color:var(--text-secondary);white-space:nowrap}.time-input-divider[data-v-1feb5c6e]{font-size:13px;color:var(--text-secondary);font-weight:500}.input-hint[data-v-1feb5c6e]{font-size:12px;color:var(--accent-color);margin:5px 0 0}.input-small[data-v-1feb5c6e]{max-width:100px}.blog-entry-section[data-v-1feb5c6e]{margin:40px 0 20px;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;text-align:center;color:#fff}.blog-entry-section h3[data-v-1feb5c6e]{margin:0 0 10px;font-size:20px;color:#fff}.blog-entry-section p[data-v-1feb5c6e]{margin:0 0 20px;color:#ffffffe6;font-size:14px}.blog-entry-btn[data-v-1feb5c6e]{display:inline-block;background:#fff;color:#667eea;padding:12px 30px;border-radius:8px;text-decoration:none;font-weight:600;font-size:15px;transition:transform .2s,box-shadow .2s}.blog-entry-btn[data-v-1feb5c6e]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.seo-content[data-v-1feb5c6e]{margin:40px 0;padding:30px;background:var(--bg-card);border-radius:12px;line-height:1.8}.seo-content h2[data-v-1feb5c6e]{color:var(--accent-color);margin-bottom:20px;font-size:24px}.seo-content h3[data-v-1feb5c6e]{color:var(--text-primary);margin:25px 0 15px;font-size:18px}.seo-content h4[data-v-1feb5c6e]{color:var(--text-primary);margin:15px 0 10px;font-size:16px}.seo-content p[data-v-1feb5c6e]{color:var(--text-secondary);margin-bottom:15px}.seo-content ol[data-v-1feb5c6e]{padding-left:25px;margin-bottom:20px}.seo-content li[data-v-1feb5c6e]{margin-bottom:8px;color:var(--text-secondary)}.faq-item[data-v-1feb5c6e]{margin-bottom:20px;padding:15px;background:var(--bg-primary);border-radius:8px;border-left:4px solid var(--accent-color)}@media (max-width: 600px){.container[data-v-1feb5c6e]{padding:12px}.card[data-v-1feb5c6e]{padding:16px}.tab[data-v-1feb5c6e]{font-size:14px;padding:10px}.form-row[data-v-1feb5c6e],.input-row[data-v-1feb5c6e]{grid-template-columns:1fr;gap:12px}.reference-grid[data-v-1feb5c6e]{grid-template-columns:1fr}.result-header[data-v-1feb5c6e]{flex-direction:column;align-items:flex-start;gap:8px}.result-actions[data-v-1feb5c6e]{width:100%;justify-content:flex-end}.time-input-wrapper[data-v-1feb5c6e]{flex-direction:column;align-items:stretch}.time-input-divider[data-v-1feb5c6e]{text-align:center;margin:5px 0}.calculation-notice[data-v-1feb5c6e]{padding:14px 16px;gap:12px}.notice-icon[data-v-1feb5c6e]{font-size:20px}.notice-title[data-v-1feb5c6e]{font-size:13px}.notice-text[data-v-1feb5c6e]{font-size:12px}.button-group[data-v-1feb5c6e]{flex-direction:column}.calculate-btn[data-v-1feb5c6e],.reset-btn[data-v-1feb5c6e]{width:100%}.blog-entry-section[data-v-1feb5c6e]{padding:24px 20px}.blog-entry-section h3[data-v-1feb5c6e]{font-size:18px}.seo-content[data-v-1feb5c6e]{padding:20px}.seo-content h2[data-v-1feb5c6e]{font-size:20px}.seo-content h3[data-v-1feb5c6e]{font-size:16px}.chart-card[data-v-1feb5c6e]{padding:15px}.ranking-stats[data-v-1feb5c6e]{flex-direction:column;gap:5px;align-items:flex-start}.savings-grid[data-v-1feb5c6e]{grid-template-columns:1fr}}.page-container[data-v-bc34ca38]{max-width:800px;margin:0 auto;padding:40px 20px;min-height:50vh}.page-title[data-v-bc34ca38]{font-size:32px;color:#1a73e8;margin-bottom:30px;display:flex;align-items:center;gap:10px}.card[data-v-bc34ca38]{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 12px #0000000d;line-height:1.8;color:#444}h3[data-v-bc34ca38]{margin-top:25px;margin-bottom:10px;color:#333;font-size:18px}.update-date[data-v-bc34ca38]{margin-top:30px;color:#999;font-size:13px;border-top:1px solid #eee;padding-top:15px}.page-container[data-v-99f76d0d]{max-width:800px;margin:0 auto;padding:40px 20px;min-height:50vh}.page-title[data-v-99f76d0d]{font-size:32px;color:#1a73e8;margin-bottom:30px;display:flex;align-items:center;gap:10px}.card[data-v-99f76d0d]{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 12px #0000000d;line-height:1.8;color:#444}h3[data-v-99f76d0d]{margin-top:25px;margin-bottom:10px;color:#333;font-size:18px}.update-date[data-v-99f76d0d]{margin-top:30px;color:#999;font-size:13px;border-top:1px solid #eee;padding-top:15px}.page-container[data-v-5e940fd2]{max-width:800px;margin:0 auto;padding:40px 20px;min-height:50vh}.page-title[data-v-5e940fd2]{font-size:32px;color:#1a73e8;margin-bottom:30px;display:flex;align-items:center;gap:10px}.card[data-v-5e940fd2]{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 12px #0000000d;line-height:1.8;color:#444}h3[data-v-5e940fd2]{margin-top:25px;margin-bottom:10px;color:#333;font-size:18px}.update-date[data-v-5e940fd2]{margin-top:30px;color:#999;font-size:13px;border-top:1px solid #eee;padding-top:15px}.blog-index[data-v-07d12fff]{max-width:800px;margin:0 auto;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Microsoft JhengHei,sans-serif}.page-header[data-v-07d12fff]{text-align:center;margin-bottom:40px}.page-header h1[data-v-07d12fff]{font-size:32px;color:#1a73e8;margin-bottom:10px}.subtitle[data-v-07d12fff]{color:#666;font-size:16px}.blog-grid[data-v-07d12fff]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.blog-card[data-v-07d12fff]{display:flex;background:#fff;border-radius:12px;padding:24px;text-decoration:none;color:inherit;box-shadow:0 4px 12px #0000000d;transition:transform .2s,box-shadow .2s;border:1px solid #eee}.blog-card[data-v-07d12fff]:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a;border-color:#1a73e8}.card-icon[data-v-07d12fff]{font-size:40px;margin-right:20px;flex-shrink:0}.card-content h3[data-v-07d12fff]{margin:0 0 10px;color:#333;font-size:18px}.card-content p[data-v-07d12fff]{margin:0 0 15px;color:#666;font-size:14px;line-height:1.5}.read-more[data-v-07d12fff]{color:#1a73e8;font-weight:600;font-size:14px}.back-link[data-v-07d12fff]{text-align:center}.back-link a[data-v-07d12fff]{color:#666;text-decoration:none;font-size:14px}.back-link a[data-v-07d12fff]:hover{color:#1a73e8}@media (max-width: 600px){.blog-grid[data-v-07d12fff]{grid-template-columns:1fr}.blog-card[data-v-07d12fff]{flex-direction:column}.card-icon[data-v-07d12fff]{margin-right:0;margin-bottom:15px;text-align:center}}.blog-post[data-v-07ba7ec3]{max-width:800px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Microsoft JhengHei,sans-serif;line-height:1.7;color:#333}.post-header[data-v-07ba7ec3]{margin-bottom:30px;border-bottom:2px solid #e0e0e0;padding-bottom:20px}.post-header h1[data-v-07ba7ec3]{font-size:28px;color:#1a73e8;margin-bottom:10px}.post-updated[data-v-07ba7ec3]{margin:10px 0;color:#666;font-size:14px}.post-meta[data-v-07ba7ec3]{display:flex;gap:20px;color:#666;font-size:14px}.intro[data-v-07ba7ec3]{background:#f8f9fa;padding:20px;border-radius:10px;margin-bottom:30px}.intro ul[data-v-07ba7ec3]{margin:15px 0;padding-left:20px}.cta-box[data-v-07ba7ec3]{background:#e8f0fe;border-left:4px solid #1a73e8;padding:15px;border-radius:6px;margin:20px 0;text-align:center}.cta-box a[data-v-07ba7ec3]{color:#1a73e8;font-weight:600;text-decoration:none}.cta-box a[data-v-07ba7ec3]:hover{text-decoration:underline}section[data-v-07ba7ec3]{margin-bottom:40px}h2[data-v-07ba7ec3]{color:#1a73e8;font-size:22px;margin-bottom:15px;border-left:4px solid #1a73e8;padding-left:12px}h3[data-v-07ba7ec3]{color:#333;font-size:18px;margin:20px 0 10px}.data-table[data-v-07ba7ec3]{width:100%;border-collapse:collapse;margin:15px 0;background:#fff;box-shadow:0 2px 4px #0000000d;border-radius:8px;overflow:hidden}.data-table th[data-v-07ba7ec3],.data-table td[data-v-07ba7ec3]{padding:12px 15px;text-align:left;border-bottom:1px solid #e0e0e0}.data-table th[data-v-07ba7ec3]{background:#f5f7fa;font-weight:600;color:#1a73e8}.data-table tr:last-child td[data-v-07ba7ec3]{border-bottom:none}.note[data-v-07ba7ec3]{background:#fff3cd;padding:10px 15px;border-radius:6px;font-size:14px;color:#856404}.formula-box[data-v-07ba7ec3]{background:#e8f5e9;border:1px solid #c8e6c9;padding:15px;border-radius:8px;margin:15px 0}.formula-box code[data-v-07ba7ec3]{background:#fff;padding:2px 6px;border-radius:4px;font-family:monospace;color:#d32f2f;font-weight:600}ol[data-v-07ba7ec3]{padding-left:20px}ol li[data-v-07ba7ec3]{margin-bottom:15px}ol li strong[data-v-07ba7ec3]{display:block;color:#1a73e8;margin-bottom:5px}.conclusion[data-v-07ba7ec3]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px;border-radius:12px}.conclusion h2[data-v-07ba7ec3]{color:#fff;border-left-color:#fff}.btn-primary[data-v-07ba7ec3]{display:inline-block;background:#fff;color:#1a73e8;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;margin-top:10px;transition:transform .2s}.btn-primary[data-v-07ba7ec3]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.share-section[data-v-07ba7ec3]{margin:40px 0;padding:30px;background:linear-gradient(135deg,#f5f7fa,#e8f0fe);border-radius:12px;text-align:center;border:2px solid #e8f0fe}.share-section h4[data-v-07ba7ec3]{margin:0 0 10px;color:#1a73e8;font-size:20px}.share-section p[data-v-07ba7ec3]{margin:0 0 20px;color:#666;font-size:14px}.share-buttons[data-v-07ba7ec3]{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.share-btn[data-v-07ba7ec3]{padding:10px 20px;border-radius:8px;color:#fff;text-decoration:none;font-size:15px;font-weight:500;border:none;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.share-btn[data-v-07ba7ec3]:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.share-btn.line[data-v-07ba7ec3]{background:#06c755}.share-btn.fb[data-v-07ba7ec3]{background:#1877f2}.share-btn.copy[data-v-07ba7ec3]{background:#5f6368}.post-footer[data-v-07ba7ec3]{margin-top:40px;padding-top:20px;border-top:1px solid #e0e0e0;color:#666;font-size:14px}.post-footer a[data-v-07ba7ec3]{color:#1a73e8;text-decoration:none}@media (max-width: 600px){.blog-post[data-v-07ba7ec3]{padding:15px}.post-header h1[data-v-07ba7ec3]{font-size:24px}.data-table[data-v-07ba7ec3]{font-size:14px}.data-table th[data-v-07ba7ec3],.data-table td[data-v-07ba7ec3]{padding:10px 12px}.share-buttons[data-v-07ba7ec3]{flex-direction:column}.share-btn[data-v-07ba7ec3]{width:100%;justify-content:center}}.blog-post[data-v-66e4ca36]{max-width:800px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Microsoft JhengHei,sans-serif;line-height:1.7;color:#333}.post-header[data-v-66e4ca36]{margin-bottom:30px;border-bottom:2px solid #e0e0e0;padding-bottom:20px}.post-header h1[data-v-66e4ca36]{font-size:28px;color:#1a73e8;margin-bottom:10px}.post-updated[data-v-66e4ca36]{margin:10px 0;color:#666;font-size:14px}.post-meta[data-v-66e4ca36]{display:flex;gap:20px;color:#666;font-size:14px}.intro[data-v-66e4ca36]{background:#f8f9fa;padding:20px;border-radius:10px;margin-bottom:30px}.intro ul[data-v-66e4ca36]{margin:15px 0;padding-left:20px}.cta-box[data-v-66e4ca36]{background:#e8f0fe;border-left:4px solid #1a73e8;padding:15px;border-radius:6px;margin:20px 0;text-align:center}.cta-box a[data-v-66e4ca36]{color:#1a73e8;font-weight:600;text-decoration:none}.card-grid[data-v-66e4ca36]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin:20px 0}.info-card[data-v-66e4ca36]{background:#fff;padding:15px;border-radius:8px;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.info-card h3[data-v-66e4ca36]{color:#1a73e8;font-size:16px;margin-bottom:8px}.info-card .small[data-v-66e4ca36]{font-size:13px;color:#666;margin-top:5px}section[data-v-66e4ca36]{margin-bottom:40px}h2[data-v-66e4ca36]{color:#1a73e8;font-size:22px;margin-bottom:15px;border-left:4px solid #1a73e8;padding-left:12px}h3[data-v-66e4ca36]{color:#333;font-size:18px;margin:20px 0 10px}.example-box[data-v-66e4ca36],.formula-box[data-v-66e4ca36]{background:#e8f5e9;border:1px solid #c8e6c9;padding:15px;border-radius:8px;margin:15px 0}.formula-box[data-v-66e4ca36]{background:#e3f2fd;border-color:#bbdefb}.formula-box p[data-v-66e4ca36]{margin:5px 0;font-weight:500}.note[data-v-66e4ca36]{background:#fff3cd;padding:10px 15px;border-radius:6px;font-size:14px;color:#856404}.data-table[data-v-66e4ca36]{width:100%;border-collapse:collapse;margin:15px 0;background:#fff;box-shadow:0 2px 4px #0000000d;border-radius:8px;overflow:hidden;font-size:14px}.data-table th[data-v-66e4ca36],.data-table td[data-v-66e4ca36]{padding:12px 15px;text-align:left;border-bottom:1px solid #e0e0e0}.data-table th[data-v-66e4ca36]{background:#f5f7fa;font-weight:600;color:#1a73e8}.small[data-v-66e4ca36]{font-size:13px;color:#666;margin-top:5px}.conclusion[data-v-66e4ca36]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px;border-radius:12px}.conclusion h2[data-v-66e4ca36]{color:#fff;border-left-color:#fff}.conclusion ul[data-v-66e4ca36]{margin:15px 0;padding-left:20px}.btn-primary[data-v-66e4ca36]{display:inline-block;background:#fff;color:#1a73e8;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;margin-top:10px;transition:transform .2s}.btn-primary[data-v-66e4ca36]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.share-section[data-v-66e4ca36]{margin:40px 0;padding:30px;background:linear-gradient(135deg,#f5f7fa,#e8f0fe);border-radius:12px;text-align:center;border:2px solid #e8f0fe}.share-section h4[data-v-66e4ca36]{margin:0 0 10px;color:#1a73e8;font-size:20px}.share-section p[data-v-66e4ca36]{margin:0 0 20px;color:#666;font-size:14px}.share-buttons[data-v-66e4ca36]{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.share-btn[data-v-66e4ca36]{padding:10px 20px;border-radius:8px;color:#fff;text-decoration:none;font-size:15px;font-weight:500;border:none;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.share-btn[data-v-66e4ca36]:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.share-btn.line[data-v-66e4ca36]{background:#06c755}.share-btn.fb[data-v-66e4ca36]{background:#1877f2}.share-btn.copy[data-v-66e4ca36]{background:#5f6368}.post-footer[data-v-66e4ca36]{margin-top:40px;padding-top:20px;border-top:1px solid #e0e0e0;color:#666;font-size:14px}.post-footer a[data-v-66e4ca36]{color:#1a73e8;text-decoration:none}@media (max-width: 600px){.blog-post[data-v-66e4ca36]{padding:15px}.post-header h1[data-v-66e4ca36]{font-size:24px}.card-grid[data-v-66e4ca36]{grid-template-columns:1fr}.data-table[data-v-66e4ca36]{font-size:13px}.data-table th[data-v-66e4ca36],.data-table td[data-v-66e4ca36]{padding:8px 10px}.share-buttons[data-v-66e4ca36]{flex-direction:column}.share-btn[data-v-66e4ca36]{width:100%;justify-content:center}}.blog-post[data-v-de8fd605]{max-width:800px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Microsoft JhengHei,sans-serif;line-height:1.7;color:#333}.post-header[data-v-de8fd605]{margin-bottom:30px;border-bottom:2px solid #e0e0e0;padding-bottom:20px}.post-header h1[data-v-de8fd605]{font-size:28px;color:#1a73e8;margin-bottom:10px}.post-updated[data-v-de8fd605]{margin:10px 0;color:#666;font-size:14px}.post-meta[data-v-de8fd605]{display:flex;gap:20px;color:#666;font-size:14px}.intro[data-v-de8fd605]{background:#f8f9fa;padding:20px;border-radius:10px;margin-bottom:30px}.intro ul[data-v-de8fd605]{margin:15px 0;padding-left:20px}.cta-box[data-v-de8fd605],.calculator-preview[data-v-de8fd605]{background:#e8f0fe;border-left:4px solid #1a73e8;padding:15px;border-radius:6px;margin:20px 0;text-align:center}.cta-box a[data-v-de8fd605],.calculator-preview a[data-v-de8fd605]{color:#1a73e8;font-weight:600;text-decoration:none}.ranking-table[data-v-de8fd605]{width:100%;border-collapse:collapse;margin:15px 0;background:#fff;box-shadow:0 2px 4px #0000000d;border-radius:8px;overflow:hidden;font-size:14px}.ranking-table th[data-v-de8fd605],.ranking-table td[data-v-de8fd605]{padding:12px 15px;text-align:left;border-bottom:1px solid #e0e0e0}.ranking-table th[data-v-de8fd605]{background:#f5f7fa;font-weight:600;color:#1a73e8}.ranking-table tr.rank-1 td[data-v-de8fd605]:first-child{color:#d4af37;font-size:20px}.ranking-table tr.rank-2 td[data-v-de8fd605]:first-child{color:silver;font-size:20px}.ranking-table tr.rank-3 td[data-v-de8fd605]:first-child{color:#cd7f32;font-size:20px}.note[data-v-de8fd605]{background:#fff3cd;padding:10px 15px;border-radius:6px;font-size:14px;color:#856404;margin:10px 0}.small[data-v-de8fd605]{font-size:13px;color:#666;margin-top:5px}section[data-v-de8fd605]{margin-bottom:40px}h2[data-v-de8fd605]{color:#1a73e8;font-size:22px;margin-bottom:15px;border-left:4px solid #1a73e8;padding-left:12px}h3[data-v-de8fd605]{color:#333;font-size:18px;margin:20px 0 10px}h3+ul[data-v-de8fd605],h3+ol[data-v-de8fd605]{margin-top:10px}ul[data-v-de8fd605],ol[data-v-de8fd605]{padding-left:20px}li[data-v-de8fd605]{margin-bottom:8px}li strong[data-v-de8fd605]{display:block;color:#1a73e8;margin-bottom:3px}.calculator-preview ul[data-v-de8fd605]{text-align:left;margin:15px auto;max-width:500px}.btn-primary[data-v-de8fd605]{display:inline-block;background:#fff;color:#1a73e8;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;margin-top:10px;transition:transform .2s}.btn-primary[data-v-de8fd605]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.conclusion[data-v-de8fd605]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px;border-radius:12px}.conclusion h2[data-v-de8fd605]{color:#fff;border-left-color:#fff}.conclusion ul[data-v-de8fd605]{margin:15px 0;padding-left:20px}.share-section[data-v-de8fd605]{margin:40px 0;padding:30px;background:linear-gradient(135deg,#f5f7fa,#e8f0fe);border-radius:12px;text-align:center;border:2px solid #e8f0fe}.share-section h4[data-v-de8fd605]{margin:0 0 10px;color:#1a73e8;font-size:20px}.share-section p[data-v-de8fd605]{margin:0 0 20px;color:#666;font-size:14px}.share-buttons[data-v-de8fd605]{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.share-btn[data-v-de8fd605]{padding:10px 20px;border-radius:8px;color:#fff;text-decoration:none;font-size:15px;font-weight:500;border:none;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.share-btn[data-v-de8fd605]:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.share-btn.line[data-v-de8fd605]{background:#06c755}.share-btn.fb[data-v-de8fd605]{background:#1877f2}.share-btn.copy[data-v-de8fd605]{background:#5f6368}.post-footer[data-v-de8fd605]{margin-top:40px;padding-top:20px;border-top:1px solid #e0e0e0;color:#666;font-size:14px}.post-footer a[data-v-de8fd605]{color:#1a73e8;text-decoration:none}@media (max-width: 600px){.blog-post[data-v-de8fd605]{padding:15px}.post-header h1[data-v-de8fd605]{font-size:24px}.ranking-table[data-v-de8fd605]{font-size:13px}.ranking-table th[data-v-de8fd605],.ranking-table td[data-v-de8fd605]{padding:8px 10px}.calculator-preview ul[data-v-de8fd605]{font-size:14px}.share-buttons[data-v-de8fd605]{flex-direction:column}.share-btn[data-v-de8fd605]{width:100%;justify-content:center}}