/* =========================================================
   新时代商会 PC 主题 - 凤凰网风格
   主色：凤凰红 #C7000B
   适用：sm_mb/pc/smmb_xsdsh/home2 全套模板
   说明：独立主题样式，不依赖旧 Zibll style.css
   ========================================================= */

:root{
    --red:#C7000B;            /* 凤凰红主色 */
    --red-dark:#A00009;       /* 深红 hover */
    --red-light:#FFF1F1;      /* 浅红底 */
    --txt:#222;               /* 主文字 */
    --txt-2:#555;             /* 次要文字 */
    --txt-3:#999;             /* 弱文字 */
    --line:#E6E6E6;           /* 边框 */
    --bg:#F5F5F5;             /* 页面底色 */
    --card:#FFFFFF;           /* 卡片白 */
    --foot:#2B2B2B;           /* 页脚深色 */
}

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
    font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Segoe UI",sans-serif;
    font-size:14px;color:var(--txt);background:var(--bg);line-height:1.6;
}
img{max-width:100%;vertical-align:middle;border:0}
a{color:var(--txt);text-decoration:none;transition:color .15s}
a:hover{color:var(--red)}
ul,ol{list-style:none}
h1,h2,h3,h4,h5{font-weight:600;line-height:1.4}
input,button{font-family:inherit;outline:none}
.clearfix:after{content:"";display:block;clear:both}

/* 布局容器（总宽 1400px，2026-08-15 调整） */
.ph-container{width:1400px;margin:0 auto;position:relative}
@media (max-width:1440px){.ph-container{width:auto;margin:0 15px}}

/* ============ 顶部信息条 ============ */
.ph-topbar{
    background:#fff;border-bottom:1px solid var(--line);font-size:12px;color:var(--txt-2);height:34px;line-height:34px;
}
.ph-topbar .ph-container{display:flex;justify-content:space-between;align-items:center;min-height:34px}
.ph-topbar-links a{color:var(--txt-2);margin-right:18px}
.ph-topbar-links a:hover{color:var(--red)}
.ph-topbar-site{color:var(--txt-3);flex-shrink:0;margin-left:18px}

/* ============ 头部 LOGO 区 ============ */
.ph-header{background:#fff;padding:18px 0;border-bottom:1px solid var(--line)}
.ph-header .ph-container{display:flex;align-items:center}
.ph-logo{display:flex;align-items:center;flex-shrink:0}
.ph-logo .ph-logo-mark{
    width:52px;height:52px;background:var(--red);color:#fff;font-size:26px;font-weight:700;
    display:flex;align-items:center;justify-content:center;border-radius:6px;margin-right:12px;
}
.ph-logo .ph-logo-name{font-size:26px;font-weight:700;color:var(--red);line-height:1.1}
.ph-logo .ph-logo-sub{font-size:12px;color:var(--txt-3);letter-spacing:2px}
.ph-header-right{margin-left:auto;display:flex;align-items:center}
.ph-search{position:relative;display:flex}
.ph-search input{
    width:280px;height:38px;border:2px solid var(--red);border-right:0;border-radius:4px 0 0 4px;
    padding:0 14px;font-size:13px;color:var(--txt);
}
.ph-search button{
    width:56px;height:38px;background:var(--red);border:0;border-radius:0 4px 4px 0;cursor:pointer;
    color:#fff;font-size:16px;
}
.ph-search button:hover{background:var(--red-dark)}
.ph-header-btn{
    margin-left:14px;height:38px;line-height:38px;padding:0 20px;background:var(--red);color:#fff;
    border-radius:4px;font-size:14px;white-space:nowrap;
}
.ph-header-btn:hover{background:var(--red-dark);color:#fff}

/* ============ 主导航（红底） ============ */
.ph-nav{background:var(--red)}
.ph-nav .ph-container{display:flex}
.ph-nav .ph-nav-main{display:flex;flex:1}
.ph-nav a.ph-nav-item{
    color:#fff;display:block;padding:0 26px;height:48px;line-height:48px;font-size:16px;position:relative;
}
.ph-nav a.ph-nav-item:hover{background:var(--red-dark);color:#fff}
.ph-nav a.ph-nav-item.on{background:var(--red-dark);font-weight:600}
.ph-nav a.ph-nav-item.on:after{
    content:"";position:absolute;left:50%;bottom:0;margin-left:-9px;border:9px solid transparent;border-bottom:9px solid #fff;
}
/* 下拉菜单 */
.ph-nav-item-wrap{position:relative}
.ph-nav-drop{
    display:none;position:absolute;left:0;top:48px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.15);
    min-width:170px;z-index:99;border-top:3px solid var(--red);
}
.ph-nav-item-wrap:hover .ph-nav-drop{display:block}
.ph-nav-drop a{display:block;padding:10px 18px;font-size:13px;color:var(--txt-2);border-bottom:1px solid #f2f2f2}
.ph-nav-drop a:hover{color:var(--red);background:var(--red-light)}

/* ===== 商协会宽幅下拉（一行 6 家，宽 960px） ===== */
.ph-nav-drop-chambers{
    width:960px;padding:14px 16px;
}
.ph-chambers-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px 10px}
.ph-nav-drop-chambers .ph-chambers-item{
    display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:4px;
    color:var(--txt);font-size:13px;background:#fafafa;border:1px solid #f0f0f0;
}
.ph-nav-drop-chambers .ph-chambers-item:hover{
    color:var(--red);background:var(--red-light);border-color:var(--red);
}
.ph-chambers-item img{width:28px;height:28px;object-fit:cover;border-radius:3px;flex-shrink:0;background:#fff}
.ph-chambers-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ph-chambers-empty{padding:20px 0;text-align:center;color:#999;font-size:13px}
.ph-nav-drop-chambers .ph-chambers-more{
    display:block;margin-top:12px;padding:10px 0 0;border-top:1px dashed #e5e5e5;border-bottom:0;
    text-align:center;color:var(--red);font-size:13px;
}
.ph-nav-drop-chambers .ph-chambers-more:hover{background:none;text-decoration:underline}

/* ===== 出海资讯宽幅下拉（1 行 4 列，显示子栏目） ===== */
.ph-nav-drop-cats4{
    width:580px;padding:14px 16px;
}
.ph-cats4-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ph-nav-drop-cats4 .ph-cats4-item{
    display:block;text-align:center;padding:9px 6px;border-radius:4px;
    background:#fafafa;border:1px solid #f0f0f0;color:var(--txt);font-size:13px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.ph-nav-drop-cats4 .ph-cats4-item:hover{color:var(--red);background:var(--red-light);border-color:var(--red)}

/* ============ 面包屑 ============ */
.ph-crumb{background:#fff;border-bottom:1px solid var(--line);font-size:12px;color:var(--txt-3);height:34px;line-height:34px}
.ph-crumb a{color:var(--txt-3)}
.ph-crumb a:hover{color:var(--red)}
.ph-crumb .ph-crumb-cur{color:var(--red)}

/* ============ 页面主体 ============ */
.ph-main{padding:18px 0 40px}
.ph-main .ph-container{display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px}
.ph-main .ph-container > .ph-col,
.ph-main .ph-container > .ph-banner,
.ph-main .ph-container > .ph-focus{flex:0 0 100%;max-width:100%;box-sizing:border-box}
.ph-col-main{flex:1;min-width:0}
.ph-col-side{width:320px;flex-shrink:0}
@media (max-width:992px){
    .ph-main .ph-container{flex-direction:column}
    .ph-col-side{width:100%}
}

/* ============ 头条区（凤凰网三列格局：左大图轮播+小图矩阵+热点 / 中要闻大字标题+文字列表 / 右视频卡片+排行） ============ */
.ph-focus{background:#fff;border:1px solid var(--line);border-top:3px solid var(--red);padding:18px;margin-bottom:18px}
.ph-focus .ph-container{display:flex;gap:22px;align-items:flex-start}
/* 三列（1400 容器内：520+440+360 + gap44 + padding36 = 1400） */
.ph-focus-left{width:520px;flex-shrink:0}
.ph-focus-mid{width:440px;flex-shrink:0}
.ph-focus-right{width:360px;flex-shrink:0}

/* 大图轮播 */
.ph-slider{position:relative;overflow:hidden;border-radius:4px}
.ph-slider .ph-slide{display:none;position:relative}
.ph-slider .ph-slide.on{display:block}
.ph-slider .ph-slide img{width:520px;height:330px;object-fit:cover;display:block}
.ph-slider .ph-slide-cap{
    position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.75));
    color:#fff;padding:30px 14px 10px;font-size:15px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
/* 左右翻页箭头（凤凰网风格） */
.ph-slider-arrow{
    position:absolute;top:50%;transform:translateY(-50%);width:36px;height:46px;line-height:46px;text-align:center;
    background:rgba(0,0,0,.45);color:#fff;font-size:22px;cursor:pointer;user-select:none;display:none;
}
.ph-slider:hover .ph-slider-arrow{display:block}
.ph-slider-arrow.prev{left:0}
.ph-slider-arrow.next{right:0}
.ph-slider-arrow:hover{background:rgba(199,0,11,.85)}
.ph-slider-dots{position:absolute;right:12px;bottom:10px;display:flex;gap:6px;z-index:2}
.ph-slider-dots span{width:22px;height:4px;background:rgba(255,255,255,.5);cursor:pointer;border-radius:2px}
.ph-slider-dots span.on{background:var(--red)}

/* 左列小图矩阵（轮播下方 3 张） */
.ph-mini-grid{display:flex;gap:10px;margin-top:14px}
.ph-mini-grid .ph-mini{flex:1;min-width:0;position:relative;border-radius:3px;overflow:hidden;display:block}
.ph-mini-grid .ph-mini img{width:100%;height:90px;object-fit:cover;display:block;transition:transform .3s}
.ph-mini-grid .ph-mini:hover img{transform:scale(1.05)}
.ph-mini-grid .ph-mini-cap{
    position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.55);color:#fff;font-size:12px;
    padding:16px 6px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* 「热点·资讯」标题（凤凰网红色下划线式） */
.ph-section-title{
    display:flex;align-items:baseline;border-bottom:2px solid var(--red);padding-bottom:8px;margin:18px 0 10px;
}
.ph-section-title h2{font-size:18px;color:var(--red);font-weight:700}
.ph-section-title .ph-section-tag{font-size:13px;color:var(--txt-2);margin-left:6px;font-weight:400}
.ph-section-title .ph-section-more{margin-left:auto;font-size:12px;color:var(--txt-3);font-weight:400}
.ph-section-title .ph-section-more:hover{color:var(--red)}

/* 左列文字新闻列表（段落式，每条独占一行） */
.ph-news-list p{margin:0;padding:7px 0;line-height:1.7;font-size:14px;border-bottom:1px dashed #EDEDED}
/* 中列要闻列表：行距收紧（20 条时更紧凑） */
.ph-focus-mid .ph-news-list p{padding:5px 0;line-height:1.7}
.ph-news-list p:last-child{border-bottom:0}
.ph-news-list p a{color:var(--txt)}
.ph-news-list p a:hover{color:var(--red)}
.ph-news-list p.hot a{font-weight:600;font-size:15px}
.ph-news-list .ph-news-from{color:var(--txt-3);font-size:12px;margin-left:8px}

/* 中列要闻大字标题 */
.ph-headline{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #F0F0F0}
.ph-headline h3{margin:0 0 10px;font-size:22px;line-height:1.4}
.ph-headline h3 a{color:var(--txt)}
.ph-headline h3 a:hover{color:var(--red)}
.ph-headline .ph-headline-sub{display:flex;flex-wrap:wrap;gap:0 16px;font-size:13px;color:var(--txt-2)}
.ph-headline .ph-headline-sub a{color:var(--txt-2)}
.ph-headline .ph-headline-sub a:hover{color:var(--red)}
.ph-headline .ph-headline-sub a:before{content:"· ";color:var(--red)}

/* 右列视频卡片 */
.ph-video-card{position:relative;display:block;border-radius:4px;overflow:hidden;margin-bottom:10px}
.ph-video-card img{width:100%;height:170px;object-fit:cover;display:block;transition:transform .3s}
.ph-video-card:hover img{transform:scale(1.05)}
.ph-video-card .ph-video-cap{
    position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.75));
    color:#fff;font-size:13px;padding:24px 10px 8px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.ph-video-card .ph-play{
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;
    display:flex;align-items:center;justify-content:center;font-size:20px;
    border:2px solid rgba(255,255,255,.85);
}

/* 紧凑排行（带 123 红色序号） */
.ph-rank li{display:flex;align-items:center;padding:7px 0;border-bottom:1px dashed #F0F0F0;font-size:13px}
.ph-rank li:last-child{border-bottom:0}
.ph-rank .ph-rank-num{
    width:18px;height:18px;line-height:18px;text-align:center;background:#F0F0F0;color:#888;
    font-size:11px;font-weight:700;border-radius:3px;margin-right:8px;flex-shrink:0;font-style:normal;
}
.ph-rank li:nth-child(1) .ph-rank-num,
.ph-rank li:nth-child(2) .ph-rank-num,
.ph-rank li:nth-child(3) .ph-rank-num{background:var(--red);color:#fff}
.ph-rank li a{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--txt)}
.ph-rank li a:hover{color:var(--red)}

/* ===== 首页右列商协会网格（1 行 2 个，带编号，无 logo） ===== */
.ph-sm-rec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.ph-sm-rec-item{
    display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:4px;
    background:#fafafa;border:1px solid #f0f0f0;color:var(--txt);font-size:13px;
    overflow:hidden;text-decoration:none;
}
.ph-sm-rec-item:hover{color:var(--red);background:var(--red-light);border-color:var(--red)}
.ph-sm-rec-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ph-sm-rec-num{
    width:18px;height:18px;line-height:18px;text-align:center;background:#F0F0F0;color:#888;
    font-size:11px;font-weight:700;border-radius:3px;flex-shrink:0;font-style:normal;
}
.ph-sm-rec-num.hot{background:var(--red);color:#fff}

/* 兼容旧类名（沿用旧 css 选择器） */
.ph-focus-head{
    display:flex;align-items:center;border-bottom:2px solid var(--red);padding-bottom:10px;margin-bottom:14px;
}
.ph-focus-head h2{font-size:19px;color:var(--red);position:relative;padding-left:12px}
.ph-focus-head h2:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;background:var(--red)}
.ph-focus-list li{
    padding:9px 0;border-bottom:1px dashed #EDEDED;display:flex;align-items:baseline;font-size:14px;
}
.ph-focus-list li:last-child{border-bottom:0}
.ph-focus-list .ph-idx{
    color:var(--red);font-weight:700;font-style:normal;margin-right:10px;font-size:15px;flex-shrink:0;width:20px;
}
.ph-focus-list li:first-child .ph-idx,.ph-focus-list li:nth-child(2) .ph-idx{color:var(--red);font-size:19px}
.ph-focus-list li a{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ph-focus-list li.hot a{font-weight:600;font-size:16px;color:var(--txt)}
.ph-focus-list li.hot a:hover{color:var(--red)}
.ph-focus-list .ph-date{color:var(--txt-3);font-size:12px;margin-left:10px;flex-shrink:0}
.ph-focus-tag{
    display:inline-block;background:var(--red);color:#fff;font-size:11px;padding:1px 6px;border-radius:2px;margin-right:8px;
    flex-shrink:0;line-height:1.6;
}

/* ============ 栏目块 ============ */
.ph-col{background:#fff;border:1px solid var(--line);margin-bottom:18px}
.ph-col-head{
    display:flex;align-items:center;justify-content:space-between;
    border-bottom:1px solid var(--line);padding:12px 16px;background:linear-gradient(#fff,#fafafa);
}
.ph-col-head h3{font-size:17px;color:var(--txt);position:relative;padding-left:12px}
.ph-col-head h3:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;background:var(--red)}
.ph-col-head h3 em{font-style:normal;color:var(--txt-3);font-size:12px;font-weight:400;margin-left:8px}
.ph-col-more{font-size:12px;color:var(--txt-3)}
.ph-col-more:hover{color:var(--red)}
.ph-col-body{padding:16px}

/* 双栏：左图列表 + 右列表 */
.ph-duo{display:flex;gap:22px}
.ph-duo .ph-duo-left{width:280px;flex-shrink:0}
.ph-duo .ph-duo-right{flex:1;min-width:0}
.ph-duo-pic{position:relative;border-radius:4px;overflow:hidden;display:block}
.ph-duo-pic img{width:280px;height:170px;object-fit:cover;display:block;transition:transform .3s}
.ph-duo-pic:hover img{transform:scale(1.05)}
.ph-duo-pic .ph-duo-cap{
    position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.55);color:#fff;font-size:13px;
    padding:18px 10px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.ph-text-list li{
    padding:9px 0;border-bottom:1px dashed #EDEDED;display:flex;align-items:baseline;font-size:14px;
}
.ph-text-list li:last-child{border-bottom:0}
.ph-text-list li:before{
    content:"";width:4px;height:4px;background:var(--red);border-radius:50%;margin-right:10px;flex-shrink:0;transform:translateY(-2px);
}
.ph-text-list li a{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ph-text-list li a:hover{color:var(--red)}
.ph-text-list .ph-date{color:var(--txt-3);font-size:12px;flex-shrink:0;margin-left:10px}
.ph-text-list li.hot:before{width:16px;height:16px;background:var(--red);border-radius:3px;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;transform:none;margin-right:8px}

/* 图文卡网格 */
.ph-grid{display:flex;flex-wrap:wrap;margin:-10px}
.ph-grid .ph-card{width:calc(33.333% - 20px);margin:10px;border:1px solid #f0f0f0;border-radius:4px;overflow:hidden;background:#fff;transition:box-shadow .2s}
.ph-grid .ph-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.1)}
.ph-card-pic{display:block;overflow:hidden}
.ph-card-pic img{width:100%;height:150px;object-fit:cover;display:block;transition:transform .3s}
.ph-card-pic:hover img{transform:scale(1.05)}
.ph-card-body{padding:10px 12px 12px}
.ph-card-title{font-size:14px;font-weight:600;line-height:1.45;height:40px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ph-card-title:hover{color:var(--red)}
.ph-card-meta{color:var(--txt-3);font-size:12px;margin-top:8px;display:flex;justify-content:space-between}

/* 通栏广告 */
.ph-banner{background:#fff;border:1px solid var(--line);margin-bottom:18px;border-radius:4px;overflow:hidden}
.ph-banner img{display:block;width:100%}

/* 时间轴 */
.ph-timeline{position:relative;padding-left:16px}
.ph-timeline:before{content:"";position:absolute;left:3px;top:4px;bottom:4px;width:2px;background:#F0F0F0}
.ph-timeline-item{position:relative;padding:0 0 16px 14px}
.ph-timeline-item:before{
    content:"";position:absolute;left:-14px;top:7px;width:8px;height:8px;border-radius:50%;
    background:#fff;border:2px solid var(--red);
}
.ph-timeline-item a{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ph-timeline-item a:hover{color:var(--red)}
.ph-timeline-item .ph-date{color:var(--txt-3);font-size:12px}

/* 排行（1234 红色序号） */
.ph-hots li{display:flex;align-items:center;padding:8px 0;border-bottom:1px dashed #F0F0F0}
.ph-hots li:last-child{border-bottom:0}
.ph-hots .ph-num{
    width:22px;height:22px;line-height:22px;text-align:center;background:#F0F0F0;color:#666;
    font-size:12px;font-weight:700;border-radius:4px;margin-right:10px;flex-shrink:0;font-style:normal;
}
.ph-hots li:nth-child(1) .ph-num,.ph-hots li:nth-child(2) .ph-num,.ph-hots li:nth-child(3) .ph-num{background:var(--red);color:#fff}
.ph-hots li a{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.ph-hots li a:hover{color:var(--red)}

/* 侧边栏图片卡 */
.ph-side-pic{display:block;position:relative;border-radius:4px;overflow:hidden;margin-bottom:10px}
.ph-side-pic img{width:100%;height:110px;object-fit:cover;display:block;transition:transform .3s}
.ph-side-pic:hover img{transform:scale(1.05)}
.ph-side-pic .ph-side-cap{
    position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.55);color:#fff;font-size:12px;
    padding:14px 8px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* ============ 列表页 ============ */
.ph-lists{background:#fff;border:1px solid var(--line);padding:0 18px}
.ph-lists .ph-list-item{
    display:flex;padding:18px 0;border-bottom:1px solid #F0F0F0;gap:16px;
}
.ph-lists .ph-list-item:last-child{border-bottom:0}
.ph-list-item .ph-thumb{width:170px;height:110px;flex-shrink:0;overflow:hidden;border-radius:4px}
.ph-list-item .ph-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.ph-list-item .ph-thumb:hover img{transform:scale(1.06)}
.ph-list-item .ph-info{flex:1;min-width:0;display:flex;flex-direction:column}
.ph-list-item .ph-info h4{font-size:17px;margin-bottom:8px}
.ph-list-item .ph-info h4 a:hover{color:var(--red)}
.ph-list-item .ph-info .ph-desc{color:var(--txt-2);font-size:13px;line-height:1.7;height:42px;overflow:hidden;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ph-list-item .ph-info .ph-meta{color:var(--txt-3);font-size:12px;margin-top:auto;display:flex;align-items:center;gap:14px}
.ph-list-item .ph-info .ph-meta a{color:var(--txt-3)}
.ph-list-item .ph-info .ph-meta a:hover{color:var(--red)}

/* ============ 分页 ============ */
.ph-page{text-align:center;padding:22px 0 8px}
.ph-page a,.ph-page span{
    display:inline-block;min-width:34px;height:34px;line-height:34px;padding:0 8px;margin:0 3px;
    background:#fff;border:1px solid var(--line);border-radius:4px;color:var(--txt-2);font-size:13px;
}
.ph-page a:hover{border-color:var(--red);color:var(--red)}
.ph-page .current{background:var(--red);border-color:var(--red);color:#fff}
.ph-page .disabled{color:#ccc;cursor:not-allowed}

/* ============ 内容页 ============ */
.ph-article{background:#fff;border:1px solid var(--line);padding:26px 30px 30px}
.ph-article h1{font-size:24px;line-height:1.5;margin-bottom:14px;text-align:center}
.ph-article .ph-art-meta{
    text-align:center;color:var(--txt-3);font-size:13px;padding-bottom:18px;border-bottom:1px solid #F0F0F0;margin-bottom:22px;
}
.ph-article .ph-art-meta span{margin:0 12px}
.ph-article .ph-art-meta a{color:var(--txt-3)}
.ph-article .ph-art-meta a:hover{color:var(--red)}
.ph-article .entry-content{font-size:15px;line-height:1.9;color:#333}
.ph-article .entry-content p{margin:0 0 16px}
.ph-article .entry-content img{max-width:100%;height:auto;border-radius:4px}
.ph-article .entry-content h2,.ph-article .entry-content h3{margin:20px 0 10px}
.ph-article .entry-content a{color:var(--red)}
.ph-art-end{text-align:center;color:var(--txt-3);font-size:13px;margin:28px 0;letter-spacing:4px}
.ph-art-edit{background:#FAFAFA;border:1px solid #F0F0F0;border-radius:4px;padding:12px 16px;font-size:12px;color:var(--txt-2);margin-bottom:20px;line-height:2}
.ph-prevnext{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #F0F0F0;padding-top:18px;font-size:14px}
.ph-prevnext .ph-pn{flex:1;min-width:0}
.ph-prevnext .ph-pn-t{color:var(--txt-3);font-size:12px;margin-bottom:4px}
.ph-prevnext .ph-pn a{color:var(--txt-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.ph-prevnext .ph-pn a:hover{color:var(--red)}
.ph-prevnext .ph-pn.right{text-align:right}

/* 相关推荐 */
.ph-related{background:#fff;border:1px solid var(--line);margin-top:18px}
.ph-related .ph-col-body .ph-text-list li:before{background:#ccc}

/* ============ 栏目描述 ============ */
.ph-groupinfo{
    background:#fff;border:1px solid var(--line);border-left:4px solid var(--red);
    padding:16px 20px;margin-bottom:18px;
}
.ph-groupinfo h1{font-size:20px;margin-bottom:4px}
.ph-groupinfo .ph-groupinfo-desc{color:var(--txt-2);font-size:13px}

/* ============ 侧边栏通用 ============ */
.ph-sidebox{background:#fff;border:1px solid var(--line);margin-bottom:18px}
.ph-sidebox .ph-col-head{padding:11px 14px}
.ph-sidebox .ph-col-head h3{font-size:15px}
.ph-sidebox .ph-col-body{padding:14px}

/* ============ 页脚 ============ */
.ph-footer{background:var(--foot);color:#A8A8A8;margin-top:30px}
.ph-footer-top{padding:30px 0 20px;border-bottom:1px solid #3A3A3A}
.ph-footer-top .ph-container{display:flex;gap:60px;flex-wrap:wrap}
.ph-footer-about{max-width:500px}
.ph-footer-about h4{color:#fff;font-size:16px;margin-bottom:12px;position:relative;padding-left:12px}
.ph-footer-about h4:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:3px;background:var(--red)}
.ph-footer-about p{font-size:12px;line-height:2;color:#A8A8A8}
.ph-footer-links{flex:1;min-width:200px}
.ph-footer-links h4{color:#fff;font-size:16px;margin-bottom:12px;position:relative;padding-left:12px}
.ph-footer-links h4:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:3px;background:var(--red)}
.ph-footer-links a{color:#A8A8A8;font-size:13px;margin:0 16px 10px 0;display:inline-block}
.ph-footer-links a:hover{color:#fff}
.ph-footer-bottom{padding:16px 0;font-size:12px;color:#8A8A8A;text-align:center;line-height:2}
.ph-footer-bottom a{color:#8A8A8A}
.ph-footer-bottom a:hover{color:#fff}

/* ============ 移动端菜单 ============ */
.ph-mnav-toggle{display:none;color:#fff;font-size:22px;padding:0 12px;cursor:pointer;line-height:48px}
.ph-nav-toggler{display:none;margin-left:14px;width:38px;height:38px;line-height:38px;text-align:center;background:var(--red);color:#fff;border-radius:4px;cursor:pointer;font-size:18px;flex-shrink:0}
@media (max-width:992px){
    .ph-header-right .ph-search{display:none}
    .ph-nav-main{display:none;flex-direction:column;position:absolute;left:0;right:0;top:48px;background:var(--red);z-index:100}
    .ph-nav-main.open{display:flex}
    .ph-nav a.ph-nav-item{padding:0 20px;border-top:1px solid rgba(255,255,255,.15)}
    .ph-mnav-toggle{display:block}
    .ph-nav-item-wrap .ph-nav-drop{position:static;box-shadow:none;border:0;background:rgba(0,0,0,.15);display:none}
    .ph-nav-item-wrap.open .ph-nav-drop{display:block}
    .ph-nav-drop a{color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}
    .ph-nav-drop-chambers{width:auto;background:rgba(0,0,0,.15)}
    .ph-nav-drop-chambers .ph-chambers-item{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}
    .ph-chambers-grid{grid-template-columns:1fr}
    .ph-nav-drop-cats4{width:auto;background:rgba(0,0,0,.15)}
    .ph-nav-drop-cats4 .ph-cats4-item{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}
    .ph-cats4-grid{grid-template-columns:1fr}
    .ph-focus .ph-container{flex-direction:column}
    .ph-focus-left,.ph-focus-mid,.ph-focus-right{width:100%}
    .ph-slider .ph-slide img{width:100%;height:auto}
    .ph-duo{flex-direction:column}
    .ph-duo .ph-duo-left{width:100%}
    .ph-duo-pic img{width:100%;height:180px}
    .ph-grid .ph-card{width:calc(50% - 20px)}
    .ph-lists .ph-list-item{flex-direction:column}
    .ph-list-item .ph-thumb{width:100%;height:150px}
}

/* ============ 返回顶部 ============ */
.ph-totop{
    position:fixed;right:24px;bottom:40px;width:42px;height:42px;background:rgba(199,0,11,.85);color:#fff;
    border-radius:6px;text-align:center;line-height:42px;font-size:20px;cursor:pointer;z-index:200;display:none;
}
.ph-totop:hover{background:var(--red)}

/* ============ 右侧滑出面板 ============ */
.ph-drawer-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:300}
.ph-drawer{
    position:fixed;top:0;right:-340px;width:320px;height:100%;background:#fff;z-index:301;
    transition:right .3s;overflow-y:auto;box-shadow:-4px 0 20px rgba(0,0,0,.15);padding:20px;
}
.ph-drawer.open{right:0}
.ph-drawer-close{float:right;font-size:22px;color:var(--txt-3);cursor:pointer;line-height:1}
.ph-drawer h4{font-size:15px;margin:18px 0 10px;color:var(--red);border-left:3px solid var(--red);padding-left:8px}
.ph-drawer-search{display:flex;margin-top:30px}
.ph-drawer-search input{flex:1;height:36px;border:1px solid var(--line);border-radius:4px 0 0 4px;padding:0 10px;font-size:13px}
.ph-drawer-search button{width:52px;background:var(--red);color:#fff;border:0;border-radius:0 4px 4px 0;cursor:pointer}
.ph-drawer .ph-text-list li{padding:7px 0}
.ph-drawer .ph-tagcloud a{
    display:inline-block;background:#F5F5F5;color:var(--txt-2);font-size:12px;padding:3px 10px;border-radius:3px;margin:0 6px 8px 0;
}
.ph-drawer .ph-tagcloud a:hover{background:var(--red);color:#fff}

/* ============ 移动端侧栏抽屉 ============ */
.ph-mdrawer{position:fixed;top:0;left:-260px;width:250px;height:100%;background:#fff;z-index:301;transition:left .3s;box-shadow:4px 0 20px rgba(0,0,0,.15);overflow-y:auto;padding:20px}
.ph-mdrawer.open{left:0}
.ph-mdrawer h4{font-size:14px;color:var(--red);border-left:3px solid var(--red);padding-left:8px;margin-bottom:12px}
.ph-mdrawer a.ph-mdrawer-item{display:block;padding:11px 0;border-bottom:1px solid #F2F2F2;font-size:15px;color:var(--txt)}
.ph-mdrawer a.ph-mdrawer-item.on{color:var(--red);font-weight:600}

/* ============ 商协会封面页（sh_category.html）：1行3家，框内直接最新10条 ============ */
.ph-org-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ph-org-card{background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden;display:flex;flex-direction:column}
.ph-org-head{
    background:var(--red);padding:10px 14px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;
}
.ph-org-name{color:#fff;font-size:16px;font-weight:700;margin-right:auto}
.ph-org-name:hover{color:#fff;opacity:.88}
.ph-org-type{
    color:#fff;background:rgba(255,255,255,.22);font-size:12px;padding:1px 10px;border-radius:10px;
}
.ph-org-more{
    color:#fff;font-size:12px;background:rgba(255,255,255,.18);padding:2px 8px;border-radius:3px;white-space:nowrap;
}
.ph-org-more:hover{color:var(--red-dark);background:#fff}
.ph-org-news{flex:1;padding:8px 14px 10px}
.ph-org-news li{padding:7px 0;border-bottom:1px dashed #F0F0F0;font-size:13px}
.ph-org-news li:last-child{border-bottom:0}
.ph-org-news li a{color:var(--txt);display:inline-block;max-width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.ph-org-news li a:hover{color:var(--red)}
.ph-org-empty{padding:24px 20px;text-align:center;color:var(--txt-3);font-size:14px}

/* ============ 商协会独立页（simiao/chamber_show.html） ============ */
.ph-chamber-top{background:#fff;border:1px solid var(--line);border-radius:4px;padding:18px 20px;margin-bottom:16px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.ph-chamber-top-name{font-size:22px;font-weight:700;color:var(--red);margin:0}
.ph-chamber-top-type{color:#fff;background:var(--red);font-size:13px;padding:2px 12px;border-radius:12px}
.ph-chamber-top-addr{color:var(--txt-3);font-size:13px}

.ph-org-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ph-org-catbox{
    background:#FAFAFA;border:1px solid #F0F0F0;border-radius:4px;
    padding:10px 12px;box-sizing:border-box;min-width:0;
}
.ph-org-cattitle{
    font-size:14px;font-weight:600;color:var(--red);margin-bottom:6px;
    border-left:3px solid var(--red);padding-left:8px;line-height:1.3;
    display:flex;align-items:center;justify-content:space-between;
}
.ph-org-cattitle a:first-child{color:var(--red)}
.ph-org-cattitle a:hover{color:var(--red-dark)}
.ph-org-catmore{font-size:12px;color:var(--txt-3);font-weight:400}
.ph-org-catmore:hover{color:var(--red)}
.ph-org-catbox .ph-text-list li{padding:6px 0;font-size:13px}

@media (max-width:992px){
    .ph-org-grid{grid-template-columns:repeat(2,1fr)}
    .ph-org-cats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
    .ph-org-grid{grid-template-columns:1fr}
    .ph-org-cats{grid-template-columns:1fr}
}