:root{--xhs-bg: #f6f7f8;--xhs-panel: #ffffff;--xhs-border: #eceef1;--xhs-text: #111318;--xhs-muted: #7e858f;--xhs-brand: #558b6e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,#fff,#f3f5f8 48%,#eef2f7);color:var(--xhs-text);font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.loading-bar{position:fixed;top:0;left:0;right:0;height:3px;background:#558b6e26;overflow:hidden;z-index:50}.loading-bar:before{content:"";position:absolute;left:-40%;width:40%;height:100%;background:linear-gradient(90deg,#558b6e00,#558b6ed9,#558b6e00);animation:loading-slide 1.1s ease-in-out infinite}@keyframes loading-slide{0%{transform:translate(0)}to{transform:translate(250%)}}.xhs-shell{min-height:calc(100vh - 12rem);display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px;max-width:1360px;margin:0 auto;padding:18px}.xhs-sidebar{position:sticky;top:18px;align-self:start;background:var(--xhs-panel);border:1px solid var(--xhs-border);border-radius:18px;padding:18px 14px;box-shadow:0 10px 24px #0f182c0a}.xhs-logo{width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;gap:10px;text-decoration:none;background:transparent;color:#1f2937;font-weight:700;font-size:22px;line-height:1;padding:4px 2px;margin-bottom:18px}.xhs-logo-icon{width:30px;height:30px;-o-object-fit:contain;object-fit:contain}.xhs-sidebar-nav{display:grid;gap:8px}.xhs-side-item{border:none;width:100%;text-decoration:none;display:flex;align-items:center;gap:10px;color:#252a31;background:transparent;font-size:15px;border-radius:12px;padding:10px 12px;cursor:pointer}.xhs-side-item:hover{background:#f2f4f7}.xhs-side-item.is-active{background:#f1f3f7;font-weight:700}.xhs-sidebar-more{margin-top:18px;padding-top:14px;border-top:1px solid var(--xhs-border);color:var(--xhs-muted);font-size:14px}.xhs-main{min-width:0}.xhs-content{padding-bottom:76px}.xhs-topbar{position:sticky;top:12px;z-index:5;margin-bottom:12px;border:1px solid var(--xhs-border);border-radius:16px;padding:12px 14px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;gap:14px}.xhs-search{display:flex;align-items:center;gap:8px;width:min(560px,100%);background:#f3f5f7;border:1px solid #edf0f4;border-radius:999px;padding:10px 14px;color:#707a86}.xhs-search input{border:0;background:transparent;width:100%;font-size:14px;outline:none}.xhs-top-actions{display:flex;align-items:center;gap:10px}.xhs-top-link{border:0;background:transparent;color:#424952;font-size:14px;cursor:pointer}.xhs-top-link:hover{color:#181b20}.xhs-tabs{display:flex;overflow-x:auto;gap:14px;padding:6px 2px 14px;margin-bottom:2px}.xhs-tab{border:none;background:transparent;color:#4f5660;font-size:15px;white-space:nowrap;cursor:pointer;padding:2px 0}.xhs-tab.is-active{color:#111318;font-weight:700}.xhs-feed{-moz-columns:4 260px;columns:4 260px;-moz-column-gap:14px;column-gap:14px;animation:xhs-fade-in .3s ease}.xhs-card{display:inline-block;width:100%;margin:0 0 14px;-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid var(--xhs-border);border-radius:16px;background:var(--xhs-panel);color:inherit;text-decoration:none;overflow:hidden;box-shadow:0 14px 24px #10203c0a;transform:translateY(0);transition:transform .2s ease,box-shadow .2s ease}.xhs-card:hover{transform:translateY(-2px);box-shadow:0 18px 30px #10203c17}.xhs-card-media-wrap{position:relative}.xhs-card-media{width:100%;display:block;-o-object-fit:cover;object-fit:cover}.xhs-video-pill{position:absolute;right:10px;top:10px;display:inline-flex;align-items:center;gap:4px;background:#10141ec7;color:#fff;font-size:11px;border-radius:999px;padding:4px 8px}.xhs-card-text-hero{height:140px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3ffe8,#d2f2d4);color:#2f5a34;font-weight:700;letter-spacing:.02em}.xhs-card-content{padding:10px 12px 12px}.xhs-card-content h3{margin:0 0 6px;font-size:15px;line-height:1.4}.xhs-card-content p{margin:0;color:var(--xhs-muted);font-size:12px}.xhs-card-meta{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#545d69;font-size:12px}.xhs-author,.xhs-likes{display:inline-flex;align-items:center;gap:4px}.xhs-loading{background:#fff;border:1px solid var(--xhs-border);border-radius:16px;text-align:center;color:#616a75;padding:40px 12px}.xhs-mobile-nav{display:none}@keyframes xhs-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.xhs-shell{grid-template-columns:1fr;padding:12px}.xhs-sidebar{display:none}.xhs-topbar{top:10px}.xhs-feed{-moz-columns:2 220px;columns:2 220px}.xhs-mobile-nav{position:fixed;left:10px;right:10px;bottom:10px;z-index:30;border:1px solid var(--xhs-border);border-radius:14px;background:#fffffff2;display:grid;grid-template-columns:repeat(3,1fr);padding:8px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.xhs-mobile-item{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:4px;color:#555d68;font-size:12px;text-decoration:none}.xhs-mobile-item.is-active{color:var(--xhs-brand)}}@media(max-width:640px){.xhs-feed{-moz-columns:1;columns:1}.xhs-topbar{flex-direction:column;align-items:stretch}.xhs-top-actions{justify-content:flex-end}}