/* 本地 home-pc.css 与 shared-pc-shell.css，选择器限定在首页容器。 */
.ls-circle-home {--brand: #5b6ff2; --brand-dark: #445ae2; --ink: #171a25; --muted: #8f97aa; --line: #eceff5; --soft: #f6f8fc; --panel: #fff; --header-h: 58px; --safe-bottom: env(safe-area-inset-bottom,0px);}
.ls-circle-home * {box-sizing: border-box;}
.ls-circle-home {min-height: 100%;}
.ls-circle-home {margin: 0px; color: var(--ink); background: rgb(251, 252, 255); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; -webkit-font-smoothing: antialiased;}
.ls-circle-home button, .ls-circle-home input {font: inherit;}
.ls-circle-home button {cursor: pointer;}
.ls-circle-home a {text-decoration: none; color: inherit;}
.ls-circle-home .topbar {position: sticky; top: 0px; z-index: 60; height: var(--header-h); border-bottom: 1px solid var(--line); background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(14px);}
.ls-circle-home .topbar-inner {width: min(1120px, 100% - 32px); height: 100%; margin: 0px auto; display: grid; grid-template-columns: 210px minmax(320px, 460px) 1fr; align-items: center; gap: 18px;}
.ls-circle-home .logo {display: flex; align-items: center; gap: 12px; font-size: 18px; font-weight: 900; letter-spacing: -0.02em;}
.ls-circle-home .logo-mark {width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; color: rgb(255, 255, 255); background: linear-gradient(145deg, rgb(111, 132, 255), rgb(80, 102, 234)); box-shadow: rgba(80, 102, 234, 0.22) 0px 8px 20px;}
.ls-circle-home .logo-mark svg {width: 20px; height: 20px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.ls-circle-home .search-shell {display: flex; align-items: center; height: 36px; padding: 0px 14px; border: 1px solid rgb(238, 241, 246); border-radius: 18px; background: rgb(247, 248, 252);}
.ls-circle-home .search-shell svg {width: 16px; height: 16px; color: rgb(152, 160, 177); flex: 0 0 auto;}
.ls-circle-home .search-shell input {min-width: 0px; flex: 1 1 0%; border: 0px; outline: 0px; background: transparent; padding-left: 8px; color: rgb(44, 50, 66); font-size: 14px;}
.ls-circle-home .top-actions {display: flex; align-items: center; justify-content: flex-end; gap: 12px;}
.ls-circle-home .publish-btn {height: 34px; padding: 0px 18px; border: 0px; border-radius: 17px; background: var(--brand); color: rgb(255, 255, 255); font-weight: 780; box-shadow: rgba(91, 111, 242, 0.18) 0px 8px 18px;}
.ls-circle-home .icon-btn {width: 30px; height: 30px; border: 0px; border-radius: 50%; display: grid; place-items: center; color: rgb(54, 60, 77); background: transparent;}
.ls-circle-home .icon-btn:hover {background: rgb(244, 246, 251);}
.ls-circle-home .icon-btn svg {width: 18px; height: 18px; fill: none; stroke: currentcolor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;}
.ls-circle-home .avatar {width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(145deg, rgb(220, 228, 255), rgb(153, 176, 255));}
.ls-circle-home .workspace {position: relative; width: min(1040px, 100% - 32px); margin: 0px auto; display: grid; grid-template-columns: minmax(0px, 700px) 300px; justify-content: center; gap: 24px; align-items: start; padding-top: 18px; padding-bottom: 100px;}
.ls-circle-home .rightbar {min-width: 0px;}
.ls-circle-home .drawer {position: fixed; left: 0px; top: var(--header-h); z-index: 55; width: 300px; height: calc(100vh - var(--header-h)); transform: translateX(-100%); transition: transform 0.26s cubic-bezier(0.2, 0.82, 0.2, 1); pointer-events: none;}
.ls-circle-home .drawer.open {transform: translateX(0px);}
.ls-circle-home .drawer-panel {width: 300px; height: 100%; overflow: auto; pointer-events: auto; background: rgba(255, 255, 255, 0.984); border-right: 1px solid rgb(230, 234, 241); box-shadow: rgba(25, 35, 64, 0.1) 14px 0px 34px; padding: 18px 22px 28px;}
.ls-circle-home .drawer-toggle {position: absolute; right: -38px; top: 64px; z-index: 2; width: 30px; height: 30px; border: 1px solid rgb(207, 213, 226); border-radius: 50%; background: rgba(255, 255, 255, 0.98); color: rgb(109, 117, 136); display: grid; place-items: center; box-shadow: rgba(31, 41, 77, 0.08) 0px 6px 14px; pointer-events: auto; transition: transform 0.2s, color 0.2s, background 0.2s;}
.ls-circle-home .drawer-toggle:hover {transform: translateX(1px); color: rgb(69, 93, 225); background: rgb(255, 255, 255);}
.ls-circle-home .drawer-toggle svg {width: 16px; height: 16px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round;}
.ls-circle-home .drawer-scrim {position: fixed; inset: var(--header-h) 0 0; z-index: 50; background: rgba(23, 30, 52, 0.08); opacity: 0; visibility: hidden; transition: opacity 0.2s, visibility 0.2s;}
.ls-circle-home .drawer-scrim.open {opacity: 1; visibility: visible;}
.ls-circle-home .drawer-link {display: flex; align-items: center; gap: 12px; height: 52px; padding: 0px 18px; border-radius: 16px; font-size: 15px; font-weight: 780; color: rgb(37, 43, 59); background: transparent;}
.ls-circle-home .drawer-icon {width: 24px; height: 24px; display: grid; place-items: center; color: rgb(32, 38, 54);}
.ls-circle-home .drawer-icon svg {width: 22px; height: 22px; fill: none; stroke: currentcolor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;}
.ls-circle-home .drawer-section:last-child {border-bottom: 0px;}
.ls-circle-home .post {padding: 18px 0px 12px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 42px minmax(0px, 1fr); gap: 12px; align-items: start;}
.ls-circle-home .post-avatar {position: relative; width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(145deg, rgb(223, 230, 255), rgb(141, 165, 255)); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgba(74, 96, 201, 0.08) 0px 8px 16px; overflow: hidden;}
.ls-circle-home .post-avatar::before {content: ""; position: absolute; inset: 0px; background: radial-gradient(circle at 32% 30%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0) 42%);}
.ls-circle-home .post-avatar::after {content: ""; position: absolute; left: 1px; top: 1px; width: 8px; height: 8px; border-radius: 50%; background: rgb(34, 199, 105); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px;}
.ls-circle-home .post-main {min-width: 0px;}
.ls-circle-home .post-copy {max-width: 500px;}
.ls-circle-home .post-head {min-width: 0px; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px;}
.ls-circle-home .post-user-wrap {min-width: 0px;}
.ls-circle-home .post-user {min-width: 0px; display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; font-size: 15px; font-weight: 800; line-height: 1.2;}
.ls-circle-home .post-user small {color: rgb(152, 160, 178); font-size: 12px; font-weight: 500; white-space: nowrap;}
.ls-circle-home .user-gender {color: rgb(93, 125, 255); font-size: 13px; font-weight: 900;}
.ls-circle-home .user-level {display: inline-flex; align-items: center; height: 22px; padding: 0px 8px; border-radius: 8px; background: rgb(93, 134, 255); color: rgb(255, 255, 255); font-size: 12px; font-weight: 800; line-height: 1;}
.ls-circle-home .user-meta {margin-top: 6px; color: rgb(152, 160, 178); font-size: 12px; line-height: 1.2; white-space: nowrap;}
.ls-circle-home .follow-btn {flex: 0 0 auto; height: 30px; padding: 0px 12px; border: 0px; border-radius: 15px; background: rgb(238, 242, 255); color: rgb(80, 103, 234); font-size: 12px; font-weight: 760;}
.ls-circle-home .post-title {max-width: 500px; margin: 18px 0px 14px; font-size: 19px; line-height: 1.56; font-weight: 840; letter-spacing: 0.01em; overflow-wrap: anywhere;}
.ls-circle-home .post-text {max-width: 500px; margin: 0px 0px 6px; color: rgb(78, 86, 104); font-size: 14px; line-height: 1.96; overflow-wrap: anywhere;}
.ls-circle-home .post-media {margin-top: 14px; border-radius: 18px; overflow: hidden; width: min(100%, 430px); height: 268px; background: linear-gradient(140deg, rgb(232, 237, 255), rgb(248, 249, 253)); border: 1px solid rgb(238, 241, 246);}
.ls-circle-home .post-media.tall {height: 390px; width: min(100%, 220px);}
.ls-circle-home .post-media.ai {display: grid; place-items: center; font-size: 56px; color: rgb(108, 126, 243);}
.ls-circle-home .post-actions {display: inline-flex; align-items: center; gap: 10px; margin-top: 14px; padding: 10px 12px; border: 1px solid rgb(237, 241, 247); border-radius: 16px; background: linear-gradient(rgb(255, 255, 255), rgb(250, 251, 255)); box-shadow: rgba(31, 44, 86, 0.04) 0px 6px 18px; width: fit-content; max-width: 100%;}
.ls-circle-home .post-action-item {min-width: 76px; padding: 7px 10px; border-radius: 12px; display: grid; grid-template-columns: 16px auto; grid-template-rows: auto auto; gap: 1px 7px; align-items: center; color: rgb(93, 102, 122); background: transparent; transition: background 0.18s, transform 0.18s;}
.ls-circle-home .post-action-item:hover {background: rgb(245, 247, 253); transform: translateY(-1px);}
.ls-circle-home .post-action-item i {grid-row: 1 / span 2; font-style: normal; color: rgb(143, 152, 171); font-size: 13px; line-height: 1; display: grid; place-items: center;}
.ls-circle-home .post-action-item b {font-size: 14px; line-height: 1.2; color: rgb(46, 52, 68); font-weight: 800;}
.ls-circle-home .post-action-item small {font-size: 10px; line-height: 1.2; color: rgb(156, 164, 181); letter-spacing: 0.02em;}
.ls-circle-home .right-card {background: rgb(255, 255, 255); border: 1px solid rgb(237, 240, 245); border-radius: 16px; padding: 14px; box-shadow: rgba(25, 39, 78, 0.03) 0px 8px 20px;}
.ls-circle-home .right-card + .right-card {margin-top: 16px;}
.ls-circle-home .ad-card {height: 140px; padding: 0px; overflow: hidden; background: linear-gradient(135deg, rgb(124, 76, 255), rgb(74, 166, 255)); color: rgb(255, 255, 255); display: flex; align-items: end;}
.ls-circle-home .ad-inner {padding: 18px;}
.ls-circle-home .ad-title {font-size: 15px; font-weight: 900;}
.ls-circle-home .ad-sub {margin-top: 6px; font-size: 12px; opacity: 0.92; line-height: 1.6;}
.ls-circle-home .hot-title {font-size: 15px; font-weight: 880; margin-bottom: 12px;}
.ls-circle-home .hot-list {display: grid; gap: 12px;}
.ls-circle-home .hot-row {display: flex; align-items: center; gap: 10px; font-size: 13px; color: rgb(46, 52, 68);}
.ls-circle-home .rank {width: 14px; flex: 0 0 14px; font-weight: 900;}
.ls-circle-home .rank.top1 {color: rgb(255, 93, 65);}
.ls-circle-home .rank.top2 {color: rgb(255, 140, 62);}
.ls-circle-home .rank.top3 {color: rgb(255, 178, 56);}
.ls-circle-home .tag-hot {margin-left: auto; padding: 2px 5px; border-radius: 7px; background: rgb(255, 243, 242); color: rgb(255, 93, 65); font-size: 10px; font-weight: 800;}
.ls-circle-home .bar-hot-list {display: grid; gap: 12px;}
.ls-circle-home .bar-hot-item {display: flex; gap: 10px;}
.ls-circle-home .bar-hot-item b {font-size: 13px;}
.ls-circle-home .bar-hot-item p {margin: 3px 0px 0px; color: rgb(152, 160, 177); font-size: 11px; line-height: 1.5;}
.ls-circle-home .mobile-nav {display: none;}
@media (max-width: 1120px) {
.ls-circle-home .workspace {width: min(960px, 100% - 28px); grid-template-columns: minmax(0px, 1fr) 270px;}
}
@media (max-width: 760px) {
.ls-circle-home {--header-h: 54px;}
.ls-circle-home {padding-bottom: calc(68px + var(--safe-bottom));}
.ls-circle-home .topbar-inner {width: calc(100% - 20px); grid-template-columns: auto 1fr auto; gap: 12px;}
.ls-circle-home .logo {font-size: 16px;}
.ls-circle-home .logo span:last-child {display: none;}
.ls-circle-home .top-actions .icon-btn:nth-child(n+2) {display: none;}
.ls-circle-home .publish-btn {display: none;}
.ls-circle-home .workspace {width: 100%; display: block; padding-top: 12px;}
.ls-circle-home .rightbar {display: none;}
.ls-circle-home .feed {padding: 0px 14px;}
.ls-circle-home .post {grid-template-columns: 40px 1fr;}
.ls-circle-home .post-media {width: 100%; height: 210px;}
.ls-circle-home .post-media.tall {width: 100%; height: 260px;}
.ls-circle-home .drawer {width: 86vw; max-width: 320px; top: var(--header-h); height: calc(100vh - var(--header-h)); transform: translateX(-100%);}
.ls-circle-home .drawer-panel {width: 100%; height: 100%;}
.ls-circle-home .drawer-toggle {top: 54px; right: -36px;}
.ls-circle-home .mobile-nav {position: fixed; z-index: 40; left: 0px; right: 0px; bottom: 0px; height: calc(62px + var(--safe-bottom)); display: grid; grid-template-columns: repeat(4, 1fr); padding-bottom: var(--safe-bottom); border-top: 1px solid rgb(237, 240, 244); background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(14px);}
.ls-circle-home .mobile-nav button {border: 0px; color: rgb(147, 154, 171); background: transparent; font-size: 11px;}
.ls-circle-home .mobile-nav .active {color: rgb(82, 109, 243); font-weight: 750;}
}
@media (prefers-reduced-motion: reduce) {
.ls-circle-home *, .ls-circle-home ::before, .ls-circle-home ::after {animation: auto ease 0s 1 normal none running none !important; transition: none !important;}
}
.ls-circle-home {--brand: #5b6ff2; --brand-dark: #4358dc; --ink: #171a25; --muted: #9098aa; --line: #eceff4; --header-h: 58px;}
.ls-circle-home {background: rgb(255, 255, 255);}
.ls-circle-home .topbar {height: var(--header-h); border-bottom: 1px solid var(--line); background: rgba(255, 255, 255, 0.94); backdrop-filter: blur(12px);}
.ls-circle-home .topbar-inner {width: min(1120px, 100% - 32px); height: 100%; grid-template-columns: 210px minmax(320px, 450px) 1fr; gap: 18px; padding: 0px; border: 0px; border-radius: 0px; background: transparent; box-shadow: none;}
.ls-circle-home .logo-mark {border-radius: 11px; background: linear-gradient(145deg, rgb(113, 133, 255), rgb(80, 102, 235)); box-shadow: rgba(82, 103, 231, 0.18) 0px 7px 18px;}
.ls-circle-home .search-shell {height: 36px; border: 0px; border-radius: 18px; background: rgb(245, 246, 250); box-shadow: none;}
.ls-circle-home .publish-btn {background: var(--brand); box-shadow: rgba(91, 111, 242, 0.16) 0px 7px 16px;}
.ls-circle-home .workspace {width: min(1120px, 100% - 32px); grid-template-columns: minmax(0px, 700px) 280px; gap: 28px; padding-top: 12px; background: transparent;}
.ls-circle-home .feed {min-width: 0px;}
.ls-circle-home .post {margin: 0px; padding: 24px 0px 12px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--line); border-radius: 0px; background: transparent; box-shadow: none; backdrop-filter: none;}
.ls-circle-home .post::before {display: none;}
.ls-circle-home .post-media {border: 1px solid rgb(238, 241, 246); border-radius: 18px; background: linear-gradient(145deg, rgb(238, 242, 255), rgb(250, 251, 255));}
.ls-circle-home .follow-btn {color: rgb(80, 103, 234); background: rgb(238, 242, 255);}
.ls-circle-home .rightbar {padding-top: 8px;}
.ls-circle-home .right-card {margin-top: 0px; padding: 18px 0px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--line); border-radius: 0px; background: transparent; box-shadow: none; backdrop-filter: none;}
.ls-circle-home .right-card + .right-card {margin-top: 0px;}
.ls-circle-home .hot-title {margin-bottom: 14px; font-size: 14px;}
.ls-circle-home .hot-list, .ls-circle-home .bar-hot-list {gap: 13px;}
.ls-circle-home .hot-row {font-size: 12px; line-height: 1.55;}
.ls-circle-home .bar-hot-item p {color: rgb(150, 158, 175);}
.ls-circle-home .drawer {left: 0px; top: var(--header-h); width: 300px; height: calc(100vh - var(--header-h)); transform: translateX(-100%);}
.ls-circle-home .drawer-panel {width: 300px; height: 100%; padding: 18px 22px 26px; border-width: 0px 1px 0px 0px; border-style: none solid none none; border-color: currentcolor rgb(231, 234, 240) currentcolor currentcolor; border-image: none; border-radius: 0px; background: rgba(255, 255, 255, 0.984); box-shadow: rgba(25, 35, 64, 0.07) 10px 0px 28px;}
.ls-circle-home .drawer-toggle {right: -15px; top: 88px; width: 30px; height: 30px; border: 1px solid rgb(207, 213, 226); border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(31, 41, 77, 0.08) 0px 5px 12px;}
.ls-circle-home .drawer-toggle::after {display: none;}
.ls-circle-home .drawer-link {height: 48px; padding: 0px 16px; border: 0px; border-radius: 15px; color: rgb(43, 49, 64); background: transparent; font-size: 14px;}
.ls-circle-home .drawer-link.active {color: rgb(23, 26, 37); background: transparent; box-shadow: none;}
.ls-circle-home .drawer-link.active .drawer-icon {color: rgb(23, 26, 37);}
.ls-circle-home .drawer-section {padding: 18px 0px; border-bottom: 1px solid var(--line);}
.ls-circle-home .drawer-scrim {background: rgba(24, 29, 51, 0.08); backdrop-filter: none;}
@media (max-width: 1120px) {
.ls-circle-home .topbar-inner {width: min(1000px, 100% - 28px); grid-template-columns: 190px minmax(240px, 1fr) auto;}
.ls-circle-home .workspace {width: min(1000px, 100% - 28px); grid-template-columns: minmax(0px, 1fr) 260px;}
}
@media (max-width: 760px) {
.ls-circle-home .workspace {width: 100%;}
.ls-circle-home .drawer {width: 86vw; max-width: 320px;}
.ls-circle-home .drawer-panel {width: 100%;}
.ls-circle-home .post {padding: 20px 0px 12px;}
}
.ls-circle-home .circle-link {display: inline-flex; align-items: center; justify-content: center; gap: 4px; max-width: 132px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; cursor: pointer;}
.ls-circle-home .circle-link span {flex: 0 0 auto; color: rgb(123, 141, 241); font-size: 12px; font-weight: 900;}
.ls-circle-home .circle-link:hover {color: rgb(67, 89, 221); background: rgb(232, 237, 255);}
@media (max-width: 760px) {
.ls-circle-home .post-head {gap: 10px;}
.ls-circle-home .circle-link {max-width: 112px; height: 28px; padding: 0px 10px; font-size: 11px;}
.ls-circle-home .post-title {font-size: 17px; line-height: 1.5;}
.ls-circle-home .post-text {font-size: 13px; line-height: 1.72;}
}
.ls-circle-home .topbar-inner {grid-template-columns: 178px minmax(360px, 1fr) auto;}
.ls-circle-home .logo {justify-self: start; margin-left: -10px;}
.ls-circle-home .top-nav {height: 100%; display: flex; align-items: center; justify-content: flex-start; gap: 32px;}
.ls-circle-home .top-nav-item {position: relative; height: 100%; display: flex; align-items: center; color: rgb(105, 113, 132); font-size: 14px; font-weight: 650; white-space: nowrap; transition: color 0.18s;}
.ls-circle-home .top-nav-item:hover {color: rgb(32, 37, 52);}
.ls-circle-home .top-nav-item.active {color: rgb(23, 26, 37); font-weight: 820;}
.ls-circle-home .top-nav-item.active::after {content: ""; position: absolute; left: 50%; bottom: 0px; width: 24px; height: 2px; border-radius: 2px; background: rgb(23, 26, 37); transform: translateX(-50%);}
.ls-circle-home .top-actions {gap: 10px;}
.ls-circle-home .top-search-btn {width: 34px; height: 34px;}
.ls-circle-home .icon-btn.has-dot {position: relative;}
.ls-circle-home .icon-btn.has-dot::after {content: ""; position: absolute; right: 4px; top: 4px; width: 6px; height: 6px; border-radius: 50%; background: rgb(255, 77, 94); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px;}
@media (max-width: 900px) {
.ls-circle-home .topbar-inner {grid-template-columns: 170px minmax(280px, 1fr) auto;}
.ls-circle-home .top-nav {gap: 22px;}
.ls-circle-home .top-nav-item {font-size: 13px;}
}
@media (max-width: 760px) {
.ls-circle-home .top-nav {min-width: 0px; justify-content: flex-start; gap: 18px; overflow-x: auto; scrollbar-width: none;}
.ls-circle-home .top-nav::-webkit-scrollbar {display: none;}
.ls-circle-home .top-nav-item {flex: 0 0 auto; font-size: 13px;}
.ls-circle-home .top-actions {gap: 4px;}
.ls-circle-home .top-actions .has-dot, .ls-circle-home .top-actions .publish-btn {display: none;}
.ls-circle-home .top-search-btn {display: grid !important;}
}
.ls-circle-home .drawer-rail {--rail-x: max(32px,calc((100vw - 1120px)/2 - 38px)); position: fixed; left: var(--rail-x); top: var(--header-h); bottom: 0px; z-index: 56; width: 1px; pointer-events: none; transition: left 0.26s cubic-bezier(0.2, 0.82, 0.2, 1);}
.ls-circle-home .drawer-rail::before {content: ""; position: absolute; top: 20px; bottom: 24px; left: 0px; width: 1px; background: linear-gradient(rgba(224, 228, 236, 0), rgba(213, 218, 229, 0.92) 10%, rgba(213, 218, 229, 0.92) 88%, rgba(224, 228, 236, 0));}
.ls-circle-home .drawer-rail.open {left: 300px;}
.ls-circle-home .drawer-toggle {position: absolute; left: 50%; top: calc(50vh - var(--header-h) / 2 - 15px); right: auto; width: 28px; height: 28px; display: grid; place-items: center; padding: 0px; border: 1px solid rgb(205, 212, 223); border-radius: 50%; color: rgb(125, 134, 152); background: rgba(255, 255, 255, 0.98); box-shadow: rgba(31, 41, 77, 0.07) 0px 4px 10px; pointer-events: auto; transform: translateX(-50%); transition: color 0.18s, border-color 0.18s, box-shadow 0.18s, background 0.18s, transform 0.18s;}
.ls-circle-home .drawer-toggle:hover {color: rgb(82, 104, 232); border-color: rgb(175, 186, 239); background: rgb(255, 255, 255); box-shadow: rgba(69, 83, 151, 0.11) 0px 6px 14px; transform: translateX(-50%) scale(1.05);}
.ls-circle-home .drawer-toggle:focus-visible {outline: rgba(91, 111, 242, 0.18) solid 3px; outline-offset: 3px;}
.ls-circle-home .drawer-toggle svg {position: absolute; width: 12px; height: 12px; fill: currentcolor; stroke: none; transition: opacity 0.18s, transform 0.22s;}
.ls-circle-home .toggle-menu-icon {opacity: 1; transform: translateX(1px);}
.ls-circle-home .toggle-close-icon {opacity: 0; transform: translateX(-1px);}
.ls-circle-home .drawer-rail.open .toggle-menu-icon {opacity: 0; transform: translateX(3px);}
.ls-circle-home .drawer-rail.open .toggle-close-icon {opacity: 1; transform: translateX(-1px);}
.ls-circle-home .drawer .drawer-toggle {display: none;}
@media (max-width: 1120px) {
.ls-circle-home .topbar-inner {grid-template-columns: 162px minmax(280px, 1fr) auto;}
.ls-circle-home .logo {margin-left: -6px;}
.ls-circle-home .drawer-rail {--rail-x: max(26px,calc((100vw - 1000px)/2 - 30px));}
}
@media (max-width: 760px) {
.ls-circle-home .topbar-inner {grid-template-columns: auto minmax(0px, 1fr) auto;}
.ls-circle-home .drawer-rail {left: 16px; top: var(--header-h);}
.ls-circle-home .drawer-rail::before {display: none;}
.ls-circle-home .drawer-rail.open {left: min(86vw, 320px);}
.ls-circle-home .drawer-toggle {top: calc(50vh - var(--header-h) / 2 - 14px);}
}
@media (min-width: 761px) {
.ls-circle-home .topbar-inner {width: 100%; max-width: none; margin: 0px; padding: 0px 24px 0px 22px; grid-template-columns: 278px minmax(360px, 1fr) auto;}
.ls-circle-home .logo {justify-self: start; margin-left: 0px;}
.ls-circle-home .drawer-rail, .ls-circle-home .drawer-rail.open {left: 300px;}
}
@media (min-width: 761px) and (max-width: 1120px) {
.ls-circle-home .topbar-inner {padding-left: 22px; grid-template-columns: 278px minmax(260px, 1fr) auto;}
}
@media (max-width: 760px) {
.ls-circle-home .topbar-inner {width: calc(100% - 20px); margin: 0px auto; padding: 0px; grid-template-columns: auto minmax(0px, 1fr) auto;}
.ls-circle-home .logo {margin-left: 0px;}
}
@keyframes fadePanel { 
  0% { opacity: 0.55; transform: translateY(2px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@media (max-width: 760px) {
.ls-circle-home .post-actions {gap: 8px; padding: 8px 10px;}
.ls-circle-home .post-action-item {min-width: 68px; padding: 6px 8px;}
}
.ls-circle-home .post-main {position: relative;}
.ls-circle-home .post-footer.reference-footer {width: 100% !important; max-width: none !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin-top: 12px !important; padding: 0 !important; min-height: 32px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; position: static !important;}
.ls-circle-home .reference-views {flex: 0 0 auto; color: #7f899c; font-size: 13px; line-height: 20px; font-weight: 400; white-space: nowrap;}
.ls-circle-home .reference-actions {margin-left: auto; display: flex; align-items: center; justify-content: flex-end; gap: 20px; flex: 0 0 auto;}
.ls-circle-home .reference-action {width: auto !important; min-width: 32px !important; height: 32px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; color: #7f899c !important; font-size: 13px !important; line-height: 20px !important; font-weight: 500 !important; box-shadow: none !important; transform: none !important; cursor: pointer;}
.ls-circle-home .reference-action svg {display: block; width: 20px !important; height: 20px !important; flex: 0 0 20px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.8 !important; stroke-linecap: round !important; stroke-linejoin: round !important;}
.ls-circle-home .reference-action span {color: inherit !important; font-size: 13px !important; line-height: 20px !important; font-weight: 500 !important; font-variant-numeric: tabular-nums;}
.ls-circle-home .reference-more {width: 32px !important; gap: 0 !important;}
.ls-circle-home .reference-more svg {fill: currentColor !important; stroke: none !important;}
.ls-circle-home .reference-action:hover, .ls-circle-home .reference-action.home-liked {color: #5b6ff2 !important;}
.ls-circle-home .reference-action:focus-visible {outline: 2px solid #5b6ff2; outline-offset: 2px; border-radius: 4px !important;}
@media (max-width: 760px) {
.ls-circle-home .reference-actions {gap: 12px;}
}
@media (min-width: 761px) {
.ls-circle-home .horizontal-gallery {position: relative; width: min(100%, 500px); margin-top: 14px;}
.ls-circle-home .gallery-track {display: flex; align-items: stretch; gap: 9px; width: 100%; height: 236px; overflow: auto hidden; scroll-snap-type: x mandatory; scroll-behavior: smooth; overscroll-behavior-inline: contain; scrollbar-width: none; cursor: grab; user-select: none; touch-action: pan-y;}
.ls-circle-home .gallery-track::-webkit-scrollbar {display: none;}
.ls-circle-home .gallery-track.is-dragging {cursor: grabbing; scroll-behavior: auto;}
.ls-circle-home .gallery-card {position: relative; flex: 0 0 232px; height: 236px; overflow: hidden; padding: 0px; border: 1px solid rgb(237, 240, 246); border-radius: 14px; background: rgb(233, 237, 250); scroll-snap-align: start; cursor: pointer; isolation: isolate;}
.ls-circle-home .gallery-card.landscape {flex-basis: 310px;}
.ls-circle-home .gallery-card.square {flex-basis: 236px;}
.ls-circle-home .gallery-card.portrait {flex-basis: 170px;}
.ls-circle-home .gallery-track:has(.gallery-card:nth-child(2):last-child) .gallery-card {flex: 1 1 0px; min-width: 0px;}
.ls-circle-home .gallery-card::before {content: ""; position: absolute; inset: 0px; z-index: -2; transition: transform 0.22s, filter 0.22s;}
.ls-circle-home .gallery-card::after {content: ""; position: absolute; inset: 0px; z-index: -1; background: linear-gradient(rgba(13, 20, 38, 0) 48%, rgba(13, 20, 38, 0.56) 100%);}
.ls-circle-home .gallery-card:hover::before {transform: scale(1.025); filter: saturate(1.04);}
.ls-circle-home .gallery-caption {position: absolute; left: 13px; right: 13px; bottom: 11px; z-index: 2; color: rgb(255, 255, 255); font-size: 12px; font-weight: 730; line-height: 1.35; text-align: left; text-shadow: rgba(0, 0, 0, 0.24) 0px 1px 8px;}
.ls-circle-home .gallery-arrow {position: absolute; top: 50%; z-index: 5; width: 32px; height: 44px; margin-top: -22px; padding: 0px; border: 1px solid rgba(225, 229, 239, 0.94); border-radius: 11px; background: rgba(255, 255, 255, 0.92); color: rgb(105, 115, 139); display: grid; place-items: center; opacity: 0; pointer-events: none; box-shadow: rgba(36, 45, 74, 0.12) 0px 8px 22px; backdrop-filter: blur(10px); transition: opacity 0.16s, transform 0.16s;}
.ls-circle-home .horizontal-gallery:hover .gallery-arrow:not(:disabled) {opacity: 1; pointer-events: auto;}
.ls-circle-home .gallery-arrow:disabled {opacity: 0 !important; pointer-events: none !important;}
.ls-circle-home .gallery-arrow:hover {color: rgb(88, 107, 225); transform: translateY(-1px);}
.ls-circle-home .gallery-arrow svg {width: 18px; height: 18px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
.ls-circle-home .gallery-prev {left: 8px;}
.ls-circle-home .gallery-next {right: 8px;}
.ls-circle-home .gallery-more-overlay {position: absolute; inset: 0px; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; background: rgba(18, 23, 39, 0.48); color: rgb(255, 255, 255);}
.ls-circle-home .gallery-more-overlay strong {font-size: 20px; line-height: 1; font-weight: 850;}
.ls-circle-home .gallery-more-overlay small {font-size: 11px; line-height: 1; font-weight: 650; opacity: 0.92;}
.ls-circle-home .g-room::before {background: radial-gradient(circle at 27% 25%, rgb(255, 229, 189) 0px, rgb(255, 229, 189) 13%, transparent 14%), linear-gradient(145deg, rgb(237, 195, 152), rgb(200, 129, 80) 52%, rgb(119, 72, 47));}
.ls-circle-home .g-work::before {background: radial-gradient(circle at 72% 24%, rgb(185, 220, 255) 0px, rgb(185, 220, 255) 13%, transparent 14%), linear-gradient(145deg, rgb(184, 216, 229), rgb(112, 153, 170) 50%, rgb(54, 88, 103));}
.ls-circle-home .g-dashboard::before {background: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.14) 0px, rgba(255, 255, 255, 0.14) 1px, transparent 1px, transparent 34px), linear-gradient(145deg, rgb(131, 144, 255), rgb(78, 97, 215) 50%, rgb(38, 53, 112));}
.ls-circle-home .g-rules::before {background: radial-gradient(circle at 66% 28%, rgb(255, 226, 169) 0px, rgb(255, 226, 169) 13%, transparent 14%), linear-gradient(145deg, rgb(242, 215, 167), rgb(207, 150, 83) 52%, rgb(116, 80, 45));}
.ls-circle-home .g-reply::before {background: radial-gradient(circle at 28% 33%, rgb(196, 234, 255) 0px, rgb(196, 234, 255) 13%, transparent 14%), linear-gradient(145deg, rgb(189, 223, 237), rgb(113, 156, 173) 50%, rgb(49, 90, 105));}
.ls-circle-home .g-traffic::before {background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0.2) 1px, transparent 1px, transparent 42px), linear-gradient(145deg, rgb(189, 201, 255), rgb(112, 132, 233));}
.ls-circle-home .g-leads::before {background: radial-gradient(circle at 30% 32%, rgb(255, 215, 163) 0px, rgb(255, 215, 163) 11%, transparent 12%), radial-gradient(circle at 70% 62%, rgb(255, 215, 163) 0px, rgb(255, 215, 163) 15%, transparent 16%), linear-gradient(145deg, rgb(246, 217, 179), rgb(215, 154, 91));}
.ls-circle-home .g-sales::before {background: conic-gradient(from 210deg at 50% 60%, rgb(93, 111, 229) 0deg, rgb(93, 111, 229) 18%, rgb(159, 170, 244) 18%, rgb(159, 170, 244) 34%, rgb(220, 225, 255) 34%, rgb(220, 225, 255) 48%, transparent 48%), linear-gradient(145deg, rgb(238, 241, 255), rgb(185, 195, 244));}
.ls-circle-home .g-cash::before {background: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0.2) 1px, transparent 1px, transparent 30px), linear-gradient(145deg, rgb(40, 54, 80), rgb(17, 26, 49) 62%, rgb(8, 13, 25));}
.ls-circle-home .g-apartment::before {background: radial-gradient(circle at 26% 24%, rgb(255, 229, 189) 0px, rgb(255, 229, 189) 13%, transparent 14%), linear-gradient(145deg, rgb(239, 198, 155), rgb(202, 133, 82) 52%, rgb(127, 76, 49));}
.ls-circle-home .g-cowork::before {background: radial-gradient(circle at 72% 23%, rgb(184, 220, 255) 0px, rgb(184, 220, 255) 13%, transparent 14%), linear-gradient(145deg, rgb(185, 215, 228), rgb(111, 153, 170) 50%, rgb(56, 90, 103));}
.ls-circle-home .g-street::before {background: linear-gradient(135deg, rgba(255, 255, 255, 0.26), transparent 45%), linear-gradient(145deg, rgb(143, 194, 178), rgb(77, 143, 126) 49%, rgb(40, 91, 79));}
.ls-circle-home .g-cafe::before {background: radial-gradient(circle at 28% 25%, rgb(255, 231, 189) 0px, rgb(255, 231, 189) 11%, transparent 12%), linear-gradient(145deg, rgb(201, 162, 124), rgb(143, 103, 73) 52%, rgb(76, 52, 38));}
.ls-circle-home .g-night::before {background: radial-gradient(circle at 25% 25%, rgb(255, 208, 90) 0px, rgb(255, 208, 90) 7%, transparent 8%), radial-gradient(circle at 68% 38%, rgb(255, 138, 115) 0px, rgb(255, 138, 115) 8%, transparent 9%), linear-gradient(145deg, rgb(69, 59, 116), rgb(39, 33, 79) 58%, rgb(19, 15, 43));}
}
@media (min-width: 761px) {
.ls-circle-home .feed-video {position: relative; width: min(100%, 500px); margin-top: 14px; overflow: hidden; border: 1px solid rgb(237, 240, 246); border-radius: 15px; background: rgb(17, 24, 39); isolation: isolate;}
.ls-circle-home .video-landscape {aspect-ratio: 16 / 9;}
.ls-circle-home .video-scene {position: absolute; inset: 0px;}
.ls-circle-home .video-scene-landscape {background: linear-gradient(90deg, rgba(18, 25, 50, 0.9) 0px, rgba(18, 25, 50, 0.9) 26%, transparent 26%), repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.08) 0px, rgba(255, 255, 255, 0.08) 1px, transparent 1px, transparent 32px), linear-gradient(145deg, rgb(140, 160, 255), rgb(86, 111, 220) 50%, rgb(38, 56, 111));}
.ls-circle-home .video-scene-landscape::before {content: ""; position: absolute; left: 36px; top: 36px; width: 86px; height: 10px; border-radius: 999px; background: rgba(255, 255, 255, 0.82); box-shadow: rgba(255, 255, 255, 0.42) 0px 24px 0px, rgba(255, 255, 255, 0.26) 0px 48px 0px, rgba(255, 255, 255, 0.15) 176px 10px 0px 48px;}
.ls-circle-home .video-scene-landscape::after {content: ""; position: absolute; right: 38px; top: 38px; width: 190px; height: 112px; border-radius: 13px; background: linear-gradient(rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.07)), radial-gradient(circle at 72% 32%, rgb(197, 208, 255) 0px, rgb(197, 208, 255) 14%, transparent 15%); box-shadow: rgba(20, 31, 70, 0.25) 0px 16px 34px;}
.ls-circle-home .feed-video::after {content: ""; position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: linear-gradient(rgba(4, 9, 20, 0.06) 42%, rgba(4, 9, 20, 0.68) 100%);}
.ls-circle-home .video-topline {position: absolute; z-index: 3; top: 12px; left: 12px; right: 12px; display: flex; align-items: center; justify-content: space-between; pointer-events: none;}
.ls-circle-home .video-type, .ls-circle-home .video-duration {height: 24px; padding: 0px 9px; border-radius: 999px; display: inline-flex; align-items: center; background: rgba(8, 14, 28, 0.46); color: rgb(255, 255, 255); font-size: 11px; font-weight: 760; backdrop-filter: blur(9px);}
.ls-circle-home .video-play {position: absolute; z-index: 4; left: 50%; top: 50%; width: 58px; height: 58px; margin: -29px 0px 0px -29px; padding: 0px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 50%; background: rgba(255, 255, 255, 0.9); color: rgb(83, 103, 218); display: grid; place-items: center; cursor: pointer; box-shadow: rgba(9, 16, 38, 0.28) 0px 10px 28px; transition: transform 0.18s, background 0.18s;}
.ls-circle-home .video-play:hover {transform: scale(1.05); background: rgb(255, 255, 255);}
.ls-circle-home .video-play svg {width: 24px; height: 24px; fill: currentcolor; stroke: currentcolor; stroke-width: 2; stroke-linecap: round;}
.ls-circle-home .pause-icon {display: none; fill: none !important;}
.ls-circle-home .feed-video.is-playing .play-icon {display: none;}
.ls-circle-home .feed-video.is-playing .pause-icon {display: block;}
.ls-circle-home .feed-video.is-playing .video-play {opacity: 0;}
.ls-circle-home .feed-video:hover.is-playing .video-play {opacity: 1;}
.ls-circle-home .video-controls {position: absolute; z-index: 4; left: 14px; right: 14px; bottom: 11px; height: 26px; display: flex; align-items: center; gap: 9px;}
.ls-circle-home .mini-control {flex: 0 0 auto; width: 22px; height: 22px; padding: 0px; border: 0px; background: transparent; color: rgb(255, 255, 255); display: grid; place-items: center; cursor: pointer;}
.ls-circle-home .mini-control svg {width: 17px; height: 17px; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
.ls-circle-home .control-play {fill: currentcolor !important; stroke: none !important;}
.ls-circle-home .video-progress {position: relative; flex: 1 1 auto; height: 3px; overflow: hidden; border-radius: 999px; background: rgba(255, 255, 255, 0.32);}
.ls-circle-home .video-progress span {position: absolute; inset: 0px auto 0px 0px; width: 0px; border-radius: inherit; background: rgb(255, 255, 255);}
.ls-circle-home .feed-video.is-playing .video-progress span {animation: 7s linear 0s infinite normal none running videoProgress;}
.ls-circle-home .video-time {flex: 0 0 auto; color: rgb(255, 255, 255); font-size: 10px; font-weight: 650; white-space: nowrap;}
@keyframes videoProgress { 
  0% { width: 0px; }
  100% { width: 82%; }
}
.ls-circle-home .video-portrait-stage {height: 430px; display: flex; align-items: center; justify-content: center; background: rgb(37, 48, 78);}
.ls-circle-home .portrait-blur {position: absolute; inset: -30px; z-index: 0; background: radial-gradient(circle at 30% 24%, rgb(255, 202, 156) 0px, rgb(255, 202, 156) 14%, transparent 15%), radial-gradient(circle at 68% 38%, rgb(142, 201, 216) 0px, rgb(142, 201, 216) 17%, transparent 18%), linear-gradient(145deg, rgb(124, 141, 169), rgb(70, 89, 116) 55%, rgb(34, 44, 67)); filter: blur(24px) saturate(0.86); transform: scale(1.08); opacity: 0.92;}
.ls-circle-home .video-portrait-stage::after {background: rgba(10, 15, 26, 0.2);}
.ls-circle-home .portrait-video {position: relative; z-index: 2; width: 242px; height: 430px; overflow: hidden; border-radius: 12px; background: rgb(18, 26, 42); box-shadow: rgba(10, 17, 36, 0.34) 0px 14px 38px;}
.ls-circle-home .video-scene-portrait {background: radial-gradient(circle at 50% 18%, rgb(255, 230, 198) 0px, rgb(255, 230, 198) 11%, transparent 12%), linear-gradient(rgba(255, 255, 255, 0.18), transparent 42%), linear-gradient(150deg, rgb(138, 196, 183), rgb(79, 137, 125) 48%, rgb(37, 78, 73));}
.ls-circle-home .video-scene-portrait::before {content: ""; position: absolute; left: 32px; right: 32px; bottom: 54px; height: 126px; border-radius: 80px 80px 22px 22px; background: linear-gradient(rgb(228, 198, 166), rgb(154, 108, 75)); box-shadow: rgba(255, 255, 255, 0.15) 0px -66px 0px -18px;}
.ls-circle-home .portrait-video::after {content: ""; position: absolute; inset: 0px; z-index: 1; background: linear-gradient(rgba(6, 10, 20, 0.03) 48%, rgba(6, 10, 20, 0.72) 100%); pointer-events: none;}
.ls-circle-home .portrait-topline {top: 10px; left: 10px; right: 10px;}
.ls-circle-home .portrait-controls {left: 10px; right: 10px; bottom: 10px; gap: 7px;}
.ls-circle-home .portrait-controls .video-time {font-size: 9px;}
.ls-circle-home .portrait-video .video-play {width: 54px; height: 54px; margin: -27px 0px 0px -27px;}
}
@media (max-width: 760px) {
.ls-circle-home .post {grid-template-columns: 56px minmax(0px, 1fr); gap: 12px;}
.ls-circle-home .post-avatar {width: 48px; height: 48px;}
.ls-circle-home .post-head {align-items: flex-start; gap: 10px;}
.ls-circle-home .post-user {font-size: 14px;}
.ls-circle-home .user-level {height: 20px; padding: 0px 7px; font-size: 11px;}
.ls-circle-home .user-meta {margin-top: 5px; font-size: 11px;}
.ls-circle-home .post-title {max-width: 100%; margin-top: 14px; font-size: 17px; line-height: 1.56;}
.ls-circle-home .post-text {max-width: 100%; font-size: 13px; line-height: 1.84;}
}
@media (min-width: 761px) {
.ls-circle-home .post-copy .post-media {width: 100%; max-width: 500px;}
.ls-circle-home .post-copy .post-media.tall {width: 100%; max-width: 280px;}
.ls-circle-home .post-copy .post-actions {max-width: 500px;}
}
.ls-circle-home .post-user {font-size: 14px;}
.ls-circle-home .user-level {height: 20px; padding: 0px 7px; border-radius: 7px; font-size: 11px;}
.ls-circle-home .user-gender {font-size: 12px;}
.ls-circle-home .user-meta {margin-top: 5px; font-size: 11px;}
.ls-circle-home .post-head {gap: 16px;}
@media (max-width: 760px) {
.ls-circle-home .post {grid-template-columns: 40px minmax(0px, 1fr); gap: 10px;}
.ls-circle-home .post-avatar {width: 40px; height: 40px;}
.ls-circle-home .post-copy .post-media {max-width: 100%;}
.ls-circle-home .post-copy .post-media.tall {max-width: 100%;}
}
@media (max-width: 760px) {
.ls-circle-home .topbar-inner {width: calc(100% - 20px); margin: 0px auto; padding: 0px; grid-template-columns: auto minmax(0px, 1fr) auto !important;}
.ls-circle-home .top-nav {gap: 18px; justify-content: flex-start !important;}
}
@media (min-width: 1121px) {
.ls-circle-home .rightbar {transform: translateX(18px);}
}
@media (min-width: 761px) and (max-width: 1120px) {
.ls-circle-home .rightbar {transform: translateX(10px);}
}
@media (min-width: 1121px) {
.ls-circle-home {--main-col-w: 700px; --right-col-w: 300px; --main-gap: 28px;}
.ls-circle-home .topbar-inner {width: 100%; max-width: none; margin: 0px; padding: 0px 24px 0px 0px; grid-template-columns: 300px minmax(460px, 620px) auto; column-gap: 0px; justify-content: space-between; position: relative;}
.ls-circle-home .logo {width: 300px; height: 100%; margin-left: 0px; justify-self: stretch; justify-content: center;}
.ls-circle-home .top-actions {justify-self: end; padding-left: 22px; z-index: 2;}
.ls-circle-home .top-nav {position: absolute; left: calc(50% - ((var(--main-col-w) + var(--right-col-w) + var(--main-gap)) / 2)); width: var(--main-col-w); height: 100%; padding-left: 0px; justify-content: center; gap: 40px;}
}
@media (min-width: 761px) and (max-width: 1120px) {
.ls-circle-home {--main-col-w: 620px; --right-col-w: 280px; --main-gap: 24px;}
.ls-circle-home .topbar-inner {width: 100%; max-width: none; margin: 0px; padding: 0px 22px 0px 0px; grid-template-columns: 300px minmax(360px, 1fr) auto; column-gap: 0px; justify-content: space-between; position: relative;}
.ls-circle-home .logo {width: 300px; height: 100%; margin-left: 0px; justify-self: stretch; justify-content: center;}
.ls-circle-home .top-actions {justify-self: end; padding-left: 22px; z-index: 2;}
.ls-circle-home .top-nav {position: absolute; left: calc(50% - ((var(--main-col-w) + var(--right-col-w) + var(--main-gap)) / 2)); width: var(--main-col-w); height: 100%; padding-left: 0px; justify-content: center; gap: 30px;}
}
@media (max-width: 760px) {
.ls-circle-home .top-nav {position: static; width: auto; justify-content: flex-start;}
}
.ls-circle-home .drawer-link {height: 60px; padding: 0px 22px; border-radius: 18px; font-size: 15px;}
.ls-circle-home .drawer-link.active {background: transparent;}
.ls-circle-home .drawer-link.active:hover {background: rgb(247, 248, 251);}
.ls-circle-home .drawer-link:not(.active) {background: transparent;}
.ls-circle-home .drawer-link:hover {background: rgb(247, 248, 251);}
@media (min-width: 761px) {
.ls-circle-home .top-actions {transform: translateX(var(--actions-align-x, 0px)) !important; will-change: transform;}
}
.ls-circle-home .action-main {display: flex; align-items: center; gap: 12px; min-width: 0px;}
.ls-circle-home .drawer-link-meta {flex: 0 0 auto; font-size: 12px; font-weight: 700; color: rgb(152, 160, 178); letter-spacing: 0.01em;}
.ls-circle-home {padding-top: var(--header-h) !important;}
.ls-circle-home .topbar {box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px inset; transition: box-shadow 0.18s, background 0.18s; position: fixed !important; top: 0px !important; left: 0px !important; right: 0px !important; width: 100% !important; z-index: 120 !important; background: rgba(255, 255, 255, 0.96) !important; border-bottom: 1px solid rgba(231, 235, 243, 0.96) !important; backdrop-filter: blur(16px) saturate(1.12) !important;}
.ls-circle-home .topbar.is-scrolled {background: rgba(255, 255, 255, 0.984) !important; box-shadow: rgba(31, 42, 77, 0.07) 0px 7px 24px !important;}
.ls-circle-home .drawer {top: var(--header-h) !important; height: calc(100vh - var(--header-h)) !important;}
.ls-circle-home .drawer-panel {overscroll-behavior: contain; scrollbar-gutter: stable;}
.ls-circle-home .drawer-rail {top: var(--header-h) !important;}
.ls-circle-home {scroll-padding-top: calc(var(--header-h) + 16px);}
@media (max-width: 760px) {
.ls-circle-home {padding-top: var(--header-h) !important;}
}
@media (min-width: 761px) {
.ls-circle-home .drawer-scrim, .ls-circle-home .drawer-scrim.open {opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; background: transparent !important;}
.ls-circle-home .drawer-panel {box-shadow: rgba(25, 35, 64, 0.08) 12px 0px 28px !important;}
}
@media (max-width: 760px) {
.ls-circle-home .drawer-scrim.open {opacity: 1; visibility: visible; pointer-events: auto;}
}
@media (min-width: 761px) {
.ls-circle-home .video-portrait-stage {width: 242px !important; height: 430px !important; margin-top: 14px !important; display: block !important; overflow: visible !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important;}
.ls-circle-home .video-portrait-stage::after {display: none !important;}
.ls-circle-home .portrait-blur {display: none !important;}
.ls-circle-home .portrait-video {position: relative !important; z-index: 1 !important; width: 242px !important; height: 430px !important; margin: 0px !important; overflow: hidden !important; border: 1px solid rgb(231, 234, 241) !important; border-radius: 15px !important; background: rgb(17, 24, 39) !important; box-shadow: rgba(29, 39, 67, 0.1) 0px 8px 24px !important;}
}
.ls-circle-home {--ls-pc-sidebar-w: 300px; --ls-pc-sidebar-rail-x: 260px; --ls-pc-brand: #5b6ff2; --ls-pc-ink: #171a25; --ls-pc-line: #e7ebf2;}
.ls-circle-home[data-ls-page$="-pc"] {color: var(--ls-pc-ink);}
.ls-circle-home.ls-pc-mounted > .ls-legacy-topbar, .ls-circle-home.ls-pc-mounted > .header-offset {display: none;}
.ls-circle-home.ls-pc-mounted > .topbar.ls-shared-pc-shell {position: sticky; top: 0px; z-index: 900; height: var(--header-h, 58px); border-bottom: 1px solid var(--ls-pc-line); background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(16px) saturate(1.12);}
.ls-circle-home.ls-pc-mounted > .ls-shared-pc-shell .topbar-inner {width: 100%; max-width: none; height: 100%; margin: 0px; padding: 0px 24px 0px 0px; display: grid; grid-template-columns: 300px minmax(460px, 620px) auto; column-gap: 0px; justify-content: space-between; align-items: center; position: relative;}
.ls-circle-home.ls-pc-mounted > .ls-shared-pc-shell .logo {width: 300px; height: 100%; margin-left: 0px; justify-self: stretch; justify-content: center; display: flex; align-items: center; gap: 12px; color: var(--ls-pc-ink); font-size: 18px; font-weight: 900; letter-spacing: 0px;}
.ls-circle-home.ls-pc-mounted > .ls-shared-pc-shell .logo-mark {width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; color: rgb(255, 255, 255); background: linear-gradient(145deg, rgb(111, 132, 255), rgb(80, 102, 234)); box-shadow: rgba(80, 102, 234, 0.22) 0px 8px 20px;}
.ls-circle-home.ls-pc-mounted > .ls-shared-pc-shell .logo-mark svg {width: 20px; height: 20px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.ls-circle-home.ls-pc-mounted > .ls-shared-pc-shell .top-nav {position: absolute; left: calc(50% - 514px); width: 700px; height: 100%; display: flex; align-items: center; justify-content: center; gap: 40px;}
.ls-circle-home.ls-pc-mounted > .ls-shared-pc-shell .top-nav-item {position: relative; height: 100%; display: flex; align-items: center; color: rgb(105, 113, 132); font-size: 14px; font-weight: 650; white-space: nowrap; text-decoration: none;}
.ls-circle-home.ls-pc-mounted > .ls-shared-pc-shell .top-nav-item:hover, .ls-circle-home.ls-pc-mounted > .ls-shared-pc-shell .top-nav-item.active {color: rgb(23, 26, 37);}
.ls-circle-home.ls-pc-mounted > .ls-shared-pc-shell .top-nav-item.active {font-weight: 820;}
.ls-circle-home.ls-pc-mounted > .ls-shared-pc-shell .top-nav-item.active::after {content: ""; position: absolute; left: 50%; bottom: 0px; width: 24px; height: 2px; border-radius: 2px; background: rgb(23, 26, 37); transform: translateX(-50%);}
.ls-circle-home.ls-pc-mounted > .ls-shared-pc-shell .top-actions {justify-self: end; z-index: 2; padding-left: 22px; display: flex; align-items: center; justify-content: flex-end; gap: 10px;}
.ls-circle-home.ls-pc-mounted > .ls-shared-pc-shell .publish-btn {height: 34px; padding: 0px 18px; border: 0px; border-radius: 17px; background: var(--ls-pc-brand); color: rgb(255, 255, 255); font-weight: 780; box-shadow: rgba(91, 111, 242, 0.18) 0px 8px 18px;}
.ls-circle-home.ls-pc-mounted > .ls-shared-pc-shell .icon-btn {width: 30px; height: 30px; border: 0px; border-radius: 50%; display: grid; place-items: center; color: rgb(54, 60, 77); background: transparent;}
.ls-circle-home.ls-pc-mounted > .ls-shared-pc-shell .top-search-btn {width: 34px; height: 34px;}
.ls-circle-home.ls-pc-mounted > .ls-shared-pc-shell .icon-btn svg {width: 18px; height: 18px; fill: none; stroke: currentcolor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;}
.ls-circle-home.ls-pc-mounted > .ls-shared-pc-shell .icon-btn.has-dot {position: relative;}
.ls-circle-home.ls-pc-mounted > .ls-shared-pc-shell .icon-btn.has-dot::after {content: ""; position: absolute; right: 4px; top: 4px; width: 6px; height: 6px; border-radius: 50%; background: rgb(255, 77, 94); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px;}
.ls-circle-home.ls-pc-mounted > .ls-shared-pc-shell .avatar {width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(145deg, rgb(220, 228, 255), rgb(153, 176, 255));}
.ls-circle-home[data-ls-page="home-pc"] > .drawer, .ls-circle-home[data-ls-page="article-pc"] > .drawer, .ls-circle-home.ls-pc-mounted > .drawer, .ls-circle-home[data-ls-page="home-pc"] .workspace > .drawer {position: fixed; left: 0px; width: var(--ls-pc-sidebar-w); top: var(--header-h, 58px); height: calc(100vh - var(--header-h, 58px));}
.ls-circle-home.ls-pc-mounted > .drawer {z-index: 860; transform: translateX(-100%); transition: transform 0.28s; pointer-events: none;}
.ls-circle-home.ls-pc-mounted > .drawer.open {transform: translateX(0px);}
.ls-circle-home[data-ls-page="home-pc"] > .drawer .drawer-panel, .ls-circle-home[data-ls-page="article-pc"] > .drawer .drawer-panel, .ls-circle-home.ls-pc-mounted > .drawer .drawer-panel, .ls-circle-home[data-ls-page="home-pc"] .workspace > .drawer .drawer-panel {width: var(--ls-pc-sidebar-w); background: rgba(255, 255, 255, 0.98); border-right: 1px solid var(--ls-pc-line); box-shadow: rgba(31, 41, 77, 0.055) 16px 0px 36px;}
.ls-circle-home.ls-pc-mounted > .drawer .drawer-panel {height: 100%; padding: 18px 22px 28px; overflow-y: auto; pointer-events: auto;}
.ls-circle-home.ls-pc-mounted > .drawer-scrim {display: none;}
.ls-circle-home.ls-pc-mounted .drawer-link {min-height: 60px; padding: 0px 18px; border-radius: 16px; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: rgb(34, 39, 53); font-size: 16px; font-weight: 800; text-decoration: none; background: transparent;}
.ls-circle-home.ls-pc-mounted .drawer-link.active {color: rgb(34, 39, 53); background: transparent;}
.ls-circle-home.ls-pc-mounted .drawer-link:hover, .ls-circle-home.ls-pc-mounted .drawer-link.active:hover {background: rgb(247, 248, 251);}
.ls-circle-home.ls-pc-mounted .action-main {min-width: 0px; display: flex; align-items: center; gap: 16px;}
.ls-circle-home.ls-pc-mounted .drawer-icon {width: 22px; height: 22px; display: grid; place-items: center; flex: 0 0 auto; color: rgb(36, 42, 56);}
.ls-circle-home.ls-pc-mounted .drawer-icon svg {width: 22px; height: 22px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.ls-circle-home.ls-pc-mounted .drawer-link-meta {flex: 0 0 auto; color: rgb(127, 137, 157); font-size: 13px; font-weight: 760;}
.ls-circle-home.ls-pc-mounted .drawer-section {padding: 28px 0px; border-bottom: 1px solid rgb(237, 240, 246);}
.ls-circle-home[data-ls-page="home-pc"] > .drawer-rail, .ls-circle-home[data-ls-page="article-pc"] > .drawer-rail, .ls-circle-home.ls-pc-mounted > .drawer-rail {position: fixed; left: var(--ls-pc-sidebar-rail-x); top: var(--header-h, 58px); bottom: 0px; z-index: 880; width: 1px; height: auto; background: linear-gradient(transparent, rgb(223, 229, 240) 8%, rgb(223, 229, 240) 92%, transparent); pointer-events: none;}
.ls-circle-home[data-ls-page="home-pc"] > .drawer-rail.open, .ls-circle-home[data-ls-page="article-pc"] > .drawer-rail.open, .ls-circle-home.ls-pc-mounted > .drawer-rail.open {left: var(--ls-pc-sidebar-w);}
.ls-circle-home[data-ls-page="home-pc"] .drawer-toggle, .ls-circle-home[data-ls-page="article-pc"] .drawer-toggle, .ls-circle-home.ls-pc-mounted .drawer-toggle {position: absolute; left: 50%; right: auto; top: calc(50vh - var(--header-h, 58px) / 2 - 17px); width: 28px; height: 28px; padding: 0px; border: 1px solid rgb(220, 226, 239); border-radius: 50%; display: grid; place-items: center; color: rgb(111, 120, 144); background: rgb(255, 255, 255); box-shadow: rgba(31, 41, 77, 0.08) 0px 8px 18px; overflow: hidden; pointer-events: auto; transform: translateX(-50%);}
.ls-circle-home[data-ls-page="home-pc"] .drawer-toggle:hover, .ls-circle-home[data-ls-page="article-pc"] .drawer-toggle:hover, .ls-circle-home.ls-pc-mounted .drawer-toggle:hover {color: rgb(83, 104, 229); border-color: rgb(207, 215, 250);}
.ls-circle-home[data-ls-page="home-pc"] .drawer-toggle svg, .ls-circle-home[data-ls-page="article-pc"] .drawer-toggle svg, .ls-circle-home.ls-pc-mounted .drawer-toggle svg {position: absolute; width: 12px; height: 12px; fill: currentcolor; stroke: none; transition: opacity 0.18s, transform 0.18s;}
.ls-circle-home[data-ls-page="home-pc"] .drawer-toggle .toggle-menu-icon, .ls-circle-home[data-ls-page="article-pc"] .drawer-toggle .toggle-menu-icon, .ls-circle-home.ls-pc-mounted .drawer-toggle .toggle-menu-icon {opacity: 1; transform: translateX(1px);}
.ls-circle-home[data-ls-page="home-pc"] .drawer-toggle .toggle-close-icon, .ls-circle-home[data-ls-page="article-pc"] .drawer-toggle .toggle-close-icon, .ls-circle-home.ls-pc-mounted .drawer-toggle .toggle-close-icon {opacity: 0; transform: translateX(-1px);}
.ls-circle-home[data-ls-page="home-pc"] .drawer-rail.open .toggle-menu-icon, .ls-circle-home[data-ls-page="article-pc"] .drawer-rail.open .toggle-menu-icon, .ls-circle-home.ls-pc-mounted .drawer-rail.open .toggle-menu-icon {opacity: 0;}
.ls-circle-home[data-ls-page="home-pc"] .drawer-rail.open .toggle-close-icon, .ls-circle-home[data-ls-page="article-pc"] .drawer-rail.open .toggle-close-icon, .ls-circle-home.ls-pc-mounted .drawer-rail.open .toggle-close-icon {opacity: 1;}
.ls-circle-home.ls-pc-mounted > .guide-modal, .ls-circle-home.ls-pc-mounted > .lightbox {z-index: 1000;}
@media (max-width: 980px) {
.ls-circle-home[data-ls-page="home-pc"] > .drawer-rail, .ls-circle-home[data-ls-page="article-pc"] > .drawer-rail, .ls-circle-home.ls-pc-mounted > .drawer-rail {display: none;}
}

/* 宿主页头保留原生 DOM 与行为，调整为原型的尺寸和位置。 */
body.ls-circle-home-active{margin:0;padding-top:58px!important;background:#fff;color:#171a25;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--header-h:58px;--ls-primary:#5b6ff2}
body.ls-circle-home-active .ls-header{position:fixed;left:0;right:0;top:0;height:58px;background:rgba(255,255,255,.96);border-bottom:1px solid #eceff4;backdrop-filter:blur(12px);z-index:900}
body.ls-circle-home-active .ls-header-inner{width:100%;max-width:none;height:100%;padding:0 24px 0 0;display:flex;align-items:center;justify-content:space-between;position:relative;gap:0}
body.ls-circle-home-active .ls-header-left{width:300px;height:100%;flex-shrink:0;justify-content:center;gap:0}
body.ls-circle-home-active .ls-logo{gap:12px;margin:0;font-size:18px;font-weight:900}
body.ls-circle-home-active .ls-logo-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#7185ff,#5066eb)!important;box-shadow:0 7px 18px rgba(82,103,231,.18);color:#fff}
body.ls-circle-home-active .ls-logo-img,body.ls-circle-home-active .ls-logo-svg{max-height:34px}
body.ls-circle-home-active .ls-logo-text{font-size:18px;font-weight:900;letter-spacing:-.02em}
body.ls-circle-home-active .ls-main-nav{position:absolute;left:calc(50% - 514px);width:700px;height:100%;display:flex;align-items:center;justify-content:center;gap:40px}
body.ls-circle-home-active .ls-nav-item>a{height:58px;display:flex;align-items:center;padding:0;font-size:14px;font-weight:700;color:#687083}
body.ls-circle-home-active .ls-nav-item:first-child>a{color:#171a25}
body.ls-circle-home-active .ls-nav-item:first-child>a::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:24px;height:3px;background:#171a25;border-radius:3px}
body.ls-circle-home-active .ls-header-right{gap:14px;flex-shrink:0;margin-left:auto}
body.ls-circle-home-active .ls-create-btn{height:34px;padding:0 18px;border-radius:18px;background:#5b6ff2;font-weight:780;box-shadow:0 8px 18px rgba(91,111,242,.18)}
body.ls-circle-home-active .ls-icon-btn{width:30px;height:30px;border:0;background:transparent;color:#687083}
body.ls-circle-home-active .ls-user-trigger>.ls-avatar{width:30px;height:30px}
body.ls-circle-home-active .ls-user-trigger>.ri-arrow-down-s-line{display:none}
body.ls-circle-home-active .ls-header .ls-avatar img{width:100%;height:100%;object-fit:cover}
body.ls-circle-home-active .ls-auth-btns .ls-register-btn{border-radius:18px}
.ls-circle-home{padding-top:0!important;min-height:calc(100vh - 58px)}
.ls-circle-home [hidden]{display:none!important}
.ls-circle-home .workspace{min-height:calc(100vh - 58px)}
.ls-circle-home .home-status{padding:64px 16px;text-align:center;color:#8f97aa}
.ls-circle-home .home-header-error{padding:12px 24px;text-align:center;background:#fff6e8;color:#8c5e1c;font-size:13px}
.ls-circle-home .home-header-error button{margin-left:16px;padding:6px 12px;border:0;border-radius:12px;background:#fff;color:inherit}
.ls-circle-home .home-status button,.ls-circle-home .home-load>button{padding:10px 24px;border:0;border-radius:18px;background:#eef1ff;color:#5b6ff2}
.ls-circle-home .home-load{padding:24px;text-align:center;color:#8f97aa;font-size:13px}
.ls-circle-home .home-muted{font-size:12px;line-height:1.8;color:#9098aa;margin:16px 0}
.ls-circle-home .home-text-button{background:transparent;border:0;padding:0;cursor:pointer}
.ls-circle-home .post-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.ls-circle-home .post-avatar::before,.ls-circle-home .post-avatar::after{display:none}
.ls-circle-home .home-badges{display:inline-flex;gap:5px;align-items:center}
.ls-circle-home .home-badges img{max-height:18px;width:auto}
.ls-circle-home .home-badges>span{border-radius:7px;font-size:11px;padding:2px 7px}
.ls-circle-home .post-main{position:relative}
.ls-circle-home .home-single-media{display:block;overflow:hidden}
.ls-circle-home .home-single-media img{width:100%;height:100%;object-fit:cover}
.ls-circle-home .home-gallery-card{background:#f6f8fc}
.ls-circle-home .home-gallery-card::before,.ls-circle-home .home-gallery-card::after{display:none}
.ls-circle-home .home-gallery-card img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.ls-circle-home .gallery-arrow{font-size:24px}
.ls-circle-home .home-liked{color:#5b6ff2}
.ls-circle-home .home-access-note{display:block;margin-top:16px;padding:14px;border-radius:12px;background:#f6f8fc;color:#687083;font-size:13px}
.ls-circle-home .post>.ls-comment-box{grid-column:2;min-width:0;width:100%;margin-top:12px}
.ls-circle-home .home-more-menu{position:absolute;z-index:30;right:0;bottom:38px;display:grid;min-width:140px;padding:6px;background:#fff;border:1px solid #eceff4;border-radius:12px;box-shadow:0 6px 30px #171a251a}
.ls-circle-home .home-more-menu a,.ls-circle-home .home-more-menu button{padding:10px 14px;text-align:left;background:transparent;border:0;border-radius:8px;font-size:13px}
.ls-circle-home .home-more-menu a:hover,.ls-circle-home .home-more-menu button:hover{background:#f6f8fc}
.ls-circle-home #sidebar_index_left,.ls-circle-home #sidebar_index_right{padding-top:18px}
@media(max-width:1120px){
body.ls-circle-home-active .ls-header-left{width:220px}
body.ls-circle-home-active .ls-main-nav{left:220px;width:calc(100% - 550px);gap:24px}
}
@media(max-width:760px){
body.ls-circle-home-active .ls-header-inner{padding:0 12px}
body.ls-circle-home-active .ls-header-left{width:auto;justify-content:flex-start}
body.ls-circle-home-active .ls-main-nav{display:none}
body.ls-circle-home-active .ls-header-right{gap:8px}
.ls-circle-home .post>.ls-comment-box{grid-column:1 / -1}
}

/* 首页公共页头与侧栏。样式仅在本模块启用时生效。 */
body.ls-circle-home-active .ls-header-inner{padding:0!important;display:block!important}
body.ls-circle-home-active .ls-header-left{position:absolute;left:0;top:0;width:300px!important;display:flex;align-items:center;justify-content:center!important}
body.ls-circle-home-active .ls-header-right{display:none!important}
body.ls-circle-home-active .home-header-search{position:absolute;left:50%;top:9px;transform:translateX(-50%);width:min(560px,calc(100% - 660px));height:40px;display:flex;align-items:center;background:#f5f6f8;border:1px solid transparent;border-radius:22px;padding:0 8px 0 18px;gap:8px}
body.ls-circle-home-active .home-header-search:focus-within{border-color:#bcc5ff;background:#fff;box-shadow:0 0 0 3px #5b6ff210}
body.ls-circle-home-active .home-header-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#343c50;font:inherit;font-size:14px}
body.ls-circle-home-active .home-header-search input::placeholder{color:#9ba3b3}
body.ls-circle-home-active .home-header-search button{width:30px;height:30px;flex-shrink:0;border:0;border-radius:50%;background:#e9ecf2;color:#778096;font-size:18px;cursor:pointer}
body.ls-circle-home-active .ls-circle-home{--home-side-width:300px}
body.ls-circle-home-active .ls-circle-home.home-side-collapsed{--home-side-width:64px}
body.ls-circle-home-active .ls-circle-home .workspace{width:min(1120px,calc(100% - var(--home-side-width)))!important;max-width:none;gap:46px;margin-left:max(var(--home-side-width),calc(50% - 560px))!important;margin-right:0!important;box-sizing:border-box}
body.ls-circle-home-active .ls-circle-home .workspace > .drawer{width:var(--home-side-width)!important;left:0!important;transform:none!important;z-index:860!important;pointer-events:auto!important;transition:width .2s}
body.ls-circle-home-active .ls-circle-home .workspace > .drawer .drawer-panel{width:100%!important;height:100%;display:flex;flex-direction:column;padding:0!important;overflow:visible!important;box-shadow:none!important;border-right:1px solid #eceff4;background:#fff}
body.ls-circle-home-active .ls-circle-home .home-side-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:22px 22px 14px;scrollbar-width:thin}
body.ls-circle-home-active .ls-circle-home .drawer-rail,body.ls-circle-home-active .ls-circle-home .drawer-rail.open{display:block!important;left:var(--home-side-width)!important;width:1px!important;z-index:880!important}
body.ls-circle-home-active .ls-circle-home .drawer-toggle{width:28px;height:28px;left:50%!important;right:auto!important}
body.ls-circle-home-active .ls-circle-home .drawer-scrim{display:none!important}
body.ls-circle-home-active .ls-circle-home .home-shell-item{position:relative;width:100%;margin:0;flex-shrink:0}
body.ls-circle-home-active .ls-circle-home .home-shell-trigger,body.ls-circle-home-active .ls-circle-home .ls-auth-btns>a,body.ls-circle-home-active .ls-circle-home .ls-main-nav .ls-nav-item>a{width:100%;min-height:48px;display:flex;align-items:center;gap:14px;padding:0 14px;border:0;border-radius:13px;background:transparent;font-size:15px;font-weight:650;color:#4e586e;text-decoration:none;cursor:pointer;box-sizing:border-box}
body.ls-circle-home-active .ls-circle-home .home-shell-trigger:hover,body.ls-circle-home-active .ls-circle-home .ls-auth-btns>a:hover,body.ls-circle-home-active .ls-circle-home .ls-main-nav .ls-nav-item>a:hover{background:#f5f6fa}
body.ls-circle-home-active .ls-circle-home .home-shell-trigger:focus-visible,body.ls-circle-home-active .ls-circle-home .ls-main-nav a:focus-visible,body.ls-circle-home-active .ls-circle-home .home-nav-expand:focus-visible{outline:2px solid #8d9cff;outline-offset:2px}
body.ls-circle-home-active .ls-circle-home [data-home-account]{margin-bottom:18px}
body.ls-circle-home-active .ls-circle-home .ls-user-trigger{padding:8px 12px!important;min-height:62px}
body.ls-circle-home-active .ls-circle-home .ls-user-trigger .ls-avatar{width:40px;height:40px;flex-shrink:0}
body.ls-circle-home-active .ls-circle-home .ls-user-trigger .ls-avatar img{width:100%;height:100%;object-fit:cover}
body.ls-circle-home-active .ls-circle-home .home-account-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#242c3d;font-weight:750}
body.ls-circle-home-active .ls-circle-home .ls-create-btn{justify-content:center;min-height:46px;color:#fff;background:#5b6ff2;border-radius:15px;font-size:16px;box-shadow:0 6px 16px #5b6ff21a}
body.ls-circle-home-active .ls-circle-home .ls-create-btn:hover{background:#4b5fdc}
body.ls-circle-home-active .ls-circle-home .home-shell-trigger>i,body.ls-circle-home-active .ls-circle-home .ls-main-nav .ls-nav-icon{font-size:22px;width:24px;flex-shrink:0;text-align:center}
body.ls-circle-home-active .ls-circle-home .ls-main-nav{display:grid;gap:5px;position:static;width:100%;height:auto;margin:0;padding:0;justify-content:stretch;align-items:stretch;grid-template-columns:minmax(0,1fr)}
body.ls-circle-home-active .ls-circle-home .ls-main-nav .ls-nav-item{display:block;height:auto}
body.ls-circle-home-active .ls-circle-home .ls-main-nav .ls-nav-item>a{height:48px!important;justify-content:flex-start;padding:0 14px;font-weight:650}
body.ls-circle-home-active .ls-circle-home .ls-main-nav .ls-nav-item>a::after{display:none!important}
body.ls-circle-home-active .ls-circle-home .ls-main-nav .home-nav-current>a{background:#eef1ff;color:#5b6ff2}
body.ls-circle-home-active .ls-circle-home .home-nav-expand{position:absolute;right:3px;top:9px;min-height:30px;width:30px;padding:0;justify-content:center;font-size:16px}
body.ls-circle-home-active .ls-circle-home .ls-main-nav .ls-arrow{display:none}
body.ls-circle-home-active .ls-circle-home .ls-messages>.home-shell-trigger,body.ls-circle-home-active .ls-circle-home .ls-notifications>.home-shell-trigger{position:relative;height:48px}
body.ls-circle-home-active .ls-circle-home .ls-count-badge{position:static;flex-shrink:0;margin-left:auto;transform:none;min-width:20px;height:20px;line-height:20px;background:#eef1ff;color:#5b6ff2;font-size:11px;font-weight:750}
body.ls-circle-home-active .ls-circle-home .home-shell-item>.ls-hd-dropdown{display:none!important;position:fixed!important;left:var(--home-panel-left,308px)!important;right:auto!important;top:var(--home-panel-top,80px)!important;bottom:auto!important;transform:none!important;opacity:0!important;visibility:hidden!important;z-index:950!important;max-height:calc(100vh - 82px);max-width:calc(100vw - 24px);overflow:auto;transition:none!important}
body.ls-circle-home-active .ls-circle-home .home-shell-item.home-panel-open>.ls-hd-dropdown{display:block!important;opacity:1!important;visibility:visible!important}
body.ls-circle-home-active .ls-circle-home .home-shell-item>.ls-hd-dropdown::before{display:none}
body.ls-circle-home-active .ls-circle-home.home-side-collapsed .home-side-scroll{padding:18px 8px}
body.ls-circle-home-active .ls-circle-home.home-side-collapsed .home-item-text,body.ls-circle-home-active .ls-circle-home.home-side-collapsed .ls-user-trigger>i,body.ls-circle-home-active .ls-circle-home.home-side-collapsed .ls-nav-badge,body.ls-circle-home-active .ls-circle-home.home-side-collapsed .home-nav-expand{display:none!important}
body.ls-circle-home-active .ls-circle-home.home-side-collapsed .home-shell-trigger,body.ls-circle-home-active .ls-circle-home.home-side-collapsed .ls-auth-btns>a,body.ls-circle-home-active .ls-circle-home.home-side-collapsed .ls-main-nav .ls-nav-item>a{width:48px!important;min-height:48px;padding:0!important;justify-content:center!important;gap:0}
body.ls-circle-home-active .ls-circle-home.home-side-collapsed .ls-user-trigger{min-height:48px;padding:0!important}
body.ls-circle-home-active .ls-circle-home.home-side-collapsed .ls-user-trigger .ls-avatar{width:34px;height:34px}
body.ls-circle-home-active .ls-circle-home.home-side-collapsed .ls-create-btn{border-radius:14px}
body.ls-circle-home-active .ls-circle-home.home-side-collapsed .ls-count-badge{position:absolute;right:-2px;top:3px;margin:0;font-size:9px;min-width:16px;height:16px;line-height:16px;border:2px solid #fff}
@media(max-width:1100px){body.ls-circle-home-active .ls-circle-home .workspace{padding:12px 26px 0!important;grid-template-columns:minmax(0,1fr)!important}body.ls-circle-home-active .ls-circle-home .rightbar{display:none}body.ls-circle-home-active .home-header-search{width:min(500px,calc(100% - 370px));left:calc(50% + 100px)}}
@media(max-width:760px){body.ls-circle-home-active .ls-header-left{width:150px!important;justify-content:flex-start!important;padding-left:18px}body.ls-circle-home-active .ls-logo{gap:8px;font-size:15px}body.ls-circle-home-active .ls-logo-icon{width:28px;height:28px}body.ls-circle-home-active .home-header-search{left:auto;right:12px;transform:none;width:calc(100% - 176px)}body.ls-circle-home-active .home-header-search input{font-size:12px}body.ls-circle-home-active .ls-circle-home .workspace{padding:12px 18px 0!important}body.ls-circle-home-active .ls-circle-home .workspace>.drawer{width:64px!important}body.ls-circle-home-active .ls-circle-home:not(.home-side-collapsed) .workspace>.drawer{width:300px!important}body.ls-circle-home-active .ls-circle-home:not(.home-side-collapsed) .workspace{margin-left:64px!important;width:calc(100% - 64px)!important}body.ls-circle-home-active .ls-circle-home .drawer-toggle{top:30px!important}}

body.ls-circle-home-active .ls-circle-home .rightbar{transform:none}
body.ls-circle-home-active .ls-circle-home .ls-user-trigger>i{display:block;margin-left:auto}

/* 右栏只显示后台所配置的小工具，空容器不占列。 */
body.ls-circle-home-active .ls-circle-home.home-right-empty .workspace{grid-template-columns:minmax(0,700px);gap:0}
body.ls-circle-home-active .ls-circle-home #sidebar_index_right{padding-top:0}
body.ls-circle-home-active .ls-circle-home #sidebar_index_right>.ls-sidebar-wrap{margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}

/* 帖子定位及标题关闭后的正文入口。 */
body.ls-circle-home-active .ls-circle-home .post.ls-post-item{position:relative;background-color:#fff;box-shadow:none}
body.ls-circle-home-active .ls-circle-home .post-copy>.post-text:first-child{margin-top:14px}
body.ls-circle-home-active .ls-circle-home .home-summary-link{display:block;color:inherit;text-decoration:none;overflow-wrap:anywhere}
body.ls-circle-home-active .ls-circle-home .home-summary-link:focus-visible{outline:2px solid #8d9cff;outline-offset:3px;border-radius:3px}

/* 侧栏按官方小工具顺序输出；未配置时不生成默认内容。 */
body.ls-circle-home-active .ls-circle-home .home-shell-parking{display:none!important}
body.ls-circle-home-active .ls-circle-home #sidebar_index_left{display:grid;gap:18px;min-width:0}
body.ls-circle-home-active .ls-circle-home #sidebar_index_left[hidden]{display:none}
body.ls-circle-home-active .ls-circle-home #sidebar_index_left>.ls-sidebar-wrap{margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;min-width:0}

/* 阶段 1：1280px 以上的首页骨架。前面的旧布局规则保留，由本段停用。 */
.ls-circle-home.home-stage-one {
 --ink:#16181D; --text-2:#4B5160; --text-3:#6B7280; --text-4:#7A808C;
 --brand:#5468F0; --brand-deep:#3646B8; --brand-soft:#EEF0FD; --brand-line:#A9B4FF;
 --line:#ECEDF1; --border:#E6E8ED; --fill:#F3F4F7; --fill-2:#F7F8FA; --alert:#F05454;
 --home-rank-muted:#B7BCC7;
 --medal-gold:#E8A317; --medal-silver:#9AA3B2; --medal-bronze:#C27C4E;
 --link:#4A5BD9; --panel:#fff;
 --publish-divider:#F0F1F4; --publish-article:#F59F00; --publish-video:#E64980; --publish-vote:#7048E8;
 --publish-greeting-size:26px;
 --home-side-width:248px; --home-side-collapsed-width:72px;
 --content-max:1100px; --feed-max:660px; --right-width:300px; --content-gap:24px; --content-top:44px;
 --control-radius:10px; --font-logo:19px; --font-control:14px;
 --weight-logo:800; --motion-drawer:.2s ease; --motion-hover:.15s;
 --home-font:'PingFang SC','Microsoft YaHei','Noto Sans SC',system-ui,sans-serif;
}

 body.ls-circle-home-active:where(.home-layout-desktop) {padding-top:0!important;margin:0;background:#fff;font-family:'PingFang SC','Microsoft YaHei','Noto Sans SC',system-ui,sans-serif}
 body.ls-circle-home-active:where(.home-layout-desktop) .ls-header {display:none!important}
 body.ls-circle-home-active:where(.home-layout-desktop) .ls-circle-home.home-stage-one.home-side-collapsed {--home-side-width:var(--home-side-collapsed-width)}
 body.ls-circle-home-active:where(.home-layout-desktop) .ls-circle-home.home-stage-one .home-drawer-head {display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;margin-bottom:18px}
 body.ls-circle-home-active:where(.home-layout-desktop) .ls-circle-home.home-stage-one .home-drawer-brand {display:flex;align-items:center;gap:10px;min-width:0;color:var(--ink)}
 body.ls-circle-home-active:where(.home-layout-desktop) .ls-circle-home.home-stage-one .home-brand-mark {display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:var(--control-radius);background:var(--ink);color:var(--brand-line)}
 body.ls-circle-home-active:where(.home-layout-desktop) .ls-circle-home.home-stage-one .home-brand-mark svg {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 body.ls-circle-home-active:where(.home-layout-desktop) .ls-circle-home.home-stage-one .home-brand-name {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-logo);font-weight:var(--weight-logo)}
 body.ls-circle-home-active:where(.home-layout-desktop) .ls-circle-home.home-stage-one .drawer-toggle {position:static!important;display:grid;place-items:center;flex:0 0 34px;width:34px!important;height:34px!important;min-height:0;left:auto!important;right:auto!important;top:auto!important;transform:none!important;border:0;border-radius:var(--control-radius);padding:0;color:var(--text-3);background:transparent;box-shadow:none;transition:background var(--motion-hover)}
 body.ls-circle-home-active:where(.home-layout-desktop) .ls-circle-home.home-stage-one .drawer-toggle:hover {background:var(--fill)}
 body.ls-circle-home-active:where(.home-layout-desktop) .ls-circle-home.home-stage-one .drawer-toggle svg {position:static;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform:none}
 body.ls-circle-home-active:where(.home-layout-desktop) .ls-circle-home.home-stage-one .home-drawer-search {display:flex;align-items:center;gap:10px;flex-shrink:0;width:100%;height:40px;padding:0 12px;border:0;border-radius:var(--control-radius);background:var(--fill);color:var(--text-3);font-size:var(--font-control);transition:background var(--motion-hover)}
 body.ls-circle-home-active:where(.home-layout-desktop) .ls-circle-home.home-stage-one .home-drawer-search svg {width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
 body.ls-circle-home-active:where(.home-layout-desktop) .ls-circle-home.home-stage-one .home-drawer-brand:focus-visible,body.ls-circle-home-active:where(.home-layout-desktop) .ls-circle-home.home-stage-one .drawer-toggle:focus-visible,body.ls-circle-home-active:where(.home-layout-desktop) .ls-circle-home.home-stage-one .home-drawer-search:focus-visible {outline:2px solid var(--brand);outline-offset:3px}
 body.ls-circle-home-active:where(.home-layout-desktop) .ls-circle-home.home-stage-one.home-side-collapsed .home-drawer-head {flex-direction:column;gap:16px}
 body.ls-circle-home-active:where(.home-layout-desktop) .ls-circle-home.home-stage-one.home-side-collapsed .home-brand-name,body.ls-circle-home-active:where(.home-layout-desktop) .ls-circle-home.home-stage-one.home-side-collapsed .home-search-label {display:none}
 body.ls-circle-home-active:where(.home-layout-desktop) .ls-circle-home.home-stage-one.home-side-collapsed .home-toggle-arrow {transform:translateX(28px) scaleX(-1)}
 body.ls-circle-home-active:where(.home-layout-desktop) .ls-circle-home.home-stage-one.home-side-collapsed .home-drawer-search {width:44px;padding:0;justify-content:center}
 body.ls-circle-home-active:where(.home-layout-desktop) .ls-circle-home.home-stage-one.home-side-collapsed .home-shell-trigger,body.ls-circle-home-active:where(.home-layout-desktop) .ls-circle-home.home-stage-one.home-side-collapsed .ls-auth-btns>a {width:44px!important}


/* 阶段 2：首页专用小工具的固定容器；右栏保持原挂载位置。 */
.ls-circle-home.home-stage-two{--home-scroll-thumb:#D5D8DF;--home-short-line:#E2E4EA;--home-login-line:#DDE0E6;--home-key-line:#DDDFE5;--home-font-icon:24px;--home-font-plus:22px;--home-font-action:19px;--home-font-name:15px;--home-font-caption:13px;--home-font-label:12px;--home-font-count:11px;--home-font-badge:10px;--home-row-radius:12px;--home-card-radius:14px}
body.ls-circle-home-active .ls-circle-home.home-stage-two #sidebar_index_left{display:flex;flex-direction:column;gap:0;flex:1;min-height:0;height:100%;padding:0}
body.ls-circle-home-active .ls-circle-home.home-stage-two .home-side-scroll{display:flex;flex:1;min-height:0;margin-top:0;padding:0!important;overflow:visible}
body.ls-circle-home-active .ls-circle-home.home-stage-two #home_drawer_quicklinks{flex:0 0 auto}
body.ls-circle-home-active .ls-circle-home.home-stage-two #home_drawer_circles{display:flex;flex:1;min-height:0;margin-top:20px}
body.ls-circle-home-active .ls-circle-home.home-stage-two #home_drawer_circles>.ls-sidebar-wrap{display:flex;flex:1;min-height:0}
body.ls-circle-home-active .ls-circle-home.home-stage-two #home_drawer_circles .home-circles{width:100%}
body.ls-circle-home-active .ls-circle-home.home-stage-two #home_drawer_account{flex:0 0 auto;margin-top:14px;margin-bottom:10px}
body.ls-circle-home-active .ls-circle-home.home-stage-two #home_drawer_account:has(.home-login-card){margin-top:24px}
body.ls-circle-home-active .ls-circle-home.home-stage-two #sidebar_index_left .ls-sidebar-wrap{margin:0;padding:0;min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body.ls-circle-home-active .ls-circle-home.home-stage-two .home-search-label{flex:1;text-align:left}
body.ls-circle-home-active .ls-circle-home.home-stage-two .home-search-key{display:grid;place-items:center;width:20px;height:22px;margin:0;border:1px solid var(--home-key-line);border-radius:6px;background:var(--panel);color:var(--text-3);font:inherit;font-size:12px}
body.ls-circle-home-active .ls-circle-home.home-stage-two.home-side-collapsed .home-search-key{display:none}

/* 中栏与右栏的内部排列和顶部留白保持现状。 */
 body.ls-circle-home-active:where(.home-layout-desktop) .ls-circle-home.home-stage-one .feed {flex:0 1 var(--feed-max);width:var(--feed-max);max-width:var(--feed-max);min-width:0;padding:var(--content-top) 0 0}
 body.ls-circle-home-active:where(.home-layout-desktop) .ls-circle-home.home-stage-one .rightbar {display:block!important;flex:0 0 var(--right-width);width:var(--right-width);padding:var(--content-top) 0 0;transform:none}
 body.ls-circle-home-active:where(.home-layout-desktop) .ls-circle-home.home-stage-one .rightbar[hidden] {visibility:hidden}


/* 阶段 4d：保留贴边面板、内部滚动与个人区贴底；阶段 4e 将展开宽度改为272px。 */
@media(min-width:768px){
.ls-circle-home.home-stage-one.home-stage-two{--home-side-width:272px;padding-top:0!important;min-height:100vh;scroll-padding-top:16px;font-family:var(--home-font);color:var(--ink);background:var(--panel)}
.ls-circle-home.home-stage-one.home-stage-two .workspace{display:grid!important;align-items:start;width:100%!important;max-width:none!important;min-height:100vh;margin:0!important;padding:0!important;gap:0!important;overflow:visible}
.ls-circle-home.home-stage-one.home-stage-two .workspace>.drawer{position:fixed!important;left:0!important;top:0!important;bottom:auto;width:var(--home-side-width)!important;max-width:none;height:100vh!important;min-height:0;margin:0;transform:none!important;pointer-events:auto!important;z-index:50!important;transition:width var(--motion-drawer)}
.ls-circle-home.home-stage-one.home-stage-two .workspace>.drawer .drawer-panel{position:relative;width:100%!important;height:100%;display:flex;flex-direction:column;padding:18px 14px 14px!important;overflow:visible!important;scrollbar-gutter:auto;border:0!important;border-right:1px solid var(--line)!important;border-radius:0;box-shadow:none!important;background:var(--panel)}
.ls-circle-home.home-stage-one.home-stage-two.home-side-collapsed .workspace>.drawer .drawer-panel{padding:18px 13px 14px!important}
.ls-circle-home.home-stage-one.home-stage-two .drawer-panel .home-side-scroll{display:block;flex:1;min-height:0;margin-top:0;padding:0!important;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
/* 169 = 圈子区上间距20 + 分隔线1 + 上内边距16 + 标题28 + 间距8 + 列表96。 */
.ls-circle-home.home-stage-one.home-stage-two .home-drawer-stack{display:grid;height:100%;grid-template-rows:auto auto auto minmax(169px,1fr)}
.ls-circle-home.home-stage-one.home-stage-two .home-drawer-stack .home-circle-list{min-height:96px}
/* 收起时圈子区为上间距20 + 短线1 + 下间距16 + 列表96。 */
.ls-circle-home.home-stage-one.home-stage-two.home-side-collapsed .home-drawer-stack{grid-template-rows:auto auto auto minmax(133px,1fr)}
}
/* 768–1279px 沿用4d的剩余空间居中；1100px上限只在这个区间使用。 */
@media(min-width:768px) and (max-width:1279px){
.ls-circle-home.home-stage-one.home-stage-two .workspace{grid-template-columns:var(--home-drawer-slot) minmax(0,1fr)!important}
.ls-circle-home.home-stage-one.home-stage-two .home-content-group{grid-column:2;grid-row:1;display:flex;align-items:flex-start;justify-content:space-evenly;column-gap:var(--content-gap);min-width:0;width:calc(100% - 48px);max-width:var(--content-max);margin:0 auto;padding:0}
}
@media(min-width:1024px) and (max-width:1279px){
.ls-circle-home.home-stage-one.home-stage-two{--home-drawer-slot:var(--home-side-width)}
.ls-circle-home.home-stage-one.home-stage-two .workspace{transition:grid-template-columns var(--motion-drawer)}
.ls-circle-home.home-stage-one.home-stage-two .rightbar{display:none!important}
}
@media(min-width:768px) and (max-width:1023px){
.ls-circle-home.home-stage-one.home-stage-two{--home-drawer-slot:72px}
.ls-circle-home.home-stage-one.home-stage-two .rightbar{display:none!important}
.ls-circle-home.home-stage-one.home-stage-two:not(.home-side-collapsed) .workspace>.drawer .drawer-panel{box-shadow:0 8px 24px rgba(22,24,29,.12)!important}
}
/* 阶段 4e：百分比取所在容器的可用宽度；1352=272+760+320，720=272+320+4×32。 */
@media(min-width:1280px){
.ls-circle-home.home-stage-one.home-stage-two{--feed-max:760px;--right-width:320px;--home-layout-gap:clamp(32px,calc((100% - 1352px)/4),140px);--home-layout-edge:max(var(--home-layout-gap),calc((100% - 1632px)/2))}
.ls-circle-home.home-stage-one.home-stage-two .workspace{grid-template-columns:var(--home-layout-edge) 272px var(--home-layout-gap) min(760px,calc(100% - 720px)) var(--home-layout-gap) 320px var(--home-layout-edge)!important}
.ls-circle-home.home-stage-one.home-stage-two .home-content-group{display:contents}
.ls-circle-home.home-stage-one.home-stage-two .workspace .feed{grid-column:4;grid-row:1;width:100%;max-width:var(--feed-max)}
.ls-circle-home.home-stage-one.home-stage-two .workspace .rightbar{grid-column:6;grid-row:1}
.ls-circle-home.home-stage-one.home-stage-two .workspace>.drawer{left:var(--home-layout-edge)!important}
/* 内容区保留自身宽度和内边距；固定伪元素只把白底向左补到窗口边缘。 */
.ls-circle-home.home-stage-one.home-stage-two .workspace>.drawer::before{content:"";position:fixed;left:0;top:0;width:var(--home-layout-edge);height:100vh;background:var(--panel);pointer-events:none}
}

/* 阶段 3a：问候语与发布框，所有新增规则限定在首页根节点内。 */
.ls-circle-home .home-greeting{margin-bottom:18px}
.ls-circle-home .home-greeting h1{margin:0;font-size:var(--publish-greeting-size);font-weight:800;line-height:1.3;color:var(--ink);overflow-wrap:anywhere}
.ls-circle-home .home-greeting p{margin:8px 0 0;font-size:var(--font-control);color:var(--text-3)}
.ls-circle-home .home-publisher{width:100%;margin-bottom:12px;border:1px solid var(--border);border-radius:16px;background:var(--panel);overflow:hidden}
.ls-circle-home .home-publisher[hidden]{display:none!important}
.ls-circle-home .home-publish-input-row{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 10px}
.ls-circle-home .home-publish-avatar{flex:0 0 36px;width:36px;height:36px;border-radius:10px;object-fit:cover;background:var(--fill)}
.ls-circle-home .home-publish-input{flex:1;min-width:0}
.ls-circle-home .home-publish-input .ls-editor,.ls-circle-home .home-publish-input textarea{display:block;width:100%;min-height:56px;max-height:240px;padding:5px 0;border:0;background:var(--panel);color:var(--ink);font:inherit;font-size:var(--home-font-name);line-height:1.6}
.ls-circle-home .home-publish-input .ls-editor:empty:before{color:var(--text-4)}
.ls-circle-home .home-publish-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:0 20px 14px 68px}
.ls-circle-home .home-publish-tools,.ls-circle-home .home-publish-actions{display:flex;align-items:center;gap:6px}
.ls-circle-home .home-publish-actions{margin-left:auto;gap:12px}
.ls-circle-home .home-publish-tool{position:relative;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:var(--panel);color:var(--text-2);cursor:pointer}
.ls-circle-home .home-publish-tool:hover{background:var(--fill)}
.ls-circle-home .home-publisher svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ls-circle-home .home-publish-tool svg{width:19px;height:19px}
.ls-circle-home .home-publish-tool .ls-required-dot{position:absolute;top:4px;right:4px;width:5px;height:5px;border-radius:50%;background:var(--alert)}
.ls-circle-home .home-publish-circle{padding:6px 0;border:0;background:var(--panel);color:var(--text-3);font:inherit;font-size:var(--home-font-caption);cursor:pointer}
.ls-circle-home .home-publish-submit{height:36px;padding:0 18px;border:0;border-radius:18px;background:var(--brand-soft);color:var(--brand-deep);font:inherit;font-size:var(--font-control);font-weight:700;white-space:nowrap;cursor:pointer}
.ls-circle-home .home-publish-submit.has-content{background:var(--brand);color:var(--panel)}
.ls-circle-home .home-publish-submit:disabled{cursor:wait}
.ls-circle-home .home-publish-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--publish-divider)}
.ls-circle-home .home-publish-links a{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;color:var(--text-2);font-size:var(--font-control);text-decoration:none}
.ls-circle-home .home-publish-links a:hover{background:var(--fill)}
.ls-circle-home .home-publish-link-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;color:var(--panel)}
.ls-circle-home .home-publish-link-icon svg{width:14px;height:14px}
.ls-circle-home .home-publish-article{background:var(--publish-article)}
.ls-circle-home .home-publish-video{background:var(--publish-video)}
.ls-circle-home .home-publish-vote{background:var(--publish-vote)}
.ls-circle-home .home-publish-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 20px 10px 68px}
.ls-circle-home .home-publish-tags:empty,.ls-circle-home .home-publish-images:empty{display:none}
.ls-circle-home .home-publish-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:6px;background:var(--brand-soft);color:var(--brand-deep);font-size:var(--home-font-caption)}
.ls-circle-home .home-publish-tag button{border:0;padding:2px;background:var(--brand-soft);color:inherit;font:inherit;cursor:pointer}
.ls-circle-home .home-publish-images{display:flex;flex-wrap:wrap;gap:8px;margin:0 20px 12px 68px;padding:0;list-style:none}
.ls-circle-home .home-publish-images li{position:relative;width:76px;height:76px;border-radius:8px;overflow:hidden}
.ls-circle-home .home-publish-images li img{width:100%;height:100%;object-fit:cover}
.ls-circle-home .home-publish-images .close{position:absolute;top:2px;right:2px;display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:6px;background:var(--panel);color:var(--text-2);cursor:pointer}
.ls-circle-home .home-publisher :is(button,a,[role="button"]):focus-visible{outline:2px solid var(--brand)!important;outline-offset:2px}
.ls-circle-home .home-publisher .home-publish-links a:focus-visible{outline-offset:-3px}
.ls-circle-home .home-publisher .home-publish-images .close:focus-visible{outline-offset:-2px}
@media(max-width:767px){.ls-circle-home .home-compose{display:none!important}}

/* 阶段 3b：排序栏在所有宽度显示；帖子只在桌面改样式。 */
.ls-circle-home{--home-font-body:16px;--home-font-post-icon:18px}
.ls-circle-home .home-feed-tabs{display:flex;align-items:stretch;gap:28px;width:100%;height:44px;padding:4px;border-bottom:1px solid var(--line);overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}
.ls-circle-home .home-feed-tabs::-webkit-scrollbar{display:none}
.ls-circle-home .home-feed-tab{position:relative;flex:0 0 auto;max-width:160px;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--text-3);font:inherit;font-size:var(--home-font-name);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.ls-circle-home .home-feed-tab[aria-pressed="true"]{color:var(--ink);font-weight:700}
.ls-circle-home .home-feed-tab[aria-pressed="true"]::after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--ink)}
.ls-circle-home .home-feed-tab:focus{outline:none}
.ls-circle-home .home-feed-tab:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.ls-circle-home .home-feed-empty{padding:28px 0;text-align:center;font-size:var(--home-font-caption);color:var(--text-4)}
.ls-circle-home .home-load{padding:28px 0;font-size:var(--home-font-caption);color:var(--text-4)}
.ls-circle-home .home-load[hidden]{display:none}
.ls-circle-home .home-publisher[data-home-publisher]{border-color:var(--border);transition:border-color .15s}
.ls-circle-home .home-publisher[data-home-publisher].is-keyboard-focus{border-color:var(--brand)}
.ls-circle-home .reference-action[data-home-action="like"].home-like-cancelled{color:var(--text-3)!important}
.ls-circle-home .home-publisher .home-publish-input :is(.ls-editor,textarea),.ls-circle-home .home-publisher .home-publish-input :is(.ls-editor,textarea):focus{outline:none;box-shadow:none;border:0}
@media(min-width:768px){
.ls-circle-home.home-stage-one .post.ls-post-item.home-feed-post{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:22px 0 14px;border-bottom:1px solid var(--line);background-color:transparent}
.ls-circle-home .home-feed-post>.ls-comment-box{grid-column:2;min-width:0}
.ls-circle-home .home-feed-post .post-avatar{width:44px;height:44px;border-radius:50%;box-shadow:none}
.ls-circle-home .home-feed-post .post-head{align-items:flex-start;gap:12px}
.ls-circle-home .home-feed-post .post-user{font-size:var(--home-font-name);font-weight:700}
.ls-circle-home .home-feed-post .user-meta{margin-top:6px;color:var(--text-4);font-size:var(--home-font-caption);white-space:normal}
.ls-circle-home .home-feed-post .circle-link{flex:0 0 auto;height:30px;padding:0 12px;border-radius:15px;font-size:var(--home-font-caption);font-weight:600}
.ls-circle-home .home-feed-post .circle-link:where(:not(:hover)){background:var(--brand-soft);color:var(--brand-deep)}
.ls-circle-home .home-feed-post .circle-link span{color:inherit;font:inherit}
.ls-circle-home .home-feed-post .post-copy{max-width:none}
.ls-circle-home .home-feed-post .post-text{max-width:none;font-size:var(--home-font-body);line-height:1.75;color:var(--ink)}
.ls-circle-home .home-feed-post .reference-views{color:var(--text-4);font-size:var(--home-font-caption)}
.ls-circle-home .home-feed-post .reference-action:where(:not(:hover):not(.home-liked)){color:var(--text-3)!important}
.ls-circle-home .home-feed-post .reference-action svg{width:var(--home-font-post-icon)!important;height:var(--home-font-post-icon)!important;flex-basis:var(--home-font-post-icon)!important}
.ls-circle-home .home-feed-post .reference-more{width:36px!important;height:36px!important}
.ls-circle-home .home-image-post .horizontal-gallery{max-width:420px;width:100%;margin-top:14px}
.ls-circle-home .home-image-post .gallery-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;height:auto;overflow:visible;scroll-snap-type:none;cursor:auto}
.ls-circle-home .home-image-post .gallery-card{width:100%;min-width:0;height:auto;aspect-ratio:1;border:0;border-radius:10px}
.ls-circle-home .home-image-post .gallery-arrow{display:none}
.ls-circle-home .home-image-post .home-single-media{width:100%;max-width:420px;height:auto;aspect-ratio:1;border:0;border-radius:10px}
.ls-circle-home .home-article-post .post-copy{display:grid;grid-template-columns:minmax(0,1fr);gap:6px 14px;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:14px;align-items:start}
.ls-circle-home .home-article-post .post-copy:has(.home-single-media,.horizontal-gallery){grid-template-columns:minmax(0,1fr) 120px}
.ls-circle-home .home-article-post .post-title{grid-column:1;max-width:none;margin:0;font-size:var(--home-font-body);font-weight:700;line-height:1.5}
.ls-circle-home.home-stage-one .home-feed-post.home-article-post .post-copy>.post-text{grid-column:1;max-width:none;margin:0;color:var(--text-3);font-size:var(--home-font-caption);line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.ls-circle-home .home-article-post .home-single-media,.ls-circle-home .home-article-post .horizontal-gallery{grid-column:2;grid-row:1 / span 2;max-width:120px;width:120px;height:80px;margin:0;border:0;border-radius:10px;overflow:hidden}
.ls-circle-home .home-article-post .gallery-track{display:block;width:120px;height:80px;overflow:hidden;cursor:auto}
.ls-circle-home .home-article-post .gallery-card{display:block;width:120px;height:80px;border:0;border-radius:10px}
.ls-circle-home .home-article-post .gallery-card:not(:first-child),.ls-circle-home .home-article-post .gallery-arrow{display:none}
.ls-circle-home .home-article-post .home-access-note{grid-column:1 / -1}
}

/* 阶段 4：右栏区块与页脚，不读取或依赖抽屉。 */
.ls-circle-home.home-stage-one.home-stage-two #sidebar_index_right{display:flex;flex-direction:column;gap:20px;padding-top:0}
.ls-circle-home.home-stage-one.home-stage-two #sidebar_index_right>.ls-sidebar-wrap{margin:0;padding:0;min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.ls-circle-home #sidebar_index_right>.ls-sidebar-wrap:empty,.ls-circle-home #sidebar_index_right>.ls-sidebar-wrap:has(>[data-home-right-widget][hidden]){display:none}
.ls-circle-home #sidebar_index_right:has(>.ls-sidebar-wrap>[data-home-right-widget]:not([hidden]))+.home-side-footer{margin-top:20px}
.ls-circle-home .home-side-footer{font-family:var(--home-font);font-size:12px;line-height:1.8;color:var(--text-4);overflow-wrap:anywhere}
.ls-circle-home .home-side-footer a{color:var(--text-4)}
.ls-circle-home .home-side-footer a:hover{color:var(--brand-deep)}
.ls-circle-home .home-side-footer a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
/* 原生页脚在根节点外，只在右栏成功输出备案后的首页隐藏。 */
body.ls-circle-home-side-footer .ls-footer{display:none!important}