/* themes.css */
:root{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-card:#16213e;--border-color:#0f3460;--text-primary:#eee;--text-secondary:#888;--accent:#00d9ff;--accent-hover:#00b8d9;--accent-rgb:0,217,255;--success:#00ff88;--danger:#ff6b6b;--warning:#ffa502;--chart-grid:#0f3460}[data-theme="neon"]{--bg-primary:#0a0a0f;--bg-secondary:#0f0f1a;--bg-card:#0f0f1a;--border-color:#1a1a2e;--text-primary:#fff;--text-secondary:#6e7891;--accent:#00f0ff;--accent-hover:#00c8d9;--accent-rgb:0,240,255;--success:#00ff9d;--danger:#ff4757;--warning:#ffc107;--chart-grid:#1a1a2e}[data-theme="light"]{--bg-primary:#f5f7fa;--bg-secondary:#ffffff;--bg-card:#ffffff;--border-color:#e1e5eb;--text-primary:#2d3748;--text-secondary:#718096;--accent:#3182ce;--accent-hover:#2c5aa0;--accent-rgb:49,130,206;--success:#38a169;--danger:#e53e3e;--warning:#dd6b20;--chart-grid:#e1e5eb}[data-theme="green"]{--bg-primary:#0d1f17;--bg-secondary:#132a1e;--bg-card:#132a1e;--border-color:#1e4d32;--text-primary:#e8f5e9;--text-secondary:#81c784;--accent:#4caf50;--accent-hover:#43a047;--accent-rgb:76,175,80;--success:#69f0ae;--danger:#ff5252;--warning:#ffab40;--chart-grid:#1e4d32}[data-theme="warm"]{--bg-primary:#1a1410;--bg-secondary:#2d241c;--bg-card:#2d241c;--border-color:#4a3c2e;--text-primary:#ffeedd;--text-secondary:#c9a66b;--accent:#ff9f43;--accent-hover:#e67e22;--accent-rgb:255,159,67;--success:#2ecc71;--danger:#e74c3c;--warning:#f1c40f;--chart-grid:#4a3c2e}[data-theme="purple"]{--bg-primary:#13111c;--bg-secondary:#1e1a2e;--bg-card:#1e1a2e;--border-color:#2d2640;--text-primary:#f0e6ff;--text-secondary:#a78bfa;--accent:#8b5cf6;--accent-hover:#7c3aed;--accent-rgb:139,92,246;--success:#34d399;--danger:#f87171;--warning:#fbbf24;--chart-grid:#2d2640}[data-theme="ocean"]{--bg-primary:#0c1929;--bg-secondary:#122640;--bg-card:#122640;--border-color:#1e3a5f;--text-primary:#e0f2fe;--text-secondary:#7dd3fc;--accent:#0ea5e9;--accent-hover:#0284c7;--accent-rgb:14,165,233;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--chart-grid:#1e3a5f}[data-theme="rose"]{--bg-primary:#1c1418;--bg-secondary:#2a1f24;--bg-card:#2a1f24;--border-color:#4a3640;--text-primary:#fce7f3;--text-secondary:#f9a8d4;--accent:#ec4899;--accent-hover:#db2777;--accent-rgb:236,72,153;--success:#4ade80;--danger:#fb7185;--warning:#fcd34d;--chart-grid:#4a3640}[data-theme="contrast"]{--bg-primary:#000000;--bg-secondary:#111111;--bg-card:#111111;--border-color:#333333;--text-primary:#ffffff;--text-secondary:#cccccc;--accent:#ffff00;--accent-hover:#e6e600;--accent-rgb:255,255,0;--success:#00ff00;--danger:#ff0000;--warning:#ff8800;--chart-grid:#333333}[data-theme="sky"]{--bg-primary:#e3f2fd;--bg-secondary:#ffffff;--bg-card:#ffffff;--border-color:#90caf9;--text-primary:#1565c0;--text-secondary:#42a5f5;--accent:#2196f3;--accent-hover:#1976d2;--accent-rgb:33,150,243;--success:#4caf50;--danger:#f44336;--warning:#ff9800;--chart-grid:#bbdefb}[data-theme="mint"]{--bg-primary:#e8f5e9;--bg-secondary:#ffffff;--bg-card:#ffffff;--border-color:#a5d6a7;--text-primary:#2e7d32;--text-secondary:#66bb6a;--accent:#4caf50;--accent-hover:#388e3c;--accent-rgb:76,175,80;--success:#00c853;--danger:#ff5252;--warning:#ffab00;--chart-grid:#c8e6c9}[data-theme="cream"]{--bg-primary:#fff8e1;--bg-secondary:#ffffff;--bg-card:#ffffff;--border-color:#ffe082;--text-primary:#e65100;--text-secondary:#fb8c00;--accent:#ff9800;--accent-hover:#f57c00;--accent-rgb:255,152,0;--success:#66bb6a;--danger:#ef5350;--warning:#ffc107;--chart-grid:#ffecb3}[data-theme="lavender"]{--bg-primary:#f3e5f5;--bg-secondary:#ffffff;--bg-card:#ffffff;--border-color:#ce93d8;--text-primary:#7b1fa2;--text-secondary:#ab47bc;--accent:#9c27b0;--accent-hover:#7b1fa2;--accent-rgb:156,39,176;--success:#66bb6a;--danger:#ef5350;--warning:#ffa726;--chart-grid:#e1bee7}[data-theme="sakura"]{--bg-primary:#fce4ec;--bg-secondary:#ffffff;--bg-card:#ffffff;--border-color:#f8bbd9;--text-primary:#c2185b;--text-secondary:#e91e63;--accent:#e91e63;--accent-hover:#c2185b;--accent-rgb:233,30,99;--success:#66bb6a;--danger:#f44336;--warning:#ffb74d;--chart-grid:#f8bbd9}.theme-switcher{position:relative;display:inline-block}.theme-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:0.45rem 0.75rem;border-radius:6px;cursor:pointer;font-size:0.8rem;display:flex;align-items:center;gap:0.4rem;transition:all 0.2s;height:34px;white-space:nowrap}.theme-btn:hover{border-color:var(--accent);color:var(--accent)}.theme-dropdown{position:absolute;top:100%;right:0;margin-top:0.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:0.5rem;min-width:160px;max-height:400px;overflow-y:auto;display:none;z-index:10001;box-shadow:0 4px 20px rgba(0,0,0,0.3)}.theme-dropdown.show{display:block}.theme-option{display:flex;align-items:center;gap:0.6rem;padding:0.5rem 0.6rem;border-radius:6px;cursor:pointer;transition:all 0.2s;color:var(--text-primary);font-size:0.8rem}.theme-option:hover{background:var(--border-color)}.theme-option.active{background:var(--accent);color:#fff}.theme-preview{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-color);flex-shrink:0}.theme-preview.dark{background:linear-gradient(135deg,#1a1a2e,#00d9ff)}.theme-preview.neon{background:linear-gradient(135deg,#0a0a0f,#00f0ff)}.theme-preview.light{background:linear-gradient(135deg,#f5f7fa,#3182ce)}.theme-preview.green{background:linear-gradient(135deg,#0d1f17,#4caf50)}.theme-preview.warm{background:linear-gradient(135deg,#1a1410,#ff9f43)}.theme-preview.purple{background:linear-gradient(135deg,#13111c,#8b5cf6)}.theme-preview.ocean{background:linear-gradient(135deg,#0c1929,#0ea5e9)}.theme-preview.rose{background:linear-gradient(135deg,#1c1418,#ec4899)}.theme-preview.contrast{background:linear-gradient(135deg,#000000,#ffff00)}.theme-preview.sky{background:linear-gradient(135deg,#e3f2fd,#2196f3)}.theme-preview.mint{background:linear-gradient(135deg,#e8f5e9,#4caf50)}.theme-preview.cream{background:linear-gradient(135deg,#fff8e1,#ff9800)}.theme-preview.lavender{background:linear-gradient(135deg,#f3e5f5,#9c27b0)}.theme-preview.sakura{background:linear-gradient(135deg,#fce4ec,#e91e63)}.theme-section-label{font-size:0.65rem;color:var(--text-secondary);padding:0.5rem 0.6rem 0.25rem;text-transform:uppercase;letter-spacing:0.5px}
/* effects.css */
.glass{background:rgba(255,255,255,0.05)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1)!important;box-shadow:0 8px 32px rgba(0,0,0,0.3)}.glass-strong{background:rgba(255,255,255,0.1)!important;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.neon-glow{box-shadow:0 0 5px var(--accent),0 0 10px var(--accent),0 0 20px var(--accent),0 0 40px var(--accent)}.neon-text{text-shadow:0 0 5px var(--accent),0 0 10px var(--accent),0 0 20px var(--accent)}.neon-border{border:1px solid var(--accent)!important;box-shadow:0 0 5px var(--accent),inset 0 0 5px rgba(0,217,255,0.1);animation:neon-pulse 2s ease-in-out infinite}@keyframes neon-pulse{0%,100%{box-shadow:0 0 5px var(--accent),inset 0 0 5px rgba(0,217,255,0.1)}50%{box-shadow:0 0 10px var(--accent),0 0 20px var(--accent),inset 0 0 10px rgba(0,217,255,0.2)}}.card-3d{transform-style:preserve-3d;transition:transform 0.3s ease,box-shadow 0.3s ease;cursor:pointer}.card-3d:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg) translateZ(10px);box-shadow:10px 10px 30px rgba(0,0,0,0.3),-5px -5px 20px rgba(255,255,255,0.05)}.card-3d::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,transparent 50%,rgba(0,0,0,0.1) 100%);border-radius:inherit;pointer-events:none;opacity:0;transition:opacity 0.3s}.card-3d:hover::before{opacity:1}.gradient-bg{background:linear-gradient(-45deg,#1a1a2e,#16213e,#0f3460,#1a1a2e);background-size:400% 400%;animation:gradient-flow 15s ease infinite}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.breathing{animation:breathing 3s ease-in-out infinite}@keyframes breathing{0%,100%{opacity:0.8}50%{opacity:1}}.progress-ring{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.progress-ring svg{transform:rotate(-90deg);position:absolute}.progress-ring circle{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 0.5s ease}.progress-ring .bg{stroke:var(--border-color)}.progress-ring .progress{stroke:var(--accent);filter:drop-shadow(0 0 6px var(--accent))}.progress-ring .value{font-size:1.5rem;font-weight:bold;color:var(--accent);z-index:1}.animated-number{display:inline-block;transition:all 0.3s ease}.animated-number.counting{transform:scale(1.1);color:var(--accent)}.float{animation:float 3s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.shine{position:relative;overflow:hidden}.shine::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,0.1) 50%,transparent 100%);transform:rotate(30deg);animation:shine 3s linear infinite}@keyframes shine{0%{transform:translateX(-100%) rotate(30deg)}100%{transform:translateX(100%) rotate(30deg)}}.pulse-ring{position:relative}.pulse-ring::before,.pulse-ring::after{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:2px solid var(--accent);transform:translate(-50%,-50%);animation:pulse-ring 2s ease-out infinite}.pulse-ring::after{animation-delay:1s}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-50%) scale(2);opacity:0}}.typewriter{overflow:hidden;border-right:2px solid var(--accent);white-space:nowrap;animation:typing 2s steps(20) forwards,blink 0.5s step-end infinite}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}.fade-in{animation:fadeIn 0.5s ease forwards}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-delay-1{animation-delay:0.1s;opacity:0}.fade-in-delay-2{animation-delay:0.2s;opacity:0}.fade-in-delay-3{animation-delay:0.3s;opacity:0}.hover-scale{transition:transform 0.3s ease,box-shadow 0.3s ease}.hover-scale:hover{transform:scale(1.02);box-shadow:0 10px 40px rgba(0,0,0,0.3)}.border-flow{position:relative;overflow:hidden}.border-flow::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(90deg,var(--accent),var(--success),var(--warning),var(--danger),var(--accent));background-size:400% 100%;animation:border-flow 3s linear infinite;z-index:-1;border-radius:inherit}@keyframes border-flow{0%{background-position:0% 50%}100%{background-position:400% 50%}}.status-light{width:12px;height:12px;border-radius:50%;position:relative}.status-light.online{background:var(--success);box-shadow:0 0 10px var(--success);animation:status-pulse 1.5s ease infinite}.status-light.offline{background:var(--danger)}@keyframes status-pulse{0%,100%{box-shadow:0 0 5px var(--success)}50%{box-shadow:0 0 15px var(--success),0 0 30px var(--success)}}
/* skeleton.css */
@keyframes skeleton-pulse{0%,100%{opacity:1}50%{opacity:0.4}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--card-bg,#1a1a2e) 25%,var(--skeleton-highlight,#2a2a4e) 50%,var(--card-bg,#1a1a2e) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:4px}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-text{height:1em;margin-bottom:0.5em;border-radius:4px}.skeleton-text.short{width:40%}.skeleton-text.medium{width:70%}.skeleton-text.long{width:100%}.skeleton-title{height:1.5em;width:60%;margin-bottom:1em}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-card{padding:20px;border-radius:10px;background:var(--card-bg,#1a1a2e)}.skeleton-stat{height:60px;border-radius:10px}.skeleton-chart{height:300px;border-radius:10px}.skeleton-table-row{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-color,#333)}.skeleton-table-cell{height:20px;flex:1}.skeleton-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px}@media (max-width:1024px){.skeleton-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.skeleton-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s}.loading-overlay.active{opacity:1;visibility:visible}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-color,#333);border-top-color:var(--primary-color,#00d9ff);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lazy-load{opacity:0;transition:opacity 0.3s ease-in}.lazy-load.loaded{opacity:1}.fade-in{animation:fadeIn 0.3s ease-in forwards}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;color:var(--text-secondary,#888)}.chart-loading-icon{font-size:2em;margin-bottom:10px;animation:skeleton-pulse 1.5s ease-in-out infinite}
/* accessibility.css */
:focus{outline:2px solid var(--primary-color,#00d9ff);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--primary-color,#00d9ff);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-color,#00d9ff);color:#000;padding:8px 16px;z-index:10000;transition:top 0.3s;text-decoration:none;font-weight:bold}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}@media (prefers-contrast:high){:root{--text-color:#ffffff;--bg-color:#000000;--primary-color:#00ffff;--border-color:#ffffff}.stat-card,.chart-card,.settings-section{border:2px solid #ffffff}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}.particles-container,.matrix-bg,.glow-effect{display:none!important}}.low-contrast-warning{color:var(--warning-color,#ffbb00)!important}button,[role="button"],a,input,select,textarea{min-height:44px;min-width:44px}p a,li a,span a{min-height:auto;min-width:auto}[tabindex]:focus{box-shadow:0 0 0 3px rgba(0,217,255,0.5)}label{display:block;margin-bottom:4px;font-weight:500}input:invalid,select:invalid,textarea:invalid{border-color:var(--danger-color,#ff4444)}.form-error{color:var(--danger-color,#ff4444);font-size:0.875em;margin-top:4px}.required::after{content:" *";color:var(--danger-color,#ff4444)}[disabled],.disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.status-success::before{content:"✓ "}.status-warning::before{content:"⚠ "}.status-error::before{content:"✕ "}.status-info::before{content:"ℹ "}[aria-busy="true"]{cursor:wait}[aria-busy="true"]::after{content:"載入中...";position:absolute;left:50%;transform:translateX(-50%)}table{border-collapse:collapse}th{text-align:left;font-weight:600}th,td{padding:12px;border-bottom:1px solid var(--border-color,#333)}tr:hover{background:rgba(255,255,255,0.05)}html{font-size:112%}@media (max-width:640px){html{font-size:100%}}@media print{.no-print,nav,.effects-container,.theme-switcher-container{display:none!important}body{background:white!important;color:black!important}.stat-card,.chart-card{break-inside:avoid;border:1px solid #ccc!important}}