/* ==========================================================================
   移动端 UI 统一美化 (mobile-ui.css)
   原则：不改动 common.css 的布局属性（height/position/float 一律不碰）
        天气主卡是「固定16rem高 + 绝对定位 + 背景图」精密配合，只做颜色层
   覆盖范围：天气卡 / 列表页 / 详情页 / 历史页 / 标签 / 邮编 / 文章 /
             景点 / 国际 / 站点地图 / 用户中心 / 搜索
   回滚：删除 include.html 中的引用即可
   ========================================================================== */

/* ---------- 1. 基础 ---------- */
body {
    background: #f0f4fa;
    -webkit-font-smoothing: antialiased;
}

/* ---------- 2. 顶部导航：消除"两层蓝" ---------- */
/* 关键：common.css 里只有 h2 自带 #39f 背景，.top-bar 本身无背景。
   清空 h2 背景后必须由 .top-bar 提供蓝色，否则白字无底色不可见 */
#header .top-bar {
    background: #2b7ef0;
}

#header .top-bar h2 {
    background-color: transparent;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: .5px;
}

#header .top-bar .logo_new,
#header .top-bar .console {
    display: none;
}

/* ---------- 3. 内容留白 ---------- */
.wrapper {
    padding: 10px 12px;
    box-sizing: border-box;
}

/* ==========================================================================
   4. 天气主卡（首页 / 详情页共用）
   ========================================================================== */
.wrapper > section {
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 12px;
    box-shadow: 0 6px 20px rgba(31, 95, 200, .09);
}

.wrapper > section.weather-detail {
    box-shadow: 0 8px 24px rgba(31, 95, 200, .20);
    margin-bottom: 14px;
}

.wrapper > section.weather-box {
    box-shadow: 0 4px 16px rgba(31, 95, 200, .06);
}

/* 左右内边距统一 20px，消除原 3.2rem 与 1.1rem 的不对称 */
.weather-detail .weather-head {
    padding-left: 20px !important;
}

.weather-detail .date {
    padding-left: 20px !important;
}

.weather-detail .weather-temp {
    left: 20px !important;
}

.weather-detail .weather-head-fr {
    right: 20px !important;
}

/* 右上时间降为辅助信息 */
.weather-detail .weather-head-fr text {
    opacity: .58;
    font-size: 9px !important;
    letter-spacing: 0;
}

/* "更新"按钮：缩小尺寸，保留刷新图标
   注意：原样式 .weather-head-fr div 用 background url 放刷新图标，
   直接写 background 会覆盖图标，故用 background-color 分离 */
.weather-detail .weather-head-fr #reload {
    margin-left: 6px;
    padding: 2px 17px 2px 7px;
    background-color: rgba(255, 255, 255, .12);
    background-image: url(/static/images/mobile/shuaxin.png);
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-size: 9px 8px;
    border: 1px solid rgba(255, 255, 255, .36);
    border-radius: 10px;
    font-size: 10px !important;
    line-height: 1.4;
}

/* ---------- 4b. 城市切换按钮（替代原 [切换] 方括号文字） ---------- */
/* 原 .weather-head-fl 为 flex + align-items:flex-end（底部对齐），
   城市名 24px 与按钮 12px 底部对齐会显得散，改为垂直居中 */
.weather-detail .weather-head-fl {
    align-items: center;
}

.weather-detail .weather-head-fl text {
    line-height: 1.2;
}

/* 深色背景（天气卡内）用白色系按钮 */
.weather-detail .weather-head-fl .city-switch {
    display: inline-block;
    margin-left: 10px;
    padding: 3px 11px;
    background: rgba(255, 255, 255, .16);
    border: 1px solid rgba(255, 255, 255, .34);
    border-radius: 12px;
    font-size: 12px;
    line-height: 1.45;
    color: #ffffff;
    text-decoration: none;
    vertical-align: middle;
    text-shadow: none;
    flex-shrink: 0;
}

.weather-detail .weather-head-fl .city-switch:active {
    background: rgba(255, 255, 255, .28);
}

/* 浅色背景（7天/15天页 .area-time 为 #eee）用蓝色系按钮
   注意：此处绝不能用白字，否则在白/灰底上不可见 */
.local .city-switch {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 10px;
    background: #eaf3ff;
    border: 1px solid #c3dcff;
    border-radius: 10px;
    font-size: 12px;
    line-height: 1.45;
    color: #2b7ef0 !important;
    text-decoration: none;
    vertical-align: middle;
    text-shadow: none;
    flex-shrink: 0;
    white-space: nowrap;
}

.local .city-switch:active {
    background: #d6e8ff;
}

/* 右侧时间与更新按钮垂直居中对齐 */
.weather-detail .weather-head-fr {
    display: flex;
    align-items: center;
}

/* ==========================================================================
   4c. 7天 / 15天页顶部区域（.temp-head）
   原样式：.area-time 背景 #eee 无圆角，.local h1 仅 12px，整体无卡片感
   ========================================================================== */
.temp-head {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(31, 95, 200, .08);
    margin-bottom: 12px;
    background: #fff;
}

/* 顶部信息条：改为白底 + 蓝色点缀，去掉沉闷的 #eee */
.temp-head .area-time {
    background: linear-gradient(135deg, #f7fbff, #eef5ff);
    padding: 11px 14px;
    border-bottom: 1px solid #e8f1fc;
}

/* 城市标题：12px 太小，放大并加粗 */
.temp-head .area-time .local h1 {
    font-size: 15px;
    font-weight: 600;
    color: #1a2233;
    line-height: 1.3;
    margin: 0;
}

/* 星期文字 */
.temp-head .area-time p {
    font-size: 12px;
    color: #8a97a8;
    margin: 0;
}

/* 天气概览区：原为 height:80px + dt(float,80px) 布局，
   不可改动 padding（会挤压内容并溢出），仅做背景与圆角 */
.temp-head .area-temp {
    background: #fff;
    border-radius: 0 0 14px 14px;
    box-sizing: border-box;
}

/* 今日天气按钮
   注意：原样式 .temp-head .today_weather 带 color:#3388FF !important，
   必须用 !important 才能覆盖，否则蓝字压蓝底不可见 */
.temp-head .area-temp .today_weather {
    border-radius: 1.24rem 0 0 1.24rem;
    background: linear-gradient(135deg, #2b7ef0, #4a9bff);
    color: #ffffff !important;
    font-size: 12px;
    box-shadow: -2px 3px 10px rgba(43, 126, 240, .22);
}

/* 文字投影：提升背景图上的可读性 */
.weather-detail .weather-head-fl text,
.weather-detail .weather-head-fl a,
.weather-detail .weather-head-fr text,
.weather-detail .date,
.weather-detail .weather-temp dd.now,
.weather-detail .weather-temp dd.txt,
.weather-detail .info a,
.weather-detail .info span {
    text-shadow: 0 1px 4px rgba(0, 55, 130, .30);
}

/* 蓝色氛围层：中和雨天背景图的灰暗（30% 浓度，保留纹理） */
.wrapper > section.weather-detail::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg,
        rgba(64, 150, 255, .30) 0%,
        rgba(36, 112, 226, .22) 55%,
        rgba(16, 62, 148, .16) 100%);
    pointer-events: none;
    z-index: 0;
}

.weather-detail .weather-head,
.weather-detail .date {
    position: relative;
    z-index: 1;
}

/* 底部渐变：让信息行清晰有层次 */
.wrapper > section.weather-detail::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 72px;
    background: linear-gradient(to top, rgba(0, 25, 60, .28), rgba(0, 25, 60, 0));
    pointer-events: none;
    z-index: 0;
}

.wrapper > section.weather-detail .weather-temp,
.wrapper > section.weather-detail .info {
    z-index: 1;
}

/* ---------- 5. 卡片标题：蓝色渐变小横线 ---------- */
.weather-box-title {
    position: relative;
    font-weight: 600;
    color: #1a2233;
}

.weather-box-title::after {
    content: "";
    position: absolute;
    left: 0.9rem;
    bottom: 0.28rem;
    width: 22px;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, #38f, #7cb8ff);
}

/* ---------- 6. 7天 / 15天 / 历史天气 按钮组 ---------- */
/* 改为与电脑端一致的简洁文字按钮，隐藏原 HOT/推荐 图标 */
.weather-link {
    display: flex;
    height: auto;
    padding: 10px 12px;
    gap: 8px;
    background: transparent;
}

.weather-link a {
    flex: 1;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    line-height: 36px;
    border-radius: 10px;
    background: #f2f6fc;
    box-shadow: none;
    text-decoration: none;
}

/* 隐藏原 HOT / 推荐 图标 */
.weather-link a > span {
    display: none;
}

.weather-link a h3 {
    float: none;
    margin: 0;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    color: #4a5a70;
    line-height: 36px;
}

/* 当前页高亮：7天页亮7天，15天页亮15天 */
.weather-link a.day7.on,
.weather-link a.day15.on {
    background: linear-gradient(135deg, #2b7ef0, #4a9bff);
    box-shadow: 0 3px 10px rgba(43, 126, 240, .22);
}

.weather-link a.day7.on h3,
.weather-link a.day15.on h3 {
    color: #ffffff;
}

/* ==========================================================================
   7. 列表页通用卡片（AQI / PM2.5 / 标签 / 邮编 / 文章 / 景点 / 国际）
   ========================================================================== */
.aqi-box,
.area-box,
.news-list-pic,
.weather-box-body,
.temp-head,
.today_weather,
.hl-card,
.sm-card {
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(31, 95, 200, .06);
    margin-bottom: 12px;
    overflow: hidden;
    background-color: #fff;
}

/* ---------- 8. AQI / PM2.5 表格 ---------- */
/* 真实结构：.aqi-box > table.aqi-table > tbody > tr.first_tr > td（表头用 td 不是 th） */
.aqi-box .aqi-table,
.aqi-box table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.aqi-box .aqi-table .first_tr td,
.aqi-box table .first_tr td {
    background: #f5f9ff !important;
    color: #5a6b80 !important;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 8px;
}

.aqi-box .aqi-table td,
.aqi-box table td {
    border-bottom: 1px solid #eef3f9;
    font-size: 13px;
    color: #33415c;
    padding: 9px 8px;
}

.aqi-box .aqi-table tr:last-child td,
.aqi-box table tr:last-child td {
    border-bottom: none;
}

/* 等级徽标 */
.wea-aqi {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 1.6;
}

/* ---------- 9. 城市/日期列表（7天、15天、景点、国际） ---------- */
.weather-city-list {
    width: 100% !important;
    padding: 0 !important;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(31, 95, 200, .06);
    margin-bottom: 12px;
}

.weather-city-list a {
    border-bottom: 1px solid #eef3f9;
    color: #33415c;
}

.weather-city-list a:last-child {
    border-bottom: none;
}

/* 7天/15天 日期列表：行分隔 */
/* 真实结构：.weather-day-list > a > dl.item-day，故边框须加在 a 上 */
.weather-day-list {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(31, 95, 200, .06);
    margin-bottom: 12px;
    overflow: hidden;
}

.weather-day-list > a {
    display: block;
    border-bottom: 1px solid #eef3f9;
}

.weather-day-list > a:last-child {
    border-bottom: none;
}

.weather-day-list .item-day {
    border-bottom: none;
}

.weather-day-list .txt1 {
    color: #1a2233;
    font-weight: 600;
}

.weather-day-list .txt2 {
    color: #7a8899;
}

/* 温度高亮 */
.weather-day-list .high-temp,
.weather-day-list b {
    color: #2b7ef0;
}

/* ---------- 10. 国际天气页 ---------- */
.world-detail {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(31, 95, 200, .18);
    margin-bottom: 14px;
    position: relative;
}

.world-detail::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg,
        rgba(64, 150, 255, .30) 0%,
        rgba(36, 112, 226, .22) 55%,
        rgba(16, 62, 148, .16) 100%);
    pointer-events: none;
    z-index: 0;
}

.world-detail .city-name,
.world-detail .degrees,
.world-detail .phrase,
.world-detail .temperature,
.world-detail .wind {
    text-shadow: 0 1px 4px rgba(0, 55, 130, .30);
    position: relative;
    z-index: 1;
}

.world-detail .degrees {
    font-weight: 200;
}

/* ---------- 11. 历史天气页 ---------- */
.hl-wrap {
    padding: 10px 12px;
    box-sizing: border-box;
}

.hl-card {
    padding: 12px 14px;
}

.hl-top,
.hl-mid,
.hl-bot {
    color: #33415c;
}

.hl-date {
    color: #1a2233;
    font-weight: 600;
}

.hl-temp,
.hl-temp b {
    color: #2b7ef0;
    font-weight: 600;
}

.hl-d,
.hl-w {
    color: #7a8899;
}

/* 标签 */
.hl-tag {
    display: inline-block;
    padding: 2px 9px;
    margin: 2px 4px 2px 0;
    border-radius: 10px;
    background: #eef5ff;
    color: #2b7ef0;
    font-size: 11px;
}

.hl-yi .hl-tag {
    background: #eafaf0;
    color: #17a35b;
}

.hl-fgroup {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(31, 95, 200, .06);
    padding: 10px 12px;
    margin-bottom: 12px;
}

.hl-flabel {
    color: #5a6b80;
    font-size: 12px;
}

.hl-fitem {
    display: inline-block;
    padding: 4px 12px;
    margin: 3px 4px 3px 0;
    border-radius: 14px;
    background: #f2f6fc;
    color: #4a5a70;
    font-size: 12px;
}

.hl-fitem.hl-fon,
.hl-fitem.active {
    background: linear-gradient(135deg, #2b7ef0, #4a9bff);
    color: #fff;
}

.hl-pager a,
.hl-pager span {
    display: inline-block;
    padding: 5px 12px;
    margin: 2px 3px;
    border-radius: 8px;
    background: #f2f6fc;
    color: #4a5a70;
    font-size: 12px;
}

.hl-pager .cur,
.hl-pager a.on {
    background: linear-gradient(135deg, #2b7ef0, #4a9bff);
    color: #fff;
}

.hl-empty {
    color: #9aa3ad;
    text-align: center;
    padding: 24px 0;
}

/* ---------- 12. 历史某天详情页 ---------- */
.hd-wrap {
    padding: 10px 12px;
    box-sizing: border-box;
}

.hd-sec,
.hd-item,
.hd-recent,
.hd-almanac {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(31, 95, 200, .06);
    margin-bottom: 12px;
    overflow: hidden;
}

.hd-sec-t {
    font-weight: 600;
    color: #1a2233;
}

.hd-cond,
.hd-desc,
.hd-lb,
.hd-vl {
    color: #5a6b80;
}

.hd-temp,
.hd-temp b {
    color: #2b7ef0;
    font-weight: 600;
}

.hd-rv-cur {
    color: #2b7ef0;
    font-weight: 600;
}

.hd-hero {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(31, 95, 200, .18);
    margin-bottom: 14px;
    position: relative;
}

.hd-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg,
        rgba(64, 150, 255, .30) 0%,
        rgba(36, 112, 226, .22) 55%,
        rgba(16, 62, 148, .16) 100%);
    pointer-events: none;
    z-index: 0;
}

.hd-hero .hd-date,
.hd-hero .hd-ji,
.hd-hero .hd-temp,
.hd-hero .hd-cond {
    text-shadow: 0 1px 4px rgba(0, 55, 130, .30);
    position: relative;
    z-index: 1;
}

/* ---------- 13. 站点地图页 ---------- */
.sm-card {
    padding: 14px 16px;
}

.sm-hero {
    border-radius: 14px;
    background: linear-gradient(135deg, #2b7ef0, #4a9bff);
    box-shadow: 0 6px 20px rgba(43, 126, 240, .25);
    color: #fff;
    padding: 18px 16px;
    margin-bottom: 12px;
}

.sm-tags a,
.sm-page a {
    display: inline-block;
    padding: 4px 11px;
    margin: 3px 4px 3px 0;
    border-radius: 12px;
    background: #f2f6fc;
    color: #4a5a70;
    font-size: 12px;
    text-decoration: none;
}

.sm-tags a.active,
.sm-page a.active {
    background: linear-gradient(135deg, #2b7ef0, #4a9bff);
    color: #fff;
}

/* ---------- 14. 文章页 ---------- */
.article .content,
.article .title,
.content {
    color: #33415c;
    line-height: 1.8;
}

.article .title,
.title {
    color: #1a2233;
    font-weight: 600;
}

.article .times,
.times {
    color: #9aa3ad;
    font-size: 12px;
}

/* 文章列表 */
.news-list li,
.news-list-pic li {
    border-bottom: 1px solid #eef3f9;
}

.news-list li:last-child,
.news-list-pic li:last-child {
    border-bottom: none;
}

.news-list a,
.news-list-pic a {
    color: #33415c;
    text-decoration: none;
}

/* ---------- 15. 面包屑 ---------- */
/* 页面模板带内联 style，需 !important 才能覆盖 */
.bread-crumb {
    background: #ffffff !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    box-shadow: 0 2px 10px rgba(31, 95, 200, .05) !important;
    font-size: 13px !important;
    color: #7a8899 !important;
    margin-bottom: 10px !important;
    box-sizing: border-box;
    width: 100%;
}

.bread-crumb a {
    color: #2b7ef0 !important;
    text-decoration: none;
}

.bread-crumb .curr {
    color: #33415c !important;
}

/* ---------- 16. 分页 ---------- */
.pages,
.page {
    text-align: center;
    padding: 12px 0;
}

.pages a,
.pages span,
.page a,
.page span {
    display: inline-block;
    padding: 5px 12px;
    margin: 2px 3px;
    border-radius: 8px;
    background: #fff;
    color: #4a5a70;
    font-size: 12px;
    box-shadow: 0 2px 8px rgba(31, 95, 200, .06);
    text-decoration: none;
}

.pages .active,
.pages .cur,
.page .active,
.page .cur {
    background: linear-gradient(135deg, #2b7ef0, #4a9bff);
    color: #fff;
}

/* ---------- 17. 邮编页 ---------- */
.youbian-desc .num {
    color: #2b7ef0;
    font-weight: 700;
}

/* ---------- 18. 搜索页（补强，页面内联样式优先） ---------- */
.m-city-search {
    background: transparent;
    border-bottom: none;
}

/* ---------- 19. 用户中心：layui 组件统一 ---------- */
.layui-card {
    border-radius: 14px !important;
    box-shadow: 0 4px 16px rgba(31, 95, 200, .06) !important;
    overflow: hidden;
    margin-bottom: 12px;
}

.layui-card-header {
    border-bottom: 1px solid #eef3f9;
    font-weight: 600;
    color: #1a2233;
}

.layui-btn {
    border-radius: 8px !important;
}

.layui-btn-normal {
    background: linear-gradient(135deg, #2b7ef0, #4a9bff) !important;
}

.layui-input {
    border-radius: 8px !important;
    border-color: #e2e9f3 !important;
}

.layui-input:focus {
    border-color: #2b7ef0 !important;
}

.layui-table {
    border-radius: 10px;
    overflow: hidden;
}

.layui-table th {
    background: #f5f9ff !important;
    color: #5a6b80 !important;
    font-weight: 600;
}

.layui-nav {
    border-radius: 12px;
    overflow: hidden;
}

.layui-nav .layui-this {
    background: linear-gradient(135deg, #2b7ef0, #4a9bff) !important;
}

/* ---------- 19b. 标签页（/tags/） ---------- */
/* 真实结构：<p class="weather-city-list"><a>标签</a>...</p>
   标签是行内链接，不能沿用城市列表的行分隔线，改为胶囊标签 */
p.weather-city-list {
    padding: 12px 14px !important;
    line-height: 2.4;
    box-shadow: none !important;
}

p.weather-city-list a {
    display: inline-block;
    padding: 3px 11px;
    margin: 3px 5px 3px 0;
    border-radius: 12px;
    background: #f2f6fc;
    color: #4a5a70 !important;
    font-size: 12px;
    line-height: 1.6;
    border-bottom: none !important;
    text-decoration: none;
}

p.weather-city-list a:active {
    background: #e2ecfa;
    color: #2b7ef0 !important;
}

/* ---------- 19c. 景点页（/jingdian/） ---------- */
/* 真实结构：.area-list > li > p > a（首字母）+ li > a > div.title（景点名） */
.area-box .area-list {
    border-top: none;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(31, 95, 200, .06);
    margin-bottom: 12px;
    overflow: hidden;
    padding: 4px 0;
}

.area-list > li {
    padding: 0;
}

/* 首字母分组标题 */
.area-list > li > p {
    margin: 0;
    padding: 6px 14px;
    background: #f5f9ff;
    border-top: 1px solid #eef3f9;
}

.area-list > li:first-child > p {
    border-top: none;
}

.area-list > li > p a {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    color: #2b7ef0 !important;
    text-decoration: none;
}

/* 景点名行 */
.area-list > li > a {
    display: block;
    padding: 10px 14px;
    border-bottom: 1px solid #f2f6fc;
    text-decoration: none;
}

.area-list > li > a:last-child {
    border-bottom: none;
}

.area-list > li > a .title {
    font-size: 14px;
    color: #33415c;
    line-height: 1.5;
}

/* ---------- 19d. AQI 详情页知识区（dl.container） ---------- */
.weather-box-body dl.container {
    margin: 0;
    padding: 2px 0;
}

.weather-box-body dl.container dt {
    font-size: 14px;
    font-weight: 600;
    color: #1a2233;
    line-height: 1.7;
    margin-top: 12px;
}

.weather-box-body dl.container dt:first-child {
    margin-top: 0;
}

.weather-box-body dl.container dd {
    font-size: 13px;
    color: #5a6b80;
    line-height: 1.8;
    margin: 4px 0 0;
}

/* ---------- 19e. 文章详情页正文 ---------- */
.weather-box .content {
    padding: 4px 14px 16px;
    font-size: 15px;
    line-height: 1.9;
    color: #33415c;
    word-break: break-word;
}

.weather-box .content p {
    margin: 0 0 14px;
}

.weather-box .content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 8px 0;
}

.weather-box .title {
    padding: 14px 14px 0;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    color: #1a2233;
}

.weather-box .times {
    padding: 6px 14px 10px;
    font-size: 12px;
    color: #9aa3ad;
}

/* 文章页相关推荐列表 */
.news-list li {
    padding: 10px 14px;
}

.news-list li a {
    font-size: 14px;
    line-height: 1.6;
    color: #33415c !important;
}

/* ---------- 20. 页脚 ---------- */
.footer {
    background: transparent;
    color: #8a97a8;
    text-align: center;
    padding: 16px 12px 24px;
}

/* ---------- 21. 省份地图页 ---------- */
.pv-box {
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(31, 95, 200, .06);
}

.pv-grid a {
    border-radius: 6px;
}

.pv-card {
    border-radius: 10px;
}