/* HydroInfo 学术人物站 - 公共样式 */ :root { --bg: #f8f9fb; --bg-card: #fff; --text: #1a1d21; --text-muted: #5c6166; --accent: #2563eb; --accent-hover: #1d4ed8; --accent-soft: #e0e7ff; --border: #e5e7eb; --font: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif; } * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: var(--font); background: var(--bg); color: var(--text); line-height: 1.6; min-height: 100vh; display: flex; flex-direction: column; /* 列表变长出现滚动条时避免主内容区水平“跳动” */ scrollbar-gutter: stable; } /* 导航 */ .site-nav { position: sticky; top: 0; left: 0; right: 0; padding: 0.875rem 1.5rem; display: flex; justify-content: space-between; align-items: center; background: var(--bg-card); border-bottom: 1px solid var(--border); z-index: 100; } .site-nav .logo { font-weight: 600; font-size: 1.05rem; } .site-nav .logo a { color: var(--text); text-decoration: none; } .site-nav .logo a:hover { color: var(--accent); } .site-nav .links { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 0.35rem 1.25rem; } .site-nav .links > a { color: var(--text-muted); text-decoration: none; font-size: 0.95rem; transition: color 0.2s; } .site-nav .links > a:hover { color: var(--accent); } /* 门户顶栏：其余子站收入「更多」下拉（无 JS，使用 details） */ .site-nav .nav-dropdown { position: relative; } .site-nav .nav-dropdown > summary { list-style: none; cursor: pointer; color: var(--text-muted); font-size: 0.95rem; font-family: var(--font); user-select: none; transition: color 0.2s; } .site-nav .nav-dropdown > summary::-webkit-details-marker { display: none; } .site-nav .nav-dropdown > summary::after { content: ' ▾'; font-size: 0.72rem; opacity: 0.88; } .site-nav .nav-dropdown[open] > summary, .site-nav .nav-dropdown > summary:hover { color: var(--accent); } .site-nav .nav-dropdown-panel { position: absolute; right: 0; top: calc(100% + 0.4rem); min-width: 12rem; padding: 0.4rem 0; background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px; box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12); z-index: 250; } .site-nav .nav-dropdown-panel a { display: block; padding: 0.45rem 1rem; margin: 0; color: var(--text-muted); text-decoration: none; font-size: 0.9rem; transition: background 0.15s, color 0.15s; } .site-nav .nav-dropdown-panel a:hover { background: #f1f5f9; color: var(--accent); } /* 导航栏「待审核」红点数字 */ .nav-badge-wrapper { position: relative; display: inline-block; } .nav-badge { position: absolute; top: -0.35rem; right: -0.7rem; min-width: 1.1rem; height: 1.1rem; padding: 0 0.25rem; border-radius: 999px; background: #ef4444; color: #fff; font-size: 0.7rem; line-height: 1.1rem; text-align: center; box-shadow: 0 0 0 1px #fff; } /* 主内容区 */ .main { max-width: 1500px; margin: 0 auto; padding: 2rem 1.25rem 3rem; flex: 1 0 auto; } /* 页脚备注 */ .site-footer { padding: 1.25rem 1.5rem 1.75rem; font-size: 0.8rem; color: var(--text-muted); text-align: center; border-top: 1px solid var(--border); background: var(--bg-card); flex-shrink: 0; } .site-footer span { display: inline-block; margin: 0 0.25rem; } @media (max-width: 640px) { .site-nav { padding: 0.75rem 1rem; } .site-nav .links a { margin-left: 1rem; } .main { padding: 1.5rem 1rem 2rem; } } /* ----------------------------------------------------------------- 对外精简模式（portal-public-lean）在上添加 class="portal-public-lean" 后： - 隐藏带 .portal-lean-hidden 的入口（子站按钮、留言板链接等） - 隐藏顶栏「更多」整块（HydroLink / HydroFund / …）；留言板可用 portal-lean-nav-extra 单独露出 - .portal-lean-show-when-full / .portal-lean-show-when-lean 用于副标题等切换全量开放门户时：去掉各页 body 上的 portal-public-lean 即可，无需改子页结构。 ----------------------------------------------------------------- */ body.portal-public-lean .portal-lean-hidden { display: none !important; } body.portal-public-lean .site-nav .nav-dropdown { display: none !important; } .portal-lean-show-when-lean { display: none; } body.portal-public-lean .portal-lean-show-when-full { display: none !important; } body.portal-public-lean .portal-lean-show-when-lean { display: block !important; } /* 精简模式下顶栏额外露出（如留言板），与正文副标题的 block 展示区分 */ .portal-lean-nav-extra { display: none; } body.portal-public-lean .portal-lean-nav-extra { display: inline !important; }