*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;overflow-x:hidden}#app{width:100%;min-height:100vh}.home-container[data-v-3dc28a73]{width:100%;min-height:100vh;background-color:#f9f9f9}.header-container[data-v-3dc28a73]{background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);position:sticky;top:0;z-index:1000}.header[data-v-3dc28a73]{display:flex;align-items:center;justify-content:space-between;height:80px;max-width:1400px;margin:0 auto;padding:0 20px}.logo[data-v-3dc28a73]{display:flex;flex-direction:column;min-width:100px}.logo h1[data-v-3dc28a73]{margin:0;color:#409eff;font-size:24px;font-weight:700;letter-spacing:1px}.logo-subtitle[data-v-3dc28a73]{font-size:12px;color:#909399;margin-top:4px}.menu[data-v-3dc28a73]{flex:1;justify-content:center;border-bottom:none;margin:0 40px}.el-menu-item[data-v-3dc28a73]{display:flex;align-items:center;font-size:15px;padding:0 16px}.el-menu-item .el-icon[data-v-3dc28a73]{margin-right:5px;font-size:18px}.user-actions[data-v-3dc28a73]{display:flex;gap:15px;min-width:180px;justify-content:flex-end}.carousel-container[data-v-3dc28a73]{width:100%;margin-bottom:30px}.carousel-content[data-v-3dc28a73]{height:100%;background-size:cover;background-position:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;padding:0 20px;position:relative}.carousel-content[data-v-3dc28a73]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:1}.carousel-content h3[data-v-3dc28a73],.carousel-content p[data-v-3dc28a73]{position:relative;z-index:2;margin:10px 0}.carousel-content h3[data-v-3dc28a73]{font-size:36px;font-weight:700}.carousel-content p[data-v-3dc28a73]{font-size:18px;max-width:600px}.content-container[data-v-3dc28a73]{max-width:1200px;margin:0 auto;padding:0 20px 50px}.section[data-v-3dc28a73]{margin-bottom:50px}.section-header[data-v-3dc28a73]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.section-header h2[data-v-3dc28a73]{margin:0;font-size:24px;color:#303133}.product-card-container[data-v-3dc28a73],.share-card-container[data-v-3dc28a73],.tip-card-container[data-v-3dc28a73]{margin-bottom:20px}.product-card[data-v-3dc28a73]{height:100%;transition:transform .3s;overflow:hidden;cursor:pointer}.product-card[data-v-3dc28a73]:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.1)}.product-image[data-v-3dc28a73]{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;display:block}.product-info[data-v-3dc28a73]{padding:14px}.product-info h3[data-v-3dc28a73]{margin:0 0 8px;font-size:18px;font-weight:700}.product-desc[data-v-3dc28a73]{color:#606266;font-size:14px;margin-bottom:10px;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.product-bottom[data-v-3dc28a73]{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.tags[data-v-3dc28a73]{display:flex;flex-wrap:wrap;gap:5px}.actions[data-v-3dc28a73]{display:flex;gap:5px}.tip-card[data-v-3dc28a73]{height:100%;transition:all .3s;cursor:pointer}.tip-card[data-v-3dc28a73]:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.1)}.tip-image[data-v-3dc28a73]{height:200px;overflow:hidden;position:relative}.tip-image img[data-v-3dc28a73]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.tip-card:hover .tip-image img[data-v-3dc28a73]{transform:scale(1.08)}.tip-content[data-v-3dc28a73]{padding:20px}.tip-card:not(:has(.tip-image)) .tip-content[data-v-3dc28a73]{padding-top:30px}.tip-card-container[data-v-3dc28a73]{margin-bottom:20px;height:auto;display:flex}.tip-card[data-v-3dc28a73]{width:100%;display:flex;flex-direction:column}.tip-desc[data-v-3dc28a73]{color:#606266;margin-bottom:15px;min-height:60px;max-height:80px;-webkit-line-clamp:3;line-clamp:3;line-height:1.6}.tip-desc[data-v-3dc28a73],.tip-header h3[data-v-3dc28a73]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.tip-header h3[data-v-3dc28a73]{font-size:18px;font-weight:600;color:#303133;margin:0 0 10px;line-height:1.4;-webkit-line-clamp:2;line-clamp:2}.tip-footer[data-v-3dc28a73]{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid #ebeef5}.author[data-v-3dc28a73]{font-size:14px;color:#606266}.date[data-v-3dc28a73]{color:#909399;font-size:12px}.share-card[data-v-3dc28a73]{height:100%;transition:all .3s}.share-image[data-v-3dc28a73]{width:100%;height:180px;-o-object-fit:cover;object-fit:cover}.share-info[data-v-3dc28a73]{padding:15px}.share-info h3[data-v-3dc28a73]{margin:0 0 10px;font-size:16px;font-weight:700}.share-info p[data-v-3dc28a73]{color:#606266;font-size:14px;margin-bottom:15px;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.share-footer[data-v-3dc28a73]{display:flex;justify-content:space-between;align-items:center}.stats[data-v-3dc28a73]{display:flex;gap:10px;color:#909399;font-size:12px}.stats span[data-v-3dc28a73]{display:flex;align-items:center;gap:3px}.welcome-user[data-v-3dc28a73]{display:flex;align-items:center;gap:15px}.welcome-text[data-v-3dc28a73]{font-size:14px;color:#606266}@media (max-width:1200px){.header[data-v-3dc28a73]{max-width:100%;padding:0 15px}.menu[data-v-3dc28a73]{margin:0 20px}.el-menu-item[data-v-3dc28a73]{padding:0 12px}}@media (max-width:900px){.logo-subtitle[data-v-3dc28a73]{display:none}.menu[data-v-3dc28a73]{margin:0 10px}.el-menu-item[data-v-3dc28a73]{padding:0 8px;font-size:14px}.user-actions[data-v-3dc28a73]{min-width:150px}}@media (max-width:768px){.header[data-v-3dc28a73]{height:60px;padding:0 10px}.logo h1[data-v-3dc28a73]{font-size:20px}.menu[data-v-3dc28a73]{display:none}.user-actions[data-v-3dc28a73]{min-width:auto}}.product-detail-page[data-v-00f9602e]{min-height:100vh;background-color:#f5f7fa}.nav-container[data-v-00f9602e]{background-color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.1);position:fixed;top:0;left:0;right:0;z-index:1000}.nav-content[data-v-00f9602e]{max-width:1400px;margin:0 auto;padding:0 20px;height:60px;display:flex;align-items:center;justify-content:space-between}.nav-left[data-v-00f9602e]{display:flex;flex-direction:column;justify-content:center;min-width:120px}.logo[data-v-00f9602e]{font-size:24px;color:#409eff;margin:0;font-weight:700;letter-spacing:1px}.nav-left .subtitle[data-v-00f9602e]{font-size:12px;color:#909399;margin:0}.nav-menu[data-v-00f9602e]{border-bottom:none;flex:1;justify-content:center}.nav-menu[data-v-00f9602e] .el-menu-item{display:flex;align-items:center;gap:5px;font-size:15px;height:60px;line-height:60px}.nav-menu[data-v-00f9602e] .el-menu-item.is-active{color:#409eff;font-weight:500}.nav-menu[data-v-00f9602e] .el-menu-item .el-icon{margin-right:5px}.user-actions[data-v-00f9602e]{display:flex;gap:10px;min-width:160px;justify-content:flex-end;align-items:center}.welcome-user[data-v-00f9602e]{display:flex;align-items:center;gap:15px}.welcome-text[data-v-00f9602e]{color:#606266;font-size:14px;white-space:nowrap}.user-buttons[data-v-00f9602e]{display:flex;gap:8px}.user-actions .el-button[data-v-00f9602e]{display:flex;align-items:center;gap:5px;padding:8px 15px}.product-detail-container[data-v-00f9602e]{max-width:1200px;margin:80px auto 0;padding:30px 20px 60px}.back-button[data-v-00f9602e]{margin-bottom:20px}.loading-container[data-v-00f9602e]{padding:20px}.product-content[data-v-00f9602e]{background-color:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.product-header[data-v-00f9602e]{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px}.product-images[data-v-00f9602e]{display:flex;flex-direction:column;gap:20px}.main-image[data-v-00f9602e]{width:100%;height:400px;border-radius:8px;overflow:hidden}.main-image[data-v-00f9602e] .el-image{width:100%;height:100%}.image-thumbnails[data-v-00f9602e]{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px}.thumbnail[data-v-00f9602e]{width:80px;height:80px;border-radius:4px;cursor:pointer;transition:transform .3s}.thumbnail[data-v-00f9602e]:hover{transform:translateY(-2px)}.product-info[data-v-00f9602e]{display:flex;flex-direction:column;gap:20px}.brand[data-v-00f9602e]{font-size:18px;color:#909399}.name[data-v-00f9602e]{font-size:28px;color:#303133;margin:0;line-height:1.4}.tags[data-v-00f9602e]{display:flex;flex-wrap:wrap;gap:8px}.tag[data-v-00f9602e]{font-size:12px}.stats[data-v-00f9602e]{display:flex;gap:20px;color:#909399;font-size:14px}.stat-item[data-v-00f9602e]{display:flex;align-items:center;gap:5px}.actions[data-v-00f9602e]{margin-top:20px}.product-body[data-v-00f9602e]{margin-top:40px}.detail-section[data-v-00f9602e]{margin-bottom:30px}.detail-section h3[data-v-00f9602e]{font-size:18px;color:#303133;margin:0 0 15px}.detail-section p[data-v-00f9602e]{color:#606266;line-height:1.8;margin:0}.skin-types[data-v-00f9602e]{display:flex;flex-wrap:wrap;gap:10px}.skin-type[data-v-00f9602e]{font-size:13px}.reviews-section[data-v-00f9602e]{padding:20px 0}.review-stats[data-v-00f9602e]{display:flex;align-items:center;gap:40px;margin-bottom:30px}.rating[data-v-00f9602e]{display:flex;align-items:center;gap:15px}.rating-score[data-v-00f9602e]{font-size:36px;color:#f90;font-weight:700}.rating-count[data-v-00f9602e]{color:#909399;font-size:14px}.review-form[data-v-00f9602e]{background-color:#f9f9f9;border-radius:8px;padding:20px;margin-bottom:30px}.review-form h3[data-v-00f9602e]{margin-top:0;margin-bottom:15px;font-size:16px;color:#303133}.form-rating[data-v-00f9602e]{display:flex;align-items:center;margin-bottom:15px}.form-rating span[data-v-00f9602e]{color:#606266;margin-right:10px}.form-actions[data-v-00f9602e]{margin-top:15px;text-align:right}.login-tip[data-v-00f9602e]{margin-bottom:30px}.comment-list[data-v-00f9602e]{margin-top:20px}.comment-list h3[data-v-00f9602e]{margin-top:0;margin-bottom:20px;font-size:16px;color:#303133}.comment-item[data-v-00f9602e]{padding:20px 0;border-bottom:1px solid #ebeef5}.comment-header[data-v-00f9602e]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.user-info[data-v-00f9602e]{display:flex;align-items:center}.user-meta[data-v-00f9602e]{margin-left:10px}.username[data-v-00f9602e]{font-weight:500;color:#303133;margin-bottom:5px}.comment-time[data-v-00f9602e]{font-size:12px;color:#909399}.comment-content[data-v-00f9602e]{color:#606266;line-height:1.6;white-space:pre-wrap}.pagination-container[data-v-00f9602e]{margin-top:30px;display:flex;justify-content:center}.error-state[data-v-00f9602e]{text-align:center;padding:60px 0}.error-state[data-v-00f9602e] .el-empty__description p{color:#909399;margin-bottom:20px}@media (max-width:1200px){.product-header[data-v-00f9602e]{grid-template-columns:1fr;gap:30px}}@media (max-width:900px){.nav-content[data-v-00f9602e]{padding:0 10px}.logo[data-v-00f9602e]{font-size:20px}.nav-left .subtitle[data-v-00f9602e]{display:none}.main-image[data-v-00f9602e]{height:300px}}@media (max-width:768px){.product-detail-container[data-v-00f9602e]{padding:20px 10px 40px}.product-content[data-v-00f9602e]{padding:20px}.name[data-v-00f9602e]{font-size:24px}}@media (max-width:480px){.nav-menu[data-v-00f9602e]{display:none}.product-detail-container[data-v-00f9602e]{margin-top:60px}.main-image[data-v-00f9602e]{height:250px}.review-stats[data-v-00f9602e]{flex-direction:column;align-items:flex-start;gap:20px}}