.layout{background-color:#f0f2f5;min-height:100vh}.header{z-index:1000;background-color:#fff;border-bottom:1px solid #e8e8e8;height:auto;padding:0;line-height:normal;position:sticky;top:0;box-shadow:0 4px 12px #0000000d}.header-top-bar{background-color:#fafafa;border-bottom:1px solid #f0f0f0}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:12px 24px;display:flex}.logo-section{align-items:center;gap:16px;display:flex}.logo-icon{color:#fff;background:#b90000;border-radius:4px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #b9000033}.logo-text{flex-direction:column;justify-content:center;display:flex}.search-section{flex:1;max-width:450px;margin:0 40px}.custom-search-input{transition:all .3s;box-shadow:inset 0 1px 3px #0000000d;background-color:#fff!important;border:1px solid #d9d9d9!important;border-radius:24px!important;padding:8px 16px!important}.custom-search-input:hover,.custom-search-input:focus-within{box-shadow:0 0 0 2px #8b00001a,inset 0 1px 3px #0000000d;border-color:#8b0000!important}.time-section{background:#fff;border:1px solid #f0f0f0;border-radius:16px;align-items:center;padding:6px 12px;display:flex}.header-nav-bar{background-color:#fff}.category-menu{background:0 0;border-bottom:none;justify-content:center;max-width:1200px;margin:0 auto;font-size:15px;font-weight:500}.category-menu .ant-menu-item{padding:16px 24px}.category-menu.ant-menu-horizontal .ant-menu-item-selected:after,.category-menu.ant-menu-horizontal .ant-menu-item:hover:after{border-bottom-color:#b90000!important}.category-menu.ant-menu-light .ant-menu-item-selected{font-weight:600;color:#b90000!important}.category-menu.ant-menu-light .ant-menu-item:hover{color:#b90000!important}.main-content{width:100%;max-width:1200px;margin:0 auto;padding:24px}.loading-container{justify-content:center;align-items:center;min-height:400px;display:flex}.stats-bar{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 24px;display:flex;box-shadow:0 2px 8px #0000000a}.empty-state{text-align:center;background:#fff;border-radius:12px;padding:60px 20px}.hero-card{border:none;border-radius:16px;margin-bottom:32px;overflow:hidden;box-shadow:0 8px 24px #00000014}.hero-image-wrapper{height:420px;position:relative}.hero-overlay{opacity:0;z-index:1;background:#0006;transition:opacity .4s;position:absolute;inset:0}.hero-card:hover .hero-overlay{opacity:1}.article-card{border:1px solid #f0f0f0;border-radius:12px;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden}.article-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.article-card .ant-card-body{flex-direction:column;flex:1;display:flex}.article-cover{height:200px;position:relative;overflow:hidden}.article-cover img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.article-card:hover .article-cover img{transform:scale(1.05)}.category-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1890ffd9;border:none;border-radius:4px;position:absolute;top:12px;left:12px}.article-meta{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.keypoints-indicator{border-top:1px dashed #f0f0f0;margin-top:auto;padding-top:12px}.load-more{text-align:center;margin-top:40px;margin-bottom:20px}.article-modal .ant-modal-content{border-radius:16px;overflow:hidden;padding:0!important}.modal-content-wrapper{flex-direction:column;display:flex}.modal-hero{height:320px;position:relative}.modal-hero img{object-fit:cover;width:100%;height:100%}.modal-hero-overlay{background:linear-gradient(#0000 0%,#00000080 40%,#000000e6 100%);padding:40px 32px 24px;position:absolute;bottom:0;left:0;right:0}.modal-body{padding:32px 0}.summary-box{background:#f0f5ff;border-left:4px solid #1890ff;border-radius:8px;margin-bottom:24px;padding:20px}.keypoints-box{margin-bottom:32px}.keypoints-list{margin:0;padding:0;list-style:none}.keypoints-list li{background:#fafafa;border-radius:8px;align-items:flex-start;gap:16px;margin-bottom:16px;padding:16px;display:flex}.keypoints-list .bullet{color:#fff;background:#1890ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.keypoints-list .text{color:#333;font-size:15px;line-height:1.6}.sources-box{border-top:1px solid #f0f0f0;padding-top:24px}.back-to-top{z-index:999;position:fixed;bottom:40px;right:40px;box-shadow:0 4px 12px #00000026}.custom-sort-select .ant-select-selector{color:#333;font-weight:500;background-color:#f8fafc!important;border-radius:20px!important;padding:0 16px!important}@media (width<=768px){.header-content{flex-direction:column;gap:16px;padding:16px}.search-section{width:100%;max-width:100%;margin:0}.stats-bar{flex-direction:column;gap:16px;align-items:flex-start!important}.category-menu .ant-menu-item{padding:12px 16px;font-size:14px}.hero-image-wrapper{height:280px}.modal-hero{height:220px}.modal-body{padding:20px}}html,body{width:100%;height:100%}input::-ms-clear{display:none}input::-ms-reveal{display:none}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:#0000;font-family:sans-serif;line-height:1.15}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{text-align:left;caption-side:bottom;padding-top:.75em;padding-bottom:.3em}input,button,select,optgroup,textarea{color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical;overflow:auto}fieldset{border:0;min-width:0;margin:0;padding:0}legend{width:100%;max-width:100%;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal;margin-bottom:.5em;padding:0;display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}:root{--primary:#4f46e5;--primary-light:#e0e7ff;--bg-color:#f8fafc;--bg-card:#fff;--bg-hover:#f1f5f9;--text-primary:#0f172a;--text-secondary:#64748b;--text-light:#94a3b8;--border:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.header-glass{-webkit-backdrop-filter:blur(12px);z-index:50;background-color:#fffffff2;position:relative}.logo-icon{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#9333ea 100%);border-radius:.5rem;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.category-bar{-webkit-backdrop-filter:blur(12px);z-index:40;background-color:#ffffffe6;position:relative}.category-tab{color:#4b5563;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9999px;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.category-tab:hover{color:#111827;background-color:#f3f4f6}.category-tab.active{color:#4f46e5;background-color:#e0e7ff;font-weight:600}.refresh-button{border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.refresh-button:hover{color:var(--primary);border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51a}.refresh-button.spinning i{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.new-articles-banner{border-radius:var(--radius-md);color:var(--primary);background:linear-gradient(135deg,#eef2ff 0%,#faf5ff 100%);border:1px solid #4f46e526;justify-content:center;align-items:center;margin-bottom:16px;padding:10px 20px;font-size:14px;font-weight:500;animation:.4s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hero-card{cursor:pointer;border-radius:1rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.hero-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.hero-image-wrapper{height:24rem;position:relative;overflow:hidden}.hero-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.hero-card:hover .hero-image-wrapper img{transform:scale(1.05)}.hero-image-wrapper:after{content:"";background:linear-gradient(#0000 0%,#0006 60%,#000c 100%);position:absolute;inset:0}.hero-content-inner{padding:40px;position:absolute;bottom:0;left:0;right:0}.hero-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:50px;align-items:center;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.hero-badge.breaking{color:#fff;background:#ef4444e6}.hero-badge.featured{color:#fff;background:#f59e0be6}.hero-title{color:#fff;text-shadow:0 2px 4px #0003;margin-bottom:12px;font-family:Noto Serif SC,serif;font-size:28px;font-weight:700;line-height:1.35}.hero-summary{color:#ffffffd9;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.hero-meta{color:#ffffffa6;align-items:center;gap:16px;font-size:13px;display:flex}.hero-meta .source-name{color:#ffffffe6;align-items:center;gap:4px;font-weight:600;display:flex}.stat-badge{color:var(--text-secondary);align-items:center;font-size:13px;display:inline-flex}.news-card{border-radius:var(--radius-xl);background:#fff;border:1px solid #0000000f;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.news-card:hover{border-color:#4f46e533;transform:translateY(-4px);box-shadow:0 12px 24px -8px #0000001a}.news-card .card-image{height:200px;position:relative;overflow:hidden}.news-card .card-image img.news-card-image{object-fit:cover;width:100%;height:200px;transition:transform .7s cubic-bezier(.4,0,.2,1)}.news-card:hover .news-card-image{transform:scale(1.05)}.card-category-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50px;padding:3px 10px;font-size:11px;font-weight:600;position:absolute;top:12px;left:12px}.badge-world{color:#fff;background:#3b82f6d9}.badge-us_politics{color:#fff;background:#a855f7d9}.badge-economy{color:#fff;background:#10b981d9}.badge-finance{color:#fff;background:#f59e0bd9}.badge-geopolitics{color:#fff;background:#ef4444d9}.card-source-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:50px;padding:3px 8px;font-size:10px;font-weight:600;position:absolute;top:12px;right:12px}.card-body{padding:20px}.card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-family:Noto Serif SC,serif;font-size:17px;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.card-title-en{color:var(--text-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:10px;font-size:12px;font-style:italic;line-height:1.4;display:-webkit-box;overflow:hidden}.card-summary{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:16px;font-size:13.5px;line-height:1.7;display:-webkit-box;overflow:hidden}.card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.card-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.card-read-more{color:var(--primary);align-items:center;gap:4px;font-size:12px;font-weight:600;transition:gap .2s;display:flex}.news-card:hover .card-read-more{gap:8px}.source-tag{color:var(--text-secondary);border:1px solid var(--border);background:#f1f5f9;border-radius:50px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-block}.load-more-btn{color:var(--primary);border:2px solid var(--primary);cursor:pointer;background:#fff;border-radius:50px;align-items:center;padding:12px 32px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.load-more-btn:hover{background:var(--primary);color:#fff;box-shadow:0 4px 12px #4f46e54d}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;background-color:#111827b3;justify-content:center;align-items:center;padding:1rem;animation:.25s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#fff;border-radius:1.5rem;flex-direction:column;width:100%;max-width:48rem;max-height:90vh;animation:.3s ease-out forwards slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;z-index:10;background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close-btn:hover{color:var(--text-primary);background:#0000001f}.modal-image{object-fit:cover;border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;height:300px}.modal-body-inner{padding:32px}.modal-category-badge{border-radius:50px;align-items:center;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.modal-title{color:var(--text-primary);margin-bottom:6px;font-family:Noto Serif SC,serif;font-size:24px;font-weight:700;line-height:1.4}.modal-title-en{color:var(--text-muted);margin-bottom:16px;font-size:14px;font-style:italic;line-height:1.4}.modal-meta{border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text-secondary);flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:12px 0;font-size:13px;display:flex}.modal-meta-item{align-items:center;gap:4px;display:flex}.modal-summary-label{color:var(--primary);align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.modal-summary-text{color:var(--text-primary);border-radius:var(--radius-md);border-left:4px solid var(--primary);background:#f8fafc;margin-bottom:20px;padding:20px;font-size:15px;line-height:1.8}.modal-key-points{margin-bottom:20px}.modal-key-points h4{color:var(--text-primary);align-items:center;gap:6px;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.modal-key-points ul{padding:0;list-style:none}.modal-key-points li{color:var(--text-secondary);padding:8px 0 8px 20px;font-size:14px;line-height:1.6;position:relative}.modal-key-points li:before{content:"";background:var(--primary-light);border-radius:50%;width:8px;height:8px;position:absolute;top:14px;left:0}.modal-source-link{color:var(--primary);background:#4f46e50f;border-radius:50px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.modal-source-link:hover{background:#4f46e51f}.skeleton-card{border-radius:var(--radius-lg);background:#fff;border:1px solid #0000000a;overflow:hidden}.card-enter{opacity:0;animation:.5s forwards cardEnter;transform:translateY(20px)}@keyframes cardEnter{to{opacity:1;transform:translateY(0)}}@media (width<=768px){.hero-image-wrapper{height:280px}.hero-content-inner{padding:24px}.hero-title{font-size:20px}.hero-summary{-webkit-line-clamp:2;font-size:13px}.modal-content{border-radius:var(--radius-lg);max-height:90vh}.modal-image{border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:200px}.modal-body-inner{padding:20px}.modal-title{font-size:20px}.card-title{font-size:15px}}@media (width<=640px){.hero-image-wrapper{height:220px}.hero-meta{gap:10px;font-size:11px}.news-card .card-image{height:160px}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:0 0}.modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.loading-spinner{border:2px solid #4f46e54d;border-top-color:var(--primary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}.gradient-text{background:linear-gradient(135deg, var(--primary) 0%, #7c3aed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.multi-source-badge{background:linear-gradient(135deg, var(--primary) 0%, #7c3aed 100%);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.3px;border-radius:50px;padding:3px 10px;font-size:10px;font-weight:700;position:absolute;bottom:12px;left:12px}.hero-badge.multi-source{color:#fff;background:#4f46e5d9}.source-link-badge{border:1px solid var(--source-color,#e5e7eb);color:var(--source-color,#4b5563);cursor:pointer;background:#fff;border-radius:50px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.source-link-badge:hover{background:var(--source-color,#e5e7eb);border-color:var(--source-color,#e5e7eb);box-shadow:0 2px 8px #4f46e54d;color:#fff!important}.modal-sources{margin-bottom:24px}.modal-sources h4{color:var(--text-primary);align-items:center;gap:6px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.modal-sources-list{flex-direction:column;gap:8px;display:flex}.modal-source-item{border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text-primary);background:#f8fafc;align-items:center;gap:10px;padding:10px 16px;text-decoration:none;transition:all .2s;display:flex}.modal-source-item:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm);background:#eef2ff}.modal-source-name{color:var(--primary);white-space:nowrap;min-width:100px;font-size:13px;font-weight:700}.modal-source-title{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.modal-source-item i{color:var(--text-muted);flex-shrink:0;font-size:14px}.importance-badge{font-weight:600;color:var(--accent)!important}.refresh-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#0006;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.refresh-overlay.hidden{display:none}.refresh-progress-card{border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-xl);background:#fff;width:90%;max-width:380px;padding:40px}.refresh-progress-card h3{color:var(--text-primary);margin:20px 0 8px;font-size:18px;font-weight:700}.refresh-progress-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.loading-spinner-lg{border:3px solid #4f46e533;border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin;display:inline-block}.toast{background:var(--text-primary);color:#fff;z-index:300;white-space:nowrap;border-radius:50px;padding:12px 24px;font-size:14px;font-weight:500;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}.toast.hidden{display:none}.toast-enter{animation:.4s toastIn}.toast-exit{animation:.4s forwards toastOut}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(20px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slideUp{animation:.3s ease-out forwards slideUp}.back-to-top{width:48px;height:48px;color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;z-index:90;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:30px;right:30px;transform:translateY(20px)scale(.9)}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.back-to-top:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-5px)scale(1.1);box-shadow:0 10px 20px #4f46e54d}:root{--primary-color:#4f46e5;--text-primary:#111827;--text-secondary:#4b5563;--bg-card:#fff;--border:#e5e7eb}