1 line
5.2 KiB
Plaintext
1 line
5.2 KiB
Plaintext
.index-page{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 32rpx 24rpx}.home-header{-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-bottom:32rpx}.home-title{color:var(--text-primary);font-size:56rpx;font-weight:800;letter-spacing:0;line-height:1.15}.searchbox{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--bg-input);border:1rpx solid transparent;border-radius:999rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;height:88rpx;padding:0 24rpx;-webkit-transition:border-color .16s ease,background .16s ease,-webkit-box-shadow .16s ease;transition:border-color .16s ease,background .16s ease,-webkit-box-shadow .16s ease;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,-webkit-box-shadow .16s ease}.searchbox:focus-within{background:var(--bg-card);border-color:var(--accent-primary);-webkit-box-shadow:0 0 0 6rpx var(--accent-primary-soft);box-shadow:0 0 0 6rpx var(--accent-primary-soft)}.search-icon-img{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;height:36rpx;margin-right:12rpx;width:36rpx}.search-input{background:transparent;border:none;color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:28rpx;height:88rpx;outline:none}.search-input::-webkit-input-placeholder{color:var(--text-muted);font-size:26rpx}.search-input::-moz-placeholder{color:var(--text-muted);font-size:26rpx}.search-input:-ms-input-placeholder{color:var(--text-muted);font-size:26rpx}.search-input::-ms-input-placeholder{color:var(--text-muted);font-size:26rpx}.search-input::placeholder{color:var(--text-muted);font-size:26rpx}.search-result-hint{color:var(--text-secondary);font-size:24rpx;margin:16rpx 8rpx 0}.hint-text{display:block}.home-section-title{color:var(--text-primary);display:block;font-size:36rpx;font-weight:700;letter-spacing:0;margin:48rpx 0 24rpx}.showcase-swiper{height:360rpx;width:100%}.showcase-swiper-item{border-radius:24rpx;height:360rpx;overflow:hidden}.hero-block{background:-webkit-linear-gradient(300deg,hsla(1,59%,63%,.42),rgba(108,123,219,.18)),var(--bg-muted);background:linear-gradient(150deg,hsla(1,59%,63%,.42),rgba(108,123,219,.18)),var(--bg-muted);border-radius:24rpx;height:100%;overflow:hidden;position:relative;width:100%}.hero-media{height:100%;left:0;position:absolute;top:0;width:100%}.glass-overlay{-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;backdrop-filter:blur(24rpx);-webkit-backdrop-filter:blur(24rpx);background:hsla(0,0%,100%,.72);border:1rpx solid hsla(0,0%,100%,.6);border-radius:24rpx;bottom:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;left:24rpx;max-width:78%;padding:16rpx 24rpx;position:absolute;z-index:2}.hero-title{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;letter-spacing:0;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-desc{color:var(--text-secondary);display:block;font-size:24rpx;letter-spacing:0;margin-top:8rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-grid{display:grid;gap:24rpx;grid-template-columns:repeat(2,minmax(0,1fr))}.media-card{background:var(--bg-card);border:1rpx solid var(--border);border-radius:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);overflow:hidden;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.media-card:active{-webkit-transform:scale(.98);-ms-transform:scale(.98);transform:scale(.98)}.media-card-image{aspect-ratio:1/1;background:var(--bg-muted);overflow:hidden;position:relative}.media-card-img{display:block;height:100%;width:100%}.media-card-body{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:20rpx 16rpx 24rpx;text-align:center}.media-card-title{color:var(--text-primary);display:block;font-size:28rpx;font-weight:700;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.media-card-desc{color:var(--text-secondary);display:block;font-size:22rpx;letter-spacing:0;margin-top:8rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.media-card-price{color:var(--accent-primary);display:block;font-size:28rpx;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:0;margin-top:12rpx}.empty-category{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--bg-muted);border-radius:24rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:24rpx;padding:48rpx 32rpx;text-align:center}.empty-icon-img{height:64rpx;margin-bottom:16rpx;width:64rpx}.empty-text{color:var(--text-primary);font-size:30rpx;font-weight:600;margin-bottom:8rpx}.empty-sub{color:var(--text-secondary);font-size:24rpx} |