:root{--primary-50: #e3f2fd;--primary-100: #bbdefb;--primary-200: #90caf9;--primary-300: #64b5f6;--primary-400: #42a5f5;--primary-500: #2196f3;--primary-600: #1e88e5;--primary-700: #1976d2;--primary-800: #1565c0;--primary-900: #0d47a1;--cyan-300: #4dd0e1;--cyan-400: #26c6da;--cyan-500: #00bcd4;--cyan-600: #00acc1;--primary: var(--primary-800);--primary-light: var(--primary-500);--primary-dark: var(--primary-900);--accent: var(--cyan-500);--primary-gradient: linear-gradient(135deg, var(--primary-700) 0%, var(--primary-800) 50%, var(--primary-900) 100%);--card-gradient: linear-gradient(145deg, #ffffff 0%, #f5f9ff 100%);--hero-gradient: linear-gradient(135deg, var(--primary-900) 0%, var(--primary-700) 50%, var(--cyan-600) 100%);--shimmer-gradient: linear-gradient(90deg, transparent, rgba(255,255,255,.2), transparent);--urgent: #f44336;--urgent-light: #ffebee;--warning: #ff9800;--warning-light: #fff3e0;--success: #4caf50;--success-light: #e8f5e9;--bg-primary: #f0f5ff;--bg-secondary: #e8f1ff;--bg-card: #ffffff;--bg-control: var(--primary-50);--bg-hover: rgba(33, 150, 243, .04);--text-primary: #1a237e;--text-secondary: #546e7a;--text-muted: #78909c;--text-white: #ffffff;--border: var(--primary-100);--border-focus: var(--primary-300);--shadow-xs: 0 1px 2px rgba(13, 71, 161, .04);--shadow-sm: 0 2px 8px rgba(13, 71, 161, .08);--shadow-md: 0 4px 16px rgba(13, 71, 161, .12);--shadow-lg: 0 8px 32px rgba(13, 71, 161, .16);--shadow-xl: 0 12px 48px rgba(13, 71, 161, .2);--shadow-glow: 0 0 20px rgba(33, 150, 243, .3);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--container-max: 1280px;--header-height: 80px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);min-height:100vh;padding:var(--space-lg)}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 15% 25%,rgba(33,150,243,.06) 0%,transparent 25%),radial-gradient(circle at 85% 75%,rgba(0,188,212,.05) 0%,transparent 25%),radial-gradient(circle at 50% 50%,rgba(25,118,210,.03) 0%,transparent 35%);pointer-events:none;z-index:-1}.app-container{max-width:var(--container-max);margin:0 auto;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden}::selection{background:var(--primary-200);color:var(--primary-900)}:focus-visible{outline:2px solid var(--primary-400);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--primary-50);border-radius:var(--radius)}::-webkit-scrollbar-thumb{background:var(--primary-300);border-radius:var(--radius);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--primary-400)}.disclaimer{background:linear-gradient(135deg,#fff8e1,#fff3e0);border-left:4px solid var(--warning);padding:var(--space-md) var(--space-lg);font-size:.9rem;color:#5d4037;position:relative;overflow:hidden}.disclaimer:before{content:"⚠️";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:3rem;opacity:.08}.disclaimer strong{color:var(--warning);font-weight:600}.disclaimer a{color:var(--primary);text-decoration:none;font-weight:500;position:relative}.disclaimer a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--primary);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-base)}.disclaimer a:hover:after{transform:scaleX(1);transform-origin:left}.app-header{background:var(--hero-gradient);padding:var(--space-2xl) var(--space-xl);text-align:center;position:relative;overflow:hidden}.app-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 70%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(255,255,255,.08) 0%,transparent 40%);animation:shimmer 20s linear infinite}.app-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,var(--bg-card),transparent);opacity:.8}@keyframes shimmer{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.app-header h1{color:var(--text-white);font-size:2.5rem;font-weight:700;position:relative;z-index:1;text-shadow:0 2px 10px rgba(0,0,0,.15);letter-spacing:-.5px;margin:0}.app-header h1:before{content:"📚";display:inline-block;margin-right:var(--space-sm);font-size:1.8rem;vertical-align:middle;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.app-header .subtitle{color:#ffffffd9;font-size:1.1rem;margin-top:var(--space-sm);position:relative;z-index:1}.controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);background:linear-gradient(180deg,var(--bg-control) 0%,var(--bg-secondary) 100%);border-bottom:1px solid var(--border);position:relative}.controls:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-200),transparent)}.control-group{display:flex;align-items:center;gap:var(--space-sm)}.control-group label{font-weight:600;color:var(--primary-dark);font-size:.9rem;white-space:nowrap}.form-select,.form-input{padding:10px 14px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);font-size:.95rem;color:var(--text-primary);min-width:140px;transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.form-select:hover,.form-input:hover{border-color:var(--primary-200)}.form-select:focus,.form-input:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 3px #2196f326,var(--shadow-sm)}.form-input{min-width:200px}.form-input::placeholder{color:var(--text-muted)}.control-group:has(.form-select) label:before,.control-group:has(.form-input) label:before{content:"";margin-right:4px}.control-group:has(#timezoneSelect) label:before{content:"🌍"}.control-group:has(#categoryFilter) label:before{content:"📂"}.control-group:has(#sortBy) label:before{content:"📊"}.control-group:has(#searchInput) label:before{content:"🔍"}.btn-lang{padding:10px 20px;background:var(--primary-gradient);color:var(--text-white);border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.btn-lang:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width var(--transition-base),height var(--transition-base)}.btn-lang:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-lang:hover:before{width:200px;height:200px}.btn-lang:active{transform:translateY(0)}.conferences-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-lg);padding:var(--space-lg) 0}.conference-card{background:var(--card-gradient);border-radius:var(--radius);border:1px solid var(--border);padding:var(--space-lg);transition:all var(--transition-base);position:relative;overflow:hidden;display:flex;flex-direction:column}.conference-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);opacity:0;transition:opacity var(--transition-base)}.conference-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary-200)}.conference-card:hover:before{opacity:1}.conference-card.expired{opacity:.7;background:linear-gradient(145deg,#fafafa,#f5f5f5)}.conference-card.expired:before{background:linear-gradient(90deg,#9e9e9e,#bdbdbd);opacity:1}.conference-card.expired .conf-name{color:var(--text-muted)}.conference-card.urgent{border:2px solid var(--urgent);background:linear-gradient(145deg,#ffffff 0%,var(--urgent-light) 100%);animation:urgent-pulse 2.5s ease-in-out infinite}.conference-card.urgent:before{background:linear-gradient(90deg,var(--urgent),#ff5722);opacity:1}@keyframes urgent-pulse{0%,to{box-shadow:0 0 #f4433666}50%{box-shadow:0 0 0 10px #f4433600}}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md);gap:var(--space-md)}.conf-name{font-size:1.3rem;font-weight:700;color:var(--primary-dark);margin:0;flex:1;line-height:1.3}.btn-visit{padding:8px 16px;background:var(--primary);color:var(--text-white);text-decoration:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;white-space:nowrap;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:4px}.btn-visit:after{content:"→";transition:transform var(--transition-fast)}.btn-visit:hover{background:var(--primary-dark);transform:translate(2px)}.btn-visit:hover:after{transform:translate(3px)}.card-tags,.card-categories{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.tag,.category-tag{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;color:var(--text-white);box-shadow:var(--shadow-xs)}.category-tag{background:var(--primary-gradient)}.card-deadlines{display:flex;flex-direction:column;gap:var(--space-sm);margin:var(--space-md) 0}.deadline-item{background:var(--bg-control);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);border-left:4px solid var(--primary-light);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);transition:all var(--transition-fast)}.deadline-item:hover{background:var(--bg-secondary)}.deadline-item.urgent{background:var(--urgent-light);border-left-color:var(--urgent)}.deadline-item.warning{background:var(--warning-light);border-left-color:var(--warning)}.deadline-label{font-weight:600;color:var(--text-secondary);font-size:.85rem;min-width:80px}.deadline-time{font-weight:600;color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.9rem}.deadline-countdown{margin-left:auto;padding:4px 12px;border-radius:20px;font-weight:700;font-size:.9rem;background:var(--bg-card);color:var(--text-secondary);box-shadow:var(--shadow-xs);font-family:SF Mono,Monaco,monospace}.deadline-countdown.urgent{background:var(--urgent);color:var(--text-white);animation:countdown-blink 1s ease-in-out infinite}.deadline-countdown.warning{background:var(--warning);color:var(--text-white)}@keyframes countdown-blink{0%,to{opacity:1}50%{opacity:.6}}.card-info{margin:var(--space-md) 0;padding:var(--space-md) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.card-info.location-date-row{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between}.info-column{flex:1;min-width:200px}.info-row{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-sm) 0;color:var(--text-secondary);font-size:.9rem}.info-icon{font-size:1.1rem;filter:grayscale(.3)}.location-link{color:var(--primary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.location-link:hover{color:var(--primary-dark);text-decoration:underline}.card-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-top:auto}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--text-muted);grid-column:1 / -1}.empty-state-icon{font-size:4rem;margin-bottom:var(--space-md);opacity:.5}.app-footer{background:linear-gradient(180deg,var(--bg-control) 0%,var(--bg-secondary) 100%);padding:var(--space-xl);text-align:center;border-top:1px solid var(--border);position:relative}.app-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-200),transparent)}.footer-content{max-width:800px;margin:0 auto}.app-footer p{color:var(--text-secondary);margin:var(--space-sm) 0;font-size:.9rem}.highlight-urgent{color:var(--urgent);font-weight:600}.footer-legend{display:flex;justify-content:center;gap:var(--space-lg);margin-top:var(--space-md);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem;color:var(--text-secondary)}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.urgent{background:var(--urgent)}.legend-dot.warning{background:var(--warning)}.legend-dot.normal{background:var(--primary)}.legend-dot.expired{background:#9e9e9e}@media (max-width: 1024px){.conferences-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width: 768px){body{padding:var(--space-sm)}.app-header{padding:var(--space-xl) var(--space-md)}.app-header h1{font-size:1.8rem}.app-header h1:before{font-size:1.4rem}.controls{flex-direction:column;align-items:stretch;gap:var(--space-md);padding:var(--space-md)}.control-group{justify-content:space-between}.form-select,.form-input{flex:1;min-width:0}.main-content{padding:var(--space-md)}.conferences-grid{grid-template-columns:1fr;gap:var(--space-md)}.conference-card{padding:var(--space-md)}.deadline-item{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.deadline-countdown{margin-left:0;width:100%;text-align:center}.footer-legend{flex-direction:column;gap:var(--space-sm)}}@media (max-width: 480px){.app-header h1{font-size:1.5rem}.conf-name{font-size:1.1rem}.card-header{flex-direction:column}.btn-visit{align-self:flex-start}}