:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-start:#0a0015;--bg-mid:#1a0a3e;--bg-end:#0d1b2a;--card-bg:#ffffff0a;--card-border:#ffffff14;--card-hover:#ffffff1a;--accent-primary:#7c5bf5;--accent-secondary:#f97066;--accent-cyan:#38bdf8;--accent-green:#34d399;--accent-orange:#fb923c;--accent-pink:#e879a8;--text-primary:#f1f0f7;--text-secondary:#f1f0f7a6;--text-muted:#f1f0f759;--radius:24px;--radius-sm:14px;--shadow:0 8px 40px #0006;--shadow-hover:0 20px 60px #7c5bf526, 0 8px 30px #0006;--glow-primary:#7c5bf566;--glow-secondary:#f970664d}body{background:linear-gradient(160deg, var(--bg-start) 0%, var(--bg-mid) 40%, var(--bg-end) 100%);min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body:before,body:after{content:"";filter:blur(120px);opacity:.25;z-index:-1;border-radius:50%;animation:20s ease-in-out infinite alternate orb-drift;position:fixed}body:before{background:radial-gradient(circle, var(--accent-primary), transparent 70%);width:600px;height:600px;top:-10%;right:-10%}body:after{background:radial-gradient(circle, var(--accent-secondary), transparent 70%);width:500px;height:500px;animation-delay:-10s;bottom:-10%;left:-10%}@keyframes orb-drift{0%{transform:translate(0)scale(1)}50%{transform:translate(-40px,30px)scale(1.1)}to{transform:translate(20px,-20px)scale(.95)}}.container{flex-direction:column;max-width:1440px;min-height:100vh;margin:0 auto;padding:1.5rem;display:flex;position:relative}.app{flex-direction:column;max-width:1440px;min-height:100vh;margin:0 auto;display:flex;position:relative}.navbar{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--card-border);z-index:100;background:#0a0015b3;justify-content:space-between;align-items:center;padding:1rem 1.5rem;animation:.6s cubic-bezier(.16,1,.3,1) both navbar-in;display:flex;position:sticky;top:0}@keyframes navbar-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.navbar-brand{background:linear-gradient(135deg,#a78bfa 0%,#7c5bf5 100%);-webkit-text-fill-color:transparent;letter-spacing:.02em;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:800}.navbar-links{gap:1.5rem;display:flex}.navbar-links a{color:var(--text-secondary);border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s}.navbar-links a:hover{color:var(--text-primary);background:var(--card-hover)}.navbar-links a.active{color:var(--text-primary);background:#7c5bf533;border:1px solid #7c5bf54d}.main-content{flex:1;padding:1.5rem}.page-content{max-width:1200px;margin:0 auto}.news-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.news-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius);border:1px solid var(--card-border);color:inherit;padding:1.5rem;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);animation:.6s cubic-bezier(.16,1,.3,1) both card-in;display:block}.news-card:first-child{animation-delay:.1s}.news-card:nth-child(2){animation-delay:.15s}.news-card:nth-child(3){animation-delay:.2s}.news-card:nth-child(4){animation-delay:.25s}.news-card:nth-child(5){animation-delay:.3s}.news-card:nth-child(6){animation-delay:.35s}.news-card:nth-child(7){animation-delay:.4s}.news-card:nth-child(8){animation-delay:.45s}.news-card:nth-child(9){animation-delay:.5s}.news-card:nth-child(10){animation-delay:.55s}.news-card:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--accent-cyan) 30%, var(--accent-primary) 70%, transparent 100%);opacity:.6;height:2px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.news-card:hover{box-shadow:var(--shadow-hover);background:var(--card-hover);border-color:#38bdf84d;transform:translateY(-6px)scale(1.02)}.news-card:hover:before{opacity:1}.news-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:1rem;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.news-meta{color:var(--text-muted);gap:.5rem;margin-bottom:.75rem;font-size:.78rem;display:flex}.news-date{color:var(--accent-cyan)}.news-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.6;display:-webkit-box;overflow:hidden}.section-subtitle{color:var(--text-muted);margin-top:-1rem;margin-bottom:1.5rem;padding-left:.75rem;font-size:.85rem}.news-list{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--card-border);flex-direction:column;gap:0;display:flex;overflow:hidden}.news-item{color:inherit;border-bottom:1px solid #ffffff0d;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;text-decoration:none;transition:background .3s;animation:.5s cubic-bezier(.16,1,.3,1) both card-in;display:flex}.news-item:first-child{animation-delay:50ms}.news-item:nth-child(2){animation-delay:80ms}.news-item:nth-child(3){animation-delay:.11s}.news-item:nth-child(4){animation-delay:.14s}.news-item:nth-child(5){animation-delay:.17s}.news-item:nth-child(6){animation-delay:.2s}.news-item:nth-child(7){animation-delay:.23s}.news-item:nth-child(8){animation-delay:.26s}.news-item:nth-child(9){animation-delay:.29s}.news-item:nth-child(10){animation-delay:.32s}.news-item:nth-child(11){animation-delay:.35s}.news-item:nth-child(12){animation-delay:.38s}.news-item:nth-child(13){animation-delay:.41s}.news-item:nth-child(14){animation-delay:.44s}.news-item:nth-child(15){animation-delay:.47s}.news-item:nth-child(16){animation-delay:.5s}.news-item:nth-child(17){animation-delay:.53s}.news-item:nth-child(18){animation-delay:.56s}.news-item:nth-child(19){animation-delay:.59s}.news-item:nth-child(20){animation-delay:.62s}.news-item:last-child{border-bottom:none}.news-item:hover{background:var(--card-hover)}.news-item-rank{color:var(--accent-primary);text-align:center;min-width:2rem;padding-top:.1rem;font-size:.85rem;font-weight:700}.news-item-content{flex:1;min-width:0}.news-item .news-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:600;line-height:1.4}.news-item:hover .news-title{color:var(--accent-cyan)}.news-meta{color:var(--text-muted);flex-wrap:wrap;gap:.75rem;font-size:.78rem;display:flex}.news-points{color:var(--accent-green)}.news-author{color:var(--text-secondary)}.news-time{color:var(--text-muted)}.news-comments{color:var(--accent-cyan)}@media (width<=600px){.news-item{padding:1rem}.news-meta{gap:.5rem;font-size:.72rem}}.hero{text-align:center;padding:3rem 0 3.5rem;animation:.8s cubic-bezier(.16,1,.3,1) both hero-in}@keyframes hero-in{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.hero h1{background:linear-gradient(135deg,#a78bfa 0%,#7c5bf5 25%,#f97066 50%,#fb923c 75%,#38bdf8 100%) 0 0/300%;-webkit-text-fill-color:transparent;letter-spacing:.02em;word-break:break-word;overflow-wrap:break-word;max-width:100%;text-shadow:none;filter:drop-shadow(0 2px 8px #7c5bf54d);-webkit-background-clip:text;background-clip:text;margin-bottom:.8rem;font-size:clamp(1.6rem,5vw,3.2rem);font-weight:800;line-height:1.3;animation:6s infinite gradient-shift}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:300%}}.subtitle{color:var(--text-secondary);letter-spacing:.1em;font-size:clamp(.85rem,2vw,1.1rem);font-weight:300}main{flex:1;padding-bottom:1rem}.section{margin-bottom:3.5rem;animation:.7s cubic-bezier(.16,1,.3,1) both section-in}.section:first-child{animation-delay:.15s}.section:nth-child(2){animation-delay:.35s}@keyframes section-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.section-title{color:var(--text-primary);letter-spacing:.03em;align-items:center;gap:.6rem;margin-bottom:1.5rem;padding-left:.75rem;font-size:clamp(1.05rem,2.5vw,1.4rem);font-weight:700;display:flex}.section-title:before{content:"";background:linear-gradient(180deg, var(--accent-primary), var(--accent-secondary));width:4px;height:1.3em;box-shadow:0 0 12px var(--glow-primary);border-radius:2px}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px)saturate(1.2);border-radius:var(--radius);border:1px solid var(--card-border);padding:1.75rem 1.5rem;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),background .4s,border-color .4s;animation:.6s cubic-bezier(.16,1,.3,1) both card-in;position:relative;overflow:hidden}.clock-grid .card:first-child,.weather-grid .card:first-child{animation-delay:.1s}.clock-grid .card:nth-child(2),.weather-grid .card:nth-child(2){animation-delay:.15s}.clock-grid .card:nth-child(3),.weather-grid .card:nth-child(3){animation-delay:.2s}.clock-grid .card:nth-child(4),.weather-grid .card:nth-child(4){animation-delay:.25s}.clock-grid .card:nth-child(5),.weather-grid .card:nth-child(5){animation-delay:.3s}.clock-grid .card:nth-child(6),.weather-grid .card:nth-child(6){animation-delay:.35s}.clock-grid .card:nth-child(7),.weather-grid .card:nth-child(7){animation-delay:.4s}@keyframes card-in{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.card:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--accent-primary) 30%, var(--accent-secondary) 70%, transparent 100%);opacity:.6;height:2px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.card:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#7c5bf50f 0%,#0000 50%);width:200%;height:200%;transition:opacity .4s;position:absolute;top:-50%;left:-50%}.card:hover{box-shadow:var(--shadow-hover);background:var(--card-hover);border-color:#7c5bf54d;transform:translateY(-8px)scale(1.03)}.card:hover:before{opacity:1}.card-city{color:var(--text-primary);letter-spacing:.03em;z-index:1;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.85rem;font-size:clamp(.95rem,2vw,1.15rem);font-weight:700;position:relative;overflow:hidden}.clock-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;display:grid}.clock-card{text-align:center}.clock-card .card-time{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-primary));-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums;letter-spacing:.02em;filter:drop-shadow(0 0 12px #38bdf84d);z-index:1;white-space:nowrap;text-overflow:ellipsis;-webkit-background-clip:text;background-clip:text;margin-bottom:.4rem;font-size:clamp(1.2rem,2.8vw,1.9rem);font-weight:800;animation:3s ease-in-out infinite pulse-glow;display:block;position:relative;overflow:hidden}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 12px #38bdf84d)}50%{filter:drop-shadow(0 0 20px #38bdf880)}}.clock-card .card-date{color:var(--text-secondary);z-index:1;margin-bottom:.7rem;font-size:clamp(.72rem,1.8vw,.88rem);position:relative}.clock-card .card-zone{color:var(--text-muted);z-index:1;letter-spacing:.02em;background:#7c5bf51a;border:1px solid #7c5bf526;border-radius:8px;padding:.3rem .6rem;font-size:.7rem;display:inline-block;position:relative}.weather-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;display:grid}.weather-card{text-align:center}.weather-icon-wrap{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin:.8rem 0;display:flex;position:relative}.weather-icon-lg{filter:drop-shadow(0 4px 12px #0000004d);font-size:clamp(2.4rem,5vw,3.2rem);line-height:1;animation:4s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.weather-temp-lg{background:linear-gradient(135deg, var(--accent-orange), var(--accent-secondary));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #fb923c4d);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800}.weather-condition{color:var(--text-secondary);z-index:1;margin-bottom:.7rem;font-size:clamp(.78rem,1.8vw,.92rem);position:relative}.weather-meta{color:var(--text-muted);z-index:1;justify-content:center;gap:.85rem;font-size:clamp(.68rem,1.5vw,.78rem);display:flex;position:relative}.weather-meta span{background:#ffffff08;border-radius:6px;align-items:center;gap:.25rem;padding:.2rem .5rem;display:flex}.loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;padding:4rem 2rem;display:flex}.loading-spinner{border:3px solid #ffffff14;border-top-color:var(--accent-primary);border-right-color:var(--accent-secondary);width:44px;height:44px;box-shadow:0 0 24px var(--glow-primary);border-radius:50%;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading p{letter-spacing:.08em;color:var(--text-muted);font-size:.95rem}.error-msg{text-align:center;color:var(--accent-secondary);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f9706614;border:1px solid #f9706633;padding:2.5rem;font-size:.95rem}.footer{text-align:center;color:var(--text-muted);letter-spacing:.03em;border-top:1px solid #7c5bf526;margin-top:auto;padding:2.5rem 0 1.5rem;font-size:clamp(.72rem,1.8vw,.82rem)}.footer a{color:var(--accent-primary);text-decoration:none;transition:color .3s,text-shadow .3s}.footer a:hover{color:var(--accent-cyan);text-shadow:0 0 12px #38bdf866}@media (width>=768px){.container{padding:2.5rem 3.5rem}.hero{padding:3.5rem 0 4rem}.clock-grid,.weather-grid{grid-template-columns:repeat(4,1fr);gap:1.75rem}.card{padding:2rem 1.5rem}}@media (width>=1024px){.clock-grid,.weather-grid{grid-template-columns:repeat(3,1fr);gap:2rem}.card{padding:2rem 1.75rem}.clock-card .card-time{font-size:1.9rem}.weather-icon-lg{font-size:2.8rem}.weather-temp-lg{font-size:2rem}}@media (width>=1280px){.clock-grid,.weather-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=600px){.container{padding:1rem}.hero{padding:1.5rem 0 2rem}.hero h1{padding:0 .5rem;font-size:1.4rem}.clock-grid,.weather-grid{grid-template-columns:repeat(2,1fr);gap:.85rem}.section{margin-bottom:2rem}.card{border-radius:18px;padding:1.2rem 1rem}.clock-card .card-time{font-size:1.3rem}.weather-icon-lg{font-size:2rem}.weather-temp-lg{font-size:1.4rem}body:before,body:after{opacity:.12;filter:blur(80px)}}@media (width<=380px){.clock-grid,.weather-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}.card{padding:1rem .8rem}}