/* ==========================================================================
   中东中文资讯网 · 手机端 App 版式（2026-11-02）
   只在 ≤720px 生效；桌面端完全不受影响。
   ========================================================================== */

.m-only,.m-back,.m-ava,.m-sicon{display:none}

@media (max-width:720px){

  /* ---------- 基础 ---------- */
  html{-webkit-text-size-adjust:100%}
  body{
    background:#f2f4f7;
    padding-bottom:calc(58px + env(safe-area-inset-bottom));
    -webkit-tap-highlight-color:transparent;
    overscroll-behavior-y:none;
  }
  .p-wrap{padding:0 12px}
  .p-main{padding-bottom:8px}
  .p-topbar,.p-ft{display:none}
  .p-colside,.p-colside2{display:none !important}
  .p-cols{display:block;margin-top:8px}
  .p-cols2{display:block;margin:10px 0 0}
  .m-only{display:block}
  a,button{-webkit-tap-highlight-color:transparent}

  /* ---------- App 顶栏 ---------- */
  body:not(.pg-admin) .p-hdr{
    position:sticky;top:0;z-index:90;
    padding-top:env(safe-area-inset-top);
    background:rgba(255,255,255,.95);
    -webkit-backdrop-filter:saturate(180%) blur(14px);
    backdrop-filter:saturate(180%) blur(14px);
    border-bottom:1px solid rgba(15,23,42,.06);
  }
  body.m-scrolled .p-hdr{box-shadow:0 4px 16px rgba(16,24,40,.06)}
  /* 顶栏单行：logo + 站名 + 头像（搜索统一走底部 tab） */
  .p-hd{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:"back brand avatar";
    align-items:center;
    column-gap:8px;row-gap:0;
    height:auto;padding:9px 12px 10px;
  }
  body.pg-home .p-hd{
    grid-template-areas:"brand brand avatar";
  }
  .m-back{
    display:flex;align-items:center;justify-content:center;
    grid-area:back;width:30px;height:34px;margin-left:-6px;
    color:#20252b;text-decoration:none;
  }
  .m-back svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;
    stroke-linecap:round;stroke-linejoin:round}
  body.pg-home .m-back{display:none}
  .p-brand{
    grid-area:brand;display:flex;align-items:center;
    min-width:0;gap:7px;text-decoration:none;
  }
  .p-logo,.p-brand img{width:32px;height:32px;border-radius:9px;font-size:16px}
  .p-bt{min-width:0}
  .p-bt b{display:block;font-size:16px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .p-bt em,.p-note{display:none}
  .p-sbox{
    grid-area:search;width:100%;min-width:0;max-width:none;margin:0;height:38px;
    border:0;border-radius:19px;background:#f1f3f6;overflow:hidden;
    display:flex;align-items:center;
  }
  body:not(.pg-admin) .p-hdr .p-sbox{display:none}
  .p-sbox input{flex:1;height:38px;padding:0 2px 0 12px;font-size:13px;background:transparent}
  .p-sbox button{
    width:40px;flex:0 0 40px;height:38px;padding:0;background:transparent;color:#7d868f;
    display:flex;align-items:center;justify-content:center;
  }
  .p-sbox button:hover{background:transparent}
  .p-sbox button span{display:none}
  .m-sicon{display:block;width:18px;height:18px;fill:none;stroke:currentColor;
    stroke-width:1.9;stroke-linecap:round}
  .m-ava{
    display:flex;align-items:center;justify-content:center;
    grid-area:avatar;width:34px;height:34px;border-radius:50%;
    background:var(--p-brand);color:#fff;text-decoration:none;
    font-size:14px;font-weight:700;
  }
  .m-ava svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;
    stroke-linecap:round;stroke-linejoin:round}

  /* ---------- 频道条：白底 + 主题色下划线 ---------- */
  .p-nav{
    position:sticky;top:var(--hdr-h,100px);z-index:89;
    background:#fff;border-bottom:1px solid #edf0f3;box-shadow:none;
  }
  .p-navin{height:41px;gap:2px;padding:0 8px}
  .p-navin a{
    height:41px;line-height:39px;padding:0 11px;
    font-size:14.5px;font-weight:500;color:#4e555d;opacity:1;
    border-bottom:2px solid transparent;background:none;
  }
  .p-navin a:hover{background:none}
  .p-navin a.on{color:var(--p-brand);background:none;font-weight:700;
    border-bottom-color:var(--p-brand)}
  .p-navin a.p-lib{color:#a06a00}

  /* ---------- 快讯 ---------- */
  .p-ticker{background:transparent;border:0;margin:9px 12px 0}
  .p-ticker .p-tkin{
    height:34px;gap:7px;padding:0 9px;background:#fff;border-radius:10px;
    box-shadow:0 1px 2px rgba(16,24,40,.05);font-size:12.5px;
  }
  .p-tktag{font-size:11px;padding:1px 6px;border-radius:4px}
  .p-tkrun{gap:30px;animation-duration:40s}
  .p-tkrun a{font-size:12.5px}

  /* ---------- 首页频道九宫格 ---------- */
  .m-hcats{
    background:#fff;border-radius:14px;padding:11px 4px 10px;
    margin:9px 0 10px;box-shadow:0 1px 2px rgba(16,24,40,.05);
  }
  .m-hcats-h{display:flex;align-items:baseline;justify-content:space-between;
    gap:8px;padding:0 9px 10px}
  .m-hcats-h b{font-size:15px;color:#15181c}
  .m-hcats-h a{font-size:11.5px;color:#9aa4ad;text-decoration:none}
  .m-hcats-g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px 0}
  .m-hcat{display:flex;flex-direction:column;align-items:center;gap:6px;
    min-width:0;text-decoration:none;color:#2b3138}
  .m-hcat i{width:39px;height:39px;border-radius:13px;
    display:flex;align-items:center;justify-content:center;transition:transform .15s}
  .m-hcat:active i{transform:scale(.92)}
  .m-hcat svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;
    stroke-linecap:round;stroke-linejoin:round}
  .m-hcat span{font-size:11px;line-height:1.2;white-space:nowrap;max-width:100%;
    overflow:hidden;text-overflow:ellipsis}
  .m-hci-0{background:#fdecea;color:#b03a2e}
  .m-hci-1{background:#fdf1e3;color:#c67a1c}
  .m-hci-2{background:#eaf6ef;color:#2c9360}
  .m-hci-3{background:#efeafa;color:#7551c9}
  .m-hci-4{background:#e8f1fd;color:#2b7fd4}
  .m-hci-5{background:#fdeaf0;color:#c04a72}
  .m-hci-6{background:#e9f4f4;color:#2b8a8a}
  .m-hci-7{background:#f3efe4;color:#8a6b3f}
  .m-hci-8{background:#eef0fb;color:#4a5bc4}
  .m-hci-9{background:#f3f4f6;color:#5d6672}

  /* ---------- 首屏轮播 ---------- */
  .p-hero{display:block;margin-top:0}
  .p-slider{height:198px;min-height:198px;border-radius:14px;
    box-shadow:0 2px 10px rgba(16,24,40,.08)}
  .p-slide{height:198px;min-height:198px}
  .p-slide img{border-radius:14px}
  .p-stx{padding:12px 14px 13px}
  .p-stx b{font-size:16.5px;line-height:1.4;margin:5px 0 0;
    -webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
  .p-stx i{display:none}
  .p-kicker{font-size:11px}
  .p-snav{display:none}
  .p-sdots{right:10px;bottom:10px;gap:5px}
  .p-sdot{width:6px;height:6px}
  .p-sdot.on{width:14px}

  /* 要闻 / 热榜 */
  .p-hnews{margin-top:10px;border-radius:14px;padding:7px 12px 3px;
    box-shadow:0 1px 2px rgba(16,24,40,.05)}
  .p-htabs{gap:18px;padding:0;margin-bottom:0}
  .p-htabs button{font-size:14.5px;padding:7px 0 8px}
  .p-hlist li{padding:7px 0}
  .p-hlist b{font-size:13.5px;line-height:1.5}
  .p-hlist span{font-size:11px}

  /* ---------- 频道卡片墙 ---------- */
  .p-chans{display:flex;flex-direction:column;gap:10px;margin-top:10px}
  .p-chan{padding:12px 14px 7px;border-radius:14px;
    box-shadow:0 1px 2px rgba(16,24,40,.05)}
  .p-chanh{padding-bottom:7px;margin-bottom:3px}
  .p-chanh h3{font-size:15px}
  .p-chanlist li{padding:5px 0 5px 10px}
  .p-chanlist li::before{top:12px}
  .p-chanlist a{font-size:13px}
  .p-chanlist li.lead{grid-template-columns:108px minmax(0,1fr);gap:9px;
    padding:1px 0 8px;margin-bottom:4px}
  .p-chanlist li.lead .p-leadthumb{height:66px;border-radius:8px}
  .p-chanlist li.lead .p-leadttl{font-size:13.5px;-webkit-line-clamp:2}
  .p-chanlist li:nth-child(n+5){display:none}

  /* ---------- 同城精选 ---------- */
  .p-tcsec{margin:12px 0 2px}
  .p-tcsech{border-bottom:0;padding:0 2px 7px;margin-bottom:7px}
  .p-tcsech h2{font-size:16px;gap:6px}
  .p-tcsech h2 span{display:none}
  .p-tcsech .p-tcmore{font-size:12px}
  .p-tcgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .p-tccard{border:0;border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.05)}
  .p-tcimg{aspect-ratio:16/10}
  .p-tcin{padding:7px 9px 9px}
  .p-tcin em{font-size:12.5px;height:36px;line-height:1.4;margin-bottom:4px}
  .p-tcme{font-size:10.8px;margin-bottom:4px}
  .p-tcpr{font-size:14px}

  /* ---------- 主体卡片 ---------- */
  .p-colmain2{border-radius:14px;padding:12px 14px 4px;
    box-shadow:0 1px 2px rgba(16,24,40,.05)}
  .p-lead{grid-template-columns:minmax(0,1fr);gap:9px;padding-bottom:10px}
  .p-leadimg{min-height:0;border-radius:10px}
  .p-leadimg img{height:180px}
  .p-leadtx h2{font-size:17px;line-height:1.45;margin:4px 0 5px}
  .p-leadtx p{font-size:12.5px;-webkit-line-clamp:2}
  .p-sech{margin:14px 0 6px;border-bottom:0;padding:0}
  .p-sech h2{font-size:16px}
  .p-feed2{display:flex;flex-direction:column;gap:0}
  .p-row2{grid-template-columns:104px minmax(0,1fr);gap:10px;padding:9px 0}
  .p-thumb2{height:72px;border-radius:8px}
  .p-rtx2 h3{font-size:13.8px;line-height:1.45}
  .p-rtx2 .p-meta{font-size:10.8px;margin-top:4px}

  /* ---------- 文章页 ---------- */
  .pg-article .p-crumb{display:none}
  .p-art{background:#fff;border-radius:14px;padding:14px 14px 4px;
    box-shadow:0 1px 2px rgba(16,24,40,.05)}
  .p-atitle{font-size:22px;line-height:1.45;margin:2px 0 8px;letter-spacing:0}
  .p-ameta{gap:7px 10px;font-size:11.5px;padding-bottom:10px}
  .p-adm{margin-left:0;width:100%;gap:14px}
  .p-acover{margin-top:10px;border-radius:12px}
  .p-lede{font-size:14px;line-height:1.8;padding:10px 12px;margin-top:10px;border-radius:0 8px 8px 0}
  .p-body{font-size:16px;line-height:1.95;margin-top:14px;background:transparent;
    border-radius:0;padding:0;box-shadow:none}
  .p-body p{margin:0 0 17px}
  .p-body h1,.p-body h2{font-size:19px;margin:24px 0 10px}
  .p-body h3{font-size:17px;margin:20px 0 9px}
  .p-body img{border-radius:10px;margin:14px auto}
  .p-byline{margin-top:16px;font-size:12.5px}
  .p-adinline{margin-top:12px;border-radius:12px}
  .p-cmtbox{margin-top:12px;padding:14px;background:#fff;border-radius:14px;
    border-top:0;box-shadow:0 1px 2px rgba(16,24,40,.05)}
  .p-cmform{gap:8px}
  .p-cmav{width:32px;height:32px;font-size:14px}
  .p-cmin textarea{min-height:76px;font-size:13.5px}
  .p-cmbar{font-size:11px}
  .p-cmbar button{padding:7px 16px}
  .p-cmcap input{height:32px}
  .p-cmlist li{padding:12px 0}
  .p-cmtext{font-size:13.5px}
  .p-morebox{background:#fff;border-radius:14px;padding:14px;box-shadow:0 1px 2px rgba(16,24,40,.05)}
  .p-morebox .p-cardh{border-bottom:1px solid #eef1f4}

  /* ---------- 列表 / 栏目 / 搜索 ---------- */
  .p-crumb{margin:8px 0 6px;font-size:12px;white-space:normal;line-height:1.5}
  .p-sech-top{margin:8px 0 8px;border-bottom:0;padding:0 2px}
  .p-sech h2{font-size:17px}
  .p-cnt{font-size:11.5px}
  .p-feed{display:flex;flex-direction:column;gap:9px}
  .p-row{grid-template-columns:108px minmax(0,1fr);gap:10px;padding:10px;
    background:#fff;border:0;border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.05)}
  .p-row.full{grid-template-columns:minmax(0,1fr)}
  .p-thumb{height:82px;border-radius:8px}
  .p-rtx h3{font-size:14.2px;line-height:1.45;margin:0 0 4px}
  .p-rtx p{font-size:12px;line-height:1.55;-webkit-line-clamp:2}
  .p-meta{font-size:10.8px;line-height:1.5}
  .p-searchbox{margin:8px 0;gap:8px}
  .p-searchbox input{height:38px;border-radius:10px;background:#fff}
  .p-searchbox button{height:38px;padding:0 15px;border-radius:10px}
  .p-empty{padding:30px 0;font-size:13px}

  /* ---------- 会员中心 ---------- */
  .uc{margin-top:8px}
  .uc-hd{border-radius:14px;padding:14px;gap:10px}
  .uc-av{width:46px;height:46px;flex-basis:46px;font-size:19px}
  .uc-hd h1{font-size:17px}
  .uc-tabs{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:2px;
    -webkit-overflow-scrolling:touch;scrollbar-width:none}
  .uc-tabs::-webkit-scrollbar{display:none}
  .uc-tabs a{white-space:nowrap;padding:8px 12px;font-size:12.5px;border-radius:18px}
  .uc-grid{grid-template-columns:1fr 1fr;gap:8px}
  .uc-card{border-radius:14px;padding:13px 14px}
  .uc-stat{padding:11px;border-radius:11px}
  .uc-stat b{font-size:19px}

  /* ---------- 底部 Tab ---------- */
  .p-tabbar{
    display:grid;grid-template-columns:repeat(5,1fr);
    position:fixed;left:0;right:0;bottom:0;z-index:95;
    padding-bottom:env(safe-area-inset-bottom);
    background:rgba(255,255,255,.97);
    -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
    border-top:1px solid #eceff2;box-shadow:0 -4px 16px rgba(16,24,40,.05);
  }
  .p-tabbar a{height:56px;font-size:10.5px;gap:2px}
  .p-tabbar a svg{width:21px;height:21px;stroke-width:1.8}
  .p-tabbar a.on{color:var(--p-brand)}

  /* 小屏再收一点 */
  @media (max-width:360px){
    .p-bt b{max-width:5em;font-size:15px}
    .m-hcats-g{gap:11px 0}
    .m-hcat i{width:36px;height:36px;border-radius:12px}
    .m-hcat svg{width:19px;height:19px}
    .m-hcat span{font-size:10.5px}
    .p-chanlist li:nth-child(n+5){display:none}
  }
}