/* 侧边栏样式补充 */
.section-title {
    padding: 10px 15px;
    font-weight: bold;
    color: #555;
    font-size: 16px;
    border-bottom: 1px solid #eaeaea;
}

.article-meta {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #999;
}

.article-type {
    color: #FF4D6D;
    background: rgba(255, 77, 109, 0.1);
    padding: 1px 5px;
    border-radius: 10px;
    font-size: 10px;
}

.no-data {
    padding: 15px;
    color: #999;
    text-align: center;
}

.article-item:hover .article-meta span {
    color: #fff;
}

.article-item:hover .article-type {
    background: rgba(255, 255, 255, 0.2);
}

/* 用户信息区域样式 */
.user-info {
    padding: 15px;
    border-top: 1px solid #eaeaea;
    margin-top: auto;
}

.user-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    padding: 5px;
    border-radius: 8px;
    transition: background-color 0.2s;
}

.user-link:hover {
    background-color: rgba(255, 77, 109, 0.1);
}

.user-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
    object-fit: cover;
    border: 2px solid #FF4D6D;
}

.user-nickname {
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

/* 修改侧边栏结构，让用户信息显示在底部 */
.sidebar-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.article-list {
    flex: 1;
    overflow-y: auto;
    /* 隐藏 Firefox 滚动条 */
    scrollbar-width: none;
}

/* 隐藏 WebKit 滚动条 */
.article-list::-webkit-scrollbar {
    display: none;
}

/* 添加资源卡片样式 */
.resource-success {
    background-color: #f0f9eb;
    border-radius: 8px;
    padding: 15px;
    margin-top: 10px;
    border-left: 4px solid #67c23a;
}

.resource-success h3 {
    color: #67c23a;
    margin-top: 0;
    margin-bottom: 10px;
}

.resource-success p {
    margin: 5px 0;
    color: #606266;
}

.resource-success .resource-link {
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
    color: #409eff;
    text-decoration: none;
}

.resource-success .resource-link svg {
    margin-left: 5px;
}

.article-title {
    color: #666;
    text-decoration:none;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;
}

.article-title:hover{color:#FF4D6D;}

/* 隐藏但可被屏幕阅读器读取 */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}

/* 可访问性：键盘聚焦可见 */
a:focus-visible,button:focus-visible,.tag:focus-visible{
    outline:2px solid #1890ff;
    outline-offset:2px;
}

.nav-logo{
    padding:12px 0; /* 增大可点击区域并消除空规则警告 */
}

.gradient-logo{
    font-size:28px;
    font-weight:700;
    background:linear-gradient(45deg,#ff4d4f 0%,#ff7a45 50%,#fa8c16 100%);
    background-clip:text;           /* 标准语法，兼顾 lint */
    -webkit-background-clip:text;  /* 兼容 WebKit */
    -webkit-text-fill-color:transparent;
    display:inline-block;
    text-decoration:none;
}

/* ===== PC/Desktop 专用 ===== */
@media (min-width: 769px) {
  /* 调整首页 hero 区块位置（LOGO/标语/搜索框整体） */
  .ds-main > div:first-child {
    margin-top: -100px; /* 适度上移，避免搜索框过低 */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }

  /* 搜索气泡保持相对定位，位于标语下方 */
  .ds-main > div:first-child .search-bubble {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    width: 850px; /* 与主体宽度一致 */
    margin: 10px auto;
  }
}

/* 为 hero 标题设置相对定位，方便内部绝对布局元素 */
.hero-title {
    position: relative;
    display: inline-block;
}

/* ================= Free Badge ================= */
.free-tag {
    position: absolute;
    top: -8px;  /* 稍微上移 */
    right: -50px; /* 略微往右 */
    display: inline-block;
    border: 1px solid #FF4D6D;
    color: #FF4D6D;
    font-weight: normal;
    border-radius: 8px; /* 稍微圆角 */
    padding: 2px 8px;
    font-size: 14px;
    background: #fff; /* 背景防止覆盖文字 */
}