@charset "UTF-8";

/* ============================================================
   官网 header / footer 与引物设计工具页面的样式兼容层。
   必须在官网 common.css 与全部工具样式之后加载。

   基本思路：
   - 工具样式里的“元素选择器”（label / input / textarea…）会渗进官网结构，
     这里用 0-0-2 及以上、但不含类名的选择器把它们改回官网的取值；
     这种特异性高于工具的元素规则，又低于官网自己的类规则，
     所以官网 .foot / .input / .log-text 等样式仍然完全生效。
   - 官网 common.css 的元素规则（p / h3 / a）会渗进工具区域，
     在 main 里用 revert 恢复成加官网样式之前的浏览器默认值。
   （工具原本的 footer{...} 系列规则已从 style.css 中删除，因为工具页脚已被官网页脚取代。）
   ============================================================ */

/* ---------- 1. 页面骨架 ---------- */

/* 官网导航 .navbar 是 position:relative，正常参与文档流，
   只需要给工具内容留一点与导航的间距。 */
main{margin-top:24px}

/* 结果弹窗必须盖住官网的右侧悬浮条与在线咨询浮窗 */
.results-modal{z-index:2147483646}

/* ---------- 2. 让官网的表单控件不受工具表单样式影响 ---------- */
/* 影响范围：顶部导航的搜索框、页脚的在线留言表单、登录/注册/找回密码弹窗。 */
header label,
body>footer label,
body>div label{font-size:inherit;font-weight:inherit;color:inherit}

header input, header textarea, header select, header button,
body>footer input, body>footer textarea, body>footer select, body>footer button,
body>div input, body>div textarea, body>div select, body>div button{
  width:revert;
  padding:revert;
  background:revert;
  border-radius:revert;
  color:revert;
  outline:revert;
  transition:revert;
  border:0;
  font:inherit;
}
/* 官网的元素级复位只覆盖 button/input/optgroup/textarea，select 保持浏览器默认边框 */
header select,
body>footer select,
body>div select{border:revert}

header textarea,
body>footer textarea,
body>div textarea{min-height:0;resize:vertical}

header input:focus, header textarea:focus, header select:focus,
body>footer input:focus, body>footer textarea:focus, body>footer select:focus,
body>div input:focus, body>div textarea:focus, body>div select:focus{
  border-color:revert;
  box-shadow:revert;
}

/* ---------- 3. 让工具区域不受官网元素级样式影响 ---------- */
/* 官网 common.css 里有 p{line-height:1.65;margin:10px 0}、h3{font-size:20px;margin:0 0 10px}、
   a{color:#1d5e5d}，工具此前依赖的是浏览器默认值，这里恢复默认。
   工具自己用类选择器写的规则特异性更高，不受这几条影响。 */
main p{margin:revert;line-height:revert}
main h3{font-size:revert;margin:revert;line-height:revert}
main a{color:revert;text-decoration:revert}