*{box-sizing:border-box}
body{margin:0;background:#f7f7f7;color:#111;font-family:Arial,"Microsoft YaHei",sans-serif}
a{text-decoration:none;color:inherit}
.hero{background:#eef5ff;text-align:center;padding:18px 10px}
.hero h1{margin:0;font-size:30px}
.hero p{margin:6px 0 0;font-size:14px}
.container{max-width:1540px;margin:0 auto;padding:16px}
.filter-box{margin-bottom:16px}
.filter-box summary{width:max-content;margin:0 auto 12px;padding:6px 18px;border:1px solid #3296fa;border-radius:5px;color:#2387e8;background:#fff;cursor:pointer}
.filter-panel{background:linear-gradient(90deg,#dff9ff,#f7fbff);padding:14px 28px}
.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#fff;border-radius:10px;padding:10px 14px;margin-bottom:10px}
.filter-row input[type=number],.filter-row input[name=city]{width:120px;padding:9px 10px;border:1px solid #9ddffc;border-radius:6px}
.pill{border:1px solid #8bd5f5;border-radius:6px;padding:7px 14px;cursor:pointer;background:#fff}
.pill input{display:none}
.pill.active{background:#2b9cf4;color:#fff}
.filter-actions{text-align:center}
.btn{display:inline-block;padding:9px 22px;border-radius:8px;border:1px solid #258df0;margin:0 4px;cursor:pointer}
.btn.primary{background:#38a6f6;color:#fff}
.btn.ghost{background:#fff;color:#2489e8}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 24px}
.card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,.08)}
.cover{height:420px;position:relative;background:#eee;overflow:hidden}
.cover img{width:100%;height:100%;object-fit:cover;display:block}
.cover-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#e9edf2;color:#888}
.cover-empty.big{min-height:480px}
.overlay{position:absolute;left:0;right:0;bottom:0;padding:40px 8px 8px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72))}
.overlay strong{display:block;font-size:20px}
.overlay>span{display:block;font-size:13px;margin-top:2px}
.tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}
.tags em{font-style:normal;background:#4c55e8;border-radius:10px;padding:2px 7px;font-size:11px}
.card-foot{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:12px}
.card-foot .ok{color:#18a94b;background:#daf8e3;border-radius:10px;padding:1px 8px}
.detail-btn{text-align:center;background:#4936d8;padding:11px;font-weight:700}
.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:38px 0 10px;flex-wrap:wrap}
.pagination>a,.pagination>span,.jump input,.jump button{border:1px solid #ddd;background:#fff;padding:10px 14px;border-radius:4px}
.pagination .disabled{pointer-events:none;color:#bbb}
.jump{display:flex;gap:8px}
.jump input{width:90px}
.empty{padding:60px;text-align:center;color:#888;background:#fff}
.detail-page{background:#ddd}
.detail-wrap{max-width:980px;margin:0 auto;padding:8px}
.panel{background:#fff;margin-bottom:10px;padding:16px 22px;border-radius:6px}
.panel h2{margin:0 0 12px;padding-left:10px;border-left:4px solid #3aa0ff;font-size:20px}
.stage{background:#000;min-height:500px;display:flex;align-items:center;justify-content:center;border-radius:5px;overflow:hidden}
.stage img,.stage video{max-width:100%;max-height:650px}
.thumbs{display:flex;gap:8px;justify-content:center;overflow:auto;margin-top:10px}
.thumb{width:80px;height:80px;border:2px solid transparent;background:#aaa;cursor:pointer;padding:0;position:relative}
.thumb img{width:100%;height:100%;object-fit:cover}
.video-thumb{font-size:28px;color:#fff}
.verify-thumb{outline:2px solid #ff3d3d}
.verify-thumb small{display:block;font-size:10px}
.facts,.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.facts div,.service-grid div{background:#f7f9fc;padding:12px;border-radius:6px;display:flex;justify-content:space-between;gap:10px}
.raw{white-space:pre-wrap;font:inherit;line-height:1.8;margin:0}
.back{text-align:center}
@media(max-width:1000px){
  .grid{grid-template-columns:repeat(2,1fr)}
  .cover{height:360px}
  .facts,.service-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .container{padding:10px}
  .grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .cover{height:260px}
  .hero h1{font-size:22px}
  .filter-panel{padding:10px}
  .facts,.service-grid{grid-template-columns:1fr 1fr}
}


/* =====================================================
   FAVORITE_STYLE_V1
   收藏功能
===================================================== */

.favorite-topbar{
    max-width:1280px;
    margin:12px auto 0;
    padding:0 14px;
    display:flex;
    justify-content:flex-end;
}

.favorite-home-link{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:9px 15px;
    border:1px solid #168cff;
    border-radius:6px;
    background:#fff;
    color:#168cff;
    font-size:14px;
    text-decoration:none;
}

.favorite-home-link:hover{
    background:#f3f9ff;
}


.favorite-panel{
    padding:14px 20px;
}

.favorite-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
}

.favorite-left{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.favorite-price{
    color:#164cff;
    font-size:22px;
}

.favorite-tag{
    background:#edf4ff;
    border-radius:20px;
    padding:5px 9px;
    font-size:13px;
    color:#345;
}

.favorite-actions{
    display:flex;
    align-items:center;
    gap:10px;
}

.favorite-view{
    color:#168cff;
    text-decoration:none;
    font-size:14px;
}

.favorite-btn{
    min-width:86px;
    height:42px;
    padding:0 16px;
    border:1px solid #ff5b24;
    border-radius:6px;
    background:#fff;
    color:#ff5b24;
    font-weight:700;
    cursor:pointer;
}

.favorite-btn.active{
    background:#fff3ee;
    color:#ff4215;
}


.favorite-page-head{
    text-align:center;
}

.favorite-page-container{
    padding-top:20px;
}

.favorite-page-tools{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:18px;
}

.favorite-back{
    color:#168cff;
    text-decoration:none;
}

.favorite-clear{
    border:1px solid #ddd;
    background:#fff;
    padding:8px 14px;
    border-radius:6px;
    cursor:pointer;
}

.favorite-empty{
    text-align:center;
    padding:70px 20px;
    color:#999;
    background:#fff;
    border-radius:8px;
}

.favorite-empty a{
    color:#168cff;
    text-decoration:none;
}


.favorite-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}

.favorite-card{
    overflow:hidden;
    background:#fff;
    border-radius:9px;
    box-shadow:0 1px 7px rgba(0,0,0,.08);
}

.favorite-card-cover{
    display:block;
    width:100%;
    height:300px;
    background:#eef1f5;
    overflow:hidden;
}

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

.favorite-no-cover{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#999;
}

.favorite-card-body{
    padding:12px;
}

.favorite-card-title{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:8px;
}

.favorite-card-title strong{
    color:#164cff;
    font-size:20px;
}

.favorite-card-title span{
    font-size:14px;
}

.favorite-card-meta{
    margin-top:8px;
    color:#666;
    font-size:13px;
}

.favorite-card-days{
    margin-top:7px;
    font-size:13px;
    color:#168cff;
}

.favorite-card-actions{
    display:flex;
    gap:8px;
    margin-top:12px;
}

.favorite-detail-link,
.favorite-remove{
    flex:1;
    height:36px;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    font-size:13px;
}

.favorite-detail-link{
    color:#fff;
    background:#4f46e5;
    text-decoration:none;
}

.favorite-remove{
    color:#ff5722;
    background:#fff;
    border:1px solid #ff5722;
    cursor:pointer;
}


@media(max-width:900px){

    .favorite-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}


@media(max-width:560px){

    .favorite-row{
        align-items:flex-start;
    }

    .favorite-actions{
        flex-direction:column;
        align-items:flex-end;
    }

    .favorite-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:9px;
    }

    .favorite-card-cover{
        height:220px;
    }

    .favorite-card-body{
        padding:9px;
    }

    .favorite-card-title{
        display:block;
    }

    .favorite-card-title span{
        display:block;
        margin-top:4px;
    }

}


/* ===============================
   收藏入口美化 V2
================================ */

.favorite-topbar{
    max-width:1280px !important;
    margin:0 auto !important;
    padding:14px 20px 4px !important;
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    box-sizing:border-box !important;
}

.favorite-home-link{
    width:auto !important;
    min-width:0 !important;
    height:38px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;

    padding:0 17px !important;

    border:1px solid #2f8fff !important;
    border-radius:20px !important;

    background:
        linear-gradient(180deg,#ffffff 0%,#f4f9ff 100%) !important;

    color:#1677e8 !important;

    font-size:14px !important;
    font-weight:600 !important;
    line-height:1 !important;

    text-decoration:none !important;

    box-shadow:
        0 3px 10px rgba(22,119,232,.10) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease !important;
}

.favorite-home-link:hover{
    background:#edf6ff !important;

    box-shadow:
        0 5px 15px rgba(22,119,232,.18) !important;

    transform:translateY(-1px) !important;
}

.favorite-home-link:active{
    transform:scale(.97) !important;
}

#favoriteCount{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-width:18px !important;
    height:18px !important;

    padding:0 5px !important;

    border-radius:10px !important;

    background:#ff4d4f !important;
    color:#fff !important;

    font-size:11px !important;
    font-weight:700 !important;
}


/* 手机端 */
@media(max-width:600px){

    .favorite-topbar{
        padding:10px 12px 2px !important;
    }

    .favorite-home-link{
        height:36px !important;
        padding:0 14px !important;
        font-size:13px !important;
    }
}



/* =====================================================
   FILTER_BUTTON_PREMIUM_V3
   首页筛选按钮
===================================================== */

.filter-box > summary.filter-summary{
    list-style:none;
    display:flex;
    justify-content:center;
    align-items:center;
    width:max-content;
    min-width:158px;
    height:48px;
    margin:20px auto 24px;
    padding:0;
    border:1px solid #4d98ff;
    border-radius:14px;
    background:
        linear-gradient(180deg,#ffffff 0%,#f4f8ff 100%);
    color:#246fd5;
    cursor:pointer;
    user-select:none;
    box-sizing:border-box;

    box-shadow:
        0 6px 18px rgba(45,126,230,.12),
        inset 0 1px 0 rgba(255,255,255,.9);

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease,
        background .18s ease;
}

/* 去掉浏览器默认三角 */
.filter-box > summary.filter-summary::-webkit-details-marker{
    display:none;
}

.filter-box > summary.filter-summary::marker{
    display:none;
    content:"";
}

.filter-summary-inner{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    width:100%;
    height:100%;
    padding:0 19px;
    box-sizing:border-box;
}

/* CSS画一个筛选漏斗图标 */
.filter-funnel{
    position:relative;
    width:18px;
    height:15px;
    flex:0 0 18px;
}

.filter-funnel::before{
    content:"";
    position:absolute;
    left:0;
    top:1px;
    width:18px;
    height:9px;
    background:#3b82f6;
    clip-path:polygon(
        0 0,
        100% 0,
        63% 70%,
        63% 100%,
        38% 100%,
        38% 70%
    );
}

.filter-summary-text{
    font-size:15px;
    font-weight:700;
    letter-spacing:.5px;
    white-space:nowrap;
}

/* 右边箭头 */
.filter-chevron{
    width:8px;
    height:8px;
    border-right:2px solid #3b82f6;
    border-bottom:2px solid #3b82f6;
    transform:rotate(45deg) translateY(-2px);
    transition:transform .22s ease;
}

/* 展开以后箭头向上 */
.filter-box[open] .filter-chevron{
    transform:rotate(225deg) translate(-2px,-2px);
}

/* 展开状态按钮 */
.filter-box[open] > summary.filter-summary{
    background:
        linear-gradient(135deg,#3186f5 0%,#5c9cff 100%);
    border-color:#3186f5;
    color:#fff;

    box-shadow:
        0 8px 22px rgba(49,134,245,.24);
}

.filter-box[open] .filter-funnel::before{
    background:#fff;
}

.filter-box[open] .filter-chevron{
    border-color:#fff;
}

/* 鼠标经过 */
.filter-box > summary.filter-summary:hover{
    transform:translateY(-2px);

    border-color:#287fe9;

    box-shadow:
        0 10px 24px rgba(45,126,230,.20);

    background:
        linear-gradient(180deg,#ffffff 0%,#eaf3ff 100%);
}

.filter-box[open] > summary.filter-summary:hover{
    background:
        linear-gradient(135deg,#2479ec 0%,#4d92f6 100%);
}

/* 点击 */
.filter-box > summary.filter-summary:active{
    transform:scale(.97);
}

/* 去除难看的焦点框，同时保留键盘反馈 */
.filter-box > summary.filter-summary:focus{
    outline:none;
}

.filter-box > summary.filter-summary:focus-visible{
    box-shadow:
        0 0 0 4px rgba(59,130,246,.15),
        0 8px 22px rgba(45,126,230,.18);
}


/* 手机 */
@media(max-width:600px){

    .filter-box > summary.filter-summary{
        min-width:146px;
        height:44px;
        margin:16px auto 20px;
        border-radius:13px;
    }

    .filter-summary-inner{
        padding:0 17px;
        gap:9px;
    }

    .filter-summary-text{
        font-size:14px;
    }

    .filter-funnel{
        transform:scale(.9);
    }
}



/* =========================================================
   MODERN MAGAZINE THEME V1
   奶油白 + 雾灰 + 深海蓝
========================================================= */

:root{
    --bg:#f5f6f8;
    --card:#ffffff;
    --text:#18212f;
    --muted:#7b8494;
    --line:#e7e9ee;

    --primary:#1f4f88;
    --primary2:#2d6aa8;
    --soft:#edf4fb;

    --shadow:0 8px 28px rgba(25,39,59,.07);
    --shadow-hover:0 16px 40px rgba(25,39,59,.12);
}


/* =========================
   全局
========================= */

html{
    background:var(--bg);
}

body{
    background:
        radial-gradient(circle at 20% 0%,rgba(215,229,244,.38),transparent 32%),
        var(--bg) !important;

    color:var(--text) !important;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        "PingFang SC",
        "Microsoft YaHei",
        sans-serif !important;
}


/* =========================
   顶部区域
========================= */

.hero{
    position:relative;

    padding:44px 20px 38px !important;

    background:
        linear-gradient(
            135deg,
            #fdfdfd 0%,
            #f2f6fb 55%,
            #e8f0f8 100%
        ) !important;

    border-bottom:1px solid #e1e6ec !important;

    color:var(--text) !important;

    text-align:center;

    box-shadow:none !important;
}

.hero::after{
    content:"";
    position:absolute;

    left:50%;
    bottom:0;

    transform:translateX(-50%);

    width:80px;
    height:3px;

    border-radius:5px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--primary),
            transparent
        );
}

.hero h1{
    margin:0 0 10px !important;

    color:#172434 !important;

    font-size:32px !important;
    font-weight:750 !important;

    letter-spacing:2px;
}

.hero p{
    margin:0 !important;

    color:#768192 !important;

    font-size:14px !important;
}


/* 兼容旧顶部 */
.top{
    background:#fff !important;
    border-bottom:1px solid var(--line) !important;
    box-shadow:0 2px 12px rgba(0,0,0,.03) !important;
}

.brand{
    color:var(--primary) !important;
}


/* =========================
   主容器
========================= */

.container,
.wrap,
.detail-wrap{
    max-width:1280px !important;
}


/* =========================
   收藏入口
========================= */

.favorite-topbar{
    padding-top:18px !important;
}

.favorite-home-link{
    height:40px !important;

    padding:0 17px !important;

    border:1px solid #dce4ed !important;
    border-radius:11px !important;

    background:#fff !important;

    color:#354255 !important;

    font-weight:600 !important;

    box-shadow:
        0 4px 14px rgba(32,48,67,.05) !important;
}

.favorite-home-link:hover{
    color:var(--primary) !important;

    border-color:#b8cee4 !important;

    background:#f9fbfd !important;

    transform:translateY(-1px);
}


/* =========================
   筛选按钮
========================= */

.filter-box{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

.filter-box > summary,
.filter-box > summary.filter-summary{
    min-width:150px !important;
    height:44px !important;

    margin:18px auto 22px !important;

    border:1px solid #d7e0e9 !important;
    border-radius:12px !important;

    background:#fff !important;

    color:#364456 !important;

    font-size:14px !important;
    font-weight:650 !important;

    box-shadow:
        0 5px 16px rgba(24,39,58,.06) !important;

    transition:.2s ease !important;
}

.filter-box > summary:hover,
.filter-box > summary.filter-summary:hover{
    border-color:#a9bfd6 !important;

    color:var(--primary) !important;

    transform:translateY(-1px) !important;

    box-shadow:
        0 9px 24px rgba(24,39,58,.09) !important;
}

.filter-box[open] > summary,
.filter-box[open] > summary.filter-summary{
    background:var(--primary) !important;

    border-color:var(--primary) !important;

    color:#fff !important;
}


/* 筛选面板 */
.filter-panel{
    padding:22px !important;

    margin-bottom:25px !important;

    border:1px solid var(--line) !important;
    border-radius:18px !important;

    background:rgba(255,255,255,.96) !important;

    box-shadow:var(--shadow) !important;
}

.filter-row{
    gap:10px !important;
}

.filter-row b{
    color:#445164 !important;
    font-size:14px;
}

.filter-panel input,
.filter-panel select{
    min-height:40px;

    border:1px solid #dfe3e8 !important;
    border-radius:9px !important;

    background:#fafbfc !important;

    color:#283445 !important;

    box-shadow:none !important;

    outline:none !important;
}

.filter-panel input:focus,
.filter-panel select:focus{
    border-color:#8cafcf !important;

    background:#fff !important;

    box-shadow:
        0 0 0 3px rgba(48,105,163,.08) !important;
}


/* 选项胶囊 */
.pill{
    border:1px solid #dce3ea !important;

    background:#f8fafc !important;

    color:#627084 !important;

    border-radius:9px !important;

    transition:.18s ease !important;
}

.pill:hover{
    border-color:#a9bfd6 !important;

    background:#f3f7fb !important;
}

.pill.active{
    border-color:var(--primary) !important;

    background:var(--primary) !important;

    color:#fff !important;
}


/* =========================
   卡片列表
========================= */

.grid{
    gap:22px !important;
}

.card{
    overflow:hidden;

    border:1px solid #e4e7ec !important;
    border-radius:18px !important;

    background:var(--card) !important;

    box-shadow:var(--shadow) !important;

    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease !important;
}

.card:hover{
    transform:translateY(-5px) !important;

    border-color:#d2dae4 !important;

    box-shadow:var(--shadow-hover) !important;
}


/* 图片 */
.cover{
    position:relative;

    overflow:hidden;

    background:#edf0f4 !important;
}

.cover img{
    transition:transform .45s ease !important;
}

.card:hover .cover img{
    transform:scale(1.025);
}


/* 图片底部信息 */
.overlay{
    padding:20px 16px 14px !important;

    background:
        linear-gradient(
            to top,
            rgba(12,21,31,.82),
            rgba(12,21,31,.12),
            transparent
        ) !important;
}

.overlay strong{
    font-size:21px !important;

    color:#fff !important;

    text-shadow:0 2px 5px rgba(0,0,0,.2);
}

.overlay > span{
    color:rgba(255,255,255,.90) !important;
}


/* 标签 */
.tags{
    gap:6px !important;
}

.tags em,
.tag{
    padding:4px 8px !important;

    border:1px solid rgba(255,255,255,.24) !important;
    border-radius:7px !important;

    background:rgba(255,255,255,.14) !important;

    color:#fff !important;

    font-size:11px !important;

    backdrop-filter:blur(8px);
}


/* 卡片底栏 */
.card-foot,
.info{
    padding:12px 15px !important;

    border-top:1px solid #f0f1f3 !important;

    background:#fff !important;
}

.card-foot span,
.info .meta{
    color:#667386 !important;
}

.card-foot .ok{
    color:#4a8763 !important;

    background:#edf7f1 !important;

    border-radius:7px;

    padding:4px 8px;
}


/* 查看详情 */
.detail-btn{
    margin:0 14px 14px !important;

    height:40px !important;

    border-radius:10px !important;

    background:#eef3f8 !important;

    color:#2e577f !important;

    font-weight:650 !important;

    border:0 !important;

    transition:.18s ease;
}

.card:hover .detail-btn{
    background:var(--primary) !important;

    color:#fff !important;
}


/* 城市徽章 */
.city-badge{
    background:rgba(255,255,255,.90) !important;

    color:#344356 !important;

    border-radius:8px !important;

    box-shadow:
        0 3px 10px rgba(0,0,0,.08);
}


/* =========================
   普通按钮
========================= */

.btn,
.filter-actions button,
.pagination a,
.pagination button{
    border-radius:10px !important;

    font-weight:650 !important;

    transition:.18s ease !important;
}

.btn.primary,
.filter-actions button{
    border:0 !important;

    background:var(--primary) !important;

    color:#fff !important;

    box-shadow:
        0 6px 14px rgba(31,79,136,.16);
}

.btn.primary:hover,
.filter-actions button:hover{
    background:#173f6e !important;

    transform:translateY(-1px);
}

.btn.ghost{
    border:1px solid #d8dee6 !important;

    background:#fff !important;

    color:#667386 !important;
}


/* =========================
   分页
========================= */

.pagination{
    margin-top:32px !important;
}

.pagination a,
.pagination span,
.pagination button{
    border:1px solid #e0e4e9 !important;

    background:#fff !important;

    color:#566375 !important;

    box-shadow:
        0 3px 10px rgba(0,0,0,.03);
}

.pagination a:hover{
    border-color:#a7bdd3 !important;

    color:var(--primary) !important;
}


/* =========================
   详情页
========================= */

.detail-page{
    background:#f4f5f7 !important;
}

.panel,
.section{
    border:1px solid #e4e7eb !important;

    border-radius:18px !important;

    background:#fff !important;

    box-shadow:
        0 7px 24px rgba(28,43,61,.055) !important;
}

.panel h2,
.section h3{
    color:#243246 !important;

    font-weight:720 !important;
}

.panel h2::before,
.section h3::before{
    content:"";

    display:inline-block;

    width:4px;
    height:17px;

    margin-right:9px;

    border-radius:4px;

    background:var(--primary);

    vertical-align:-2px;
}


/* 基础信息 */
.facts > div,
.profile-grid > div,
.service-grid > div,
.service > div{
    border:1px solid #edf0f3 !important;

    border-radius:11px !important;

    background:#fafbfc !important;
}

.facts span,
.profile-grid span,
.service-grid span,
.service span{
    color:#7a8594 !important;
}

.facts b,
.profile-grid b,
.service-grid b,
.service b{
    color:#273548 !important;
}


/* 图库 */
.stage,
.hero-box{
    overflow:hidden;

    border-radius:15px !important;

    background:#edf0f3 !important;
}

.thumb{
    border-radius:9px !important;

    border:2px solid transparent !important;

    background:#edf0f3 !important;
}

.thumb:hover,
.thumb.active{
    border-color:#5b83ae !important;
}


/* 收藏按钮 */
.favorite-btn,
.favbtn{
    min-width:100px !important;
    height:42px !important;

    padding:0 17px !important;

    border:1px solid #d7dfe7 !important;
    border-radius:11px !important;

    background:#fff !important;

    color:#4b586a !important;

    font-weight:650 !important;

    box-shadow:
        0 4px 13px rgba(26,42,59,.05) !important;

    transition:.18s ease !important;
}

.favorite-btn:hover,
.favbtn:hover{
    border-color:#d39aa0 !important;

    color:#b04f59 !important;

    background:#fff8f8 !important;

    transform:translateY(-1px);
}

.favorite-btn.active{
    border-color:#d9959d !important;

    background:#fff4f5 !important;

    color:#b34350 !important;
}


/* 我的收藏页 */
.favorite-card{
    border:1px solid var(--line) !important;

    border-radius:18px !important;

    box-shadow:var(--shadow) !important;
}

.favorite-detail-link{
    border-radius:9px !important;

    background:var(--primary) !important;
}

.favorite-remove{
    border-radius:9px !important;
}


/* =========================
   手机端
========================= */

@media(max-width:700px){

    .hero{
        padding:32px 15px 28px !important;
    }

    .hero h1{
        font-size:25px !important;
    }

    .grid{
        gap:10px !important;
    }

    .card{
        border-radius:13px !important;
    }

    .overlay{
        padding:16px 10px 10px !important;
    }

    .overlay strong{
        font-size:17px !important;
    }

    .panel,
    .section{
        border-radius:14px !important;
    }

    .filter-panel{
        padding:14px !important;
        border-radius:14px !important;
    }
}


/* =========================================================
   DETAIL_THEME_MATCH_V1
   详情页统一新风格
========================================================= */

.detail-page{
    background:
        radial-gradient(circle at 50% 0%,rgba(220,231,242,.45),transparent 30%),
        #f4f5f7 !important;
    color:#1e2938 !important;
}

.detail-wrap{
    max-width:1050px !important;
    margin:0 auto !important;
    padding:24px 18px 50px !important;
}


/* -------------------------
   每一个内容区
------------------------- */

.detail-page .panel{
    margin-bottom:18px !important;
    padding:20px !important;

    border:1px solid #e4e8ed !important;
    border-radius:18px !important;

    background:#fff !important;

    box-shadow:
        0 8px 28px rgba(28,42,60,.06) !important;
}

.detail-page .panel h2{
    margin:0 0 18px !important;

    color:#223247 !important;

    font-size:18px !important;
    font-weight:750 !important;

    display:flex;
    align-items:center;
}

.detail-page .panel h2::before{
    content:"";

    width:4px;
    height:18px;

    margin-right:9px;

    border-radius:5px;

    background:#1f4f88;
}


/* -------------------------
   图片区域
------------------------- */

.detail-page .gallery{
    background:#f7f8fa !important;

    border:1px solid #edf0f3 !important;
    border-radius:16px !important;

    padding:12px !important;
}

.detail-page .stage{
    overflow:hidden !important;

    border-radius:14px !important;

    background:#111820 !important;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.04) !important;
}

.detail-page .stage img,
.detail-page .stage video{
    display:block !important;

    max-width:100% !important;

    margin:auto !important;

    border-radius:0 !important;
}


/* 缩略图 */
.detail-page .thumbs{
    margin-top:10px !important;

    padding:0 2px !important;

    gap:8px !important;
}

.detail-page .thumb{
    width:70px !important;
    height:70px !important;

    overflow:hidden !important;

    border:2px solid transparent !important;
    border-radius:10px !important;

    background:#e9edf1 !important;

    transition:.18s ease !important;
}

.detail-page .thumb:hover{
    transform:translateY(-2px);

    border-color:#8caac8 !important;
}

.detail-page .thumb img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

.detail-page .video-thumb{
    color:#fff !important;

    background:
        linear-gradient(135deg,#415d78,#26394d) !important;

    font-size:22px !important;
}

.detail-page .verify-thumb{
    background:
        linear-gradient(135deg,#31826d,#1f6253) !important;
}


/* -------------------------
   基础信息
------------------------- */

.detail-page .facts{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:10px !important;
}

.detail-page .facts > div{
    min-height:58px !important;

    padding:12px 13px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    border:1px solid #edf0f3 !important;
    border-radius:11px !important;

    background:
        linear-gradient(
            180deg,
            #fbfcfd 0%,
            #f7f9fb 100%
        ) !important;
}

.detail-page .facts span{
    color:#7b8593 !important;

    font-size:13px !important;
}

.detail-page .facts b{
    color:#243246 !important;

    font-size:14px !important;
    font-weight:700 !important;

    text-align:right !important;
}


/* 费用突出 */
.detail-page .facts > div:nth-child(3) b{
    color:#1f5f9f !important;

    font-size:16px !important;
}


/* -------------------------
   属性详情
------------------------- */

.detail-page .service-grid{
    display:grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    gap:10px !important;
}

.detail-page .service-grid > div{
    min-height:54px !important;

    padding:11px 13px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    border:1px solid #edf0f3 !important;
    border-radius:11px !important;

    background:#fafbfc !important;
}

.detail-page .service-grid span{
    color:#748091 !important;

    font-size:13px !important;
}

.detail-page .service-grid b{
    font-size:13px !important;
}


/* -------------------------
   补充说明
------------------------- */

.detail-page .raw{
    margin:0 !important;

    padding:17px !important;

    white-space:pre-wrap !important;
    word-break:break-word !important;

    border:1px solid #ebedf0 !important;
    border-radius:12px !important;

    background:#f8f9fb !important;

    color:#455264 !important;

    font-size:14px !important;
    line-height:1.9 !important;

    font-family:inherit !important;
}


/* -------------------------
   收藏区域
------------------------- */

.detail-page .favorite-panel{
    padding:14px 20px !important;
}

.detail-page .favorite-row{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:12px !important;
}

.detail-page .favorite-price{
    color:#1f5f9f !important;

    font-size:24px !important;
    font-weight:800 !important;
}

.detail-page .favorite-tag{
    padding:5px 10px !important;

    border:1px solid #e1e7ee !important;
    border-radius:20px !important;

    background:#f5f8fb !important;

    color:#566579 !important;
}

.detail-page .favorite-btn{
    height:42px !important;

    padding:0 18px !important;

    border:1px solid #d9b6ba !important;
    border-radius:11px !important;

    background:#fff !important;

    color:#a34f59 !important;

    font-weight:700 !important;

    box-shadow:
        0 4px 14px rgba(120,55,65,.06) !important;
}

.detail-page .favorite-btn:hover{
    background:#fff5f6 !important;

    border-color:#c98189 !important;
}

.detail-page .favorite-btn.active{
    background:#fff1f2 !important;

    color:#b23e4c !important;
}


/* -------------------------
   返回首页
------------------------- */

.detail-page .back{
    margin-top:20px !important;

    text-align:center !important;
}

.detail-page .back a{
    display:inline-flex !important;

    align-items:center !important;

    padding:10px 18px !important;

    border:1px solid #dbe2e9 !important;
    border-radius:10px !important;

    background:#fff !important;

    color:#315f8e !important;

    text-decoration:none !important;

    box-shadow:
        0 4px 14px rgba(30,50,70,.05) !important;
}


/* -------------------------
   手机
------------------------- */

@media(max-width:800px){

    .detail-wrap{
        padding:12px 10px 35px !important;
    }

    .detail-page .panel{
        padding:14px !important;
        border-radius:14px !important;
    }

    .detail-page .facts{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

    .detail-page .service-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

    .detail-page .facts > div,
    .detail-page .service-grid > div{
        padding:10px !important;
    }

    .detail-page .thumb{
        width:60px !important;
        height:60px !important;
    }

    .detail-page .favorite-row{
        align-items:flex-start !important;
    }

}


@media(max-width:420px){

    .detail-page .facts{
        gap:7px !important;
    }

    .detail-page .service-grid{
        gap:7px !important;
    }

    .detail-page .panel h2{
        font-size:17px !important;
    }

}



/* =====================================================
   MOBILE_BOTTOM_NAV_STYLE_V1
===================================================== */

.mobile-bottom-nav{
    display:none;
}


/* 公告页 */
.notice-container{
    max-width:900px;
    margin:0 auto;
    padding:24px 15px;
}

.notice-panel{
    background:#fff;
    border-radius:18px;
    padding:20px;
}

.notice-empty{
    padding:55px 15px;
    text-align:center;
    color:#9aa3af;
}


/* 手机底部导航 */
@media(max-width:700px){

    body{
        padding-bottom:
            calc(82px + env(safe-area-inset-bottom)) !important;
    }

    .mobile-bottom-nav{
        position:fixed;
        left:0;
        right:0;
        bottom:0;

        z-index:99999;

        display:grid;
        grid-template-columns:repeat(3,1fr);

        min-height:66px;

        padding:
            7px 10px
            calc(7px + env(safe-area-inset-bottom));

        background:rgba(255,255,255,.96);

        border-top:1px solid #e7e9ed;

        box-shadow:
            0 -7px 25px rgba(25,38,55,.08);

        backdrop-filter:
            blur(16px);

        -webkit-backdrop-filter:
            blur(16px);

        box-sizing:border-box;
    }


    .mobile-nav-item{
        position:relative;

        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;

        gap:3px;

        min-height:52px;

        border-radius:13px;

        color:#8993a1;

        font-size:12px;
        font-weight:600;

        text-decoration:none;

        -webkit-tap-highlight-color:
            transparent;

        transition:
            color .18s ease,
            background .18s ease,
            transform .18s ease;
    }


    .mobile-nav-icon{
        width:25px;
        height:25px;

        display:flex;
        align-items:center;
        justify-content:center;
    }

    .mobile-nav-icon svg{
        width:24px;
        height:24px;

        fill:none;

        stroke:currentColor;
        stroke-width:1.8;
        stroke-linecap:round;
        stroke-linejoin:round;
    }


    /* 当前页面 */
    .mobile-nav-item.active{
        color:#246db2;
    }

    .mobile-nav-item.active::before{
        content:"";

        position:absolute;
        top:0;

        width:25px;
        height:3px;

        border-radius:0 0 4px 4px;

        background:#2b78bf;
    }

    .mobile-nav-item.active .mobile-nav-icon{
        transform:translateY(-1px);
    }


    /* 点击效果 */
    .mobile-nav-item:active{
        transform:scale(.94);

        background:#f3f6f9;
    }

}


/* NOTICE_TXT_STYLE_V1 */

.notice-list{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.notice-item{
    padding:18px;
    border:1px solid #e6e9ee;
    border-radius:14px;
    background:#fafbfc;
}

.notice-item h3{
    margin:0 0 10px;
    color:#253449;
    font-size:16px;
}

.notice-text{
    color:#596779;
    font-size:14px;
    line-height:1.9;
}

.notice-date{
    display:block;
    margin-top:12px;
    color:#a0a8b3;
    font-size:12px;
}


/* =====================================================
   MOBILE_HOME_COMPACT_V1
   手机首页压缩顶部留白
===================================================== */

@media(max-width:700px){

    /* 顶部标题区域缩短 */
    body:not(.detail-page) .hero{
        padding:24px 15px 20px !important;
    }

    body:not(.detail-page) .hero h1{
        margin-bottom:6px !important;
        font-size:26px !important;
    }

    body:not(.detail-page) .hero p{
        font-size:13px !important;
        line-height:1.5 !important;
    }


    /* 收藏按钮这一行不要占太高 */
    .favorite-topbar{
        margin:0 auto !important;
        padding:10px 12px 0 !important;
        min-height:0 !important;
        height:auto !important;
    }

    .favorite-home-link{
        height:36px !important;
        padding:0 13px !important;
        border-radius:10px !important;
        font-size:13px !important;
    }


    /* 主区域不要再留顶部大空白 */
    .container{
        padding-top:0 !important;
        margin-top:0 !important;
    }


    /* 筛选按钮靠近收藏按钮 */
    .filter-box{
        margin:0 !important;
        padding:0 !important;
    }

    .filter-box > summary,
    .filter-box > summary.filter-summary{
        margin:8px auto 12px !important;
        height:40px !important;
        min-width:136px !important;
        border-radius:10px !important;
    }

    .filter-summary-inner{
        padding:0 14px !important;
    }


    /* 筛选下面直接接资料卡 */
    .grid{
        margin-top:0 !important;
        padding-top:0 !important;
    }

}


/* =====================================================
   MOBILE_TOOLS_ROW_V1
   收藏 + 筛选 同一行
===================================================== */

.mobile-tools-row{
    display:block;
}

@media(max-width:700px){

    .mobile-tools-row{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;

        gap:10px !important;

        padding:10px 12px 12px !important;

        margin:0 auto !important;

        max-width:100% !important;

        box-sizing:border-box !important;
    }


    /* 收藏区域 */
    .mobile-tools-row .favorite-topbar{
        flex:1 !important;

        margin:0 !important;
        padding:0 !important;

        display:flex !important;
        justify-content:flex-start !important;
    }

    .mobile-tools-row .favorite-home-link{
        width:100% !important;
        height:42px !important;

        justify-content:center !important;

        margin:0 !important;
        padding:0 12px !important;

        border-radius:11px !important;

        box-sizing:border-box !important;
    }


    /* 筛选区域 */
    .mobile-tools-row .filter-box{
        flex:1 !important;

        margin:0 !important;
        padding:0 !important;
    }

    .mobile-tools-row .filter-box > summary,
    .mobile-tools-row .filter-box > summary.filter-summary{
        width:100% !important;
        min-width:0 !important;
        height:42px !important;

        margin:0 !important;

        border-radius:11px !important;

        box-sizing:border-box !important;
    }

    .mobile-tools-row .filter-summary-inner{
        padding:0 12px !important;

        gap:8px !important;
    }


    /* 筛选展开时，面板换到下一行 */
    .mobile-tools-row .filter-box[open]{
        flex-basis:100% !important;
    }

    .mobile-tools-row:has(.filter-box[open]){
        flex-wrap:wrap !important;
    }

    .mobile-tools-row .filter-panel{
        position:relative !important;

        width:calc(200% + 10px) !important;

        margin-top:10px !important;
        margin-left:calc(-100% - 10px) !important;

        box-sizing:border-box !important;
    }

}


/* 不支持 :has 的浏览器也保证基本可用 */
@supports not selector(:has(*)) {

    @media(max-width:700px){

        .mobile-tools-row{
            flex-wrap:wrap !important;
        }

        .mobile-tools-row .filter-box[open]{
            width:100% !important;
            flex-basis:100% !important;
        }

        .mobile-tools-row .filter-box[open] .filter-panel{
            width:100% !important;
            margin-left:0 !important;
        }

    }

}



/* =====================================================
   MOBILE_FILTER_ROW_FIX_V2
   收藏 + 筛选固定同一行
   筛选内容独立下一行
===================================================== */

@media(max-width:700px){

    /* 两个按钮固定两列 */
    .mobile-tools-row{
        display:grid !important;

        grid-template-columns:
            minmax(0,1fr)
            minmax(0,1fr) !important;

        gap:10px !important;

        align-items:center !important;

        padding:10px 12px !important;

        margin:0 !important;

        width:100% !important;

        box-sizing:border-box !important;
    }


    /* 收藏左边 */
    .mobile-tools-row .favorite-topbar{
        width:100% !important;

        margin:0 !important;
        padding:0 !important;

        display:block !important;
    }

    .mobile-tools-row .favorite-home-link{
        width:100% !important;
        height:42px !important;

        margin:0 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:0 8px !important;

        box-sizing:border-box !important;

        border-radius:11px !important;

        white-space:nowrap !important;
    }


    /* 筛选右边 */
    .mobile-tools-row .filter-box,
    .mobile-tools-row .filter-box[open]{
        width:100% !important;

        margin:0 !important;
        padding:0 !important;

        display:block !important;

        flex:none !important;
        flex-basis:auto !important;
    }


    .mobile-tools-row .filter-box > summary,
    .mobile-tools-row .filter-box > summary.filter-summary{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

        height:42px !important;

        margin:0 !important;

        box-sizing:border-box !important;

        border-radius:11px !important;
    }


    .mobile-tools-row .filter-summary-inner{
        width:100% !important;

        padding:0 8px !important;

        gap:7px !important;

        justify-content:center !important;
    }


    .mobile-tools-row .filter-summary-text{
        font-size:14px !important;
        white-space:nowrap !important;
    }


    /* 禁掉上一版打开后换行 */
    .mobile-tools-row:has(.filter-box[open]){
        flex-wrap:nowrap !important;
    }


    /* 被JS移动出来的筛选面板 */
    .mobile-detached-filter{
        position:relative !important;

        display:block;

        width:calc(100% - 24px) !important;
        max-width:none !important;

        margin:
            2px 12px
            14px 12px !important;

        padding:16px 12px !important;

        box-sizing:border-box !important;

        border:1px solid #e3e8ee !important;
        border-radius:14px !important;

        background:#fff !important;

        box-shadow:
            0 8px 24px rgba(28,45,65,.07) !important;

        overflow:hidden !important;
    }


    /* 清除之前200%的错误宽度 */
    .mobile-tools-row .filter-panel,
    .mobile-detached-filter{
        margin-left:12px !important;
        margin-right:12px !important;

        transform:none !important;

        left:auto !important;
        right:auto !important;
    }


    /* 筛选每一行允许自动换行 */
    .mobile-detached-filter .filter-row{
        display:flex !important;

        flex-wrap:wrap !important;

        align-items:center !important;

        gap:9px !important;

        width:100% !important;

        margin-bottom:14px !important;

        box-sizing:border-box !important;
    }


    /* 输入框不再跑出屏幕 */
    .mobile-detached-filter input[type="text"],
    .mobile-detached-filter input[type="number"]{
        min-width:0 !important;
        max-width:100% !important;

        box-sizing:border-box !important;
    }


    /* 数字输入框 */
    .mobile-detached-filter input[type="number"]{
        width:100px !important;
        flex:1 1 90px !important;
    }


    /* 地区 */
    .mobile-detached-filter input[name="city"]{
        width:150px !important;
        flex:1 1 140px !important;
    }


    /* 胶囊选项 */
    .mobile-detached-filter .pill{
        flex:0 0 auto !important;

        margin:0 !important;

        padding:8px 12px !important;
    }


    /* 筛选按钮 */
    .mobile-detached-filter .filter-actions{
        width:100% !important;

        display:flex !important;

        gap:10px !important;

        margin-top:5px !important;
    }

}


/* 极小屏幕 */
@media(max-width:380px){

    .mobile-tools-row{
        gap:7px !important;
        padding-left:8px !important;
        padding-right:8px !important;
    }

    .mobile-tools-row .favorite-home-link,
    .mobile-tools-row .filter-box > summary{
        height:40px !important;
    }

    .mobile-tools-row .favorite-home-link,
    .mobile-tools-row .filter-summary-text{
        font-size:13px !important;
    }

}


/* =====================================================
   DESKTOP_TOOLS_COMPACT_V1
   电脑端 收藏 + 筛选 同一行
===================================================== */

@media(min-width:701px){

    /* 顶部标题稍微压缩 */
    .hero{
        padding:32px 20px 27px !important;
    }

    .hero h1{
        margin-bottom:7px !important;
    }


    /* 收藏 + 筛选 同一行 */
    .mobile-tools-row{
        width:100% !important;
        max-width:1280px !important;

        margin:0 auto !important;
        padding:16px 18px 14px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        gap:14px !important;

        box-sizing:border-box !important;
    }


    /* 收藏 */
    .mobile-tools-row .favorite-topbar{
        margin:0 !important;
        padding:0 !important;

        width:auto !important;
        max-width:none !important;

        display:block !important;
    }

    .mobile-tools-row .favorite-home-link{
        width:150px !important;
        height:42px !important;

        margin:0 !important;
        padding:0 15px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        border-radius:11px !important;

        box-sizing:border-box !important;
    }


    /* 筛选 */
    .mobile-tools-row .filter-box,
    .mobile-tools-row .filter-box[open]{
        width:auto !important;

        margin:0 !important;
        padding:0 !important;

        flex:none !important;
    }

    .mobile-tools-row .filter-box > summary,
    .mobile-tools-row .filter-box > summary.filter-summary{
        width:150px !important;
        min-width:150px !important;
        height:42px !important;

        margin:0 !important;

        border-radius:11px !important;

        box-sizing:border-box !important;
    }

    .mobile-tools-row .filter-summary-inner{
        padding:0 12px !important;
        gap:8px !important;
    }


    /* 电脑端独立展开的筛选面板 */
    .desktop-detached-filter{
        width:calc(100% - 36px) !important;
        max-width:1244px !important;

        margin:0 auto 20px !important;
        padding:20px 22px !important;

        box-sizing:border-box !important;

        border:1px solid #e3e7ec !important;
        border-radius:16px !important;

        background:#fff !important;

        box-shadow:
            0 8px 26px rgba(25,40,60,.07) !important;
    }

    .desktop-detached-filter .filter-row{
        display:flex !important;
        align-items:center !important;
        flex-wrap:wrap !important;

        gap:10px !important;

        margin-bottom:12px !important;
    }


    /* 卡片紧接工具栏 */
    .grid{
        margin-top:0 !important;
        padding-top:0 !important;
    }

}



/* =====================================================
   DETAIL_PRETTY_COPY_V3
   保持原基础信息风格 + 轻量复制效果
===================================================== */

.copy-number-cell{
    cursor:pointer !important;
    position:relative !important;
    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease !important;
}

.copy-number-cell:hover{
    background:#f5f9fd !important;
    border-color:#d3e3f3 !important;
}

/* 编号仍保持一行 */
.copy-number-cell > span{
    white-space:nowrap !important;
}

.copy-number-cell > b{
    white-space:nowrap !important;
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
}

/* 小复制图标，不破坏版式 */
.copy-number-cell > b::after{
    content:"⧉";
    font-size:12px;
    font-weight:400;
    color:#9aa9b8;
    opacity:.75;
}

.copy-number-cell.number-copied{
    background:#eef7ff !important;
    border-color:#b8d8f3 !important;
}

.copy-number-cell.number-copied > b::after{
    content:"✓";
    color:#1683d8;
    opacity:1;
}

/* 复制提示 */
.number-copy-toast{
    position:fixed;
    left:50%;
    bottom:105px;
    transform:translate(-50%,10px);

    padding:9px 16px;

    background:rgba(24,38,53,.92);
    color:#fff;

    border-radius:20px;

    font-size:13px;
    font-weight:600;

    z-index:99999;

    opacity:0;
    pointer-events:none;

    transition:.2s ease;
}

.number-copy-toast.show{
    opacity:1;
    transform:translate(-50%,0);
}


/* =====================================================
   收藏区域不要太挤
===================================================== */

.detail-page .favorite-panel{
    padding:20px 18px !important;
}

.detail-page .favorite-panel .favorite-home-link{
    margin-bottom:10px !important;
    line-height:1.4 !important;
}

/* 收藏按钮 */
.detail-page .favorite-panel button{
    min-width:118px !important;
    height:48px !important;

    padding:0 18px !important;

    border-radius:13px !important;

    font-size:14px !important;
}


/* 手机端 */
@media(max-width:700px){

    .detail-page .favorite-panel{
        padding:18px 16px !important;
    }

    .copy-number-cell > b{
        font-size:15px !important;
    }

    .copy-number-cell > b::after{
        font-size:11px !important;
    }

}


/* =====================================================
   DETAIL_INFO_CENTER_V1
   基础信息数值居中 + 增加留白
===================================================== */

@media(max-width:700px){

    /* 基础信息整体 */
    .detail-page .facts{
        gap:12px !important;
    }

    /* 每个资料格 */
    .detail-page .facts > div{
        min-height:76px !important;

        padding:0 14px !important;

        display:grid !important;
        grid-template-columns:58px minmax(0,1fr) !important;

        align-items:center !important;

        box-sizing:border-box !important;
    }

    /* 左边标题 */
    .detail-page .facts > div > span{
        width:auto !important;

        margin:0 !important;

        text-align:left !important;

        font-size:14px !important;
        line-height:1.35 !important;

        color:#7d8793 !important;

        white-space:normal !important;
    }

    /* 右边数值 */
    .detail-page .facts > div > b{
        width:100% !important;

        margin:0 !important;
        padding:0 4px !important;

        text-align:center !important;

        justify-self:stretch !important;

        font-size:16px !important;
        line-height:1.35 !important;

        white-space:normal !important;

        box-sizing:border-box !important;
    }


    /* 编号保持一行并居中 */
    .detail-page .copy-number-cell{
        position:relative !important;
    }

    .detail-page .copy-number-cell > b{
        display:block !important;

        text-align:center !important;

        padding-right:14px !important;

        white-space:nowrap !important;
    }

    /* 复制小图标放右边，不占编号位置 */
    .detail-page .copy-number-cell > b::after{
        position:absolute !important;

        right:10px !important;
        top:50% !important;

        transform:translateY(-50%) !important;

        margin:0 !important;
    }


    /* 添加日期允许两行，但整体居中 */
    .detail-page .facts > div:last-child > b{
        line-height:1.4 !important;
    }


    /* 收藏卡片稍微加高、增加呼吸感 */
    .detail-page .favorite-panel{
        min-height:132px !important;

        padding:20px 20px !important;

        box-sizing:border-box !important;
    }

    .detail-page .favorite-panel .favorite-home-link{
        margin-bottom:14px !important;
    }

    .detail-page .favorite-panel button{
        min-width:138px !important;
        height:52px !important;

        padding:0 22px !important;

        border-radius:14px !important;
    }

}


/* 特别窄的手机 */
@media(max-width:380px){

    .detail-page .facts > div{
        grid-template-columns:52px minmax(0,1fr) !important;
        padding:0 10px !important;
    }

    .detail-page .facts > div > b{
        font-size:15px !important;
    }

}


/* =====================================================
   DETAIL_MOBILE_CLEAN_V4
   收藏区重新设计 + 编号防溢出
===================================================== */

@media(max-width:700px){

    /* =========================
       收藏区域
    ========================= */

    .detail-page .favorite-panel{
        min-height:0 !important;
        padding:16px 16px !important;

        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto !important;
        grid-template-rows:auto auto !important;

        column-gap:10px !important;
        row-gap:10px !important;

        align-items:center !important;

        box-sizing:border-box !important;
    }

    /* 我的收藏 */
    .detail-page .favorite-home-link{
        width:auto !important;
        min-width:94px !important;
        height:40px !important;

        margin:0 !important;
        padding:0 13px !important;

        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        border:1px solid #d8e5f1 !important;
        border-radius:12px !important;

        background:#f7fbff !important;

        color:#2375bb !important;

        font-size:13px !important;
        font-weight:600 !important;

        white-space:nowrap !important;

        box-sizing:border-box !important;
    }

    /* 收藏按钮 */
    .detail-page .favorite-panel button{
        width:auto !important;
        min-width:94px !important;
        height:40px !important;

        margin:0 !important;
        padding:0 14px !important;

        border-radius:12px !important;

        font-size:13px !important;
        font-weight:600 !important;

        white-space:nowrap !important;

        box-sizing:border-box !important;
    }


    /* =========================
       基础信息卡
    ========================= */

    .detail-page .facts{
        gap:12px !important;
    }

    .detail-page .facts > div{
        min-width:0 !important;
        width:100% !important;

        min-height:78px !important;

        padding:0 14px !important;

        grid-template-columns:52px minmax(0,1fr) !important;

        overflow:hidden !important;

        box-sizing:border-box !important;
    }


    /* 左侧标题 */
    .detail-page .facts > div > span{
        min-width:0 !important;

        font-size:14px !important;

        white-space:normal !important;

        position:relative !important;

        z-index:2 !important;
    }


    /* 右侧值 */
    .detail-page .facts > div > b{
        min-width:0 !important;
        max-width:100% !important;

        padding:0 !important;

        text-align:center !important;

        font-size:16px !important;

        overflow:hidden !important;

        box-sizing:border-box !important;
    }


    /* =========================
       编号专用
    ========================= */

    .detail-page .copy-number-cell{
        grid-template-columns:44px minmax(0,1fr) !important;

        padding-left:13px !important;
        padding-right:10px !important;

        overflow:hidden !important;
    }

    .detail-page .copy-number-cell > b{
        min-width:0 !important;
        width:100% !important;

        padding:0 !important;

        display:block !important;

        text-align:center !important;

        font-size:14px !important;
        font-weight:700 !important;

        letter-spacing:-0.35px !important;

        white-space:nowrap !important;

        overflow:visible !important;

        box-sizing:border-box !important;
    }

    /* 不再让复制图标占编号位置 */
    .detail-page .copy-number-cell > b::after{
        display:none !important;
        content:none !important;
    }

    /* 点击复制时只变一下背景 */
    .detail-page .copy-number-cell.number-copied{
        background:#edf7ff !important;
    }


    /* 地区值也防止向左串 */
    .detail-page .facts > div:nth-child(2) > b{
        min-width:0 !important;
        font-size:15px !important;

        overflow:hidden !important;
        text-overflow:ellipsis !important;

        white-space:nowrap !important;
    }

}


/* 超小屏幕 */
@media(max-width:375px){

    .detail-page .copy-number-cell{
        grid-template-columns:40px minmax(0,1fr) !important;
        padding-left:10px !important;
        padding-right:8px !important;
    }

    .detail-page .copy-number-cell > b{
        font-size:13px !important;
        letter-spacing:-0.5px !important;
    }

}


/* ==========================================
   NUMBER_FULL_DISPLAY_V1
   手机端编号完整显示
========================================== */

@media(max-width:700px){

    .detail-page .copy-number-cell{
        grid-template-columns:38px minmax(0,1fr) !important;

        padding-left:12px !important;
        padding-right:8px !important;

        overflow:visible !important;
    }

    .detail-page .copy-number-cell > span{
        width:38px !important;
        min-width:38px !important;

        white-space:nowrap !important;
    }

    .detail-page .copy-number-cell > b{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

        padding:0 !important;
        margin:0 !important;

        display:block !important;

        text-align:center !important;

        font-size:13px !important;
        font-weight:700 !important;

        letter-spacing:-0.65px !important;

        white-space:nowrap !important;

        overflow:visible !important;
        text-overflow:clip !important;

        transform:none !important;
    }

    .detail-page .copy-number-cell > b::after{
        display:none !important;
    }

}

/* 特别窄的手机 */
@media(max-width:380px){

    .detail-page .copy-number-cell{
        grid-template-columns:34px minmax(0,1fr) !important;
        padding-left:8px !important;
        padding-right:6px !important;
    }

    .detail-page .copy-number-cell > b{
        font-size:12px !important;
        letter-spacing:-0.8px !important;
    }

}


/* ==========================================
   NUMBER_FULL_DISPLAY_V1
   手机端编号完整显示
========================================== */

@media(max-width:700px){

    .detail-page .copy-number-cell{
        grid-template-columns:38px minmax(0,1fr) !important;

        padding-left:12px !important;
        padding-right:8px !important;

        overflow:visible !important;
    }

    .detail-page .copy-number-cell > span{
        width:38px !important;
        min-width:38px !important;

        white-space:nowrap !important;
    }

    .detail-page .copy-number-cell > b{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

        padding:0 !important;
        margin:0 !important;

        display:block !important;

        text-align:center !important;

        font-size:13px !important;
        font-weight:700 !important;

        letter-spacing:-0.65px !important;

        white-space:nowrap !important;

        overflow:visible !important;
        text-overflow:clip !important;

        transform:none !important;
    }

    .detail-page .copy-number-cell > b::after{
        display:none !important;
    }

}

/* 特别窄的手机 */
@media(max-width:380px){

    .detail-page .copy-number-cell{
        grid-template-columns:34px minmax(0,1fr) !important;
        padding-left:8px !important;
        padding-right:6px !important;
    }

    .detail-page .copy-number-cell > b{
        font-size:12px !important;
        letter-spacing:-0.8px !important;
    }

}


/* =====================================================
   NUMBER_FULL_FINAL_V2
   编号完整显示最终修复
===================================================== */

@media(max-width:700px){

    /* 必须比 .facts > div 优先级更高 */
    .detail-page .facts > div.copy-number-cell{
        position:relative !important;

        display:block !important;

        padding:0 !important;

        overflow:visible !important;
    }

    /* 编号标题固定左边 */
    .detail-page .facts > div.copy-number-cell > span{
        position:absolute !important;

        left:14px !important;
        top:50% !important;

        transform:translateY(-50%) !important;

        width:auto !important;
        min-width:0 !important;

        margin:0 !important;

        font-size:14px !important;

        white-space:nowrap !important;

        z-index:2 !important;
    }

    /* 编号使用整个卡片宽度 */
    .detail-page .facts > div.copy-number-cell > b{
        position:absolute !important;

        left:58px !important;
        right:8px !important;
        top:50% !important;

        transform:translateY(-50%) !important;

        width:auto !important;
        min-width:0 !important;
        max-width:none !important;

        margin:0 !important;
        padding:0 !important;

        display:block !important;

        text-align:center !important;

        font-size:13px !important;
        font-weight:700 !important;
        line-height:1 !important;

        letter-spacing:-0.7px !important;

        white-space:nowrap !important;

        overflow:visible !important;
        text-overflow:clip !important;

        z-index:1 !important;
    }

    .detail-page .facts > div.copy-number-cell > b::after{
        display:none !important;
        content:none !important;
    }

}


/* 小屏再缩一点点 */
@media(max-width:390px){

    .detail-page .facts > div.copy-number-cell > span{
        left:10px !important;
        font-size:13px !important;
    }

    .detail-page .facts > div.copy-number-cell > b{
        left:46px !important;
        right:5px !important;

        font-size:12px !important;

        letter-spacing:-0.9px !important;
    }

}


/* =========================
   详情页 基础信息格子改小
   ========================= */

/* 只改详情页，不影响首页 */
.detail-page .facts{
    gap:12px !important;
}

.detail-page .facts > div{
    min-height:86px !important;
    padding:12px 14px !important;
    border-radius:16px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    box-sizing:border-box !important;
}

/* 标题 */
.detail-page .facts > div > span,
.detail-page .facts .info-label{
    font-size:14px !important;
    line-height:1.2 !important;
    color:#8b95a7 !important;
    margin-bottom:8px !important;
    white-space:normal !important;
}

/* 数值 */
.detail-page .facts > div > b,
.detail-page .facts .info-value{
    font-size:17px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
    color:#1f2d3d !important;
    word-break:break-word !important;
    overflow-wrap:break-word !important;
}

/* 编号格子特殊处理，防止再跑出去 */
.detail-page .facts > div.copy-number-cell,
.detail-page .facts > div.copy-number-box{
    min-height:86px !important;
    padding:12px 14px !important;
    overflow:hidden !important;
}

.detail-page .facts > div.copy-number-cell > b,
.detail-page .facts > div.copy-number-box .copy-number-value{
    font-size:15px !important;
    letter-spacing:0 !important;
    word-break:break-all !important;
    overflow-wrap:anywhere !important;
    white-space:normal !important;
}

/* 手机端再压小一点，做成你要的那种紧凑样式 */
@media (max-width:700px){
    .detail-page .facts{
        gap:10px !important;
    }

    .detail-page .facts > div{
        min-height:78px !important;
        padding:10px 12px !important;
        border-radius:14px !important;
    }

    .detail-page .facts > div > span,
    .detail-page .facts .info-label{
        font-size:13px !important;
        margin-bottom:6px !important;
    }

    .detail-page .facts > div > b,
    .detail-page .facts .info-value{
        font-size:15px !important;
        line-height:1.2 !important;
    }

    .detail-page .facts > div.copy-number-cell > b,
    .detail-page .facts > div.copy-number-box .copy-number-value{
        font-size:13px !important;
        line-height:1.15 !important;
    }
}


/* =====================================================
   BASIC_INFO_PIC1_V1
   基础信息改成图一紧凑横向小格
===================================================== */

@media(max-width:700px){

    .detail-page .facts{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;

        gap:6px 10px !important;

        width:100% !important;
    }

    /* 每一个小格 */
    .detail-page .facts > div,
    .detail-page .facts > div.copy-number-cell,
    .detail-page .facts > div.copy-number-box{

        min-width:0 !important;
        width:100% !important;

        min-height:52px !important;
        height:52px !important;

        padding:0 10px !important;
        margin:0 !important;

        display:flex !important;
        flex-direction:row !important;

        align-items:center !important;
        justify-content:space-between !important;

        gap:7px !important;

        position:relative !important;

        border:0 !important;
        border-radius:6px !important;

        background:#fafbfd !important;

        overflow:hidden !important;

        box-shadow:none !important;

        box-sizing:border-box !important;
    }

    /* 左边字段名称 */
    .detail-page .facts > div > span,
    .detail-page .facts .info-label{

        position:static !important;
        transform:none !important;

        flex:0 0 auto !important;

        width:auto !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;

        color:#7b8794 !important;

        font-size:13px !important;
        font-weight:400 !important;

        line-height:1.2 !important;

        text-align:left !important;

        white-space:nowrap !important;
    }

    /* 右边数据 */
    .detail-page .facts > div > b,
    .detail-page .facts .info-value{

        position:static !important;
        transform:none !important;

        flex:1 1 auto !important;

        width:auto !important;
        min-width:0 !important;
        max-width:100% !important;

        margin:0 !important;
        padding:0 !important;

        color:#172636 !important;

        font-size:15px !important;
        font-weight:700 !important;

        line-height:1.2 !important;

        text-align:right !important;

        white-space:nowrap !important;

        overflow:hidden !important;
        text-overflow:ellipsis !important;

        display:block !important;

        letter-spacing:0 !important;
    }


    /* 编号 */
    .detail-page .facts > div.copy-number-cell > b,
    .detail-page .facts > div.copy-number-box .copy-number-value{

        font-size:13px !important;

        white-space:nowrap !important;

        overflow:visible !important;
        text-overflow:clip !important;

        letter-spacing:-0.35px !important;
    }

    /* 隐藏复制图标，只保留点击复制 */
    .detail-page .copy-number-cell > b::after,
    .detail-page .copy-number-box .copy-number-value::after{
        display:none !important;
        content:none !important;
    }


    /* 添加日期稍小，避免换行 */
    .detail-page .facts > div:last-child > b{
        font-size:13px !important;
        white-space:nowrap !important;
    }

}


/* 很窄的手机 */
@media(max-width:380px){

    .detail-page .facts{
        gap:6px !important;
    }

    .detail-page .facts > div{
        padding:0 8px !important;
    }

    .detail-page .facts > div > span{
        font-size:12px !important;
    }

    .detail-page .facts > div > b{
        font-size:14px !important;
    }

    .detail-page .facts > div.copy-number-cell > b{
        font-size:12px !important;
        letter-spacing:-0.6px !important;
    }

}


/* =====================================================
   SERVICE_COMPACT_PIC1_V1
   属性详情改成图一紧凑风格
===================================================== */

@media(max-width:700px){

    /* 整个属性区域 */
    .detail-page .service-grid{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;

        gap:6px 10px !important;

        width:100% !important;
    }

    /* 每一个属性格 */
    .detail-page .service-grid > div{
        width:100% !important;
        min-width:0 !important;

        min-height:50px !important;
        height:50px !important;

        padding:0 10px !important;
        margin:0 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;

        gap:6px !important;

        border-radius:7px !important;

        background:#fafbfd !important;

        box-shadow:none !important;

        box-sizing:border-box !important;
    }

    /* 左边文字 */
    .detail-page .service-grid > div > span{
        margin:0 !important;
        padding:0 !important;

        color:#303842 !important;

        font-size:13px !important;
        font-weight:400 !important;

        line-height:1.2 !important;

        white-space:nowrap !important;
    }

    /* 右边 可 / 否 */
    .detail-page .service-grid > div > b{
        margin:0 !important;
        padding:0 !important;

        font-size:14px !important;
        font-weight:600 !important;

        line-height:1 !important;

        white-space:nowrap !important;

        text-align:right !important;
    }

}


/* 很窄的手机 */
@media(max-width:380px){

    .detail-page .service-grid{
        gap:6px !important;
    }

    .detail-page .service-grid > div{
        height:48px !important;
        min-height:48px !important;

        padding:0 8px !important;
    }

    .detail-page .service-grid > div > span{
        font-size:12px !important;
    }

    .detail-page .service-grid > div > b{
        font-size:13px !important;
    }

}



/* SAME_CITY_UI_V1 */
.same-city-demo{
    margin:18px 0 24px;
    padding:14px 10px 16px;
    background:#efefef;
    border-radius:0;
}

.same-city-demo-title{
    margin:0 0 14px;
    padding-left:10px;
    border-left:4px solid #ff6666;
    font-size:20px;
    font-weight:700;
    line-height:1.35;
}

.same-city-demo-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.same-city-demo-card{
    overflow:hidden;
    background:#fff;
    border-radius:9px;
    box-shadow:0 1px 4px rgba(0,0,0,.08);
}

.same-city-demo-cover{
    height:180px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(180deg,#f5f5f5,#d7d7d7);
    color:#999;
    font-size:14px;
}

.same-city-demo-info{
    padding:9px 10px 11px;
}

.same-city-demo-info b{
    display:block;
    font-size:15px;
    color:#222;
}

.same-city-demo-info span{
    display:block;
    margin-top:5px;
    font-size:13px;
    color:#777;
}

.same-city-demo-more{
    display:block;
    margin-top:12px;
    padding:13px 10px;
    text-align:center;
    background:#42bd88;
    border-radius:5px;
    color:#fff;
    font-size:16px;
    text-decoration:none;
}

@media(max-width:600px){
    .same-city-demo{
        margin-left:-10px;
        margin-right:-10px;
    }

    .same-city-demo-grid{
        gap:9px;
    }

    .same-city-demo-cover{
        height:190px;
    }
}




/* IOS_INPUT_ZOOM_FIX_V1 */

/*
 * iPhone Safari：
 * input/select/textarea 字体小于16px时，
 * 点击输入框会自动放大整个页面。
 */
@media screen and (max-width: 768px) {

    .filter-panel input,
    .filter-panel select,
    .filter-panel textarea {
        font-size: 16px !important;
    }

    /*
     * 防止 Safari 自己调整文字大小
     */
    html {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }
}