/* 专题模板 · 极简瀑布流（nav-masonry · Aurora 高端版） */
body[data-topic-theme="nav-masonry"] .ms-page{max-width:1100px;margin:0 auto;padding:30px 20px 56px}
body[data-topic-theme="nav-masonry"] .ms-banner{margin-bottom:22px;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm,0 1px 2px rgba(14,21,38,.05))}
body[data-topic-theme="nav-masonry"] .ms-banner img{width:100%;max-height:300px;object-fit:cover;display:block}
/* 页头：白卡 + 顶部品牌渐变条 + 柔光 */
body[data-topic-theme="nav-masonry"] .ms-header{position:relative;overflow:hidden;background:var(--surface,#fff);border:1px solid var(--border,#eef0f4);border-radius:20px;padding:28px 30px;margin-bottom:24px;box-shadow:var(--shadow,0 8px 24px -10px rgba(14,21,38,.12),0 2px 6px rgba(14,21,38,.04))}
body[data-topic-theme="nav-masonry"] .ms-header::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brand,#4f46e5),var(--brand-2,#7c3aed) 45%,var(--brand-3,#06b6d4))}
body[data-topic-theme="nav-masonry"] .ms-header::after{content:"";position:absolute;top:-140px;right:-70px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,var(--glow-1,rgba(79,70,229,.14)),transparent 70%);pointer-events:none}
body[data-topic-theme="nav-masonry"] .ms-header>*{position:relative;z-index:1}
body[data-topic-theme="nav-masonry"] .ms-header .topic-title{margin:0 0 8px}
body[data-topic-theme="nav-masonry"] .ms-meta-line{font-size:12.5px;color:var(--text-3,#96a1b3);margin-top:10px}
body[data-topic-theme="nav-masonry"] .geo-snippet{margin:12px 0 6px;padding:13px 16px;border-radius:12px;background:linear-gradient(135deg,var(--primary-soft,rgba(79,70,229,.08)),transparent);border:1px solid color-mix(in srgb,var(--primary,#4f46e5) 14%,transparent);color:var(--text-2,#55637a);font-size:13.5px;line-height:1.85}
body[data-topic-theme="nav-masonry"] .geo-tag{display:inline-block;margin-right:8px;padding:2px 10px;border-radius:999px;background:linear-gradient(135deg,var(--primary,#4f46e5),var(--brand-2,#7c3aed));color:#fff;font-size:11px;font-weight:600;vertical-align:1px}
/* 瀑布流卡片 */
body[data-topic-theme="nav-masonry"] .ms-masonry{columns:4 200px;column-gap:16px;margin-bottom:26px}
body[data-topic-theme="nav-masonry"] .ms-card{position:relative;display:block;break-inside:avoid;margin-bottom:16px;padding:18px;background:var(--surface,#fff);border:1px solid var(--border,#eef0f4);border-radius:16px;text-decoration:none;color:inherit;transition:box-shadow .22s var(--ease,cubic-bezier(.22,.61,.36,1)),transform .22s var(--ease,cubic-bezier(.22,.61,.36,1)),border-color .22s var(--ease,cubic-bezier(.22,.61,.36,1));box-shadow:var(--shadow-sm,0 1px 2px rgba(14,21,38,.05))}
body[data-topic-theme="nav-masonry"] .ms-card::before{content:"";position:absolute;inset:0;background:radial-gradient(240px 120px at 20% -20%,color-mix(in srgb,var(--brand,#4f46e5) 10%,transparent),transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none;border-radius:16px}
body[data-topic-theme="nav-masonry"] .ms-card:hover{box-shadow:var(--shadow,0 8px 24px -10px rgba(14,21,38,.12),0 2px 6px rgba(14,21,38,.04));transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand,#4f46e5) 34%,var(--border,#eef0f4))}
body[data-topic-theme="nav-masonry"] .ms-card:hover::before{opacity:1}
body[data-topic-theme="nav-masonry"] .ms-card>*{position:relative;z-index:1}
body[data-topic-theme="nav-masonry"] .ms-fav{width:48px;height:48px;border-radius:14px;overflow:hidden;background:var(--surface-2,#f0f2f8);border:1px solid var(--border,#eef0f4);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
body[data-topic-theme="nav-masonry"] .ms-fav img{width:30px;height:30px;object-fit:contain}
body[data-topic-theme="nav-masonry"] .ms-name{font-size:14.5px;font-weight:650;color:var(--text,#0f172a);display:block;margin-bottom:6px;line-height:1.4}
body[data-topic-theme="nav-masonry"] .ms-desc{font-size:12.5px;color:var(--text-2,#64748b);line-height:1.7;display:block}
/* 最新资讯 */
body[data-topic-theme="nav-masonry"] .ms-sec{background:var(--surface,#fff);border:1px solid var(--border,#eef0f4);border-radius:18px;padding:20px 22px;margin-bottom:26px;box-shadow:var(--shadow-sm,0 1px 2px rgba(14,21,38,.05))}
body[data-topic-theme="nav-masonry"] .ms-sec-title{position:relative;padding-left:14px;font-size:16px;font-weight:700;color:var(--text,#0f172a);margin-bottom:16px;line-height:1.4}
body[data-topic-theme="nav-masonry"] .ms-sec-title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;border-radius:2px;background:linear-gradient(180deg,var(--primary,#4f46e5),var(--brand-2,#7c3aed))}
body[data-topic-theme="nav-masonry"] .ms-arts{display:flex;flex-direction:column;gap:10px}
body[data-topic-theme="nav-masonry"] .ms-art{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border:1px solid var(--border,#eef0f4);border-radius:12px;text-decoration:none;color:inherit;transition:box-shadow .2s var(--ease,cubic-bezier(.22,.61,.36,1)),border-color .2s var(--ease,cubic-bezier(.22,.61,.36,1)),transform .2s var(--ease,cubic-bezier(.22,.61,.36,1))}
body[data-topic-theme="nav-masonry"] .ms-art:hover{box-shadow:var(--shadow-sm,0 1px 2px rgba(14,21,38,.05));border-color:color-mix(in srgb,var(--primary,#4f46e5) 35%,var(--border,#eef0f4));transform:translateX(3px)}
body[data-topic-theme="nav-masonry"] .ms-art-meta{font-size:12px;color:var(--text-3,#96a1b3);flex:none;margin-left:12px}
/* 返回首页 */
body[data-topic-theme="nav-masonry"] .topic-back{margin-top:8px;padding-top:20px;border-top:1px dashed var(--border,#eef0f4)}
body[data-topic-theme="nav-masonry"] .topic-back a{display:inline-flex;align-items:center;gap:6px;color:var(--primary,#4f46e5);text-decoration:none;font-size:13.5px;font-weight:600;padding:8px 16px;border-radius:10px;background:var(--primary-soft,rgba(79,70,229,.08));transition:background .18s var(--ease,cubic-bezier(.22,.61,.36,1))}
body[data-topic-theme="nav-masonry"] .topic-back a:hover{background:color-mix(in srgb,var(--primary,#4f46e5) 15%,transparent)}
body[data-topic-theme="nav-masonry"] .empty{color:var(--text-3,#96a1b3);padding:30px 0;text-align:center}
@media(max-width:640px){body[data-topic-theme="nav-masonry"] .ms-masonry{columns:2 140px}}