|
|
| 第203行： |
第203行： |
|
| |
|
| /* 神圣石交易市场样式 */ | | /* 神圣石交易市场样式 */ |
| .sacred-stone-market {
| |
| background: #f5f5f5;
| |
| padding: 20px;
| |
| max-width: 800px;
| |
| margin: 0 auto;
| |
| }
| |
|
| |
| .sacred-item-card {
| |
| background: white;
| |
| border-radius: 8px;
| |
| padding: 15px;
| |
| margin-bottom: 15px;
| |
| box-shadow: 0 2px 6px rgba(0,0,0,0.1);
| |
| position: relative;
| |
| }
| |
|
| |
| .badge-group {
| |
| margin-bottom: 8px;
| |
| }
| |
|
| |
| .badge-blue, .badge-green {
| |
| display: inline-block;
| |
| padding: 3px 8px;
| |
| border-radius: 4px;
| |
| font-size: 12px;
| |
| margin-right: 5px;
| |
| }
| |
|
| |
| .badge-blue { background: #e6f3ff; color: #1890ff; }
| |
| .badge-green { background: #e6ffe6; color: #52c41a; }
| |
|
| |
| .transaction-header {
| |
| font-size: 16px;
| |
| color: #333;
| |
| margin-bottom: 10px;
| |
| }
| |
|
| |
| .fee-tag {
| |
| color: #ff4d4f;
| |
| font-size: 14px;
| |
| }
| |
|
| |
| .price-section {
| |
| display: flex;
| |
| align-items: baseline;
| |
| gap: 15px;
| |
| margin: 10px 0;
| |
| }
| |
|
| |
| .main-price {
| |
| color: #ff6a00;
| |
| font-size: 24px;
| |
| font-weight: 700;
| |
| }
| |
|
| |
| .unit-price {
| |
| color: #666;
| |
| font-size: 14px;
| |
| }
| |
|
| |
| .exchange-rate {
| |
| color: #8c8c8c;
| |
| font-size: 12px;
| |
| margin-bottom: 10px;
| |
| }
| |
|
| |
| .game-info {
| |
| color: #595959;
| |
| font-size: 14px;
| |
| line-height: 1.6;
| |
| }
| |
|
| |
| .meta-info {
| |
| display: flex;
| |
| justify-content: space-between;
| |
| margin-top: 10px;
| |
| color: #8c8c8c;
| |
| font-size: 13px;
| |
| }
| |
|
| |
| .buy-button {
| |
| position: absolute;
| |
| right: 20px;
| |
| bottom: 20px;
| |
| padding: 8px 25px;
| |
| background: #fff;
| |
| border: 2px solid #ff6a00;
| |
| color: #ff6a00;
| |
| border-radius: 20px;
| |
| font-weight: bold;
| |
| cursor: pointer;
| |
| transition: all 0.3s;
| |
| }
| |
|
| |
| .buy-button:hover {
| |
| background: #ff6a00;
| |
| color: white;
| |
| }
| |
|
| |
| /* 星级模板样式 */
| |
| .mw-star-rating { | | .mw-star-rating { |
| color: #ffc53d; | | color: #ffc53d; /* 星标颜色 */ |
| letter-spacing: 2px; | | letter-spacing: 2px; |
| | font-size: 1.2em; |
| | font-family: Arial, sans-serif; |
| } | | } |
| | .mw-star-rating::after { content: " (" attr(data-rating) "/5)"; } /* 可选评分后缀 */ |