/* \539f\6709\6837\5f0f\4fdd\6301\4e0d\53d8 */
\0070.\0073\0074\006f\0063\006b-\0069\006e\0066\006f {
  \0064\0069\0073\0070\006c\0061\0079: none;
}
 
.\0070\0072\006f\0064\0075\0063\0074-\0063\0061\0072\0064 {
    \0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073: 12px;
    \006f\0076\0065\0072\0066\006c\006f\0077: hidden;
}
 
.\0070\0072\006f\0064\0075\0063\0074-\0063\0061\0072\0064-\0068\0065\0061\0064\0065\0072 {
    \0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073: 12px 12px 0 0;
}
 
.\0070\0072\006f\0064\0075\0063\0074-\0050\0061\0072\0061\006d\0065\0074\0065\0072\0073 {
    \0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073: 0 0 12px 12px;
}
 
.\0074\0069\0073\0075\0079\0075\006e\005f\0062\0071 {
    \0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073: 6px;
}
 
.\0062\0075\0079-\006e\006f\0077-\0062\0075\0074\0074\006f\006e {
    \0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073: 6px;
}
 
/* \4ea4\4e92\6548\679c */
.\0070\0072\006f\0064\0075\0063\0074-\0063\0061\0072\0064 {
    \0074\0072\0061\006e\0073\0069\0074\0069\006f\006e: transform 0.3s ease, box-shadow 0.3s ease;
}
 
.\0070\0072\006f\0064\0075\0063\0074-\0063\0061\0072\0064:hover {
    transform: translateY(-4px);
    \0062\006f\0078-\0073\0068\0061\0064\006f\0077: 0 8px 24px rgba(0, 0, 0, 0.12);
}
 
.\0062\0075\0079-\006e\006f\0077-\0062\0075\0074\0074\006f\006e {
    \0074\0072\0061\006e\0073\0069\0074\0069\006f\006e: all 0.3s ease;
}
 
.\0062\0075\0079-\006e\006f\0077-\0062\0075\0074\0074\006f\006e:hover {
    opacity: 0.9;
}
 
.\0062\0075\0079-\006e\006f\0077-\0062\0075\0074\0074\006f\006e:active {
    transform: translateY(1px);
}
 
.\0070\0072\0069\0063\0065 {
    \0074\0072\0061\006e\0073\0069\0074\0069\006f\006e: transform 0.3s ease;
}
 
.\0070\0072\006f\0064\0075\0063\0074-\0063\0061\0072\0064:hover .price {
    transform: scale(1.1);
}
 

 
/* \65b0\589e\0055\0049\4f18\5316 */
.\0070\0072\006f\0064\0075\0063\0074-\0063\0061\0072\0064 {
    \0062\006f\0072\0064\0065\0072: 1px solid #f0f0f0;
    \0074\0072\0061\006e\0073\0069\0074\0069\006f\006e: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
 
.\0070\0072\006f\0064\0075\0063\0074-\0063\0061\0072\0064:hover {
    border-color: #d0d0d0;
}
 
.\0061\006d\006f\0075\006e\0074 {
    \0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074: 700;
}
 
.\0074\0069\0073\0075\0079\0075\006e\005f\0062\0071 {
    \0074\0072\0061\006e\0073\0069\0074\0069\006f\006e: opacity 0.3s ease, transform 0.2s ease;
}
 
.\0074\0069\0073\0075\0079\0075\006e\005f\0062\0071:hover {
    opacity: 0.8;
    \0074\0072\0061\006e\0073\0066\006f\0072\006d: translateY(-1px);
}
 
.\0074\0069\0073\0075\0079\0075\006e\005f\0061\0064\0076 {
    \0074\0072\0061\006e\0073\0069\0074\0069\006f\006e: all 0.3s ease;
}
 
.\0074\0069\0073\0075\0079\0075\006e\005f\0061\0064\0076:hover {
    background: #0008ff;
    \0063\006f\006c\006f\0072: #fff !important;
}
 
.\0062\0075\0079-\006e\006f\0077-\0062\0075\0074\0074\006f\006e:hover {
    opacity: 0.9;
    \0074\0072\0061\006e\0073\0066\006f\0072\006d: translateY(-1px);
}
 
/* \4ea7\54c1\63cf\8ff0\6587\5b57\4f18\5316 */
.\0070\0072\006f\0064\0075\0063\0074-\0064\0065\0073\0063\0072\0069\0070\0074\0069\006f\006e {
    \0074\0072\0061\006e\0073\0069\0074\0069\006f\006e: color 0.3s ease;
}
 
.\0070\0072\006f\0064\0075\0063\0074-\0063\0061\0072\0064:hover .product-description {
    color: #333;
}
 
/* \65b0\589e\7279\522b\6548\679c - \4f4e\8c03\7cbe\81f4 */
 
/* \5361\7247\52a0\8f7d\52a8\753b */
@\006b\0065\0079\0066\0072\0061\006d\0065\0073 \0063\0061\0072\0064\0046\0061\0064\0065\0049\006e {
    \0066\0072\006f\006d {
        \006f\0070\0061\0063\0069\0074\0079: 0;
        \0074\0072\0061\006e\0073\0066\006f\0072\006d: translateY(20px);
    }
    \0074\006f {
        \006f\0070\0061\0063\0069\0074\0079: 1;
        \0074\0072\0061\006e\0073\0066\006f\0072\006d: translateY(0);
    }
}
 
.\0070\0072\006f\0064\0075\0063\0074-\0063\0061\0072\0064 {
    \0061\006e\0069\006d\0061\0074\0069\006f\006e: cardFadeIn 0.6s ease-out;
}
 
/* \4ef7\683c\8df3\52a8\6548\679c */
@\006b\0065\0079\0066\0072\0061\006d\0065\0073 \0070\0072\0069\0063\0065\0047\006c\006f\0077 {
    \0030%\002c \0031\0030\0030% {
        \0074\0065\0078\0074-\0073\0068\0061\0064\006f\0077: none;
    }
    \0035\0030% {
        \0074\0065\0078\0074-\0073\0068\0061\0064\006f\0077: 0 0 8px rgba(231, 76, 60, 0.3);
    }
}
 
.\0070\0072\006f\0064\0075\0063\0074-\0063\0061\0072\0064:hover .amount {
    animation: priceGlow 2s ease-in-out infinite;
}
 
/* \6309\94ae\5fae\5149\626b\8fc7\6548\679c */
.\0062\0075\0079-\006e\006f\0077-\0062\0075\0074\0074\006f\006e {
    \0070\006f\0073\0069\0074\0069\006f\006e: relative;
    \006f\0076\0065\0072\0066\006c\006f\0077: hidden;
}
 
.\0062\0075\0079-\006e\006f\0077-\0062\0075\0074\0074\006f\006e::before {
    content: '';
    \0070\006f\0073\0069\0074\0069\006f\006e: absolute;
    \0074\006f\0070: 0;
    \006c\0065\0066\0074: -100%;
    \0077\0069\0064\0074\0068: 100%;
    \0068\0065\0069\0067\0068\0074: 100%;
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    \0074\0072\0061\006e\0073\0069\0074\0069\006f\006e: left 0.8s ease;
}
 
.\0062\0075\0079-\006e\006f\0077-\0062\0075\0074\0074\006f\006e:hover::before {
    left: 100%;
}
 
/* \6807\7b7e\7ec4\5fae\5f39\8df3 */
.\0070\0072\006f\0064\0075\0063\0074-\0063\0061\0072\0064:hover .tisuyun_bq:nth-child(1) {
    transition-delay: 0.1s;
}
 
.\0070\0072\006f\0064\0075\0063\0074-\0063\0061\0072\0064:hover .tisuyun_bq:nth-child(2) {
    transition-delay: 0.2s;
}
 
.\0070\0072\006f\0064\0075\0063\0074-\0063\0061\0072\0064:hover .tisuyun_bq:nth-child(3) {
    transition-delay: 0.3s;
}
 
/* \5361\7247\5185\5bb9\8f7b\5fae\653e\5927 */
.\0070\0072\006f\0064\0075\0063\0074-\0063\0061\0072\0064:hover .product-card-body {
    transform: scale(1.02);
    \0074\0072\0061\006e\0073\0069\0074\0069\006f\006e: transform 0.3s ease;
}
 
/* \0048\0052\7ebf\6761\52a8\753b */
\0068\0072 {
    \0070\006f\0073\0069\0074\0069\006f\006e: relative;
    \006f\0076\0065\0072\0066\006c\006f\0077: hidden;
}
 
\0068\0072::after {
    content: '';
    \0070\006f\0073\0069\0074\0069\006f\006e: absolute;
    \0074\006f\0070: 0;
    \006c\0065\0066\0074: -100%;
    \0077\0069\0064\0074\0068: 100%;
    \0068\0065\0069\0067\0068\0074: 1px;
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064: linear-gradient(90deg, transparent, #667eea, transparent);
    \0074\0072\0061\006e\0073\0069\0074\0069\006f\006e: left 0.8s ease;
}
 
.\0070\0072\006f\0064\0075\0063\0074-\0063\0061\0072\0064:hover hr::after {
    left: 100%;
}
 
/* \5fae\5999\7684\7126\70b9\6307\793a\5668 */
.\0070\0072\006f\0064\0075\0063\0074-\0063\0061\0072\0064:focus-within {
    outline: 2px solid rgba(102, 126, 234, 0.3);
    \006f\0075\0074\006c\0069\006e\0065-\006f\0066\0066\0073\0065\0074: 2px;
}


.\0076\007a\002c
.\0070\0072\006f\0064\0075\0063\0074-\0066\0065\0061\0074\0075\0072\0065\0073 .\006d\006f\0071\0069\005f\0062\0071\002c /* \7cbe\51c6\5b9a\4f4d\0070\0072\006f\0064\0075\0063\0074-\0066\0065\0061\0074\0075\0072\0065\0073\5185\7684\006d\006f\0071\0069\005f\0062\0071 */
.\006d\006f\0071\0069\005f\0062\0071 {
    /* \80cc\666f\4e0e\6587\5b57\ff1a\540c\89c6\89c9\7a0b\5ea6\7684\84dd\8272\7cfb */
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072: rgba(235, 244, 255, 1) !important; /* \5f3a\5236\751f\6548 */
    \0063\006f\006c\006f\0072: rgba(45, 108, 240, 1) !important; /* \5f3a\5236\751f\6548 */
    
    /* \5c3a\5bf8\4e0e\95f4\8ddd */
    \006d\0061\0072\0067\0069\006e: 0 2px 8px 0 !important;
    \0070\0061\0064\0064\0069\006e\0067: 0 8px !important;
    \0068\0065\0069\0067\0068\0074: 24px !important;
    \006d\0069\006e-\0077\0069\0064\0074\0068: max-content !important;
    /* \517c\5bb9\4f4e\7248\672c\6d4f\89c8\5668 */
    \006d\0069\006e-\0077\0069\0064\0074\0068: -webkit-max-content !important;
    \006d\0069\006e-\0077\0069\0064\0074\0068: -moz-max-content !important;
    
    /* \6587\5b57\6837\5f0f */
    \0066\006f\006e\0074-\0073\0069\007a\0065: 12px !important;
    \0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074: bold !important;
    \006c\0069\006e\0065-\0068\0065\0069\0067\0068\0074: 24px !important;
    
    /* \8fb9\6846\4e0e\663e\793a */
    \0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073: 2px !important;
    \0064\0069\0073\0070\006c\0061\0079: inline-block !important;
    \0062\006f\0078-\0073\0069\007a\0069\006e\0067: border-box !important; /* \9632\6b62\0070\0061\0064\0064\0069\006e\0067\6491\5927\5c3a\5bf8 */
}

/* \63d0\793a\6846\4e13\5c5e\6837\5f0f - \72ec\7acb\53ef\590d\7528 */
:root {
  /* 仅保留提示框所需的核心变量 */
  --primary-color: #2563eb;
  --\0070\0072\0069\006d\0061\0072\0079-\0068\006f\0076\0065\0072: #1d4ed8;
  --\0072\0061\0064\0069\0075\0073-\006c\0067: 12px;
  --\0073\0068\0061\0064\006f\0077-\006d\0064: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* \63d0\793a\6846\5916\5c42\95f4\8ddd\4f18\5316 */
.\0062\0067\0077 {
  \006d\0061\0072\0067\0069\006e-\0062\006f\0074\0074\006f\006d: 1.5rem;
}

/* \63d0\793a\6846\6838\5fc3\6837\5f0f */
.\006c\0061\0079\0075\0069-\0065\006c\0065\006d-\0071\0075\006f\0074\0065 {
  \0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073: var(--radius-lg);
  \0062\006f\0072\0064\0065\0072: none;
  \0062\006f\0078-\0073\0068\0061\0064\006f\0077: var(--shadow-md);
  \0070\0061\0064\0064\0069\006e\0067: 1.25rem 1.5rem;
  \0070\006f\0073\0069\0074\0069\006f\006e: relative;
  \006f\0076\0065\0072\0066\006c\006f\0077: hidden;
  \0062\0061\0063\006b\0064\0072\006f\0070-\0066\0069\006c\0074\0065\0072: blur(10px);
  \0062\006f\0072\0064\0065\0072: 1px solid rgba(255, 255, 255, 0.2);
}

/* \63d0\793a\6846\9876\90e8\6e10\53d8\88c5\9970\6761 */
.\006c\0061\0079\0075\0069-\0065\006c\0065\006d-\0071\0075\006f\0074\0065::before {
  content: '';
  \0070\006f\0073\0069\0074\0069\006f\006e: absolute;
  \0074\006f\0070: 0;
  \006c\0065\0066\0074: 0;
  \0072\0069\0067\0068\0074: 0;
  \0068\0065\0069\0067\0068\0074: 4px;
  \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064: linear-gradient(90deg, var(--primary-color), var(--primary-hover));
}

/* \84dd\8272\4e3b\9898\63d0\793a\6846 */
.\006c\0061\0079\0075\0069-\0065\006c\0065\006d-\0071\0075\006f\0074\0065.\0062\006c\0075\0065-\0074\0068\0065\006d\0065 {
  \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064: linear-gradient(135deg, rgba(219, 234, 254, 0.9) 0%, rgba(191, 219, 254, 0.8) 100%);
  \0063\006f\006c\006f\0072: #1e40af;
  \0062\006f\0072\0064\0065\0072-\0063\006f\006c\006f\0072: rgba(59, 130, 246, 0.2);
}

/* \7eff\8272\4e3b\9898\63d0\793a\6846 */
.\006c\0061\0079\0075\0069-\0065\006c\0065\006d-\0071\0075\006f\0074\0065.\0067\0072\0065\0065\006e-\0074\0068\0065\006d\0065 {
  \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064: linear-gradient(135deg, rgba(209, 250, 229, 0.9) 0%, rgba(167, 243, 208, 0.8) 100%);
  \0063\006f\006c\006f\0072: #047857;
  \0062\006f\0072\0064\0065\0072-\0063\006f\006c\006f\0072: rgba(16, 185, 129, 0.2);
}

/* \63d0\793a\6846\5185\6587\672c\6837\5f0f */
.\006c\0061\0079\0075\0069-\0065\006c\0065\006d-\0071\0075\006f\0074\0065 \0070 {
  \006d\0061\0072\0067\0069\006e: 0;
  \0066\006f\006e\0074-\0073\0069\007a\0065: 0.875rem;
  \006c\0069\006e\0065-\0068\0065\0069\0067\0068\0074: 1.6;
  \0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074: 500;
}

/* \63d0\793a\6846\5185\94fe\63a5\6837\5f0f */
.\006c\0061\0079\0075\0069-\0065\006c\0065\006d-\0071\0075\006f\0074\0065 \0061 {
  \0063\006f\006c\006f\0072: var(--primary-color);
  \0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074: 600;
  \0074\0065\0078\0074-\0064\0065\0063\006f\0072\0061\0074\0069\006f\006e: none;
  \0062\006f\0072\0064\0065\0072-\0062\006f\0074\0074\006f\006d: 1px solid transparent;
  \0074\0072\0061\006e\0073\0069\0074\0069\006f\006e: all 0.3s ease;
}

.\006c\0061\0079\0075\0069-\0065\006c\0065\006d-\0071\0075\006f\0074\0065 \0061:hover {
  border-bottom-color: var(--primary-color);
  \0063\006f\006c\006f\0072: var(--primary-hover);
}

/* \79fb\52a8\7aef\9002\914d */
@\006d\0065\0064\0069\0061 \0028\006d\0061\0078-\0077\0069\0064\0074\0068: 767px) {
  .layui-elem-quote {
    padding: 1rem 1.25rem;
  }
  
  .\006c\0061\0079\0075\0069-\0065\006c\0065\006d-\0071\0075\006f\0074\0065 \0070 {
    \0066\006f\006e\0074-\0073\0069\007a\0065: 0.8rem;
  }
}

/* ===================== \4f18\60e0\5238\6a21\5757\6837\5f0f ===================== */
/* \6838\5fc3\4fee\6539\ff1a\8c03\5927\9ad8\4eae\6587\5b57\5927\5c0f\ff0c\4fdd\7559\539f\6709\7ea2\8272\002b\52a0\7c97 */
.\0068\0069\0067\0068\006c\0069\0067\0068\0074 {
    \0063\006f\006c\006f\0072: #e63946;
    \0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074: bold !important;
    /* \5173\952e\ff1a\8c03\5927\5b57\4f53\ff0c\6bd4\5168\5c40\0031\0034\0070\0078\5927\0032\0070\0078\ff0c\9192\76ee\4e14\534f\8c03 */
    \0066\006f\006e\0074-\0073\0069\007a\0065: 16px !important;
    /* \53ef\9009\ff1a\786e\4fdd\548c\5468\8fb9\6587\5b57\5782\76f4\5bf9\9f50\ff08\82e5\6709\9519\4f4d\53ef\52a0\ff09 */
    \0076\0065\0072\0074\0069\0063\0061\006c-\0061\006c\0069\0067\006e: baseline;
}

/* \4f18\60e0\5238\5bb9\5668 */
.\0063\006f\0075\0070\006f\006e {
    \0070\006f\0073\0069\0074\0069\006f\006e: relative;
    \0064\0069\0073\0070\006c\0061\0079: inline-block;
    \0076\0065\0072\0074\0069\0063\0061\006c-\0061\006c\0069\0067\006e: middle;
    \006d\0069\006e-\0077\0069\0064\0074\0068: 160px;  
    \006d\0061\0078-\0077\0069\0064\0074\0068: 210px;
    \0077\0069\0064\0074\0068: auto;
    \0068\0065\0069\0067\0068\0074: 32px;
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064: #fff;
    \0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073: 6px;
    \0062\006f\0078-\0073\0068\0061\0064\006f\0077: 0 2px 8px rgba(230, 57, 70, 0.15);
    \0063\0075\0072\0073\006f\0072: pointer;
    \0074\0072\0061\006e\0073\0069\0074\0069\006f\006e: all 0.3s ease;
    \0066\006f\006e\0074-\0066\0061\006d\0069\006c\0079: "Consolas", monospace;
    \0075\0073\0065\0072-\0073\0065\006c\0065\0063\0074: none;
    \006f\0076\0065\0072\0066\006c\006f\0077: hidden;
    \0066\006f\006e\0074-\0073\0069\007a\0065: 0;
    \0063\006f\006c\006f\0072: transparent;
    \006c\0069\006e\0065-\0068\0065\0069\0067\0068\0074: 0;
    \007a-\0069\006e\0064\0065\0078: 10;
    \0070\0061\0064\0064\0069\006e\0067-\0072\0069\0067\0068\0074: 8px;
}

.\0063\006f\0075\0070\006f\006e::before {
    content: "优惠码";
    \0070\006f\0073\0069\0074\0069\006f\006e: absolute;
    \006c\0065\0066\0074: 0;
    \0074\006f\0070: 0;
    \0077\0069\0064\0074\0068: 50px;
    \0068\0065\0069\0067\0068\0074: 100%;
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064: linear-gradient(90deg, #e63946 0%, #d62828 100%);
    \0063\006f\006c\006f\0072: #fff !important;
    \0074\0065\0078\0074-\0061\006c\0069\0067\006e: center;
    \006c\0069\006e\0065-\0068\0065\0069\0067\0068\0074: 32px;
    \0066\006f\006e\0074-\0073\0069\007a\0065: 12px;
    \0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074: 600;
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0069\006d\0061\0067\0065: 
        linear-gradient(90deg, #e63946 0%, #d62828 100%),
        radial-gradient(circle at right, transparent 4px, #fff 4px, #fff 8px);
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0073\0069\007a\0065: 100% 100%, 8px 8px;
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0070\006f\0073\0069\0074\0069\006f\006e: left center, right center;
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0072\0065\0070\0065\0061\0074: no-repeat, repeat-y;
    \007a-\0069\006e\0064\0065\0078: 1;
}

.\0063\006f\0075\0070\006f\006e::after {
    content: attr(data-code);
    \0070\006f\0073\0069\0074\0069\006f\006e: absolute;
    \006c\0065\0066\0074: 55px;
    \0074\006f\0070: 0;
    \0070\0061\0064\0064\0069\006e\0067: 0 8px;
    \0068\0065\0069\0067\0068\0074: 100%;
    \006c\0069\006e\0065-\0068\0065\0069\0067\0068\0074: 32px;
    \0066\006f\006e\0074-\0073\0069\007a\0065: 15px !important; 
    \0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074: 600;
    \0063\006f\006c\006f\0072: #e63946 !important;
    \0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065: nowrap;
    \0074\0065\0078\0074-\006f\0076\0065\0072\0066\006c\006f\0077: ellipsis;
    \006f\0076\0065\0072\0066\006c\006f\0077: hidden;
    \006d\0061\0078-\0077\0069\0064\0074\0068: calc(100% - 62px); 
}

.\0063\006f\0075\0070\006f\006e:hover {
    transform: translateY(-2px);
    \0062\006f\0078-\0073\0068\0061\0064\006f\0077: 0 4px 12px rgba(230, 57, 70, 0.2);
}

.\0063\006f\0070\0079-\0074\0069\0070 {
    \0070\006f\0073\0069\0074\0069\006f\006e: fixed;
    \0074\006f\0070: 50%;
    \006c\0065\0066\0074: 50%;
    \0074\0072\0061\006e\0073\0066\006f\0072\006d: translate(-50%, -50%);
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064: rgba(0, 0, 0, 0.8);
    \0063\006f\006c\006f\0072: #fff;
    \0070\0061\0064\0064\0069\006e\0067: 8px 16px;
    \0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073: 4px;
    \0066\006f\006e\0074-\0073\0069\007a\0065: 14px;
    \006f\0070\0061\0063\0069\0074\0079: 0;
    \0070\006f\0069\006e\0074\0065\0072-\0065\0076\0065\006e\0074\0073: none;
    \0074\0072\0061\006e\0073\0069\0074\0069\006f\006e: opacity 0.3s ease;
    \007a-\0069\006e\0064\0065\0078: 9999;
}

.\0070\0069\006e\0067-\0063\006f\006e\0074\0061\0069\006e\0065\0072 {
    \0064\0069\0073\0070\006c\0061\0079: inline-flex;
    \0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073: center;
    \0067\0061\0070: 6px;
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064: linear-gradient(145deg, #FDFCF8 0%, #F5F4F0 100%);
    \0070\0061\0064\0064\0069\006e\0067: 6px 14px;
    \0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073: 20px;
    \0066\006f\006e\0074-\0073\0069\007a\0065: 14px;
    \0076\0065\0072\0074\0069\0063\0061\006c-\0061\006c\0069\0067\006e: middle;
    \0062\006f\0072\0064\0065\0072: 1px solid rgba(0, 0, 0, 0.06);
    \0062\006f\0078-\0073\0068\0061\0064\006f\0077: 
        0 1px 2px rgba(0, 0, 0, 0.04),
        0 1px 3px rgba(0, 0, 0, 0.02),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    \0074\0072\0061\006e\0073\0069\0074\0069\006f\006e: all 0.2s ease;
}

.\0070\0069\006e\0067-\0063\006f\006e\0074\0061\0069\006e\0065\0072:hover {
    box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.06),
        0 2px 6px rgba(0, 0, 0, 0.03),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    \0074\0072\0061\006e\0073\0066\006f\0072\006d: translateY(-1px);
}
.\0064\0065\0073\0063-\0074\0065\0078\0074 {
    \0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074: 700 !important;
    \0063\006f\006c\006f\0072: #000 !important;
    \0066\006f\006e\0074-\0073\0069\007a\0065: inherit;
}
.\0069\0070 {
    \0063\006f\006c\006f\0072: #0066cc;
    \0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074: 700 !important;
    \0063\0075\0072\0073\006f\0072: pointer;
    \0074\0065\0078\0074-\0064\0065\0063\006f\0072\0061\0074\0069\006f\006e: underline;
    \0074\0065\0078\0074-\0064\0065\0063\006f\0072\0061\0074\0069\006f\006e-\0063\006f\006c\006f\0072: #0066cc;
    \0074\0065\0078\0074-\0075\006e\0064\0065\0072\006c\0069\006e\0065-\006f\0066\0066\0073\0065\0074: 2px;
}
.\0069\0070:hover {
    color: #004c99;
    \0074\0065\0078\0074-\0064\0065\0063\006f\0072\0061\0074\0069\006f\006e-\0063\006f\006c\006f\0072: #004c99;
}
.\0073\0074\0061\0074\0075\0073 {
    \0070\0061\0064\0064\0069\006e\0067: 2px 8px;
    \0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073: 3px;
    \0066\006f\006e\0074-\0073\0069\007a\0065: 12px;
    \006d\0061\0072\0067\0069\006e-\006c\0065\0066\0074: 8px;
    \0063\006f\006c\006f\0072: #fff;
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072: #95a5a6;
    \0063\0075\0072\0073\006f\0072: default;
    \0064\0069\0073\0070\006c\0061\0079: inline-block;
}
.\0073\0074\0061\0074\0075\0073-\0067\0072\0065\0065\006e-\0064\0065\0065\0070 {
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072: #27ae60;
}
.\0073\0074\0061\0074\0075\0073-\0067\0072\0065\0065\006e-\006c\0069\0067\0068\0074 {
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072: #2ecc71;
}
.\0073\0074\0061\0074\0075\0073-\0079\0065\006c\006c\006f\0077 {
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072: #f1c40f;
    \0063\006f\006c\006f\0072: #000 !important;
}
.\0073\0074\0061\0074\0075\0073-\006f\0072\0061\006e\0067\0065 {
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072: #e67e22;
}
.\0073\0074\0061\0074\0075\0073-\0072\0065\0064 {
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072: #e74c3c;
}


/* \7f51\7ad9\6307\6570\6a21\5757 */
.\0073\0069\0074\0065-\0069\006e\0066\006f-\0062\0061\0072 {
    \0064\0069\0073\0070\006c\0061\0079: flex;
    \0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073: center;
    \0067\0061\0070: 30px;
    \0070\0061\0064\0064\0069\006e\0067: 8px 15px;
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064: transparent;
    \0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073: 4px;
    \0066\006f\006e\0074-\0073\0069\007a\0065: 14px;
    \0063\006f\006c\006f\0072: #333;
}
.\0069\006e\0066\006f-\0069\0074\0065\006d {
    \0064\0069\0073\0070\006c\0061\0079: flex;
    \0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073: center;
    \0067\0061\0070: 8px;
}
.\0073\0063\0072\006f\006c\006c-\0077\0072\0061\0070 {
    \0064\0069\0073\0070\006c\0061\0079: inline-block;
    \0077\0069\0064\0074\0068: 380px;
    \006f\0076\0065\0072\0066\006c\006f\0077: hidden;
    \0068\0065\0069\0067\0068\0074: 24px;
    \006c\0069\006e\0065-\0068\0065\0069\0067\0068\0074: 24px;
    \0070\006f\0073\0069\0074\0069\006f\006e: relative;
}
.\0073\0063\0072\006f\006c\006c-\0063\006f\006e\0074\0065\006e\0074 {
    \0064\0069\0073\0070\006c\0061\0079: flex;
    \0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073: center;
    \0067\0061\0070: 6px;
    \0070\006f\0073\0069\0074\0069\006f\006e: absolute;
    \006c\0065\0066\0074: 0;
    \0074\006f\0070: 0;
    \0068\0065\0069\0067\0068\0074: 100%;
}
.\0075\0073\0065\0072-\0061\0076\0061\0074\0061\0072 {
    \0077\0069\0064\0074\0068: 20px;
    \0068\0065\0069\0067\0068\0074: 20px;
    \0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073: 50%;
    \006f\0062\006a\0065\0063\0074-\0066\0069\0074: cover;
    \0076\0065\0072\0074\0069\0063\0061\006c-\0061\006c\0069\0067\006e: middle;
}
.\0068\0069\0067\0068\006c\0069\0067\0068\0074 {
    \0063\006f\006c\006f\0072: #ff6600;
    \0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074: 500;
}
.\0073\0074\0061\0074\0075\0073-\0074\0061\0067 {
    \0063\006f\006c\006f\0072: #00b42a;
    \0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074: 500;
}
.\0069\006e\0066\006f-\0069\0074\0065\006d \0069 {
    \0066\006f\006e\0074-\0073\0069\007a\0065: 16px;
    \0076\0065\0072\0074\0069\0063\0061\006c-\0061\006c\0069\0067\006e: middle;
}
.\0069\0063\006f\006e-\0074\0072\0061\0064\0065 {
    \0063\006f\006c\006f\0072: #ff6600;
}
.\0069\0063\006f\006e-\0069\006e\0064\0065\0078 {
    \0063\006f\006c\006f\0072: #1677ff;
}
.\0074\0072\0061\0064\0065-\0073\0065\0063\0074\0069\006f\006e {
    \0077\0069\0064\0074\0068: 480px;
    \0066\006c\0065\0078-\0073\0068\0072\0069\006e\006b: 0;
}
.\0061\006d\006f\0075\006e\0074-\0073\0065\0063\0074\0069\006f\006e {
    \0077\0069\0064\0074\0068: 100px;
    \0066\006c\0065\0078-\0073\0068\0072\0069\006e\006b: 0;
}
.\0069\006e\0064\0065\0078-\0073\0065\0063\0074\0069\006f\006e {
    \0077\0069\0064\0074\0068: 420px;
    \0066\006c\0065\0078-\0073\0068\0072\0069\006e\006b: 0;
    \0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065: nowrap;
}
#\0073\0069\0074\0065\0049\006e\0064\0065\0078 {
    \0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065: nowrap;
}
.\0069\006e\0064\0065\0078-\0069\0074\0065\006d {
    \006d\0061\0072\0067\0069\006e-\0072\0069\0067\0068\0074: 20px;
}
.\0069\006e\0064\0065\0078-\0069\0074\0065\006d:last-child {
    margin-right: 0;
}