.up-recommend-type{border:1px dashed #ccc;margin-bottom:20px;position:relative;padding:20px;padding-top:25px;background-color:#fff0;border-radius:4px;box-shadow:0 1px 3px rgb(0 0 0 / .1);transition:box-shadow 0.3s ease}.up-recommend-type:hover{box-shadow:0 3px 6px rgb(0 0 0 / .15)}.up-recommend-type-title{position:absolute;top:-10px;left:10px;background-color:#fff0;padding:0 10px;z-index:1;font-weight:700;color:#333;border-radius:4px;border:1px solid #ccc}.up-recommend-container{display:flex;flex-wrap:wrap;margin:-5px}.up-recommend-item{border:1px dashed #ccc;margin:5px;padding:10px;width:calc(16.666% - 10px);display:flex;flex-direction:column;align-items:center;background-color:#fff0;border-radius:4px;transition:all 0.3s ease;min-height:120px;box-sizing:border-box;text-align:center}.up-recommend-item:hover{border-color:#999;background-color:#fff;transform:translateY(-2px);box-shadow:0 2px 5px rgb(0 0 0 / .1)}.up-recommend-left{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:8px}.up-recommend-left img{width:70px;height:70px;border-radius:50%;object-fit:cover;border:2px solid #ddd;transition:border-color 0.3s ease}.up-recommend-item:hover .up-recommend-left img{border-color:#999}.up-recommend-name-line{margin:2px 0;padding:0;color:#333;font-size:13px;text-align:center;line-height:1.3;font-weight:500;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.up-recommend-empty{text-align:center;padding:40px 20px;color:#666;font-size:16px;border:1px dashed #ccc;border-radius:4px;background-color:#fff0}.up-recommend-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#fff0;justify-content:center;align-items:center}.up-recommend-modal.show{display:flex}.up-recommend-modal-content{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;margin:0;padding:8px;border:none;width:480px;height:270px;overflow-y:auto;border-radius:8px;box-shadow:0 15px 40px rgb(0 0 0 / .25);position:relative;display:flex;flex-direction:column}.up-recommend-modal-close{color:rgb(255 255 255 / .8);font-size:16px;font-weight:700;cursor:pointer}.up-recommend-modal-content::-webkit-scrollbar{width:6px}.up-recommend-modal-content::-webkit-scrollbar-track{background:rgb(255 255 255 / .1)}.up-recommend-modal-content::-webkit-scrollbar-thumb{background:rgb(255 255 255 / .3)}.up-recommend-single-horizontal{display:flex;flex-direction:column;min-height:100%}.up-recommend-horizontal-header{display:flex;align-items:center;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgb(255 255 255 / .2)}.up-recommend-horizontal-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-right:20px;border:5px solid rgb(255 255 255 / .3)}.up-recommend-horizontal-info{flex:1}.up-recommend-horizontal-title{margin:0 0 10px 0;font-size:24px;color:#fff}.up-recommend-horizontal-type{margin:0 0 10px 0;color:rgb(255 255 255 / .8);font-size:16px}.up-recommend-horizontal-names{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.up-recommend-horizontal-name{display:inline-block;padding:4px 12px;background-color:rgb(255 255 255 / .2);border-radius:15px;font-size:14px;color:#fff;border:1px solid rgb(255 255 255 / .3)}.up-recommend-horizontal-platforms{background-color:rgb(255 255 255 / .1);border-radius:8px;padding:15px;margin-bottom:20px}.up-recommend-platform-table{width:100%;border-collapse:collapse;color:#fff}.up-recommend-platform-table th,.up-recommend-platform-table td{padding:12px 15px;text-align:left;border-bottom:1px solid rgb(255 255 255 / .1)}.up-recommend-platform-table th{background-color:rgb(255 255 255 / .15);font-weight:700;color:#fff}.up-recommend-platform-link{display:inline-block;padding:6px 12px;background-color:rgb(255 255 255 / .2);color:#fff;text-decoration:none;border-radius:4px;font-size:14px;border:1px solid rgb(255 255 255 / .3)}.up-recommend-single-card{padding:10px;height:100%;display:flex;flex-direction:column}.up-recommend-single-card-header{display:flex;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgb(255 255 255 / .2)}.up-recommend-single-avatar{width:80px;height:80px;border-radius:50%;margin-right:20px;border:3px solid rgb(255 255 255 / .3)}.up-recommend-single-info h2{margin:0 0 8px 0;font-size:20px}.up-recommend-single-type{margin:0;color:rgb(255 255 255 / .8);font-size:14px}.up-recommend-single-social-btn,.up-recommend-single-platform-link,.up-recommend-platform-link{text-decoration:none}.up-recommend-single-platforms{margin-bottom:5px}.up-recommend-single-platforms h3{margin:0 0 8px 0;font-size:14px}.up-recommend-single-platforms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}.up-recommend-single-platform-item{background-color:rgb(255 255 255 / .1);border-radius:6px;padding:4px;height:40px;display:flex;align-items:center}.up-recommend-single-platform-link{display:flex;align-items:center;text-decoration:none;color:#fff;width:100%;height:100%}.up-recommend-single-platform-icon{width:16px;height:16px;margin-right:6px}.up-recommend-single-platform-details{display:flex;flex-direction:column;flex:1;align-items:flex-start}.up-recommend-single-platform-name{font-size:12px;font-weight:700;line-height:1.2}.up-recommend-single-platform-username{font-size:10px;color:rgb(255 255 255 / .8);line-height:1.2}.up-recommend-single-social{margin-top:auto;padding-top:15px;border-top:1px solid rgb(255 255 255 / .2)}.up-recommend-single-social h3{margin:0 0 12px 0;font-size:15px}.up-recommend-single-social-buttons{display:flex;gap:8px}.up-recommend-horizontal-footer{margin-top:auto;padding-top:20px;border-top:1px solid rgb(255 255 255 / .2)}.up-recommend-single-social h3{margin:0 0 15px 0;font-size:16px;color:#fff}.up-recommend-single-social-buttons{display:flex;gap:10px}.up-recommend-single-social-btn{display:inline-block;padding:8px 16px;border-radius:4px;text-decoration:none;color:#fff;font-size:14px;border:none;cursor:pointer}.up-recommend-single-social-btn.weibo{background-color:rgb(230 22 45 / .8)}.up-recommend-single-social-btn.qq{background-color:rgb(18 183 245 / .8)}.up-recommend-single-social-btn.copy{background-color:rgb(108 117 125 / .8)}@media (max-width:767px){.up-recommend-item{width:calc(33.333% - 10px)}.up-recommend-left{margin-bottom:6px}.up-recommend-left img{width:50px;height:50px}.up-recommend-type{padding:15px;padding-top:25px}.up-recommend-modal-content{width:95%!important;max-width:95%!important;height:auto!important;margin:5% auto;padding:15px}.up-recommend-horizontal-header{flex-direction:column;text-align:center}.up-recommend-horizontal-avatar{margin-right:0;margin-bottom:15px;width:80px;height:80px}.up-recommend-horizontal-names{justify-content:center}.up-recommend-platform-table th,.up-recommend-platform-table td{padding:8px;font-size:14px}.up-recommend-single-social-buttons{flex-direction:column}}@media (min-width:768px) and (max-width:1024px){.up-recommend-item{width:calc(16.666% - 10px)}.up-recommend-modal-content{width:90%!important;max-width:90%!important;height:auto!important;margin:8% auto}}@media (min-width:1025px){.up-recommend-item{width:calc(16.666% - 10px)}}