*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0c1827;--nav:#0d1c2e;--card:#0e1b2c;--border:#17293d;--text:#9ab8d2;--muted:#496680;--tag:#3888b8;--accent:#00b4f0;--you:#d94835 }html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:13px}body{overflow-x:hidden}.nav{position:fixed;top:0;left:0;right:0;height:42px;background:var(--nav);border-bottom:1px solid var(--border);display:flex;align-items:center;z-index:500}.nav-logo{font-size:19px;font-weight:900;font-style:italic;color:#fff;width:130px;padding:0 16px;flex-shrink:0}.nav-tabs{display:flex;height:42px}.nav-tab{font-size:13px;color:var(--muted);cursor:pointer;padding:0 14px;display:flex;align-items:center;border-bottom:2px solid transparent}.nav-tab.on{color:#fff;border-bottom-color:#fff}.nav-r{margin-left:auto;display:flex;align-items:center;gap:6px;padding:0 12px}.ni{width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.page{display:flex;padding-top:42px;min-height:100vh}.sidebar{width:130px;flex-shrink:0;position:sticky;top:42px;height:calc(100vh - 42px);background:var(--nav);border-right:1px solid var(--border);display:flex;flex-direction:column}.sb-logo{font-size:20px;font-weight:900;font-style:italic;color:#fff;padding:14px 14px 8px}.sb-link{display:flex;align-items:center;gap:8px;padding:7px 14px;cursor:pointer;font-size:12.5px;color:var(--text)}.sb-link:hover{background:#ffffff0a}.sb-link svg{color:var(--muted);width:13px;height:13px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sb-bottom{margin-top:auto;padding:10px}.sb-su{background:var(--accent);color:#001829;border:none;font-size:12.5px;font-weight:800;cursor:pointer;padding:8px;width:100%;border-radius:22px;margin-bottom:3px}.sb-li{background:transparent;color:var(--text);border:none;font-size:12.5px;cursor:pointer;padding:6px;width:100%;text-align:center}.feed{flex:1;min-width:0;padding:10px 8px 130px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:start}.right{width:200px;flex-shrink:0;position:sticky;top:42px;height:calc(100vh - 42px);overflow-y:auto;background:var(--nav);border-left:1px solid var(--border);padding:10px;display:flex;flex-direction:column;gap:8px}.right::-webkit-scrollbar{width:0}.r-search{display:flex;align-items:center;background:#ffffff0d;border:1px solid var(--border);border-radius:16px;padding:4px 9px;gap:4px}.r-search input{background:none;border:none;outline:none;color:var(--text);font-size:11px;width:100%}.r-tag{font-size:18px;font-weight:900;color:#fff;margin-top:2px}.r-btns{display:flex;gap:5px}.r-follow{flex:1;background:#2060d0;color:#fff;border:none;border-radius:16px;padding:6px;font-size:11px;font-weight:700;cursor:pointer}.r-np{flex:1;background:var(--accent);color:#001829;border:none;border-radius:16px;padding:6px;font-size:11px;font-weight:700;cursor:pointer}.r-blog{display:flex;align-items:center;gap:6px}.r-bav{width:28px;height:28px;border-radius:5px;overflow:hidden;flex-shrink:0;background:var(--border)}.r-bav img{width:100%;height:100%;object-fit:cover}.r-bname{font-size:11px;font-weight:700;color:#cde;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.r-bsub{font-size:10px;color:var(--muted)}.r-fbtn{background:#2060d0;color:#fff;border:none;border-radius:12px;padding:2px 8px;font-size:10px;cursor:pointer}.r-more{font-size:11px;color:var(--accent);cursor:pointer;text-align:center}.r-sp{font-size:11px;font-weight:700;color:#fff}.rprem{background:linear-gradient(150deg,#140930,#240f52);border-radius:8px;padding:11px;border:1px solid #2a1455}.rph{font-size:13px;font-weight:900;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:6px}.rph svg{fill:#7952b3;width:13px;height:13px}.rpi{font-size:10.5px;color:#b8a0e0;margin-bottom:5px;display:flex;gap:6px;line-height:1.4;align-items:flex-start}.rpi svg{flex-shrink:0;margin-top:2px;fill:none;stroke:#9070d0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;width:11px;height:11px}.rps{font-size:10.5px;color:#9880c8;margin:5px 0 3px}.rpbtn{background:#7952b3;color:#fff;border:none;border-radius:18px;padding:7px 14px;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px;margin-top:4px}.rpbtn svg{fill:#d0a0ff;width:10px;height:10px}.r-footer{font-size:10px;color:var(--muted);display:flex;flex-wrap:wrap;gap:2px 6px}.r-footer a{color:var(--muted);text-decoration:none}.card{background:var(--card);border:1px solid var(--border);border-radius:7px;overflow:hidden}.ch{display:flex;align-items:center;gap:6px;padding:7px 8px 3px}.cav{width:26px;height:26px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--border)}.cav img{width:100%;height:100%;object-fit:cover}.cname{font-size:11.5px;font-weight:700;color:#cde;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdate{font-size:10.5px;color:var(--muted);white-space:nowrap}.cdot{color:var(--muted);cursor:pointer;font-size:15px;flex-shrink:0}.gw{width:100%;overflow:hidden;background:#060e18;display:block;line-height:0}.gw img{width:100%;display:block;object-fit:cover}.gw.h240 img{height:240px}.gw.h260 img{height:260px}.gw.h200 img{height:200px}.cgrid2{display:grid;grid-template-columns:1fr 1fr;gap:1px}.cgrid2 .gw img{height:145px}.ccap{padding:5px 8px 2px;font-size:12px;color:var(--text);line-height:1.5}.you{color:var(--you);font-style:italic;font-weight:700}.ctags{padding:2px 8px 6px;font-size:10.5px;line-height:2}.ctags a{color:var(--tag);text-decoration:none;margin-right:3px}.csee{color:var(--muted);cursor:pointer}.cmature{padding:30px 14px;text-align:center;background:#060d18}.cmature p{font-size:11px;color:var(--muted);margin:5px 0 10px;line-height:1.5}.cmature-btn{border:1px solid var(--muted);border-radius:18px;padding:4px 14px;font-size:11px;color:var(--text);cursor:pointer;background:transparent}.cfoot{border-top:1px solid var(--border);display:flex;align-items:center;padding:4px 8px;gap:7px}.cbtn{display:flex;align-items:center;gap:2px;font-size:11px;color:var(--muted);cursor:pointer;background:none;border:none;padding:2px 0}.cbtn svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.csp{flex:1}.banner{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(90deg,#280e5e,#4818a8,#6828c0);z-index:300}.banner-in{display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 20px;flex-wrap:wrap}.banner p{font-size:12.5px;color:#e0d0ff}.banner strong{color:#fff}.bsu{background:#0a0a18;color:#fff;border:none;border-radius:22px;padding:7px 26px;font-size:13px;font-weight:700;cursor:pointer}.bli{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:22px;padding:7px 26px;font-size:13px;font-weight:700;cursor:pointer}.mov{position:fixed;top:0;right:0;bottom:0;left:0;background:#020712d9;z-index:600;display:none;align-items:center;justify-content:center}.mov.show{display:flex}.mbox{width:420px;max-width:94vw;border-radius:13px;overflow:hidden;box-shadow:0 20px 70px #000000e6;animation:pop .22s cubic-bezier(.34,1.4,.64,1)}@keyframes pop{0%{transform:scale(.84) translateY(16px);opacity:0}to{transform:scale(1);opacity:1}}.mtop{background:#eebcbc;padding:18px 18px 0;display:flex;justify-content:center;position:relative}.mclose{position:absolute;top:8px;right:9px;background:#00000042;border:none;color:#fff;font-size:15px;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.mcard{width:200px;background:#fff;border-radius:8px 8px 0 0;overflow:hidden}.mcard img{width:100%;height:132px;object-fit:cover;display:block}.mcf{display:flex;justify-content:space-around;padding:5px 8px;border-top:1px solid #eee;font-size:15px}.mbody{background:#7952b3;padding:18px 24px 24px;text-align:center}.mlogo{font-size:24px;font-weight:900;font-style:italic;color:#fff;margin-bottom:7px}.mdesc{font-size:13px;color:#dcc8ff;line-height:1.6}.mdesc strong{color:#fff}.msub{font-size:12px;color:#c0aaee;margin:11px 0 8px}.mbtn{width:100%;background:#fff;color:#111;border:none;border-radius:21px;padding:10px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:6px}.mbtn:hover{background:#f0f0f0}.mobtn{background:transparent;border:1px solid rgba(255,255,255,.32);color:#fff;border-radius:21px;width:100%;padding:9px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:6px}.mlink{color:#c9a0ff;font-size:12px;margin-top:5px;cursor:pointer;text-decoration:underline}@media (max-width:1100px){.right{display:none}}@media (max-width:820px){.sidebar{display:none}.feed{grid-template-columns:repeat(2,1fr);padding:8px 5px 110px}}