.internet-page .main { min-height:100dvh; background:#f7f7f8; }
.internet-page .topbar { height:76px; padding:22px 32px 0; }
.internet-page .nav-item[href="#home"] { color:inherit; background:transparent; }
.design-feed-workspace { max-width:1640px; margin:auto; padding:8px 32px 48px; }
.design-feed-workspace[hidden],.design-feed-workspace [hidden] { display:none !important; }
.design-feed-workspace button,.design-feed-workspace input,.design-feed-workspace select { font:inherit; }
.design-feed-workspace button { cursor:pointer; }
.design-feed-workspace button:disabled { opacity:.5; cursor:wait; }
.feed-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:30px; }
.feed-back { color:#8d9099; font-size:12px; }
.feed-back:hover { color:var(--red); }
.feed-eyebrow { margin-top:24px; font-size:10px; letter-spacing:2px; color:#ab7b80; }
.feed-heading h1 { margin:8px 0 9px; max-width:none; font:600 30px/1.4 SourceHan,'PingFang SC',sans-serif; letter-spacing:.5px; }
.feed-heading p { color:#989aa2; font-size:12px; line-height:1.8; }
.feed-heading-actions { display:flex; flex-shrink:0; gap:10px; padding-bottom:4px; }
.feed-heading-actions button,.feed-import button,.feed-more button,.feed-empty button { padding:10px 14px; border:1px solid #e4e4e9; border-radius:9px; background:#fff; color:#5c6069; font-size:12px; }
.feed-heading-actions .feed-refresh { color:#fff; background:var(--red); border-color:var(--red); }
.feed-import { display:flex; flex-direction:column; gap:10px; padding:18px; margin-bottom:20px; border:1px solid #eadde0; border-radius:12px; background:#fffafa; font-size:12px; }
.feed-import > div { display:flex; gap:10px; }
.feed-import input { flex:1; min-width:0; border:1px solid #e4e4e9; background:#fff; border-radius:8px; padding:10px 12px; }
.feed-import p { color:#9b949a; font-size:11px; }
.feed-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 18px; border:1px solid #e8e8ec; border-radius:12px; background:#fff; }
.feed-sources,.feed-kinds { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.feed-sources button { display:flex; align-items:center; gap:7px; padding:8px 12px; border-radius:8px; background:transparent; color:#787c86; font-size:12px; }
.feed-sources button[aria-pressed="true"] { background:#fff0f2; color:#b82534; }
.feed-source-mark { display:inline-flex; width:21px; height:21px; align-items:center; justify-content:center; flex-shrink:0; font:600 12px/1 sans-serif; font-style:normal; border-radius:6px; }
.feed-source-mark.source-xiaohongshu { background:#ffebef; color:#e13e58; }
.feed-source-mark.source-zcool { background:#fff3c4; color:#715923; }
.feed-source-mark.source-huaban { background:#ffe9e8; color:#d96972; }
.feed-search { display:flex; align-items:center; gap:6px; width:min(320px,40%); }
.feed-search input { flex:1; min-width:0; padding:9px 11px; border:1px solid #eeeef1; border-radius:8px; background:#f7f7f9; color:#555a63; font-size:12px; }
.feed-search button { padding:9px 11px; background:#f7f7f9; border-radius:8px; color:#6d7079; font-size:12px; }
.feed-filters { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:19px 0 13px; }
.feed-kinds { margin-right:auto; gap:3px; }
.feed-kinds button { padding:8px 11px; border-radius:20px; color:#90939b; font-size:12px; background:transparent; }
.feed-kinds button[aria-pressed="true"] { background:#303139; color:#fff; }
.feed-brand-label select,.feed-favorites-toggle { border:1px solid #e5e5eb; border-radius:8px; padding:8px 10px; background:#fff; color:#777b84; font-size:12px !important; }
.feed-favorites-toggle[aria-pressed="true"] { color:var(--red); border-color:#ebc5cb; background:#fff8f9; }
.feed-status-row { display:flex; gap:12px; justify-content:space-between; align-items:center; color:#9b9ea5; font-size:11px; padding:4px 0 14px; min-height:32px; }
.feed-progress { color:#a67179; }
.feed-source-details { margin-bottom:20px; font-size:11px; color:#969aa3; }
.feed-source-details summary { cursor:pointer; }
.feed-updated { margin-left:12px; color:#b0b2b9; }
.feed-source-status { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:12px; }
.feed-source-status-item { padding:12px 14px; border:1px solid #e9e9ee; background:#fafafb; border-radius:9px; }
.feed-source-status-item strong { color:#6f7480; font-weight:500; }
.feed-source-status-item p { margin:6px 0 0; line-height:1.7; color:#a0a2aa; }
.feed-source-status-item.is-limited { background:#fcfaf6; border-color:#eee7db; }
.feed-error { padding:14px 18px; margin-bottom:20px; color:#ad666c; border:1px solid #f0d8db; border-radius:10px; background:#fff7f8; font-size:12px; }
.feed-grid { columns:3; column-gap:20px; }
.feed-card { display:inline-block; width:100%; break-inside:avoid; margin-bottom:20px; overflow:hidden; border:1px solid #e8e9ed; border-radius:13px; background:#fff; box-shadow:0 3px 12px #28304503; transition:box-shadow .18s,border-color .18s; }
.feed-card:hover { border-color:#d7d9df; box-shadow:0 7px 24px #2830450b; }
.feed-cover { display:block; max-height:330px; overflow:hidden; background:#f1f2f4; }
.feed-cover img { display:block; width:100%; max-height:330px; object-fit:cover; }
.feed-card-body { padding:18px; }
.feed-card-source { display:flex; align-items:center; gap:7px; font-size:11px; color:#90949d; }
.feed-kind-tag { font-size:10px; background:#f5f5f7; padding:3px 6px; border-radius:4px; margin-left:auto; color:#9296a0; }
.feed-bookmark { width:25px; height:25px; color:#b2b4bc; font-size:19px !important; background:transparent; }
.feed-bookmark[aria-pressed="true"] { color:#be5965; }
.feed-card h2 { margin:16px 0 11px; font:600 16px/1.65 SourceHan,'PingFang SC',sans-serif; color:#4e535e; overflow-wrap:anywhere; }
.feed-card h2 a:hover { color:var(--red); }
.feed-description { margin:0; color:#989ca5; font-size:12px; line-height:1.9; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
.feed-brand-tags { display:flex; flex-wrap:wrap; gap:6px; margin:16px 0; }
.feed-brand-tags span { border-radius:5px; background:#f3f5f8; color:#8a94a3; font-size:10px; padding:4px 7px; }
.feed-card-footer { display:flex; align-items:flex-end; justify-content:space-between; gap:10px; margin-top:14px; font-size:10px; color:#b0b3bc; }
.feed-card-footer > div { display:flex; flex-direction:column; gap:5px; min-width:0; }
.feed-author { color:#888f9b; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.feed-provenance { flex-shrink:0; color:#b09c81; }
.feed-provenance.is-page { color:#81a69b; }
.feed-original { display:block; border-top:1px solid #f1f1f4; padding-top:12px; margin-top:14px; font-size:11px; color:#aa7b83; }
.feed-empty { padding:65px 20px; background:#fff; text-align:center; border:1px dashed #e3e4e9; border-radius:14px; }
.feed-empty > span { font-size:35px; color:#b98b92; }
.feed-empty h2 { color:#7b808b; font-size:17px; margin:14px 0 10px; }
.feed-empty p { color:#a4a7b0; font-size:12px; line-height:1.8; margin-bottom:17px; }
.feed-more { display:flex; flex-direction:column; align-items:center; gap:15px; margin:16px 0 24px; font-size:11px; color:#afb2ba; }
.feed-footnote { font-size:10px; color:#b4b7bf; text-align:center; line-height:1.8; }
@media(min-width:1750px) { .feed-grid { columns:4; } }
@media(max-width:1200px) { .feed-grid { columns:2; } .feed-heading { align-items:flex-start; } .feed-heading-actions { flex-direction:column; } .feed-toolbar { align-items:stretch; flex-direction:column; } .feed-search { width:100%; } }
@media(max-width:760px) { .internet-page .topbar { height:64px; padding:18px 18px 0; } .design-feed-workspace { padding:8px 16px 36px; } .feed-heading { flex-direction:column; gap:16px; } .feed-heading h1 { font-size:25px; } .feed-heading-actions { flex-direction:row; } .feed-eyebrow { margin-top:18px; } .feed-source-status { grid-template-columns:1fr; } .feed-grid { columns:1; } .feed-sources button { padding:8px; } .feed-kinds { width:100%; } .feed-kinds button { padding:7px 9px; } .feed-updated { display:block; margin:8px 0 0; } .feed-import > div { flex-direction:column; } }
@media(prefers-reduced-motion:reduce) { .feed-card { transition:none; } }