diff --git a/guangchang/index.html b/guangchang/index.html index 1995a7f..a36de2a 100644 --- a/guangchang/index.html +++ b/guangchang/index.html @@ -29,7 +29,7 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin .hide{display:none!important} /* ---------- 外壳:唯一的滚动容器 ---------- */ -#sc{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:none; +#sc{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:none; background:radial-gradient(220px 180px at 100% 0,rgba(255,196,214,.45),rgba(255,196,214,0) 70%),radial-gradient(240px 200px at 0 40px,rgba(255,206,170,.45),rgba(255,206,170,0) 70%),var(--bg)} #sc::-webkit-scrollbar{display:none} .top{position:sticky;top:0;z-index:20;padding-top:env(safe-area-inset-top);background:rgba(248,243,239,.9);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);transition:box-shadow .2s} @@ -399,7 +399,7 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin .htl .no.t0{color:#F2465A}.htl .no.t1{color:#FF6A3D}.htl .no.t2{color:#FF9A2E} .htl .hm{flex:1;min-width:0} .htl .hm b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14.5px;font-weight:900;line-height:1.4;color:#2A1E1E} -.htl .hm em{font-style:normal;color:var(--hk);margin:0 1px} +.htl .hm em{font-style:normal;color:inherit;margin:0 1px} /* 11-05 用户:# 号不要有颜色 */ .htl .hm small{display:block;margin-top:2px;font-size:11.5px;color:#A8918B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .htl .hm u{text-decoration:none;color:var(--hk);font-weight:700;margin-right:6px} .htl .rk{flex:none;height:17px;padding:0 5px;border-radius:5px;background:#FF5A3C;color:#fff;font-size:10.5px;font-weight:800;line-height:17px} @@ -427,7 +427,7 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin .th .x{position:absolute;right:8px;top:8px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.7);color:#7A6663} .th .x .ic{width:14px;height:14px} .th h2{position:relative;margin:8px 0 4px;font-size:21px;font-weight:900;line-height:1.3;color:#2A1E1E;letter-spacing:.3px} -.th h2 em{font-style:normal;color:var(--ht);margin-right:2px} +.th h2 em{font-style:normal;color:inherit;margin-right:2px} .th p{position:relative;margin:0;max-width:280px;font-size:12.5px;line-height:1.6;color:#5E4E4A} .th .tf{position:relative;display:flex;gap:8px;margin-top:12px} .th .join{height:34px;padding:0 16px;border-radius:99px;background:var(--hk);color:#fff;font-size:13.5px;font-weight:800;display:inline-flex;align-items:center;gap:4px;box-shadow:0 6px 12px -6px var(--hk)} @@ -441,15 +441,15 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin .lvw .lv small{font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap} .lvw .lv .ba{margin-left:auto;font-size:12.5px;font-weight:800;color:var(--kt)} .shtg .sh{margin-bottom:2px} -.gtg{display:flex;gap:7px;padding:4px 14px 6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none} +/* 11-05 用户:广场页面不要左右滑,要固定 → 标签不再横滑,自动换行 */ +.gtg{display:flex;flex-wrap:wrap;gap:7px;padding:4px 14px 6px} .gtg::-webkit-scrollbar{display:none} .gtg button{flex:none;height:30px;padding:0 13px;border-radius:99px;background:#fff;border:1px solid #EFE1DB;font-size:13px;font-weight:700;color:#5E4E4A;white-space:nowrap} .gtg button.on{background:#F2725B;border-color:#F2725B;color:#fff;box-shadow:0 5px 12px -6px #F2725B} html.night .gtg button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#E8DFE8} html.night .gtg button.on{background:#F2725B;border-color:#F2725B;color:#fff} -.tcs{display:flex;gap:7px;padding:9px 12px 2px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none} +.tcs{display:flex;flex-wrap:wrap;gap:7px;padding:9px 12px 2px} .tcs::-webkit-scrollbar{display:none} -.tcs::after{content:"";flex:none;width:4px} .tcs button{flex:none;height:30px;padding:0 11px;border-radius:99px;background:#fff;border:1px solid #EFE1DB;font-size:12.5px;font-weight:700;color:#5E4E4A;white-space:nowrap;display:inline-flex;align-items:center;gap:5px} .tcs button i{font-style:normal;font-size:11px;font-weight:800;color:#B59A93;font-variant-numeric:tabular-nums} .tcs button.on{background:var(--kf);border-color:var(--kf);color:#fff;box-shadow:0 5px 12px -6px var(--kf)} @@ -620,7 +620,7 @@ html.night .gtg button.on{background:#F2725B;border-color:#F2725B;color:#fff} .tl button.on{box-shadow:inset 0 0 0 2px var(--hk)} .tl button{--hb:var(--kl);--hk:var(--kf)} .tl button span{flex:1} -.tl button em{font-style:normal;color:var(--hk);font-weight:900;margin:0 1px} +.tl button em{font-style:normal;color:inherit;font-weight:900;margin:0 1px} .tl button small{display:block;margin-top:2px;font-size:11px;font-weight:600;color:#A8918B} .tl-h small{margin-left:6px;font-size:12px;font-weight:600;color:#A8918B} .tl button i{flex:none;font-style:normal;padding:0 4px;border-radius:5px;background:#FF5A3C;color:#fff;font-size:9.5px;font-weight:800;line-height:15px} @@ -910,10 +910,10 @@ html.night .gtg button.on{background:#F2725B;border-color:#F2725B;color:#fff}