/**
 * 平潭民宿页（/minsu/）样式
 *
 * 由 haitan-pages 插件提供，仅在 page-minsu.php 模板下加载（句柄 haitan-pages-minsu）。
 * 约定（与 pingtan.css、travel.css、lanyanlei.css、luxian.css 保持一致）：
 *   - 所有选择器都挂在 .pt-minsu-page 下（<main> 上的根命名空间），不覆盖 JustNews 全局样式
 *   - 不复用主题的 .container / .row / .card 等通用类
 *   - 不引入任何第三方 CSS 框架，字体不写死、继承站点 body
 *   - 页面本身零 JS
 *
 * 配色：住宿是「家」的气质，用暖砂 / 木色系（--ptm-brand），与 /luxian/ 的蓝色区分开；
 * 又保留一点点海蓝（--ptm-blue）用在水、海、潮汐相关的强调上，不脱离海岛站的调性。
 *
 * 目录：
 *   1. 变量与基础
 *   2. 容器与分区
 *   3. Hero
 *   4. 通用元件（按钮 / 提示）
 *   5. 平潭住哪里（区域卡）
 *   6. 住进平潭
 *   7. 筛选标签
 *   8. 筛选状态条
 *   9. 攻略卡片栅格
 *  10. 分页
 *  11. 空态
 *  12. 场景卡 / 引导条
 *  13. 出发前看一眼
 *  14. 问问平潭岚点 / 后台正文
 *  15. 响应式
 */

/* ------------------------------------------------------------------ 1. 变量 */

.pt-minsu-page {
    --ptm-brand: #b9702f;
    --ptm-brand-deep: #8e5520;
    --ptm-ink: #2f2a24;
    --ptm-text: #5c564d;
    --ptm-muted: #8c857a;
    --ptm-line: #ece2d6;
    --ptm-line-soft: #f6efe6;
    --ptm-surface: #ffffff;
    --ptm-surface-soft: #fbf7f1;
    --ptm-tag-bg: #f7ece0;
    --ptm-tag-ink: #8a5a24;
    --ptm-active-bg: #fbeee0;
    --ptm-blue: #1684d8;
    --ptm-radius-l: 14px;
    --ptm-radius-m: 10px;
    --ptm-radius-s: 8px;

    display: block;
    width: 100%;
    max-width: 100%;
    /* 防止任何子元素把页面撑出横向滚动条 */
    overflow-x: clip;
    padding-bottom: 24px;
    color: var(--ptm-text);
    background: var(--ptm-surface-soft);
}

/*
 * 作用域内的 box-sizing 复位。选择器限定在 .pt-minsu-page 内，
 * 根命名空间在 <main> 上（不是 body），不会外溢到主题头尾。
 */
.pt-minsu-page,
.pt-minsu-page *,
.pt-minsu-page *::before,
.pt-minsu-page *::after {
    box-sizing: border-box;
}

.pt-minsu-page img {
    max-width: 100%;
}

/* 长标题、长描述允许在必要时断行，避免撑破栅格 */
.pt-minsu-page .minsu-hero-title,
.pt-minsu-page .minsu-hero-sub,
.pt-minsu-page .minsu-hero-lead,
.pt-minsu-page .minsu-title,
.pt-minsu-page .minsu-desc,
.pt-minsu-page .minsu-region-desc,
.pt-minsu-page .minsu-region-areas,
.pt-minsu-page .minsu-feature-desc,
.pt-minsu-page .minsu-card-title,
.pt-minsu-page .minsu-card-excerpt,
.pt-minsu-page .minsu-scene-desc,
.pt-minsu-page .minsu-callout-desc,
.pt-minsu-page .minsu-ask-desc,
.pt-minsu-page .minsu-prep-desc {
    overflow-wrap: anywhere;
}

/* ---------------------------------------------------------- 2. 容器与分区 */

.pt-minsu-page .minsu-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 15px;
}

/*
 * 面包屑并入 Hero 内容容器：与标题左对齐、上下留白收紧，不再生成主题 .wrap 的独立全宽色带。
 * 主题关了面包屑时不加 .minsu-hero-with-breadcrumb，Hero 恢复自身默认内边距。
 */
.pt-minsu-page .minsu-hero.minsu-hero-with-breadcrumb {
    padding-top: 20px;
}

.pt-minsu-page .minsu-breadcrumb {
    margin: 0 0 16px;
    text-align: left;
}

.pt-minsu-page .minsu-breadcrumb .breadcrumb {
    margin: 0;
}

@media (min-width: 768px) {
    .pt-minsu-page .minsu-hero.minsu-hero-with-breadcrumb {
        padding-top: 22px;
    }
}

.pt-minsu-page .minsu-section {
    padding: 30px 0 0;
}

/* 页内锚点偏移：对齐主题吸顶栈（≥768px 为 124px，以下为 110px） */
.pt-minsu-page .minsu-section[id] {
    scroll-margin-top: 124px;
}

.pt-minsu-page .minsu-head {
    margin: 0 0 14px;
}

/* 竖条标题，与站点其它自定义页的小节标题风格保持一致 */
.pt-minsu-page .minsu-title {
    margin: 0 0 6px;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--ptm-ink);
}

.pt-minsu-page .minsu-title::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 17px;
    margin-right: 9px;
    vertical-align: -2px;
    background: var(--ptm-brand);
    border-radius: 2px;
}

.pt-minsu-page .minsu-desc {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: var(--ptm-muted);
}

.pt-minsu-page .minsu-desc b {
    color: var(--ptm-brand-deep);
    font-weight: 600;
}

/* -------------------------------------------------------------- 3. Hero */

.pt-minsu-page .minsu-hero {
    padding: 34px 0 30px;
    background:
        radial-gradient(120% 140% at 12% 0%, #fae8d5 0%, rgba(250, 232, 213, 0) 58%),
        linear-gradient(180deg, #fdf4ea 0%, var(--ptm-surface-soft) 100%);
    border-bottom: 1px solid var(--ptm-line-soft);
}

.pt-minsu-page .minsu-hero-kicker {
    margin: 0 0 8px;
    font-size: 13px;
    letter-spacing: .04em;
    color: var(--ptm-brand-deep);
}

.pt-minsu-page .minsu-hero-title {
    margin: 0 0 10px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--ptm-ink);
}

.pt-minsu-page .minsu-hero-sub {
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--ptm-brand-deep);
}

.pt-minsu-page .minsu-hero-lead {
    margin: 0;
    max-width: 640px;
    font-size: 14px;
    line-height: 1.75;
    color: var(--ptm-text);
}

.pt-minsu-page .minsu-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 18px 0 0;
}

/* -------------------------------------------------------- 4. 通用元件 */

.pt-minsu-page .minsu-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    /* 按钮文案都很短；不换行保证同一行按钮等高、不出参差 */
    white-space: nowrap;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 999px;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

.pt-minsu-page .minsu-btn-sm {
    padding: 8px 15px;
    font-size: 13px;
}

.pt-minsu-page .minsu-btn-primary {
    color: #fff;
    background: var(--ptm-brand);
}

.pt-minsu-page .minsu-btn-primary:hover {
    color: #fff;
    background: var(--ptm-brand-deep);
}

.pt-minsu-page .minsu-btn-ghost {
    color: var(--ptm-brand-deep);
    background: #fff;
    border-color: var(--ptm-line);
}

.pt-minsu-page .minsu-btn-ghost:hover {
    color: var(--ptm-brand-deep);
    border-color: #e0cbb2;
    background: #fdf8f2;
}

.pt-minsu-page .minsu-btn-outline {
    color: var(--ptm-brand-deep);
    background: transparent;
    border-color: #e0cbb2;
}

.pt-minsu-page .minsu-btn-outline:hover {
    color: #fff;
    background: var(--ptm-brand);
    border-color: var(--ptm-brand);
}

.pt-minsu-page .minsu-note {
    margin: 14px 0 0;
    padding: 10px 12px;
    font-size: 12.5px;
    line-height: 1.7;
    color: var(--ptm-muted);
    background: #fdf9f4;
    border: 1px dashed var(--ptm-line);
    border-radius: var(--ptm-radius-s);
}

/* ------------------------------------------------- 5. 平潭住哪里（区域卡） */

.pt-minsu-page .minsu-regions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

.pt-minsu-page .minsu-region {
    display: flex;
    flex-direction: column;
    padding: 18px;
    background: var(--ptm-surface);
    border: 1px solid var(--ptm-line);
    border-radius: var(--ptm-radius-l);
}

.pt-minsu-page .minsu-region-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.pt-minsu-page .minsu-region-emoji {
    font-size: 22px;
    line-height: 1;
}

.pt-minsu-page .minsu-region-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px;
}

.pt-minsu-page .minsu-region-title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--ptm-ink);
}

.pt-minsu-page .minsu-region-slogan {
    font-size: 12.5px;
    color: var(--ptm-brand-deep);
}

.pt-minsu-page .minsu-region-desc {
    margin: 0 0 12px;
    font-size: 13.5px;
    line-height: 1.75;
    color: var(--ptm-text);
}

.pt-minsu-page .minsu-region-labels {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 14px;
    padding: 0;
    list-style: none;
}

.pt-minsu-page .minsu-region-label {
    padding: 5px 11px;
    font-size: 12.5px;
    color: var(--ptm-tag-ink);
    background: var(--ptm-tag-bg);
    border-radius: 999px;
    white-space: nowrap;
}

.pt-minsu-page .minsu-region-rows {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 14px;
}

.pt-minsu-page .minsu-region-row {
    display: flex;
    gap: 8px;
    font-size: 13px;
    line-height: 1.7;
}

.pt-minsu-page .minsu-region-row-label {
    flex: 0 0 auto;
    padding-top: 1px;
    font-size: 12.5px;
    color: var(--ptm-muted);
}

.pt-minsu-page .minsu-region-row-body {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    color: var(--ptm-text);
}

.pt-minsu-page .minsu-region-fit {
    padding: 2px 9px;
    font-size: 12.5px;
    color: var(--ptm-text);
    background: var(--ptm-line-soft);
    border-radius: 999px;
}

.pt-minsu-page .minsu-region-areas {
    color: var(--ptm-muted);
}

/* 按钮把卡片底部对齐：区域卡高度不一，按钮不该参差 */
.pt-minsu-page .minsu-region-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: auto 0 0;
}

.pt-minsu-page .minsu-region-pending {
    font-size: 12.5px;
    line-height: 1.6;
    color: var(--ptm-muted);
}

/* --------------------------------------------------------- 6. 住进平潭 */

.pt-minsu-page .minsu-features {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.pt-minsu-page .minsu-feature {
    display: flex;
    gap: 10px;
    padding: 14px 15px;
    background: var(--ptm-surface);
    border: 1px solid var(--ptm-line);
    border-radius: var(--ptm-radius-m);
}

.pt-minsu-page .minsu-feature-emoji {
    flex: 0 0 auto;
    font-size: 20px;
    line-height: 1.3;
}

.pt-minsu-page .minsu-feature-body {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.pt-minsu-page .minsu-feature-title {
    font-size: 14.5px;
    font-weight: 600;
    color: var(--ptm-ink);
}

.pt-minsu-page .minsu-feature-desc {
    font-size: 13px;
    line-height: 1.7;
    color: var(--ptm-text);
}

/* ------------------------------------------------------------ 7. 筛选标签 */

.pt-minsu-page .minsu-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pt-minsu-page .minsu-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 14px;
    font-size: 13px;
    line-height: 1.4;
    color: var(--ptm-tag-ink);
    text-decoration: none;
    background: var(--ptm-surface);
    border: 1px solid var(--ptm-line);
    border-radius: 999px;
    /* 标签内部不换行：同一行标签等高，不出现参差 */
    white-space: nowrap;
    transition: border-color .18s ease, background-color .18s ease, color .18s ease;
}

.pt-minsu-page .minsu-chip:hover {
    color: var(--ptm-brand-deep);
    border-color: #e0cbb2;
    background: #fdf8f2;
}

.pt-minsu-page .minsu-chip.is-active {
    color: #fff;
    background: var(--ptm-brand);
    border-color: var(--ptm-brand);
}

/* 还没内容的入口：弱化但不隐藏（入口消失比空态更糟） */
.pt-minsu-page .minsu-chip.is-pending {
    color: var(--ptm-muted);
    background: transparent;
    border-style: dashed;
}

.pt-minsu-page .minsu-chip-count {
    min-width: 17px;
    padding: 0 4px;
    font-size: 11.5px;
    line-height: 16px;
    text-align: center;
    color: var(--ptm-muted);
    background: var(--ptm-line-soft);
    border-radius: 999px;
}

.pt-minsu-page .minsu-chip.is-active .minsu-chip-count {
    color: #fff;
    background: rgba(255, 255, 255, .26);
}

/* -------------------------------------------------------- 8. 筛选状态条 */

.pt-minsu-page .minsu-active {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
    margin: 0 0 16px;
    padding: 11px 13px;
    background: var(--ptm-surface);
    border: 1px solid var(--ptm-line);
    border-radius: var(--ptm-radius-m);
}

.pt-minsu-page .minsu-active-label {
    font-size: 12.5px;
    color: var(--ptm-muted);
}

.pt-minsu-page .minsu-active-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pt-minsu-page .minsu-active-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px 5px 11px;
    font-size: 12.5px;
    color: #fff;
    text-decoration: none;
    background: var(--ptm-brand);
    border-radius: 999px;
    /* 这里显示的是 URL 里带来的筛选名，长度不可控：允许换行、限宽，绝不许撑破页面 */
    max-width: 100%;
    overflow-wrap: anywhere;
}

.pt-minsu-page .minsu-active-tag:hover {
    color: #fff;
    background: var(--ptm-brand-deep);
}

.pt-minsu-page .minsu-active-x {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    font-size: 13px;
    line-height: 1;
    background: rgba(255, 255, 255, .28);
    border-radius: 50%;
}

.pt-minsu-page .minsu-active-clear {
    margin-left: auto;
    font-size: 12.5px;
    color: var(--ptm-muted);
    text-decoration: underline;
}

.pt-minsu-page .minsu-active-clear:hover {
    color: var(--ptm-brand-deep);
}

/* ------------------------------------------------------- 9. 攻略卡片栅格 */

.pt-minsu-page .minsu-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

.pt-minsu-page .minsu-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    text-decoration: none;
    background: var(--ptm-surface);
    border: 1px solid var(--ptm-line);
    border-radius: var(--ptm-radius-l);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.pt-minsu-page .minsu-card:hover {
    border-color: #e0cbb2;
    box-shadow: 0 12px 26px -18px rgba(142, 85, 32, .55);
    transform: translateY(-2px);
}

.pt-minsu-page .minsu-card-media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 26 / 17;
    background: var(--ptm-line-soft);
}

.pt-minsu-page .minsu-card-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pt-minsu-page .minsu-card-img-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: var(--ptm-muted);
    background: linear-gradient(135deg, #f7efe6, #f2e6d8);
}

.pt-minsu-page .minsu-card-body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 8px;
    padding: 14px 15px 15px;
}

.pt-minsu-page .minsu-card-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--ptm-ink);
}

.pt-minsu-page .minsu-card-excerpt {
    margin: 0;
    font-size: 13px;
    line-height: 1.7;
    color: var(--ptm-text);
}

.pt-minsu-page .minsu-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.pt-minsu-page .minsu-card-tag {
    padding: 3px 9px;
    font-size: 12px;
    color: var(--ptm-tag-ink);
    background: var(--ptm-tag-bg);
    border-radius: 999px;
}

.pt-minsu-page .minsu-card-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px;
    margin-top: auto;
    padding-top: 4px;
}

.pt-minsu-page .minsu-card-date {
    font-size: 12px;
    color: var(--ptm-muted);
}

.pt-minsu-page .minsu-card-more {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ptm-brand-deep);
}

/* -------------------------------------------------------------- 10. 分页 */

.pt-minsu-page .minsu-pager {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 20px 0 0;
}

.pt-minsu-page .minsu-pager-prev,
.pt-minsu-page .minsu-pager-next,
.pt-minsu-page .minsu-pager-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding: 0 11px;
    font-size: 13px;
    color: var(--ptm-text);
    text-decoration: none;
    background: var(--ptm-surface);
    border: 1px solid var(--ptm-line);
    border-radius: var(--ptm-radius-s);
}

.pt-minsu-page .minsu-pager-prev:hover,
.pt-minsu-page .minsu-pager-next:hover,
.pt-minsu-page .minsu-pager-num:hover {
    color: var(--ptm-brand-deep);
    border-color: #e0cbb2;
}

.pt-minsu-page .minsu-pager-num.is-current {
    color: #fff;
    background: var(--ptm-brand);
    border-color: var(--ptm-brand);
}

.pt-minsu-page .minsu-pager-gap {
    padding: 0 2px;
    color: var(--ptm-muted);
}

/* -------------------------------------------------------------- 11. 空态 */

.pt-minsu-page .minsu-empty {
    padding: 26px 18px;
    text-align: center;
    background: var(--ptm-surface);
    border: 1px dashed var(--ptm-line);
    border-radius: var(--ptm-radius-l);
}

.pt-minsu-page .minsu-empty-title {
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 600;
    color: var(--ptm-ink);
}

.pt-minsu-page .minsu-empty-text {
    margin: 0 auto;
    max-width: 520px;
    font-size: 13.5px;
    line-height: 1.75;
    color: var(--ptm-text);
}

.pt-minsu-page .minsu-empty-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 16px 0 0;
}

/* -------------------------------------------------- 12. 场景卡 / 引导条 */

.pt-minsu-page .minsu-scene {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    padding: 18px;
    background: var(--ptm-surface);
    border: 1px solid var(--ptm-line);
    border-radius: var(--ptm-radius-l);
}

.pt-minsu-page .minsu-scene-emoji {
    flex: 0 0 auto;
    font-size: 26px;
    line-height: 1;
}

.pt-minsu-page .minsu-scene-text {
    flex: 1 1 260px;
    min-width: 0;
}

.pt-minsu-page .minsu-scene-title {
    margin: 0 0 6px;
    font-size: 18px;
    font-weight: 600;
    color: var(--ptm-ink);
}

.pt-minsu-page .minsu-scene-desc {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.75;
    color: var(--ptm-text);
}

.pt-minsu-page .minsu-scene-actions {
    margin: 0;
}

.pt-minsu-page .minsu-callout {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 22px;
    background:
        radial-gradient(120% 160% at 100% 0%, #fbeadb 0%, rgba(251, 234, 219, 0) 60%),
        var(--ptm-surface);
    border: 1px solid var(--ptm-line);
    border-radius: var(--ptm-radius-l);
}

.pt-minsu-page .minsu-callout-text {
    flex: 1 1 320px;
    min-width: 0;
}

.pt-minsu-page .minsu-callout-title {
    margin: 0 0 6px;
    font-size: 19px;
    font-weight: 600;
    color: var(--ptm-ink);
}

.pt-minsu-page .minsu-callout-desc {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.75;
    color: var(--ptm-text);
}

.pt-minsu-page .minsu-callout-actions {
    margin: 0;
}

/* ----------------------------------------------------- 13. 出发前看一眼 */

.pt-minsu-page .minsu-prep {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.pt-minsu-page .minsu-prep-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 15px;
    text-decoration: none;
    background: var(--ptm-surface);
    border: 1px solid var(--ptm-line);
    border-radius: var(--ptm-radius-m);
    transition: border-color .18s ease, box-shadow .18s ease;
}

.pt-minsu-page .minsu-prep-card:hover {
    border-color: #e0cbb2;
    box-shadow: 0 8px 20px -14px rgba(142, 85, 32, .5);
}

.pt-minsu-page .minsu-prep-emoji {
    flex: 0 0 auto;
    font-size: 22px;
    line-height: 1;
}

.pt-minsu-page .minsu-prep-body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.pt-minsu-page .minsu-prep-title {
    font-size: 15px;
    font-weight: 600;
    color: var(--ptm-ink);
}

.pt-minsu-page .minsu-prep-desc {
    font-size: 12.5px;
    line-height: 1.6;
    color: var(--ptm-muted);
}

/* ------------------------------------ 14. 问问平潭岚点 / 后台正文区 */

.pt-minsu-page .minsu-ask {
    padding: 30px 0 0;
}

.pt-minsu-page .minsu-ask-card {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 22px;
    background: var(--ptm-surface);
    border: 1px solid var(--ptm-line);
    border-radius: var(--ptm-radius-l);
}

.pt-minsu-page .minsu-ask-kicker {
    margin: 0 0 5px;
    font-size: 12.5px;
    color: var(--ptm-muted);
}

.pt-minsu-page .minsu-ask-title {
    margin: 0 0 5px;
    font-size: 19px;
    font-weight: 600;
    color: var(--ptm-ink);
}

.pt-minsu-page .minsu-ask-desc {
    margin: 0;
    max-width: 620px;
    font-size: 13.5px;
    line-height: 1.7;
    color: var(--ptm-text);
}

.pt-minsu-page .minsu-ask-actions {
    margin: 0;
}

/* 后台正文区（运营写了正常文字时才出现） */
.pt-minsu-page .minsu-content {
    padding: 20px;
    font-size: 14px;
    line-height: 1.8;
    color: var(--ptm-text);
    background: var(--ptm-surface);
    border: 1px solid var(--ptm-line);
    border-radius: var(--ptm-radius-l);
}

.pt-minsu-page .minsu-content img {
    height: auto;
}

/* ---------------------------------------------------------- 15. 响应式 */

@media (min-width: 560px) {
    .pt-minsu-page .minsu-grid,
    .pt-minsu-page .minsu-prep {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pt-minsu-page .minsu-features {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    .pt-minsu-page .minsu-hero {
        padding: 46px 0 40px;
    }

    .pt-minsu-page .minsu-hero-title {
        font-size: 34px;
    }

    .pt-minsu-page .minsu-section {
        padding: 38px 0 0;
    }

    .pt-minsu-page .minsu-title {
        font-size: 23px;
    }

    .pt-minsu-page .minsu-regions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pt-minsu-page .minsu-features {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 960px) {
    .pt-minsu-page .minsu-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }

    .pt-minsu-page .minsu-prep {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* 窄屏兜底：任何情况下都不允许出现横向滚动 */
@media (max-width: 374px) {
    .pt-minsu-page .minsu-container {
        padding: 0 12px;
    }

    .pt-minsu-page .minsu-region,
    .pt-minsu-page .minsu-scene,
    .pt-minsu-page .minsu-callout,
    .pt-minsu-page .minsu-ask-card {
        padding: 15px;
    }
}