/* dreamto.me 静态化增强层：响应式 + 适度美化（不改原版式/配色） */
html{ -webkit-text-size-adjust:100%; }
body{
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  font-family:"Helvetica Neue",Helvetica,Arial,-apple-system,BlinkMacSystemFont,
              "PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
/* 正文可读性与防溢出 */
.content .text{ word-wrap:break-word; overflow-wrap:break-word; }
.content .text p{ line-height:1.85; }
.content img,.content embed,.content object{ height:auto; }
/* 代码块 */
.content pre,.syntaxhighlighter{ max-width:100%; overflow:auto; }
.content pre{
  background:#f7f7f8; border:1px solid #ececec; border-radius:4px;
  padding:12px 14px;
  font:13px/1.6 "SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
}
.content code{ background:#f3f3f4; padding:1px 4px; border-radius:3px; }
a{ transition:color .15s ease; }
img{ max-width:100%; }
/* 页脚：原本是纯白(#fff)压在浅灰背景上很刺眼，改为低调中灰、加些留白 */
.footer{ height:auto !important; padding:20px 14px 34px !important; }
.footer,.footer a,.footer .copyright{ color:#9a9a9f !important; font-size:12px !important;
  letter-spacing:.2px; }
.footer a{ text-decoration:none; }
.footer a:hover{ color:#76767b !important; }
/* 老内容里的固定宽度元素：只用 max-width 收口 —— 桌面宽度不变、移动端自适应 */
#comment_frame,.notes .action,.video,.video object,.video embed,.video iframe,
.content table,.content iframe,.content embed,.content object{ max-width:100% !important; }
body{ overflow-x:hidden; }

/* ---------- 手机适配 ---------- */
@media (max-width:768px){
  .box{ width:auto !important; padding:16px 16px !important; margin:0 10px 16px !important; }
  .wid700,.wid850,.wid1000{ width:auto !important; }
  .h95{ height:8px !important; }
  /* 页头：标题与导航各自成行 */
  .selfinfo{ width:auto !important; float:none !important; }
  .sch,.sidelist{ float:none !important; width:auto !important; }
  .sidelist{ margin-top:12px; overflow:hidden; }
  .sidelist li{ float:left !important; margin:0 16px 6px 0 !important; }
  .sch input{ width:100% !important; box-sizing:border-box; }
  /* 日期圆圈缩小，保持左栏 */
  .side{ width:56px !important; }
  .day a{ width:46px !important; height:46px !important; line-height:46px !important;
          font-size:24px !important; border-width:4px !important; }
  .month a{ font-size:12px !important; }
  .main{ margin-left:70px !important; padding-bottom:24px !important; }
  .selfinfo h1{ margin-left:96px !important; }
  .selfinfo .text{ margin-left:96px !important; }
  /* 前后篇箭头不过大 */
  .page .prev,.page .next{ }
}
@media (max-width:420px){
  .selfinfo h1{ font-size:22px; }
  .block h2{ font-size:18px; }
}