1 line
7.4 KiB
Plaintext
1 line
7.4 KiB
Plaintext
.index-page{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 32rpx calc(220rpx + env(safe-area-inset-bottom))}.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;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);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;min-width:0;outline:none}.search-input::-webkit-input-placeholder{color:var(--text-secondary);font-size:26rpx}.search-input::-moz-placeholder{color:var(--text-secondary);font-size:26rpx}.search-input:-ms-input-placeholder{color:var(--text-secondary);font-size:26rpx}.search-input::-ms-input-placeholder{color:var(--text-secondary);font-size:26rpx}.search-input::placeholder{color:var(--text-secondary);font-size:26rpx}.search-input-placeholder{color:var(--text-secondary);font-size:26rpx}.search-result-hint{color:var(--text-secondary);font-size:24rpx;margin:16rpx 8rpx 0}.hint-text{display:block}.search-clear,.search-reset{background:transparent;color:var(--accent-primary);font-size:26rpx;line-height:72rpx;margin:0;min-width:80rpx;padding:0 16rpx}.search-clear::after,.search-reset::after{border:none}.search-clear{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0}.search-reset{background:var(--bg-card);border-radius:999rpx;margin-top:24rpx}.section-heading{margin-bottom:24rpx}.section-heading .home-section-title{margin:0}.section-subtitle{color:var(--text-secondary);display:block;font-size:24rpx;line-height:1.5;margin-top:8rpx}.category-section{background:var(--bg-card);border:1rpx solid var(--border);border-radius:24rpx;margin-top:32rpx;padding:28rpx 24rpx}.category-rail{margin:0 -24rpx -28rpx;white-space:nowrap;width:calc(100% + 48rpx)}.category-tile{background:var(--bg-muted);border-radius:20rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:168rpx;margin:0 0 28rpx 24rpx;overflow:hidden;position:relative;vertical-align:top;width:252rpx}.category-tile:last-child{margin-right:24rpx}.category-tile-image{height:100%;width:100%}.category-tile-shade{-ms-flex-pack:end;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(20,18,16,.78)));background:-webkit-linear-gradient(transparent,rgba(20,18,16,.78));background:linear-gradient(transparent,rgba(20,18,16,.78));bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-end;justify-content:flex-end;left:0;min-height:84rpx;padding:14rpx 16rpx;position:absolute;right:0}.category-tile-name{color:#fff;font-size:27rpx;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-tile-action{color:hsla(0,0%,100%,.8);font-size:20rpx;line-height:1.2;margin-top:5rpx}.recommend-section{border-top:2rpx solid var(--border);margin-top:40rpx;padding-top:32rpx}.search-results-section{margin-top:32rpx}.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:var(--glass);border:1rpx solid var(--glass-line);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} |