/* 手机前台样式（m 站，独立移动端设计） */
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
body{font:16px/1.7 -apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#26292e;background:#f4f5f7}
a{color:#1d1d1d;text-decoration:none}
img{max-width:100%;border:0;/*display:block*/}
ul{list-style:none}
h1,h2,h3{font-weight:600}

/* 顶部 */
.m-head{background:#1d1d1d;padding:22px 0;color:#fff}
.m-head h1{font-size:20px;letter-spacing:1px}
.m-head img{margin:0 auto;display:block; width: 60%;}
/* 栏目导航条 */
.m-chips{display:flex;gap:8px;overflow-x:auto;padding:10px 12px;background:#fff;
  border-bottom:1px solid #eceef1;position:sticky;top:0;z-index:10;-webkit-overflow-scrolling:touch}
.m-chips::-webkit-scrollbar{display:none}
.chip{flex-shrink:0;padding:6px 16px;border-radius:6px;background:#f0f2f5;color:#4b5563;font-size:14px}
.chip.on{background:#ef7421;color:#fff}

.m-main{padding:12px 12px 24px}

/* 焦点图 */
.m-focus{display:grid;gap:10px;margin-bottom:12px}
.m-focus-item{position:relative;border-radius:12px;overflow:hidden;background:#e5e8ec;aspect-ratio:16/8}
.m-focus-item img{width:100%;height:100%;object-fit:cover}
.m-focus-item .t{position:absolute;left:0;right:0;bottom:0;padding:30px 12px 10px;color:#fff;font-size:15px;
  background:linear-gradient(transparent,rgba(0,0,0,.72));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 图片轮播（静态图，纯 JS：自动播放 + 触摸滑动 + 圆点切换） */
.m-slider{position:relative;border-radius:12px;overflow:hidden;margin-bottom:12px;/*background:#e5e8ec*/}
.m-slider .slides{display:flex;transition:transform .45s ease;will-change:transform}
.m-slider .slide{flex:0 0 100%;display:block}
.m-slider .slide img{width:100%;aspect-ratio:1/1;object-fit:cover}
.m-slider .dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:7px;pointer-events:auto}
.m-slider .dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer}
.m-slider .dots i.on{background:#fff}

/* 栏目块 */
.m-block{background:#fff;border-radius:12px;padding:14px;margin-bottom:12px}
.m-block-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.m-block-h h2{font-size:17px;color:#1f2937;padding-left:9px;border-left:3px solid #ef7421;line-height:1.2}
.m-block-h .more{font-size:13px;color:#9aa1a9}

/* 新闻卡片 */
.m-cards{display:grid;gap:10px}
.m-card{display:flex;align-items:flex-start;gap:12px;padding-bottom:10px;border-bottom:1px solid #f1f3f5}
.m-card:last-child{border-bottom:0;padding-bottom:0}
/* 卡片缩略图：宽度固定 112px，高度按原图比例自适应（完整显示、不裁切） */
.m-card img{width:112px;height:auto;max-height:168px;object-fit:contain;
  border-radius:8px;flex-shrink:0;background:#f4f6f8}
.m-card .body{flex:1;min-width:0;display:flex;flex-direction:column}
.m-card h3{font-size:15.5px;color:#26292e;line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m-card p{font-size:12.5px;color:#8b949e;margin-top:4px;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.m-card .date{margin-top:auto;font-size:12px;color:#b9bec4}

/* 热门排行 */
.m-rank li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #f1f3f5}
.m-rank li:last-child{border-bottom:0}
.m-rank em{width:20px;height:20px;border-radius:4px;background:#f0f2f5;color:#8b949e;
  font-size:12px;font-style:normal;text-align:center;line-height:20px;flex-shrink:0}
.m-rank em.hot{background:#e05a47;color:#fff}
.m-rank a{flex:1;color:#26292e;font-size:14.5px}

/* 面包屑 */
.crumb{color:#9aa1a9;font-size:13px;padding:4px 2px 10px}
.crumb a{color:#9aa1a9}

/* 列表页（复用结构类名，按移动端规格渲染） */
.cols{display:block}
.col-side{display:none}
.col-main{width:100%}
.block{background:#fff;border-radius:12px;padding:14px}
.block-h{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f3f5;
  padding-bottom:10px;margin-bottom:6px}
.block-h h2{font-size:17px;color:#1f2937;padding-left:9px;border-left:3px solid #ef7421;line-height:1.2}
.block-h h2 a{color:#1f2937}
.tag-n{font-size:12px;color:#b9bec4}
.more{font-size:13px}

.list-rows .row{display:flex;flex-direction:column;gap:8px;padding:14px 0;border-bottom:1px solid #f1f3f5}
.list-rows .row:last-child{border-bottom:0}
/* 列表封面图：宽度自适应，高度按原图比例自适应（完整显示、不裁切） */
.row-img{display:block;width:100%;border-radius:10px;overflow:hidden}
.row-img img{display:block;width:100%;height:auto;object-fit:contain;
  background:#f4f6f8}
.row-body h3{font-size:16px;line-height:1.5}
.row-body .summary{color:#8b949e;font-size:13px;margin:6px 0}
.row-body .meta{display:flex;gap:14px;color:#b9bec4;font-size:12px}
.empty{padding:40px 0;text-align:center;color:#b9bec4;font-size:14px}

/* 分页 */
.pager{display:flex;gap:8px;flex-wrap:wrap;padding:16px 0 4px}
.pager a,.pager .cur,.pager .dots{padding:7px 14px;border:1px solid #e3e5e8;border-radius:8px;font-size:14px}
.pager a{color:#4b5563}
.pager .cur{background:#1d1d1d;border-color:#1d1d1d;color:#fff}
.pager .dots{border:0}

/* 详情页 */
.detail{background:#fff;border-radius:12px;padding:18px 16px 22px}
.d-title{font-size:21px;line-height:1.5;color:#1f2937}
.d-subtitle{color:#8b949e;font-size:14px;margin-top:8px}
.d-meta{display:flex;gap:14px;flex-wrap:wrap;color:#9aa1a9;font-size:12.5px;
  border-bottom:1px solid #f1f3f5;padding:12px 0 14px;margin:12px 0 16px}
.d-content{font-size:16.5px;line-height:1.85;color:#26292e;word-break:break-word}
.d-content p{margin:0 0 14px}
.d-content img{border-radius:8px;margin:6px 0}
.d-content h1,.d-content h2,.d-content h3{margin:18px 0 10px;font-size:18px}
.d-content ul,.d-content ol{padding-left:24px;margin:0 0 14px}
.d-content ul{list-style:disc}
.d-content ol{list-style:decimal}
.d-content blockquote{border-left:3px solid #1d1d1d;background:#f4f8fd;padding:10px 14px;margin:0 0 14px;color:#4b5563}
.d-content table{border-collapse:collapse;width:100%;margin:0 0 14px}
.d-content th,.d-content td{border:1px solid #e3e5e8;padding:7px 10px;font-size:14px}
.d-content th{background:#f5f6f8}
.d-content pre{background:#26292e;color:#e6e8eb;border-radius:8px;padding:12px 14px;overflow:auto;margin:0 0 14px;font-size:13px}
.d-content code{font-family:ui-monospace,Consolas,monospace}

.d-tags{margin:20px 0 4px;font-size:13px}
.d-tags .lab{color:#9aa1a9}
.d-tags .kw{display:inline-block;background:#eaf1fa;color:#1d1d1d;border-radius:5px;padding:3px 10px;margin:0 8px 6px 0}

.d-ops{display:flex;align-items:center;gap:12px;margin:18px 0}
.like-btn{display:inline-block;border:1px solid #e3e5e8;border-radius:20px;padding:8px 26px;color:#4b5563}
.like-btn.done{background:#e05a47;border-color:#e05a47;color:#fff}
.like-tip{color:#9aa1a9;font-size:12.5px}

.d-related,.d-comments{border-top:1px solid #f1f3f5;margin-top:22px;padding-top:16px}
.d-related h2,.d-comments h2{font-size:16.5px;margin-bottom:10px}
.d-related li{display:flex;justify-content:space-between;gap:12px;padding:7px 0}
.d-related li a{flex:1;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d-related .date{color:#b9bec4;font-size:12px;flex-shrink:0}

.clist li{background:#f7f8fa;border-radius:10px;padding:11px 13px;margin-bottom:9px}
.c-head{display:flex;justify-content:space-between;font-size:13px;color:#9aa1a9;margin-bottom:4px}
.c-head b{color:#26292e;font-size:14px}
.c-body{font-size:14.5px}
.c-reply{background:#eef7f0;border-radius:8px;padding:8px 11px;margin-top:8px;font-size:13.5px;color:#1a7f37}
.cmsg{border-radius:8px;padding:10px 13px;margin-bottom:10px;font-size:13.5px}
.cmsg.ok{background:#eaf7ee;color:#1a7f37}
.cmsg.err{background:#fdecec;color:#a52020}

.cform{margin-top:14px}
.cform .cf-row{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}
.cform input[type=text],.cform input[type=email],.cform textarea{
  width:100%;border:1px solid #d9dce1;border-radius:9px;padding:11px 13px;font-size:15px;font-family:inherit;
  -webkit-appearance:none}
.cform textarea{min-height:84px;margin-bottom:10px;resize:none}
.cform input:focus,.cform textarea:focus{outline:none;border-color:#1d1d1d}
.cform button{width:100%;background:#1d1d1d;color:#fff;border:0;border-radius:9px;padding:12px 0;
  font-size:15.5px;cursor:pointer}
.cform button:active{background:#144a90}
.cf-tip{display:block;color:#b9bec4;font-size:12px;margin-top:8px;text-align:center}

/* 页脚 */
.m-foot{padding:15px;color:#b9bec4;font-size:12.5px;text-align:center;/*line-height:2*/;background: #1d1d1d;}
.m-foot a{color: rgb(239, 116, 33);}