.tip-view .main-title{white-space:nowrap}.tip-view .tip-view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.tip-view .tip-view-header .tip-view-header-left{display:flex;align-items:end}.tip-view .tip-view-header .tip-view-header-left .update-info{display:flex;align-items:center;margin-left:12px;margin-bottom:6px;font-size:14px;color:#909399}.tip-view .tip-view-header .tip-view-header-left .update-info .el-icon{margin-right:4px}.tip-view .tip-view-header .tip-view-header-right{display:flex}.tip-view .tip-view-header .main-title{margin-bottom:0}.tip-view .tip-view-header .new-tip-btn{margin-top:4px;display:flex;align-items:center;margin-left:20px;color:#000;font-weight:700}.tip-view .tip-view-header .new-tip-btn .el-icon{font-size:14px}.tip-view .tip-comment{background-color:#cbb46c;padding:4px 5px;border-radius:5px;color:#0e0f17;font-size:13px;width:100%;display:flex;box-sizing:border-box}.tip-view .tip-card-filter{background:var(--simulator-bg-color);border-radius:8px;padding:15px 20px}.tip-view .tip-card-filter .filter-title{font-size:19px;margin-bottom:15px;font-weight:700;margin-right:20px;color:var(--el-text-color-primary);display:block}.tip-view .tip-card-filter .tip-card-filter-line{display:flex;align-items:center;margin-bottom:8px}.tip-view .tip-card-filter .tip-card-filter-line2{margin-top:20px}.tip-view .tip-card-filter .tip-card-filter-line2 .filter-title{font-size:15px;color:var(--el-text-color-regular);margin-bottom:0;margin-right:5px;white-space:nowrap}.tip-view .tip-card-filter .tip-card-filter-line2 .filter-options{display:flex;gap:10px;margin-left:16px;flex-wrap:wrap}.tip-view .tip-card-filter .tip-card-filter-line2 .filter-options .filter-tag{padding:2px 8px;cursor:pointer;font-size:13px;color:var(--el-text-color-placeholder);border:1px solid var(--el-text-color-placeholder);border-radius:4px;transition:all .3s;white-space:nowrap}.tip-view .tip-card-filter .tip-card-filter-line2 .filter-options .filter-tag:hover,.tip-view .tip-card-filter .tip-card-filter-line2 .filter-options .filter-tag.filter-tag-active{background-color:var(--el-color-primary);color:#fff;border:1px solid var(--el-color-primary)}.tip-view .tip-card-filter .tip-card-filter-line2 .filter-options .filter-separator{color:var(--el-text-color-placeholder);font-size:14px;margin:0 5px;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.tip-view .tips-sort-wrapper{display:flex;justify-content:flex-end;margin:14px 0 -10px;width:100%}.tip-view .tip-cards-container{display:flex;gap:20px;margin-top:24px;margin-bottom:32px;background:var(--simulator-bg-color);border-radius:8px;flex-wrap:wrap;padding:20px}.tip-view .tip-cards-container .no-tips-container{margin-left:-1px;margin-top:-1px}@media screen and (max-width: 768px){.tip-view .tip-cards-container{padding:4px}}.tip-view .tip-cards-container .tip-card{background-color:#0003;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;transition:all .3s ease;width:calc(33% - 33px);display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 10px}.tip-view .tip-cards-container .tip-card.vip-card{background:linear-gradient(to right bottom,#ffd5801f,#ffd58026);border:3px solid rgba(255,213,128,.5);box-shadow:0 0 10px #ffd5801a;width:calc(33% - 37px)}.tip-view .tip-cards-container .tip-card.vip-card:hover{background:linear-gradient(to right bottom,#ffd58033,#ffd58040);border:3px solid rgb(255,213,128);box-shadow:0 0 15px #ffd58033;transform:translateY(-2px)}.tip-view .tip-cards-container .tip-card .tip-header{display:flex;align-items:center;justify-content:space-between;width:100%}.tip-view .tip-cards-container .tip-card .tip-header .tip-labels{display:flex;align-items:center;gap:10px}.tip-view .tip-cards-container .tip-card .tip-header .tip-labels .tip-label-item{display:flex;align-items:center}.tip-view .tip-cards-container .tip-card .tip-header .tip-labels .tip-label-item .tip-hex-wrapper{background-color:#2f2f2f;height:26px;border-radius:3px}.tip-view .tip-cards-container .tip-card .tip-header .tip-labels .tip-label-item .tip-reward-item-img{width:26px;height:26px}.tip-view .tip-cards-container .tip-card .tip-header .tip-labels .tip-label-item .filter-option-fruit{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--content-item-bg-color);border-radius:6px;border:1px solid var(--el-border-color-light);transition:all .3s ease;cursor:pointer}.tip-view .tip-cards-container .tip-card .tip-header .tip-labels .tip-label-item .filter-option-fruit .select-fruit{width:20px;height:20px;border-radius:3px;flex-shrink:0}.tip-view .tip-cards-container .tip-card .tip-header .tip-labels .tip-label-item .filter-option-fruit .filter-desc{font-size:14px;color:var(--el-text-color-primary);white-space:nowrap}.tip-view .tip-cards-container .tip-card .tip-header .tip-labels .tip-label-item .filter-option-fruit:hover{background:var(--el-color-primary-light-9);border-color:var(--el-color-primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.tip-view .tip-cards-container .tip-card .tip-description{font-size:13px;width:100%;color:var(--el-text-color-secondary);line-height:1.5;max-height:7.5em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.tip-view .tip-cards-container .tip-card .version-update-time{display:flex;align-items:center;font-size:12px;white-space:nowrap;color:var(--el-text-color-secondary);font-style:italic}.tip-view .tip-cards-container .tip-card .version-update-time .el-icon{margin-right:4px;font-size:14px}.tip-view .tip-cards-container .tip-card:hover{background-color:#000;border:1px solid rgb(255,255,255);transform:translateY(-2px)}@media screen and (max-width: 850px){.tip-view .tip-cards-container .tip-card{width:calc(50% - 32px)}.tip-view .tip-cards-container .tip-card.vip-card{width:calc(50% - 36px)}}.tip-view .tip-card-detail{background:var(--content-bg-color);border-radius:8px;width:100%;overflow-y:auto;padding:20px;box-shadow:0 4px 12px #00000080;color:var(--el-text-color-secondary);opacity:0;transform:scale(.95);transition:opacity .3s ease,transform .3s ease}.tip-view .tip-card-detail .tip-comment{width:fit-content;padding:4px 8px}.tip-view .tip-card-detail.tip-card-detail-visible{opacity:1;transform:scale(1)}.tip-view .tip-card-detail .tip-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.tip-view .tip-card-detail .tip-detail-header .back-button{display:flex;align-items:center;cursor:pointer;font-size:16px}.tip-view .tip-card-detail .tip-detail-header .back-button span{margin-left:5px}.tip-view .tip-card-detail .tip-detail-header .back-button:hover{opacity:.8}.tip-view .tip-card-detail .tip-detail-header .tip-detail-header-right{display:flex;gap:20px}.tip-view .tip-card-detail .tip-detail-header .version-update-time{display:flex;align-items:center;font-size:12px;white-space:nowrap;color:var(--el-text-color-secondary);font-style:italic}.tip-view .tip-card-detail .tip-detail-header .version-update-time .el-icon{margin-right:4px;font-size:14px}.tip-view .tip-card-detail .tip-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.tip-view .tip-card-detail .tip-line .tip-labels{display:flex;gap:20px;flex-wrap:wrap}.tip-view .tip-card-detail .tip-line .tip-labels .tip-detail-charm{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--el-text-color-primary);white-space:nowrap}.tip-view .tip-card-detail .tip-line .tip-labels .filter-option-fruit{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--content-item-bg-color);border-radius:6px;border:1px solid var(--el-border-color-light)}.tip-view .tip-card-detail .tip-line .tip-labels .filter-option-fruit .select-fruit{width:20px;height:20px;border-radius:3px;flex-shrink:0}.tip-view .tip-card-detail .tip-line .tip-labels .filter-option-fruit .filter-desc{font-size:14px;color:var(--el-text-color-primary);white-space:nowrap}@media screen and (max-width: 768px){.tip-view .tip-card-detail .tip-line .tip-labels{gap:8px;max-width:60%;flex-wrap:wrap}}.tip-view .tip-card-detail .tip-line .tip-right{display:flex;justify-content:center;flex-direction:column;align-items:end}.tip-view .tip-card-detail .tip-line .tip-right .tip-author{font-size:15px;color:#17a3ee;font-weight:700;margin-bottom:1px;text-align:right;white-space:nowrap}.tip-view .tip-card-detail .tip-line .tip-actions{display:flex;align-items:center;gap:0px;margin-right:-10px}.tip-view .tip-card-detail .tip-line .tip-actions .vote-active{color:var(--el-color-primary)}.tip-view .tip-card-detail .tip-line .tip-actions .tip-action-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .3s ease;color:var(--el-text-color-regular)}.tip-view .tip-card-detail .tip-line .tip-actions .tip-action-btn .iconfont{font-size:18px}.tip-view .tip-card-detail .tip-line .tip-actions .tip-action-btn:hover,.tip-view .tip-card-detail .tip-line .tip-actions .tip-action-btn.active{color:var(--el-color-primary)}.tip-view .tip-card-detail .tip-team-wrapper .tip-team-title{font-size:22px;color:var(--el-text-color-primary);margin-bottom:10px;margin-top:30px;letter-spacing:1px;font-weight:700}.tip-view .tip-card-detail .tip-team-wrapper .tip-comp-component{color:var(--el-text-color-regular);scale:.88;width:890px;transform-origin:left top}.tip-view .tip-card-detail .tip-team-wrapper .tip-video-component{display:flex;margin-left:-15px}.tip-view .tip-card-detail .tip-hex-wrapper{background-color:var(--content-item-bg-color);border-radius:6px;height:60px;width:60px}.tip-view .tip-card-detail .tip-reward-item-img{width:60px;height:60px}@media (max-width: 768px){.tip-view .tip-card-detail{width:95%;padding:15px}}.tip-view .filter-options{margin-left:30px;display:flex;align-items:center;gap:10px}.tip-view .filter-options .filter-option-item{display:flex;align-items:center;position:relative}.tip-view .filter-options .filter-option-item .filter-option-charm{display:flex;align-items:center;gap:10px;max-width:360px;padding:2px 10px;background:var(--content-item-bg-color);border:1px solid var(--el-border-color-light);border-radius:6px;cursor:pointer}.tip-view .filter-options .filter-option-item .filter-option-charm .charm-select-image{width:35px;height:35px;object-fit:contain;flex-shrink:0}.tip-view .filter-options .filter-option-item .filter-option-charm .charm-select-name{font-size:14px;font-weight:600;color:var(--el-text-color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tip-view .filter-options .filter-option-item .tip-hex-wrapper{background-color:#2f2f2f;height:42px;border-radius:3px}.tip-view .filter-options .filter-option-item .delete-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:#f56c6ce6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:all .3s;z-index:2}.tip-view .filter-options .filter-option-item .delete-icon .el-icon{font-size:14px}.tip-view .filter-options .filter-option-item:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 4px 12px #0000004d}.tip-view .filter-options .filter-option-item:hover .delete-icon{opacity:1}.tip-view .filter-options .filter-option-item .filter-option-fruit{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--content-item-bg-color);border-radius:6px;border:1px solid var(--el-border-color-light);transition:all .3s ease;cursor:pointer}.tip-view .filter-options .filter-option-item .filter-option-fruit .select-fruit{width:20px;height:20px;border-radius:3px;flex-shrink:0}.tip-view .filter-options .filter-option-item .filter-option-fruit .filter-desc{font-size:14px;color:var(--el-text-color-primary);white-space:nowrap}.tip-view .filter-options .filter-option-item .filter-option-fruit:hover{background:var(--el-color-primary-light-9);border-color:var(--el-color-primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}