html, body { overflow-x: clip; margin: 0; padding: 0; }

/* 悬浮侧边栏 */
.kf-sidebar {
    position: fixed !important;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: auto !important;   /* 容器宽度由最长按钮文字撑开，不截断 */
    min-width: 90px !important;
    z-index: 1001 !important;
    opacity: 0.9;
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    overflow: visible !important;
    background: #f6f6f6 !important; /* 底板：浅灰白（对齐 tankjcc1103 左侧栏观感） */
}
.kf-sidebar .kf-side-item {
    display: block !important;
    padding: 12px 14px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    color: #fff !important;
    border: 1px solid #63a62f !important;
    background: #7fbf4d !important;
    background: linear-gradient(180deg, #7fbf4d 0%, #63a62f 100%) !important; /* buttonmenu 绿色渐变底 */
    box-shadow: inset 0 1px 0 0 #96ca6d !important;
    text-shadow: 0 -1px 0 #4c9021 !important; /* 立体字 */
    margin: 6px 8px !important;
    border-radius: 6px !important;
    transition: all .18s ease !important;
}
.kf-sidebar .kf-side-item:hover {
    background: linear-gradient(180deg, #96ca6d 0%, #7fbf4d 100%) !important; /* 提亮 */
    color: #fff !important;
    text-shadow: 0 -1px 0 #2f6b15, 0 0 6px rgba(255,255,255,.5) !important; /* 文字发光 */
    transform: translateY(-1px) !important;
    box-shadow: inset 0 1px 0 0 #b7dc9a, 0 2px 8px rgba(0,0,0,.18) !important;
    text-decoration: none !important;
}
.kf-sidebar .kf-side-item:last-child { margin-bottom: 6px !important; }
.kf-sidebar .kf-side-item.active {
    color: #fff !important;
    background: #63a62f !important;
    background: linear-gradient(180deg, #63a62f 0%, #4c9021 100%) !important;
    box-shadow: inset 0 1px 0 0 #7fbf4d !important;
}

/* 内容区 */
.kf-content-wrap {
    margin-left: 170px;
    max-width: 1200px;
    margin-right: auto;
    padding: 20px 12px;
}
.kf-card-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* 卡片 */
.kf-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
.kf-card-head {
    background: linear-gradient(135deg,#22c55e,#16a34a);
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.kf-card-icon {
    width: 38px;
    height: 38px;
    background: rgba(255,255,255,.25);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.kf-card-icon img { width: 20px; height: 20px; }
.kf-card-desc {
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
    flex: 1;
    min-width: 0;
}
.kf-card-body { padding: 14px; }
.kf-card-title { font-size: 15px; font-weight: 700; margin: 0 0 8px; }
.kf-card-meta { font-size: 12px; color: #888; margin: 0 0 12px; }
.kf-card-foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #f0f0f0;
    padding-top: 12px;
}
.kf-card-price { color: #ef4444; font-size: 16px; font-weight: 700; }
.kf-card-buy {
    border: 1px solid #22c55e;
    color: #22c55e;
    padding: 4px 14px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 12px;
}

/* 平板 */
@media (max-width: 1024px) {
    .kf-sidebar { width: auto !important; min-width: 80px !important; }
    .kf-content-wrap { margin-left: 115px; padding: 16px 10px; }
}

/* 手机 */
@media (max-width: 768px) {
    .kf-sidebar { width: auto !important; min-width: 70px !important; left: 5px !important; }
    .kf-sidebar .kf-side-item { padding: 10px 10px !important; font-size: 12px !important; }
    .kf-content-wrap { margin-left: 100px !important; padding: 12px 8px !important; }
    /* 首页：左侧栏已注释时，内容区占满全宽 */
    .kf-home-wrap { margin-left: 0 !important; padding: 12px 10px !important; }
    .kf-card-head { padding: 10px !important; gap: 8px !important; }
    .kf-card-icon { width: 32px !important; height: 32px !important; }
    .kf-card-icon img { width: 18px !important; height: 18px !important; }
    /* 右侧悬浮资源导航隐藏 + 内容区右侧留白恢复 */
    .kf-dl-float { display: none !important; }
    .kf-content-wrap { margin-right: auto !important; }
    .kf-container { margin-right: 0 !important; }
}

/* ===== 桌面端：为右侧悬浮资源导航整出空位（2026-10-24） ===== */
@media (min-width: 769px) {
    .kf-content-wrap { max-width: 960px; margin-right: 190px; } /* 1200→960，内容区再缩 20% */
    .kf-container { margin-right: 190px !important; }
    .kf-sidebar { min-width: 110px !important; } /* 左侧栏加宽 */
}

/* ===== page 页内容区：大小/位置对齐交易页内容区（2026-10-24） ===== */
.kf-page-wrap { max-width: 960px; margin-left: 170px; margin-right: 190px; }
@media (max-width: 1024px) {
    .kf-page-wrap { margin-left: 115px; }
}
@media (max-width: 768px) {
    .kf-page-wrap { margin-left: 100px !important; margin-right: 0 !important; }
}

/* ===== WooCommerce 表单响应式（my-account 登录/忘记密码窗口） ===== */
@media (max-width: 768px) {
    .woocommerce .u-columns, .woocommerce #customer_login { display:block !important; }
    .woocommerce .u-column1, .woocommerce .u-column2 { width:100% !important; float:none !important; margin:0 0 18px !important; padding:0 !important; }
    .woocommerce form.login, .woocommerce form.register, .woocommerce-form-login, .woocommerce-form-register { padding:20px !important; box-sizing:border-box; }
    .woocommerce .form-row { width:100% !important; float:none !important; }
    .woocommerce input.input-text, .woocommerce input[type=email], .woocommerce input[type=password], .woocommerce input[type=text], .woocommerce input[type=number] { width:100% !important; box-sizing:border-box; }
    .woocommerce button.button, .woocommerce a.button, .woocommerce .button { width:100% !important; text-align:center; box-sizing:border-box; }
    .woocommerce .lost_password { text-align:center; }
    .kf-forgot-box { max-width:none !important; margin-left:0 !important; }
}
@media (min-width: 769px) {
    .kf-forgot-box { max-width:420px; }
}