/* 立修网 · 老站皮肤的补丁层
 *
 * base.css / ask.css 是老站 CDN 的**原样拷贝**，不动它们 —— 改了就再也说不清
 * 哪些规则是老站的、哪些是我们加的，以后对着老站排查样式会寸步难行。
 * 新站多出来的几块（事实表、到店反馈、计数角标）统一写在这里，
 * 引用顺序排在 base.css / ask.css 之后。
 *
 * ⚠️ 改完必须重跑 scripts/gen_cdn_manifest.py —— s.rqli.com 不带版本号也不
 *    强制 revalidate，指纹不更新的话老访客拿到的还是旧副本，而且完全静默。
 *
 * 尺寸一律用 rem：老站的 html{font-size:屏宽/7.5}（桌面锁 60px），
 * 这里写 px 的话在窄屏上不会跟着缩。
 */

/* ── 正文块 ─────────────────────────────────────────────────────────── */
.info-content p {
    margin: .12rem 0;
    line-height: 1.75;
    color: #444;
    word-break: break-word;
}

.info-content h3 {
    margin: .24rem 0 .08rem;
    color: #333;
    font-weight: bold;
}

.info-content ul,
.info-content ol {
    margin: .12rem 0 .12rem .4rem;
    color: #444;
    line-height: 1.75;
}

.info-content ul li {
    list-style: disc;
}

.info-content ol li {
    list-style: decimal;
}

.info-content img {
    max-width: 100%;
    height: auto;
}

.info-content a {
    color: #21b381;
}

/* ── 计数角标 ───────────────────────────────────────────────────────
 * `广州 472` 里的那个数字。老站的 .tag-list 只有纯文字，没有计数；
 * 我们的目录页每一条都带网点数 —— 这是判断「值不值得点进去」的关键信息，
 * 也是模型抽取地域覆盖度时唯一的定量线索，不能省。
 */
.tag-list a b,
.hot-service a b {
    color: #999;
    font-weight: normal;
    margin-left: .08rem;
    font-size: .24rem;
}

/* ── 事实表（网点详情 / 品牌资料）────────────────────────────────────
 * 字段名和值成对出现，模型抽取时不用猜哪一段是地址、哪一段是电话。
 */
.kv {
    width: 100%;
    border-collapse: collapse;
    margin: .1rem 0;
    line-height: 1.7;
}

.kv th,
.kv td {
    padding: .12rem .16rem;
    border-bottom: 1px solid #ececec;
    text-align: left;
    vertical-align: top;
    font-size: .28rem;
}

.kv th {
    width: 1.9rem;
    color: #888;
    font-weight: normal;
    white-space: nowrap;
}

.kv td {
    color: #333;
    word-break: break-word;
}

.kv tr:last-child th,
.kv tr:last-child td {
    border-bottom: 0;
}

.kv a {
    color: #21b381;
}

/* ── 到店反馈 ───────────────────────────────────────────────────────── */
.cmts {
    margin: .1rem 0;
}

.cmt {
    padding: .18rem 0;
    border-bottom: 1px solid #eee;
}

.cmt:last-child {
    border-bottom: 0;
}

.cmt-head {
    font-size: .26rem;
    color: #999;
}

.cmt-head b {
    color: #333;
    margin-right: .12rem;
}

.cmt-region {
    margin-right: .12rem;
}

.cmt-stars {
    color: #f5a623;
    margin-right: .12rem;
    letter-spacing: 1px;
}

.cmt-at {
    color: #bbb;
}

.cmt-text {
    margin: .08rem 0 0;
    color: #444;
    line-height: 1.7;
    word-break: break-word;
}

/* ── 特色标签（详情页 .store-device）──────────────────────────────────
 * 老站这里是 href="javascript:;" 的假链接，样式挂在 `.store-device a span` 上。
 * 我们出的是不可点的 <span>（不可点的东西没必要占一个 <a>，爬虫也不用去跟
 * 一条什么都不做的链接），所以把同一份外观补给直接子级 span。
 */
.store-device>span {
    display: inline-block;
    padding: 0 .12rem;
    margin: .06rem .1rem .06rem 0;
    line-height: .44rem;
    font-size: .24rem;
    color: #21b381;
    background: #eaf7f2;
    border-radius: 4px;
}

/* ── 分页 ───────────────────────────────────────────────────────────── */
.pager {
    margin: .3rem 0;
    text-align: center;
}

.pager a,
.pager span {
    display: inline-block;
    min-width: .56rem;
    padding: 0 .14rem;
    margin: .06rem .05rem;
    line-height: .56rem;
    border: 1px solid #eee;
    border-radius: 4px;
    color: #555;
    font-size: .26rem;
}

.pager .on {
    background: #21b381;
    border-color: #21b381;
    color: #fff;
}

.pager a:hover {
    color: #c38c38;
    border-color: #f1b861;
}

/* ── 搜索结果（/search/ 的运行时渲染）───────────────────────────────── */
.search-note {
    color: #999;
    font-size: .26rem;
    margin: .16rem 0;
}

.search-box {
    margin: .2rem 0;
}

.search-box input {
    width: 100%;
    height: .8rem;
    padding: 0 .2rem;
    font-size: .3rem;
    color: #333;
    background: #f4f8f9;
    border: 1px solid #777;
    border-radius: 2px;
    -webkit-appearance: none;
}