/* ===== assets/css/11-seo.css | v1.27 SEO 首页正文层 =====
   只写样式，不动结构与逻辑；回退就删掉 head.html 里引用它的那一行。
   承载：首页可抓取正文（pages/shell/seo-intro.html），只在登录页显示。
   登录遮罩原本是 flex 横排（只有一张卡片），这里改成竖排，正文自然落在卡片下方。 */
/* v1.29 修（矮窗口压扁登录卡）：遮罩是「竖排 flex + overflow:auto」，而 flex 子项默认
   flex-shrink:1 —— 视口一矮（实测 1911×786：卡片 643 + 正文 662 + 间距 26 + 内边距 80
   = 1411 > 786），
   浏览器就把两个子项按比例压缩：登录卡被压到 72px，又因卡片自身 overflow:hidden，
   表单内容被裁掉，只剩中间一段（顶部 logo/标题没了、底部按钮切一半）。
   修法：子项一律不收缩（内容超出就交给遮罩滚动），首尾用 auto 外边距 —— 有富余时仍然
   整体居中，溢出时 auto 归零、从顶部开始可滚动（justify-content:center 在溢出时会吃掉
   顶部内容且滚不到）。 */
#loginBox { flex-direction: column; justify-content: flex-start; gap: 26px; overflow-y: auto; padding: 40px 20px; }
#loginBox > * { flex: 0 0 auto; }
#loginBox > *:first-child { margin-top: auto; }
#loginBox > *:last-child { margin-bottom: auto; }
/* 正文整体左对齐：H1/首段/关键词行都跟着走（原来是继承登录卡片的居中，读起来像宣传页不像正文） */
.seo-intro { width: 760px; max-width: 100%; text-align: left; color: #9a8f7a; font-size: 13px; line-height: 1.85; }
.seo-intro h1 { font-size: 17px; font-weight: 700; color: #e8d0ae; margin: 0 0 10px; letter-spacing: .4px; }
.seo-lead { margin: 0 0 16px; max-width: 700px; }
.seo-feats { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px 22px; padding: 0; margin: 0 auto 20px; max-width: 700px; text-align: left; }
.seo-feats li { color: #8a7f6a; border-left: 2px solid rgba(217,160,107,.35); padding-left: 10px; }
.seo-feats b { color: #d9a06b; font-weight: 600; margin-right: 8px; }
.seo-feats li { display: flex; align-items: baseline; }
.seo-feats li b { flex: 0 0 auto; }  /* 标签不换行、说明紧跟其后，两列之间的行首对齐 */
.seo-faq { max-width: 700px; margin: 0; text-align: left; }
.seo-faq h2 { font-size: 13.5px; font-weight: 600; color: #d9a06b; margin: 0 0 8px; }
.seo-faq dl { margin: 0; }
.seo-faq dt { color: #c9bda4; font-weight: 600; margin-top: 9px; }
.seo-faq dd { margin: 3px 0 0; }
/* v1.27 服务关键词行：给搜索引擎的显式关键词面（可见、非隐藏文字，不做堆砌） */
.seo-kws { max-width: 700px; margin: 16px 0 0; padding-top: 12px; border-top: 1px solid rgba(217,160,107,.16); font-size: 12px; color: #6f6656; line-height: 1.9; }
@media (max-width: 820px) { .seo-feats { grid-template-columns: 1fr; } }