:root{
  --bg:#030a14;--panel:rgba(5,20,39,.78);--panel2:rgba(8,27,51,.82);
  --line:rgba(47,145,255,.22);--line2:rgba(105,182,255,.12);
  --text:#f3f8ff;--muted:#86a2c2;--accent:#1687ff;--accent2:#7b5cff;
  --shadow:0 18px 50px rgba(0,0,0,.35);--radius:15px
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text)}
body{overflow-x:hidden;background:
 radial-gradient(circle at 75% 8%,rgba(36,92,255,.18),transparent 25%),
 radial-gradient(circle at 60% 45%,rgba(0,161,255,.08),transparent 32%),
 linear-gradient(135deg,#020812,#06182c 55%,#020710)}
button,input,select{font:inherit}button{color:inherit}
.app{display:flex;min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:228px;padding:18px 16px 14px;background:rgba(2,11,24,.88);border-right:1px solid rgba(70,151,255,.16);backdrop-filter:blur(18px);z-index:20;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:10px;padding:2px 7px 23px}.brand b{display:block;font-size:17px}.brand small{display:block;color:#86a2c2;font-size:10px;margin-top:3px}.brand-mark{width:38px;height:38px;border-radius:50%;position:relative;background:linear-gradient(135deg,#5c7cff,#9e4cff);box-shadow:0 0 24px rgba(78,113,255,.45)}.brand-mark:before{content:"";position:absolute;width:30px;height:11px;border:2px solid #8be8ff;border-radius:50%;left:4px;top:12px;transform:rotate(-22deg)}.brand-mark span{position:absolute;width:11px;height:11px;border-radius:50%;background:#b9f2ff;left:14px;top:13px}
#sideNav{display:grid;gap:3px}.nav-item{border:0;background:transparent;border-radius:9px;text-align:left;padding:10px 10px;font-size:14px;color:#a8bfdc;cursor:pointer;display:flex;align-items:center;gap:13px}.nav-item span{flex:1}.nav-item i{font-style:normal;font-size:11px}.nav-item:hover{background:rgba(35,119,255,.1);color:white}.nav-item.active{background:linear-gradient(90deg,#0768e8,#2548db);color:#fff;box-shadow:0 7px 25px rgba(12,100,245,.3)}
.quick{margin-top:25px;border:1px solid rgba(58,143,255,.17);border-radius:12px;padding:11px 9px;background:rgba(6,24,46,.65)}.quick strong{display:block;font-size:13px;margin:1px 5px 8px}.quick button,.switch-row{width:100%;display:flex;align-items:center;border:0;background:transparent;padding:8px 5px;color:#aac0db;text-align:left;cursor:pointer;font-size:13px}.quick button:hover{color:white}.quick em{margin-left:auto;font-style:normal;font-size:9px;background:#9c55ff;padding:2px 5px;border-radius:4px;color:white}.switch-row{position:relative}.switch-row input{display:none}.switch{margin-left:auto;width:31px;height:17px;border-radius:12px;background:#247dff;position:relative}.switch:after{content:"";width:13px;height:13px;border-radius:50%;background:#fff;position:absolute;right:2px;top:2px}.sidebar-quote{margin:auto 5px 15px;color:#b8d0ee;font-size:11px;line-height:1.8;font-style:italic}.sidebar-quote small{display:block;text-align:right;color:#6683a5;margin-top:4px}.side-bottom{font-size:10px;color:#607b9e;padding:6px}
.main{margin-left:228px;width:calc(100% - 228px);min-width:0}.hero{position:relative;min-height:280px;padding:48px 3.3% 28px;overflow:hidden;border-bottom:1px solid rgba(53,130,230,.12)}.hero:before{content:"";position:absolute;inset:0;background:
 radial-gradient(circle at 72% 0%,rgba(104,79,255,.32),transparent 27%),
 radial-gradient(circle at 90% 48%,rgba(0,195,255,.22),transparent 23%),
 linear-gradient(180deg,rgba(1,13,29,.18),rgba(2,12,24,.88));z-index:1}.hero:after{content:"";position:absolute;inset:0;opacity:.34;background-image:linear-gradient(rgba(73,157,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(73,157,255,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 88%);z-index:1}.hero-bg{position:absolute;right:3%;top:-120px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d9fbff 0,#59baff 7%,#2b4de2 32%,#120c55 60%,transparent 71%);box-shadow:0 0 80px rgba(60,100,255,.35);opacity:.68;z-index:0}.hero-top,.search-wrap,.chips{position:relative;z-index:2}.hero-top{display:flex;justify-content:space-between;align-items:flex-start;max-width:1100px;margin:0 auto 24px}.greeting{font-size:29px;font-weight:700}.greeting b{color:#36c7ff}.subtitle{font-size:14px;color:#91b0d1;margin-top:5px}.clock-box{text-align:right}.clock-box strong{font-size:31px;display:block}.clock-box span{display:block;font-size:11px;color:#a0b7d2;margin-top:3px}.search-wrap{height:49px;max-width:640px;margin:0 auto;border:1px solid rgba(59,160,255,.65);border-radius:28px;background:rgba(2,17,39,.72);box-shadow:0 0 35px rgba(14,115,255,.18),inset 0 0 18px rgba(50,120,255,.07);display:flex;align-items:center;padding:0 8px 0 18px}.search-wrap>span{font-size:25px;color:#bce6ff}.search-wrap input{flex:1;border:0;outline:0;background:transparent;color:white;padding:0 12px;font-size:13px}.search-wrap input::placeholder{color:#7893b3}.search-wrap button{border:0;width:34px;height:34px;border-radius:50%;background:#147cf3;cursor:pointer;font-size:19px}.chips{display:flex;gap:10px;justify-content:center;margin-top:14px;flex-wrap:wrap}.chip{border:1px solid rgba(89,165,255,.35);background:rgba(8,28,54,.75);padding:7px 15px;border-radius:20px;color:#d5e7ff;font-size:11px;cursor:pointer}.chip:hover{border-color:#4ca8ff;box-shadow:0 0 15px rgba(44,144,255,.25)}

.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:18px;padding:0 3.3% 30px;max-width:1380px;margin:0 auto}.links-column{min-width:0}.category{margin-top:17px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,rgba(6,26,50,.76),rgba(3,16,32,.78));padding:13px 12px 12px;box-shadow:var(--shadow)}.cat-head{display:flex;align-items:center;padding:0 4px 10px;gap:10px}.cat-icon{width:37px;height:37px;border-radius:12px;background:linear-gradient(135deg,#075ea8,#6d55ff);display:grid;place-items:center;font-size:19px;box-shadow:0 0 22px rgba(32,126,255,.22)}.cat-title{font-size:16px;font-weight:700}.cat-sub{font-size:10px;color:#7797bb;margin-top:3px}.cat-head .spacer{flex:1}.view-all{font-size:10px;color:#79baff;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.site-card{min-height:75px;border:1px solid rgba(60,143,235,.26);border-radius:11px;background:linear-gradient(135deg,rgba(9,35,66,.9),rgba(4,21,42,.8));display:flex;align-items:center;padding:10px;gap:10px;cursor:pointer;transition:.2s;position:relative;overflow:hidden}.site-card:hover{transform:translateY(-2px);border-color:rgba(71,177,255,.7);box-shadow:0 10px 25px rgba(0,74,160,.22)}.site-logo{width:40px;height:40px;border-radius:11px;object-fit:cover;background:#08182b;flex:none}.site-info{min-width:0;flex:1}.site-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-desc{font-size:9px;color:#7593b6;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-hot{font-size:9px;color:#ff965d;margin-top:4px}.site-arrow{font-size:14px;color:#91bce4}.fav{position:absolute;right:7px;top:5px;font-size:12px;color:#58799d;opacity:0}.site-card:hover .fav,.fav.on{opacity:1;color:#ffd85c}
.rightbar{min-width:0}.widget{border:1px solid rgba(55,140,235,.27);border-radius:14px;background:linear-gradient(180deg,rgba(6,26,50,.86),rgba(3,15,30,.84));padding:13px;margin-top:17px;box-shadow:var(--shadow)}.widget:first-child{margin-top:17px}.widget-title{font-size:12px;font-weight:700;margin-bottom:10px}.widget-title span{float:right;color:#51a8ff}.weather-main{display:flex;align-items:center;gap:11px}.weather-main>span{font-size:32px}.weather-main b{display:block;font-size:23px}.weather-main div span{display:block;font-size:10px;color:#89a6c7;margin-top:3px}.weather-meta{display:flex;justify-content:space-between;color:#8ba8c9;font-size:9px;margin-top:13px}.quote-card{height:82px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,rgba(17,50,89,.8),rgba(12,24,60,.7))}.quote-card div{font-size:12px;font-style:italic;line-height:1.55}.quote-card small{display:block;text-align:right;color:#7e9abb;font-size:9px}.mini-site,.recent-item{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid rgba(76,130,190,.1);cursor:pointer}.mini-site:last-child,.recent-item:last-child{border:0}.mini-site img,.recent-item img{width:25px;height:25px;border-radius:7px;object-fit:cover;background:#07182c}.mini-site span,.recent-item span{font-size:11px;flex:1}.mini-site i,.recent-item i{font-style:normal;color:#6f8cac;font-size:9px}.more{border:0;background:none;color:#70b8ff;font-size:10px;display:block;margin:8px 0 0 auto;cursor:pointer}.calendar-date{font-size:24px;font-weight:700}.calendar-week{font-size:11px;color:#9cb8d5;margin:3px 0}.lunar{font-size:10px;color:#73b8ff;margin-top:8px}.holiday{margin-top:10px;padding:7px 8px;border-radius:8px;background:rgba(53,107,189,.13);font-size:9px;color:#b5d2f2}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.stat-grid div+div{border-left:1px solid rgba(70,130,190,.15)}.stat-grid b{display:block;font-size:17px}.stat-grid span{display:block;font-size:8px;color:#7695b7;margin-top:3px}.theme-card b{display:block;font-size:13px}.theme-card small{display:block;color:#7898ba;font-size:9px;margin:4px 0 9px}.theme-button{border:1px solid rgba(74,153,255,.4);background:rgba(21,70,130,.25);border-radius:8px;padding:6px 8px;color:#8bc4ff;font-size:9px;cursor:pointer}

.modal{position:fixed;inset:0;background:rgba(0,5,14,.72);backdrop-filter:blur(9px);display:none;place-items:center;z-index:100}.modal.show{display:grid}.modal-panel{position:relative;width:min(460px,92vw);border:1px solid rgba(75,160,255,.4);border-radius:18px;background:linear-gradient(180deg,#071b33,#041120);padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.55)}.modal-panel.wide{width:min(650px,92vw)}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:25px;color:#7996b7;cursor:pointer}.modal h2{margin:0 0 18px;font-size:19px}.modal label{display:block;color:#91aac7;font-size:11px;margin:11px 0}.modal input,.modal select{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid rgba(75,145,220,.25);border-radius:9px;background:#06172b;color:white;outline:0}.modal input:focus,.modal select:focus{border-color:#318fff}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.ghost,.primary{border:0;border-radius:9px;padding:9px 16px;cursor:pointer}.ghost{background:rgba(255,255,255,.06);color:#9eb5ce}.primary{background:#147cf3;color:#fff}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 15px}.hint{color:#6e8dab;font-size:10px;line-height:1.7}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#0c2746;border:1px solid #287dca;padding:9px 14px;border-radius:9px;color:#d9edff;font-size:11px;z-index:200;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
body.light{--bg:#eef5fc;--panel:rgba(255,255,255,.82);--panel2:#fff;--line:rgba(43,120,210,.18);--text:#10213a;--muted:#5e7795;background:#edf5fc}.light .sidebar{background:rgba(245,250,255,.92);border-color:rgba(43,120,210,.15)}.light .nav-item{color:#52708f}.light .nav-item.active{color:white}.light .category,.light .widget{background:rgba(255,255,255,.82)}.light .site-card{background:#f8fbff}.light .search-wrap{background:rgba(255,255,255,.82)}.light .search-wrap input{color:#16314f}.light .hero:before{opacity:.45}
@media(max-width:1100px){.content-grid{grid-template-columns:1fr}.rightbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}.rightbar .widget{margin-top:10px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.sidebar{width:68px;padding:14px 9px}.brand{padding:4px 3px 20px}.brand>div:last-child,.nav-item span,.nav-item i,.quick strong,.quick button,.switch-row,.sidebar-quote,.side-bottom{display:none}.brand-mark{width:38px}.nav-item{justify-content:center;padding:11px 0;font-size:20px}.quick{padding:5px;margin-top:20px}.main{margin-left:68px;width:calc(100% - 68px)}.hero{padding:32px 18px 23px}.greeting{font-size:22px}.clock-box strong{font-size:24px}.clock-box span{font-size:9px}.content-grid{padding:0 18px 25px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.rightbar{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}}
@media(max-width:480px){.clock-box{display:none}.hero-top{margin-bottom:20px}.cards{gap:7px}.site-card{padding:8px;min-height:68px}.site-logo{width:34px;height:34px}.site-desc{display:none}.category{padding:10px}.cat-icon{width:33px;height:33px}.cat-title{font-size:14px}}