@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-base: #050505;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--bg-card-active: rgba(255, 255, 255, .08);--bg-sidebar: rgba(255, 255, 255, .02);--accent: #f59e0b;--accent-hover: #fbbf24;--accent-dim: rgba(245, 158, 11, .12);--accent-glow: rgba(245, 158, 11, .25);--text-primary: #fafafa;--text-secondary: rgba(250, 250, 250, .6);--text-muted: rgba(250, 250, 250, .35);--success: #22c55e;--danger: #ef4444;--info: #60a5fa;--glass-border: rgba(255, 255, 255, .06);--glass-border-hover: rgba(255, 255, 255, .12);--sidebar-width: 260px;--radius-card: 20px;--radius-btn: 12px;--radius-pill: 9999px;--radius-sm: 8px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Space Grotesk", "Plus Jakarta Sans", sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{height:100%;font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;overflow:hidden}#root{height:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}table{border-collapse:collapse;border-spacing:0}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 60% 40% at 20% 20%,rgba(245,158,11,.04) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 80% 80%,rgba(96,165,250,.03) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 50% 50%,rgba(168,85,247,.02) 0%,transparent 70%);animation:meshDrift 30s ease-in-out infinite alternate}@keyframes meshDrift{0%{transform:scale(1) translate(0)}50%{transform:scale(1.05) translate(2%,-1%)}to{transform:scale(1) translate(-1%,2%)}}.app{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.content-header{padding:32px 48px 0;flex-shrink:0}.content-header h1{font-family:var(--font-heading);font-size:48px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.1;animation:fadeSlideIn .6s var(--ease-out-expo) both}.content-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:32px 48px 48px;scroll-behavior:smooth}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.loading{display:flex;align-items:center;justify-content:center;padding:60px 40px;color:var(--text-muted);font-size:.95rem;gap:12px}.loading:before{content:"";width:20px;height:20px;border:2px solid var(--glass-border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.error{display:flex;align-items:center;justify-content:center;padding:60px 40px;color:var(--danger);font-size:.95rem;font-weight:500}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;color:var(--text-muted);font-size:.95rem;gap:8px;text-align:center}.refresh-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-btn);font-size:.875rem;font-weight:500;transition:all var(--duration-normal) var(--ease-out-expo);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-height:44px}.refresh-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--glass-border-hover);transform:translateY(-1px)}.refresh-btn:active{transform:translateY(0)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.refresh-btn .spinning{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.view-all-btn{background:none;border:1px solid var(--accent-dim);color:var(--accent);padding:8px 16px;border-radius:var(--radius-btn);font-size:.8rem;font-weight:500;transition:all var(--duration-normal) var(--ease-out-expo);min-height:44px;min-width:44px}.view-all-btn:hover{background:var(--accent-dim);border-color:var(--accent);transform:translateY(-1px)}.table-container{overflow-x:auto;border-radius:var(--radius-card);background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}table{width:100%;font-size:.875rem}thead th{text-align:left;padding:14px 16px;color:var(--text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-bottom:1px solid var(--glass-border)}tbody td{padding:14px 16px;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.02);transition:all var(--duration-fast) ease}tbody tr{transition:all var(--duration-fast) ease}tbody tr:hover{background:#ffffff08}tbody tr:nth-child(2n){background:#ffffff04}tbody tr:nth-child(2n):hover{background:#ffffff0a}.brand-name{font-weight:600;color:var(--text-primary)!important}.price{font-family:var(--font-heading);font-weight:600;color:var(--accent)!important;letter-spacing:-.01em}.change{font-family:var(--font-heading);font-weight:500}.dashboard{display:flex;flex-direction:column;gap:32px}.dashboard-gold-full{width:100%}.dashboard-grid-bottom{display:grid;grid-template-columns:1fr 1fr;gap:32px}.dashboard-section{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-card);padding:24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--duration-normal) var(--ease-out-expo);animation:fadeSlideIn .6s var(--ease-out-expo) both}.dashboard-section:nth-child(2){animation-delay:.1s}.dashboard-section:hover{border-color:var(--glass-border-hover)}.dashboard-rss{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-card);padding:24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--duration-normal) var(--ease-out-expo);animation:fadeSlideIn .6s var(--ease-out-expo) .2s both}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.glass{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-card)}.glass-sm{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-btn)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.stagger-9{animation-delay:.45s}.stagger-10{animation-delay:.5s}@media(max-width:1024px){.dashboard-grid-bottom{grid-template-columns:1fr}.content-header{padding:24px 32px 0}.content-header h1{font-size:36px}.content-body{padding:24px 32px 32px}}@media(max-width:768px){.app{flex-direction:column}.content-header{padding:20px 20px 0}.content-header h1{font-size:28px}.content-body{padding:20px}.dashboard-grid-bottom{gap:20px}.dashboard-section,.dashboard-rss{padding:16px}}.sidebar{width:var(--sidebar-width);height:100vh;background:var(--bg-sidebar);backdrop-filter:blur(40px) saturate(1.2);-webkit-backdrop-filter:blur(40px) saturate(1.2);display:flex;flex-direction:column;flex-shrink:0;position:relative;z-index:10;animation:fadeIn .5s var(--ease-out-expo) both}.sidebar:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(245,158,11,.15) 30%,rgba(255,255,255,.06) 50%,rgba(96,165,250,.1) 70%,transparent 100%)}.sidebar-header{padding:28px 24px 24px;border-bottom:1px solid var(--glass-border)}.app-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.title-gradient{background:linear-gradient(135deg,#f59e0b,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-subtitle{font-size:.75rem;color:var(--text-muted);margin-top:4px;letter-spacing:.04em}.sidebar-nav{display:flex;flex-direction:column;padding:16px 12px;gap:4px;flex:1}.nav-item{position:relative;display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:var(--radius-btn);background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;width:100%;text-align:left;min-height:44px;transition:all var(--duration-normal) var(--ease-out-expo);overflow:hidden}.nav-icon-wrapper{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;transition:all var(--duration-normal) var(--ease-out-expo)}.nav-label{transition:all var(--duration-normal) var(--ease-out-expo)}.nav-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.nav-item:hover .nav-icon-wrapper{transform:scale(1.1)}.nav-item.active{background:var(--accent-dim);color:var(--accent)}.nav-item.active .nav-icon-wrapper{color:var(--accent)}.nav-active-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-btn);box-shadow:0 0 20px #f59e0b14;pointer-events:none;animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:1}}.sidebar-footer{padding:16px 24px;border-top:1px solid var(--glass-border);display:flex;align-items:center;gap:8px}.footer-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 8px #22c55e66;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.footer-text{font-size:.7rem;color:var(--text-muted);letter-spacing:.03em}@media(max-width:768px){.sidebar{flex-direction:row;height:auto;width:100%;position:fixed;bottom:0;left:0;right:0;z-index:100;background:#050505d9;backdrop-filter:blur(40px) saturate(1.5);-webkit-backdrop-filter:blur(40px) saturate(1.5);border-top:1px solid var(--glass-border);box-shadow:0 -8px 32px #0006}.sidebar:after{display:none}.sidebar-header{display:none}.sidebar-nav{flex-direction:row;justify-content:space-around;width:100%;padding:8px 4px;gap:0}.nav-item{flex-direction:column;gap:4px;padding:8px 4px;font-size:.65rem;border-radius:var(--radius-sm);min-height:56px;min-width:56px;justify-content:center}.nav-label{white-space:nowrap}.nav-active-glow{border-radius:var(--radius-sm)}.sidebar-footer{display:none}.app{flex-direction:column;padding-bottom:72px}.main-content{height:calc(100vh - 72px)}}.gold-prices{display:flex;flex-direction:column;gap:28px;animation:fadeSlideIn .5s var(--ease-out-expo) both}.gold-prices.compact{gap:0}.gold-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.market-summary{display:flex;gap:12px;flex-wrap:wrap}.summary-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:16px;padding:18px 24px;min-width:140px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--duration-normal) var(--ease-out-expo)}.summary-card:hover{border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:0 8px 32px #0003}.summary-label{font-size:.75rem;font-weight:500;color:var(--text-muted);margin-bottom:6px;letter-spacing:.03em;text-transform:uppercase}.summary-value{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;color:var(--accent);letter-spacing:-.02em}.table-section{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-card);padding:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--duration-normal) var(--ease-out-expo)}.table-section:hover{border-color:var(--glass-border-hover)}.table-section h3{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-bottom:12px;display:inline-flex;align-items:center;gap:8px;position:relative;letter-spacing:-.01em}.table-section h3:after{content:"";position:absolute;bottom:0;left:0;width:32px;height:2px;background:var(--accent);border-radius:1px}.gold-prices.compact .table-container{background:transparent}.gold-prices.compact table{font-size:.8rem}.gold-prices.compact thead th{padding:8px 12px;font-size:.7rem}.gold-prices.compact tbody td{padding:8px 12px}.gold-prices.compact .brand-name,.gold-prices.compact .price{font-size:.8rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;gap:8px;color:var(--text-muted)}.empty-state svg{opacity:.3;margin-bottom:4px}.empty-text{color:var(--text-muted);font-size:.9rem;font-weight:500}.empty-hint{color:var(--text-muted);font-size:.75rem;opacity:.6}@media(max-width:768px){.market-summary{width:100%}.summary-card{flex:1;min-width:100px;padding:14px 16px}.summary-value{font-size:1.3rem}.table-section{padding:14px}.gold-header{flex-direction:column;align-items:stretch}.gold-header .refresh-btn{align-self:flex-end}}@media(max-width:1024px){.market-summary{gap:10px}.summary-card{min-width:120px}}.zhihu-hot{display:flex;flex-direction:column;animation:fadeSlideIn .5s var(--ease-out-expo) both}.zhihu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.zhihu-count{font-size:.85rem;color:var(--text-muted);font-family:var(--font-body)}.page-fade-in{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.page-fade-out{opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--glass-border)}.page-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#ffffff0a;border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo)}.page-btn:hover:not(:disabled){background:#ffffff14;border-color:var(--glass-border-hover);color:var(--text-primary)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-dots{display:flex;gap:8px}.page-dot{width:8px;height:8px;border-radius:50%;background:#ffffff1a;border:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo)}.page-dot:hover{background:#fff3}.page-dot.active{background:var(--accent);width:24px;border-radius:4px;box-shadow:0 0 12px #f59e0b66}.zhihu-list{display:flex;flex-direction:column;gap:8px}.zhihu-item{display:flex;align-items:flex-start;gap:16px;padding:18px 20px;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--duration-normal) var(--ease-out-expo)}.zhihu-item:hover{border-color:var(--glass-border-hover);background:var(--bg-card-hover);transform:translate(4px)}.rank-badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:#ffffff0a;border:1px solid var(--glass-border);flex-shrink:0;transition:all var(--duration-normal) var(--ease-out-expo)}.rank-number{font-family:var(--font-heading);font-size:.85rem;font-weight:700;color:var(--text-muted)}.rank-badge.rank-gold{background:linear-gradient(135deg,#f59e0b,#fbbf24);border-color:transparent;box-shadow:0 4px 16px #f59e0b4d}.rank-badge.rank-gold .rank-number{color:#050505}.rank-badge.rank-silver{background:linear-gradient(135deg,#d97706,#f59e0b);border-color:transparent;box-shadow:0 4px 16px #d9770640}.rank-badge.rank-silver .rank-number{color:#050505}.rank-badge.rank-bronze{background:linear-gradient(135deg,#b45309,#d97706);border-color:transparent;box-shadow:0 4px 16px #b4530933}.rank-badge.rank-bronze .rank-number{color:#050505}.zhihu-item.rank-gold{border-color:#f59e0b26}.zhihu-item.rank-silver{border-color:#d977061a}.zhihu-item.rank-bronze{border-color:#b4530914}.item-content{flex:1;min-width:0}.item-title{font-size:.95rem;font-weight:600;margin-bottom:8px;line-height:1.45;font-family:var(--font-body)}.item-title a{color:var(--text-primary);display:inline-flex;align-items:flex-start;gap:8px;transition:color var(--duration-normal) var(--ease-out-expo);position:relative}.item-title a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent);transition:width var(--duration-normal) var(--ease-out-expo)}.item-title a:hover{color:var(--accent)}.item-title a:hover:after{width:100%}.link-icon{flex-shrink:0;opacity:0;transform:translate(-4px);transition:all var(--duration-normal) var(--ease-out-expo);margin-top:2px}.item-title a:hover .link-icon{opacity:1;transform:translate(0);color:var(--accent)}.item-excerpt{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;position:relative}.item-meta{display:flex;gap:10px;align-items:center}.heat-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-heading);font-size:.75rem;font-weight:600;color:var(--accent);background:linear-gradient(135deg,#f59e0b1f,#ef444414);padding:4px 10px;border-radius:var(--radius-pill);border:1px solid rgba(245,158,11,.15);transition:all var(--duration-fast) ease}.heat-badge svg{color:#ef4444;opacity:.8}.heat-badge:hover{background:linear-gradient(135deg,#f59e0b2e,#ef44441f);border-color:#f59e0b40}@media(max-width:768px){.zhihu-item{padding:14px 16px;gap:12px}.rank-badge{width:32px;height:32px}.rank-number{font-size:.75rem}.item-title{font-size:.9rem}.item-excerpt{font-size:.8rem;-webkit-line-clamp:2}}.rss-articles{display:flex;flex-direction:column;animation:fadeSlideIn .5s var(--ease-out-expo) both}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.article-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--duration-normal) var(--ease-out-expo);overflow:hidden}.article-card:hover{border-color:var(--glass-border-hover);transform:translateY(-4px);box-shadow:0 16px 48px #00000040,0 0 0 1px #ffffff0a}.article-card-inner{padding:22px;display:flex;flex-direction:column;gap:12px;height:100%}.article-title{font-family:var(--font-body);font-size:.95rem;font-weight:600;line-height:1.5}.article-title a{color:var(--text-primary);display:inline-flex;align-items:flex-start;gap:8px;transition:color var(--duration-normal) var(--ease-out-expo);position:relative}.article-title a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent);transition:width var(--duration-normal) var(--ease-out-expo)}.article-title a:hover{color:var(--accent)}.article-title a:hover:after{width:100%}.link-icon{flex-shrink:0;opacity:0;transform:translate(-4px);transition:all var(--duration-normal) var(--ease-out-expo);margin-top:3px}.article-title a:hover .link-icon{opacity:1;transform:translate(0);color:var(--accent)}.article-summary{font-size:.85rem;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;position:relative}.article-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:12px;border-top:1px solid var(--glass-border)}.article-source,.article-date{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted);font-weight:500}.article-source{color:var(--accent);opacity:.7}.article-date{color:var(--text-muted)}.empty-rss{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;gap:10px;text-align:center}.empty-rss svg{opacity:.2;margin-bottom:4px}.empty-rss-title{color:var(--text-muted);font-size:.95rem;font-weight:500}.empty-rss-hint{color:var(--text-muted);font-size:.8rem;opacity:.5}@media(max-width:1024px){.articles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.articles-grid{grid-template-columns:1fr;gap:12px}.article-card-inner{padding:18px}.article-title{font-size:.9rem}.article-summary{font-size:.8rem;-webkit-line-clamp:2}.article-meta{gap:12px}}