.page-feed{--bg-base:var(--surface-base);--bg-raised:var(--surface-raised);--bg-subtle:var(--surface-subtle);--bg-soft:var(--surface-soft);--fg-primary:var(--text-primary);--fg-secondary:var(--text-secondary);--fg-tertiary:var(--text-tertiary);--accent:var(--color-accent-teal);--up:var(--color-up);--down:var(--color-down);--font-sans:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-family:var(--font-sans);background:var(--bg-base);min-height:100vh;margin:0;display:flex}.page-feed .rail{background:var(--bg-base);flex-direction:column;flex-shrink:0;align-items:center;gap:20px;width:64px;height:100vh;padding:16px 0;display:flex;position:sticky;top:0}.page-feed .rail .logo{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}.page-feed .rail .logo img{object-fit:contain;width:100%;height:100%}.page-feed .rail .spacer{flex:1}.page-feed .rail-icon{width:36px;height:36px;color:var(--fg-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:flex}.page-feed .rail-icon.is-active,.page-feed .rail-icon:hover{background:var(--bg-soft);color:var(--fg-primary)}.page-feed .rail-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:20px;height:20px}.page-feed .main{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.page-feed .topbar{flex-shrink:0;grid-template-columns:1fr 2fr 1fr;align-items:center;height:56px;padding:0 24px;display:grid}.page-feed .topbar h1{color:var(--fg-primary);justify-self:start;margin:0;font-size:16px;font-weight:600}.page-feed .tabs{justify-self:center;align-items:center;gap:24px;height:100%;display:flex}.page-feed .tab{height:100%;color:var(--fg-primary);cursor:pointer;align-items:center;font-size:14px;font-weight:500;display:flex;position:relative}.page-feed .tab.is-active:after{content:"";background:var(--fg-primary);height:2px;position:absolute;bottom:0;left:0;right:0}.page-feed .tab.is-menu{color:var(--fg-secondary);align-items:center;gap:4px;display:flex}.page-feed .tab.is-menu svg{width:12px;height:12px}.page-feed .topbar-actions{justify-self:end;align-items:center;gap:8px;display:flex}.page-feed .share-btn{border:1px solid var(--border-medium);background:var(--bg-base);height:36px;color:var(--fg-primary);cursor:pointer;border-radius:9999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.page-feed .share-btn svg{fill:none;stroke:currentColor;stroke-width:2px;width:15px;height:15px}.page-feed .menu-btn{border:1px solid var(--border-medium);background:var(--bg-base);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.page-feed .menu-btn svg{fill:none;stroke:currentColor;stroke-width:2px;width:16px;height:16px;color:var(--fg-primary)}.page-feed .layout{flex:1;grid-template-columns:1fr 340px;gap:32px;width:100%;max-width:1520px;min-height:0;margin:0 auto;padding:0 24px;display:grid;overflow:hidden}@media (max-width:900px){.page-feed .layout{grid-template-columns:1fr;padding:0 16px;overflow:visible}.page-feed .feed{height:auto;overflow-y:visible}.page-feed .main{height:auto;overflow:visible}}.page-feed .feed{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:32px;min-width:0;height:100%;padding:24px 0 48px;display:flex;overflow-y:auto}.page-feed .feed::-webkit-scrollbar{display:none}.page-feed a.card-link{color:inherit;text-decoration:none;display:block}.page-feed a.card-link:hover .category-badge-hover,.page-feed .dmore-card:hover .category-badge-hover{background-color:var(--badge-tint)}.page-feed .authority-row{color:var(--fg-secondary);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:500;display:flex}.page-feed .authority-row .favicon{background:var(--bg-raised);border:1px solid var(--border-soft);object-fit:contain;border-radius:999px;flex-shrink:0;width:14px;height:14px;padding:2px}.page-feed .hero-card{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}.page-feed .hero-card .thumb{border:1px solid var(--border-soft);background:#fff;border-radius:12px;order:2;justify-content:center;align-items:center;min-height:250px;display:flex;overflow:hidden}.page-feed .hero-card h2{font-family:var(--font-serif);color:var(--fg-primary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 12px;font-size:26px;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.page-feed .hero-card:hover h2{color:var(--accent)}.page-feed .meta-row{color:var(--fg-secondary);align-items:center;gap:6px;margin-bottom:12px;font-size:12px;font-weight:500;display:flex}.page-feed .meta-row svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:14px;height:14px}.page-feed .hero-card .dek{color:var(--fg-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.page-feed .card-footer{justify-content:space-between;align-items:center;display:flex}.page-feed .card-actions{align-items:center;gap:4px;display:flex}.page-feed .icon-btn{appearance:none;cursor:pointer;width:28px;height:28px;color:var(--fg-secondary);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.page-feed .icon-btn:hover{background:var(--bg-soft);color:var(--fg-primary)}.page-feed .icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:15px;height:15px}.page-feed .tri-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.page-feed .compact-card{flex-direction:column;gap:10px;display:flex}.page-feed .compact-card .thumb{aspect-ratio:4/3;border:1px solid var(--border-soft);background:#fff;border-radius:12px;justify-content:center;align-items:center;display:flex;overflow:hidden}.page-feed .compact-card h3{color:var(--fg-primary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.page-feed .compact-card:hover h3{color:var(--accent)}.page-feed .compact-card .dek{color:var(--fg-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:400;line-height:1.4;display:-webkit-box;overflow:hidden}.page-feed .split-card{grid-template-columns:1fr 1.15fr;align-items:start;gap:24px;display:grid}.page-feed .split-card .thumb{border:1px solid var(--border-soft);background:#fff;border-radius:12px;justify-content:center;align-items:center;min-height:220px;display:flex;overflow:hidden}.page-feed .split-card h3{color:var(--fg-primary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 8px;font-size:20px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.page-feed .split-card:hover h3{color:var(--accent)}.page-feed .split-card .dek{color:var(--fg-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.page-feed .sidebar{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:16px;height:100%;padding:24px 0 48px;display:flex;overflow-y:auto}.page-feed .sidebar::-webkit-scrollbar{display:none}.page-feed .side-card{background:var(--bg-raised);border:1px solid var(--border-soft);border-radius:16px;padding:16px}.page-feed .comm-head{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.page-feed .comm-head h3{color:var(--fg-primary);margin:0 0 4px;font-size:15px;font-weight:600}.page-feed .comm-head p{color:var(--fg-secondary);max-width:240px;margin:0;font-size:12.5px;line-height:1.4}.page-feed .comm-close{width:22px;height:22px;color:var(--fg-tertiary);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.page-feed .comm-close svg{fill:none;stroke:currentColor;stroke-width:2px;width:13px;height:13px}.page-feed .comm-row{border-top:1px solid var(--border-soft);color:inherit;cursor:pointer;align-items:flex-start;gap:10px;padding:9px 0;text-decoration:none;display:flex}.page-feed .comm-row:first-of-type{border-top:none;padding-top:2px}.page-feed .comm-row:hover .comm-title{color:var(--accent)}.page-feed .comm-votes{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;width:28px;padding-top:2px;display:flex}.page-feed .comm-votes svg{fill:none;width:11px;height:11px;stroke:var(--fg-tertiary);stroke-width:2.2px}.page-feed .comm-votes .n{color:var(--fg-primary);font-size:12px;font-weight:600}.page-feed .comm-info{flex:1;min-width:0}.page-feed .comm-title{color:var(--fg-primary);margin:0 0 4px;font-size:13px;font-weight:500;line-height:1.4}.page-feed .comm-title:hover{color:var(--accent)}.page-feed .comm-meta{color:var(--fg-tertiary);align-items:center;gap:8px;font-size:11.5px;display:flex}.page-feed .comm-meta .tag{background:var(--bg-subtle);color:var(--fg-secondary);border-radius:999px;padding:1px 7px;font-weight:500}.page-feed .comm-meta .comments{align-items:center;gap:3px;display:inline-flex}.page-feed .comm-meta .comments svg{fill:none;stroke:currentColor;stroke-width:2px;width:11px;height:11px}.page-feed .join-btn{cursor:pointer;color:#fff;box-sizing:border-box;background:#0443ffba;border:none;border-radius:9999px;justify-content:center;align-items:center;width:100%;height:36px;margin-top:14px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.page-feed .join-btn:hover{opacity:.88}.page-feed .comm-footer-link{text-align:center;color:var(--fg-secondary);margin-top:10px;font-size:12.5px;text-decoration:none;display:block}.page-feed .comm-footer-link:hover{color:var(--fg-primary)}.page-feed .filter-card h3{color:var(--fg-primary);margin:0 0 12px;font-size:15px;font-weight:600}.page-feed .chip-row{flex-wrap:wrap;gap:8px;display:flex}.page-feed .chip{border:1px solid var(--border-medium);background:var(--bg-base);height:32px;color:var(--fg-primary);cursor:pointer;border-radius:9999px;align-items:center;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.page-feed .chip.is-active{color:#fff;background:#0443ffba;border-color:#0000}.page-feed .trend-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.page-feed .trend-head h3{color:var(--fg-primary);margin:0;font-size:15px;font-weight:600}.page-feed .trend-head svg{fill:none;width:14px;height:14px;stroke:var(--fg-tertiary);stroke-width:2px}.page-feed .trend-row{border-top:1px solid var(--border-soft);align-items:center;gap:10px;padding:8px 0;display:flex}.page-feed .trend-row:first-of-type{border-top:none}.page-feed .trend-logo{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:10px;font-weight:700;display:flex}.page-feed .authority-badge{color:#fff;letter-spacing:.02em;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.page-feed .trend-info{flex:1;min-width:0}.page-feed .trend-name{color:var(--fg-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.page-feed .trend-sub{color:var(--fg-secondary);font-size:11.5px}.page-feed .trend-count{text-align:right;color:var(--fg-secondary);flex-shrink:0;font-size:12px;font-weight:500}.page-feed .modules-teaser{background:#f2f2f2;border-radius:16px;padding:48px}.page-feed .modules-teaser-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-feed .modules-teaser-head h2{font-family:var(--font-serif);color:var(--fg-primary);margin:0 0 6px;font-size:22px;font-weight:500}.page-feed .modules-teaser-head p{color:var(--fg-secondary);max-width:420px;margin:0;font-size:14px}.page-feed .modules-teaser-cta{color:#fff;cursor:pointer;background:#0443ffba;border:none;border-radius:9999px;flex-shrink:0;align-items:center;gap:6px;height:38px;padding:0 18px;font-size:13.5px;font-weight:600;text-decoration:none;transition:opacity .15s ease-out;display:inline-flex}.page-feed .modules-teaser-cta:hover{opacity:.88}.page-feed .modules-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.page-feed .module-item{background:#fff;border-radius:12px;flex-direction:column;min-height:190px;padding:28px 26px;display:flex;position:relative}.page-feed .module-item .arrow{color:#212121;position:absolute;top:26px;right:26px}.page-feed .module-item h3{color:#212121;margin:12px 0;font-size:20px;font-weight:400}.page-feed .module-item p{color:#000;max-width:92%;margin:0;font-size:14.5px;font-weight:400;line-height:22px}.page-feed .demo-panel{margin-top:20px}.page-feed .demo-panel-source{color:var(--fg-secondary);border-bottom:1px solid var(--border-medium);align-items:center;gap:8px;margin-bottom:14px;padding-bottom:14px;font-size:12.5px;display:flex}.page-feed .demo-panel-source strong{color:var(--fg-primary);font-weight:500}.page-feed .demo-panel-source .tag{letter-spacing:.03em;text-transform:uppercase;color:var(--fg-tertiary);background:var(--bg-soft);border-radius:999px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:600}.page-feed .demo-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.page-feed .demo-card{background:#fff;border-radius:12px;padding:22px 24px}.page-feed .demo-card h4{color:var(--fg-tertiary);text-transform:uppercase;letter-spacing:.03em;margin:0 0 12px;font-size:13px;font-weight:600}.page-feed .demo-badge{border-radius:999px;align-items:center;gap:6px;margin-bottom:10px;padding:5px 12px;font-size:14px;font-weight:600;display:inline-flex}.page-feed .demo-badge.is-applicable{color:var(--up);background:#016b1d1a}.page-feed .demo-card .demo-note{color:var(--fg-secondary);margin:0;font-size:13.5px;line-height:1.55}.page-feed .demo-score-row{align-items:baseline;gap:6px;margin-bottom:4px;display:flex}.page-feed .demo-score-num{color:var(--fg-primary);font-size:30px;font-weight:500;font-family:var(--font-serif)}.page-feed .demo-score-max{color:var(--fg-tertiary);font-size:13px}.page-feed .demo-score-bar{background:var(--bg-soft);border-radius:999px;height:6px;margin-bottom:12px;overflow:hidden}.page-feed .demo-score-fill{background:var(--down);border-radius:999px;height:100%;position:relative;overflow:hidden}.page-feed .demo-score-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);position:absolute;inset:0;transform:translate(-100%)}.page-feed .demo-card:hover .demo-score-fill:after{animation:1.1s ease-in-out infinite demo-score-shimmer}@keyframes demo-score-shimmer{to{transform:translate(100%)}}.page-feed .demo-factor-row{color:var(--fg-secondary);justify-content:space-between;padding:3px 0;font-size:12.5px;display:flex}.page-feed .demo-action-item{color:var(--fg-primary);border-top:1px solid var(--border-soft);align-items:flex-start;gap:10px;padding:6px 0;font-size:13.5px;display:flex}.page-feed .demo-action-item:first-of-type{border-top:none;padding-top:0}.page-feed .demo-action-item .dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.page-feed .demo-action-item .owner{color:var(--fg-tertiary);margin-top:2px;font-size:11.5px;display:block}.page-feed .demo-disclaimer{color:var(--fg-tertiary);margin:14px 0 0;font-size:11.5px}@media (max-width:640px){.page-feed .demo-grid,.page-feed .modules-grid{grid-template-columns:1fr}.page-feed .modules-teaser{padding:28px}}.page-feed .dmore-section{margin-top:8px}.page-feed .dmore-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.page-feed .dmore-header svg{width:24px;height:24px;fill:var(--fg-primary)}.page-feed .dmore-header h2{color:var(--fg-primary);margin:0;font-size:18px;font-weight:700}.page-feed .grid4{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.page-feed .dmore-card{color:inherit;border:1px solid var(--border-soft);background:var(--bg-base);border-radius:12px;text-decoration:none;transition:opacity .15s,transform .1s;display:block;box-shadow:0 1px 2px #0000000a}.page-feed .dmore-card:hover{opacity:.7}.page-feed .dmore-card:active{transform:scale(.96)}.page-feed .dmore-card .thumb{aspect-ratio:1;background:var(--bg-soft);border-radius:8px;justify-content:center;align-items:center;margin:4px;display:flex;overflow:hidden}.page-feed .dmore-card .body{padding:4px 10px 8px}.page-feed .dmore-card .title{color:var(--fg-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:500;display:-webkit-box;overflow:hidden}.page-feed .dmore-card .dek{color:var(--fg-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;font-weight:400;display:-webkit-box;overflow:hidden}@media (max-width:860px){.page-feed .sidebar{display:none}}