/* index/ykj.html 页面独立样式 */
/* 与首页统一的简洁风格：无渐变背景、无卡片阴影 */
.ykj-page .ykj-search { margin-top: 4px; }
.ykj-page .ykj-search .input-group-text {
background: #fafbfc;
border-color: #e6ebf0;
color: #7b8694;
font-size: 14px;
}
.ykj-page .ykj-search .form-control { border-color: #e6ebf0; }
.ykj-page .ykj-search .form-control:focus { border-color: #28a745; box-shadow: none; }
.ykj-page .ykj-search select.form-control { height: 38px; }
/* 列表 */
.ykj-page .ykj-panel { border-top: 1px solid #eef0f3; }
.ykj-page .ykj-table { margin-bottom: 0; }
.ykj-page .ykj-table .ykj-col-domain { width: 24%; }
.ykj-page .ykj-table .ykj-col-google { width: 70px; }
.ykj-page .ykj-table .ykj-col-date { width: 110px; }
.ykj-page .ykj-table .ykj-col-price { width: 100px; }
.ykj-page .ykj-table .ykj-col-action { width: 150px; }
.ykj-page .ykj-table thead th {
padding-top: 10px;
padding-bottom: 10px;
border-top: 0;
border-bottom: 1px solid #eef0f3;
color: #7b8694;
font-size: 14px;
font-weight: 600;
white-space: nowrap;
}
.ykj-page .ykj-table td {
vertical-align: middle;
border-color: #f3f5f7;
color: #4b5563;
font-size: 14px;
}
.ykj-page .ykj-table tbody tr:hover { background: #fafbfc; }
.ykj-page .ykj-table tbody tr:last-child td { border-bottom: 0; }
.ykj-page .ykj-domain { font-weight: 600; color: #1f2a44; }
.ykj-page .ykj-domain:hover { color: #2265b3; }
.ykj-page .ykj-table td.ykj-price { font-weight: 700; color: #dc3545; white-space: nowrap; }
.ykj-page .ykj-msg { color: #7b8694; font-size: 14px; }
.ykj-page .domainaction .btn { white-space: nowrap; }
.ykj-page .domainaction .ykj-checkout { margin-left: 6px; }
/* 分页 */
.ykj-page .ykj-foot {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 14px 0;
border-top: 1px solid #f1f3f5;
}
.ykj-page .ykj-page-select {
height: 32px;
padding: 0 8px;
border: 1px solid #e6ebf0;
border-radius: 6px;
background: #fff;
color: #4b5563;
font-size: 14px;
}
.ykj-page .ykj-pager .pagination { margin-bottom: 0; }
.ykj-page .ykj-pager .page-link {
color: #4b5563;
border-color: #eef0f3;
}
.ykj-page .ykj-pager .page-link:hover { color: #0067b8; background: #f7f9fb; }
.ykj-page .ykj-pager .page-item.active .page-link {
color: #fff;
background: #0067b8;
border-color: #0067b8;
}
@media (max-width: 991.98px) {
.ykj-page .ykj-table .ykj-col-google { width: 46px; }
.ykj-page .ykj-table .ykj-col-price { width: 68px; text-align: center; }
.ykj-page .ykj-table td.ykj-price { text-align: center; }
.ykj-page .ykj-table .ykj-col-action { width: 88px; }
.ykj-page .ykj-table thead th,
.ykj-page .ykj-table tbody td { padding-left: 6px; padding-right: 6px; }
.ykj-page .ykj-table thead th:first-child,
.ykj-page .ykj-table tbody td:first-child { padding-left: 12px; }
.ykj-page .domainaction .btn {
width: 34px;
height: 30px;
padding: 0;
font-size: 0;
line-height: 30px;
background-repeat: no-repeat;
background-position: center;
background-size: 16px 16px;
}
.ykj-page .domainaction .addToCart {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5M3.102 4l1.313 7h8.17l1.313-7zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4m7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4m-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2m7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2'/%3E%3C/svg%3E");
}
.ykj-page .domainaction .removeFromCart {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z'/%3E%3Cpath d='M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z'/%3E%3C/svg%3E");
}
.ykj-page .domainaction .ykj-checkout {
margin-left: 4px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23fff' stroke-width='1.5' viewBox='0 0 16 16'%3E%3Crect x='1.75' y='3.25' width='12.5' height='9.5' rx='1.5'/%3E%3Cpath d='M1.75 6.5h12.5M4.25 10h2.5'/%3E%3C/svg%3E");
}
}
@media (max-width: 575.98px) {
.ykj-page .ykj-foot { padding: 12px 0; }
}
/* 二维码 Popover */
.popover {
max-width: 220px;
border-radius: 8px;
box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
border: 1px solid rgba(0, 0, 0, .05);
}
.popover-header {
background-color: #fff;
border-bottom: 1px solid #eee;
padding-bottom: .5rem;
font-weight: 600;
color: #333;
}
.popover-body {
padding: 1rem;
display: flex;
flex-direction: column;
align-items: center;
}
.qr-placeholder {
width: 128px;
height: 128px;
display: flex;
align-items: center;
justify-content: center;
background-color: #f8f9fa;
border-radius: 4px;
margin-bottom: .5rem;
}
.qr-placeholder img { max-width: 100%; height: auto; }