/* Deferred CSS - 非關鍵樣式，可延遲載入 */

/* 動畫和過渡效果 */
.card{transition:transform .3s ease,box-shadow .3s ease}
.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.nav-link{transition:all var(--transition-fast)}
.nav-link:hover{color:var(--primary-color);background-color:rgba(255,62,62,.05);transform:translateY(-2px)}

/* RGB邊框動畫 */
@keyframes rgb-border{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.category-list .category.checked::before{content:"";position:absolute;inset:0;padding:3.5px;border-radius:inherit;background:linear-gradient(90deg,red,orange,yellow,green,cyan,blue,violet,pink,red);background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;animation:rgb-border 5s linear infinite;pointer-events:none}

/* 按鈕動效 */
.new-view-button::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);z-index:3;transition:left .6s cubic-bezier(.165,.84,.44,1)}
.new-view-button:hover::after{left:100%}

/* 高亮脈衝動畫 */
@keyframes highlightPulse{0%{box-shadow:0 0 0 0 rgba(255,62,62,.4)}70%{box-shadow:0 0 0 10px rgba(255,62,62,0)}100%{box-shadow:0 0 0 0 rgba(255,62,62,0)}}
.highlight-terms{animation:highlightPulse 1.5s ease-out;border-color:var(--primary-color)!important}

/* 商品詳情弹窗樣式 */
.open-commodity,.open-query{padding:30px;background-color:#fff;position:relative}
.custom-close-btn{position:absolute;top:15px;right:15px;width:40px;height:40px;border-radius:50%;background-color:rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:all .25s ease;box-shadow:0 2px 5px rgba(0,0,0,.1)}
.custom-close-btn:hover{background-color:var(--primary-color);transform:rotate(90deg) scale(1.1);box-shadow:0 3px 8px rgba(255,62,62,.3)}

/* 支付相關樣式 */
.pay-button{position:relative;margin:0 12px 12px 0;background-color:#f8f8f8;font-size:15px;border-radius:var(--radius-md);border:1px solid var(--border-color);display:inline-flex;align-items:center;user-select:none;cursor:pointer;padding:10px 18px;transition:all var(--transition-fast);color:var(--text-primary);font-weight:500}
.pay-button:hover{background-color:rgba(255,62,62,.08);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.05)}

/* 條款同意樣式 */
.terms-policy-container{margin-top:20px;border:1px solid #e0e0e0;border-radius:var(--card-radius);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.agreement-checkbox{display:flex;align-items:center;cursor:pointer;user-select:none;margin:5px 0;padding:8px 0;width:100%}
.checkmark{display:inline-block;position:relative;width:24px;height:24px;min-width:24px;margin-right:12px;background-color:#fff;border:1px solid #ccc;border-radius:4px;transition:all .2s ease}

/* 頁腳樣式 */
.footer{background-color:var(--bg-light);border-top:1px solid var(--border-color);padding:25px 0 15px;margin-top:40px;box-shadow:0 -2px 10px rgba(0,0,0,.05)}
.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:15px}
.social-icon{width:28px;height:28px;border-radius:50%;background-color:rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;margin-left:8px;transition:all var(--transition-fast)}
.social-icon:hover{background-color:var(--primary-color);transform:translateY(-2px)}

/* 滾動條樣式 */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}
::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:#aaa}