/* 自定义样式 - 圆角 + 鸿蒙字体 */

/* 鸿蒙字体 - 使用 CDN 加速 */
@font-face {
    font-family: 'HarmonyOS Sans';
    src: url('https://cdn.jsdelivr.net/npm/harmonyos-sans@1.0.0/fonts/HarmonyOS_Sans_Regular.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/npm/harmonyos-sans@1.0.0/fonts/HarmonyOS_Sans_Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans';
    src: url('https://cdn.jsdelivr.net/npm/harmonyos-sans@1.0.0/fonts/HarmonyOS_Sans_Medium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/npm/harmonyos-sans@1.0.0/fonts/HarmonyOS_Sans_Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans';
    src: url('https://cdn.jsdelivr.net/npm/harmonyos-sans@1.0.0/fonts/HarmonyOS_Sans_Bold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/npm/harmonyos-sans@1.0.0/fonts/HarmonyOS_Sans_Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* 全局字体 - 系统字体作为快速备选 */
body {
    font-family: 'HarmonyOS Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

/* 卡片圆角 */
.item {
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    margin-bottom: 20px;
    padding: 0;
    overflow: hidden;
}

.item:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
    transform: translateY(-2px);
    transition: all 0.3s ease;
}

/* 图片圆角 */
.item-img {
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}

.item-img img {
    border-radius: 12px 12px 0 0;
}

/* 按钮圆角 + 去掉点击外框线 */
.btn,
.btn-buy,
.btn-buy-show,
.btn-zan,
#ctf_submit,
.navbar-search-btn {
    border-radius: 20px !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent;
}

/* 按钮点击状态去掉外框 */
.btn:focus,
.btn:active,
.btn-buy:focus,
.btn-buy:active,
.btn-buy-show:focus,
.btn-buy-show:active,
.btn-zan:focus,
.btn-zan:active,
#ctf_submit:focus,
#ctf_submit:active,
.navbar-search-btn:focus,
.navbar-search-btn:active,
button:focus,
button:active,
a:focus,
a:active {
    outline: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* 去购买按钮增强 */
.btn-buy {
    border-radius: 12px !important;
    padding: 4px 12px !important;
}

.btn-buy-show {
    border-radius: 8px !important;
    padding: 12px 32px !important;
}

/* 输入框圆角 */
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
.form-control {
    border-radius: 8px !important;
}

/* 标签圆角 */
.item-category {
    border-radius: 4px !important;
}

/* 侧边栏小部件圆角 */
.widget {
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    padding: 20px;
    margin-bottom: 20px;
}

/* 分页按钮圆角 */
.pagination li a,
.pagination li span {
    border-radius: 6px !important;
    margin: 0 3px;
}

/* 幻灯片圆角 */
.swiper-container {
    border-radius: 12px;
    overflow: hidden;
}

/* 文章卡片内容区 */
.item-content {
    padding: 16px 20px 20px;
}

/* 内容页文章区域 */
.entry-main {
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    padding: 30px;
}

/* 评论区域圆角 */
.entry-comments {
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    padding: 20px;
    margin-top: 20px;
}

/* 评论表单圆角 */
.comment-respond {
    border-radius: 10px;
    background: #f8f9fa;
    padding: 20px;
    margin-bottom: 20px;
}

.comment-form textarea#ctf_content {
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 12px;
    width: 100%;
    min-height: 100px;
    resize: vertical;
}

.comment-form .ctf_txt input {
    border-radius: 6px;
    border: 1px solid #ddd;
    padding: 8px 12px;
}

#ctf_submit {
    border-radius: 6px !important;
    padding: 8px 24px !important;
}

/* 导航栏圆角 */
.navbar-collapse {
    border-radius: 8px;
}

/* 搜索框圆角 */
.navbar-search-input {
    border-radius: 20px !important;
}

/* 相关推荐卡片 */
.entry-related-posts .item {
    border-radius: 10px;
}

/* 标签云 */
.tagcloud a {
    border-radius: 12px !important;
    padding: 4px 12px !important;
}

/* 上一篇/下一篇卡片 */
.entry-page-prev,
.entry-page-next {
    border-radius: 10px;
    overflow: hidden;
}

/* 用户中心卡片 */
.panel {
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

/* 移动端适配 */
@media (max-width: 767px) {
    .item {
        border-radius: 10px;
    }
    
    .entry-main {
        border-radius: 10px;
        padding: 20px;
    }
}