.home .welcome-card{height:180px;overflow:hidden;position:relative}.home .welcome-card .left{display:flex;padding:24px;height:100%;justify-content:center;flex-direction:column;z-index:1}.home .welcome-card .left .user{display:flex;margin-bottom:10px;z-index:1}.home .welcome-card .left .user .avator-img{padding:5px;background-color:#f8f8fb;border:1px solid #f6f6f6;border-radius:50%;margin-right:15px}.home .welcome-card .left .user .avator-icon{margin-right:15px}.home .welcome-card .left .user .info{display:flex;flex-direction:column;justify-content:space-around;height:60px}.home .welcome-card .left .user .info .username{color:#2d8cf0;font-size:16px;font-weight:500}.home .welcome-card .left .list{color:#74788d;font-size:12px;z-index:1}.home .welcome-card .left .list .p{margin-bottom:3px;height:16px;display:flex;align-items:center}.home .welcome-card .left .list .dot{width:5px;height:5px;background-color:#2d8cf0;border-radius:50%;display:inline-block;margin-right:10px}.home .welcome-card .pic{position:absolute;right:20px;top:30px;width:100px;z-index:0}.home .timeline-content{height:265px;overflow:auto}.home .buy-content{height:459px;overflow:auto}.home .buy-content .qr{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.home .buy-content .qr .des{text-align:center;font-size:12px;line-height:16px;margin:10px 0}.home .buy-content .flex{margin:10px 0}.home .buy-content .rmb{margin-left:0;line-height:30px;color:#d7282d;font-size:18px;font-weight:700}.home .buy-content .price{font-size:28px;line-height:30px;margin-left:2px;color:#d7282d;font-weight:700;margin-right:8px}.home .buy-content .origin{font-size:13px;color:#999;line-height:24px}.home .buy-content .ps{line-height:25px;font-size:12px;display:inline-block;background:#f7f7f7;margin:0 3px;padding:1px 5px;border-radius:3px;color:#666;border:1px solid #eee}.home .buy-content .light{color:#2d8cf0}.home .comment-container{height:457px;overflow:auto}.home .comment-container::-webkit-scrollbar{display:none}.home-container{padding:20px 20px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.home-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E") repeat;pointer-events:none}.welcome-header{display:flex;align-items:center;justify-content:center;margin-bottom:50px;font-size:32px;font-weight:600;color:#333;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;z-index:1;animation:fadeInDown 1s ease-out}.welcome-header img{height:70px;margin-right:20px}.websites-grid{width:100%;max-width:1200px;margin-bottom:50px;position:relative;z-index:1}.websites-grid ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;list-style:none;padding:0;margin:0}.websites-grid ul li{background:hsla(0,0%,100%,.95);border-radius:20px;padding:30px;box-shadow:0 15px 35px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.websites-grid ul li:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);transition:left .5s}.websites-grid ul li:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 50px rgba(0,0,0,.15)}.websites-grid ul li:hover:before{left:100%}.websites-grid ul li img{width:50%;margin-bottom:20px;transition:transform .3s ease}.websites-grid ul li .name span{font-size:20px;font-weight:600;color:#2c3e50;margin-bottom:15px;display:block}.websites-grid ul li .description span{font-size:12px;color:#ccc;margin-bottom:10px;display:block}.websites-grid ul li a{color:#667eea;text-decoration:none;font-size:14px;padding:10px 20px;border:2px solid #667eea;border-radius:25px;transition:all .3s ease;background:transparent;font-weight:500}.websites-grid ul li a:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.4)}.inspirational-text{background:hsla(0,0%,100%,.9);border-radius:20px;padding:40px;max-width:800px;box-shadow:0 15px 35px rgba(0,0,0,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);position:relative;z-index:1;animation:fadeInUp 1s ease-out .5s both}.inspirational-text .mongolian{font-size:18px;line-height:2.2;color:#2c3e50;margin:0;text-align:center;font-family:Microsoft YaHei,sans-serif;letter-spacing:1px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.home-container{padding:20px 15px}.welcome-header{font-size:24px;margin-bottom:30px}.welcome-header img{height:50px;margin-right:15px}.websites-grid ul{grid-template-columns:1fr;gap:20px}.websites-grid ul li{padding:20px}.inspirational-text{padding:25px}.inspirational-text .mongolian{font-size:16px;line-height:2}}