124 lines
2.2 KiB
Plaintext
124 lines
2.2 KiB
Plaintext
/* 文件职责：包装费卡片样式。 */
|
|
.page-store-fees {
|
|
.packaging-mode-switch {
|
|
display: inline-flex;
|
|
gap: 2px;
|
|
padding: 3px;
|
|
margin-bottom: 16px;
|
|
background: #f8f9fb;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.mode-switch-item {
|
|
padding: 6px 18px;
|
|
font-size: 13px;
|
|
color: #4b5563;
|
|
cursor: pointer;
|
|
background: transparent;
|
|
border: none;
|
|
border-radius: 6px;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.mode-switch-item.active {
|
|
font-weight: 600;
|
|
color: #1677ff;
|
|
background: #fff;
|
|
box-shadow: 0 1px 3px rgb(15 23 42 / 10%);
|
|
}
|
|
|
|
.packaging-tier-block {
|
|
padding-top: 16px;
|
|
margin-top: 18px;
|
|
border-top: 1px solid #f3f4f6;
|
|
}
|
|
|
|
.packaging-tier-toggle-row {
|
|
display: flex;
|
|
gap: 10px;
|
|
align-items: center;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.packaging-tier-toggle-label {
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
color: #1f2937;
|
|
}
|
|
|
|
.packaging-tier-note {
|
|
padding: 8px 10px;
|
|
margin-bottom: 10px;
|
|
font-size: 12px;
|
|
color: #6b7280;
|
|
background: #f9fafb;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.packaging-tier-table-wrap {
|
|
overflow: hidden;
|
|
border: 1px solid #edf0f5;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.packaging-tier-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.packaging-tier-table th {
|
|
padding: 10px 12px;
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
color: #6b7280;
|
|
text-align: left;
|
|
background: #f8f9fb;
|
|
border-bottom: 1px solid #edf0f5;
|
|
}
|
|
|
|
.packaging-tier-table td {
|
|
padding: 10px 12px;
|
|
font-size: 13px;
|
|
color: #1f2937;
|
|
border-bottom: 1px solid #f3f4f6;
|
|
}
|
|
|
|
.packaging-tier-table tr:last-child td {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.fees-table-link {
|
|
margin-right: 8px;
|
|
font-size: 12px;
|
|
color: #1677ff;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.fees-table-link.danger {
|
|
color: #ef4444;
|
|
}
|
|
|
|
.packaging-tier-add-row {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.packaging-item-mode-tip {
|
|
padding: 18px;
|
|
background: #fafafa;
|
|
border: 1px dashed #e5e7eb;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.packaging-item-mode-tip .tip-title {
|
|
margin-bottom: 6px;
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
color: #374151;
|
|
}
|
|
|
|
.packaging-item-mode-tip .tip-desc {
|
|
font-size: 12px;
|
|
color: #6b7280;
|
|
}
|
|
}
|