Blizzard
b52729dec8
- page 背景换成顶部品牌橘 → 约半屏褪到米白的竖向淡出，铺全部页面， 没有色块接缝问题，整屏更一体 - nav-bar 默认改透明 + 深棕字（顶部本身就暖，不再铺奶白毛玻璃）； 去掉 Step4 的 tone 属性和独立 .brand-band - 带切换条的页面(首页/报告/历史/计划)统一 on-band：chip 半透明白、 选中实白，在暖底上更清晰 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
27 lines
1.0 KiB
Plaintext
27 lines
1.0 KiB
Plaintext
:host{display:block}
|
|
|
|
/* 整页暖橘渐变后，顶部本身就是暖色，nav 不再铺奶白/毛玻璃，透明即可，
|
|
文字用深棕压在暖底上。内容在 .page-scroll 里滚，不会跑到 nav 背后，
|
|
所以不需要毛玻璃遮挡。 */
|
|
.nav-wrap{
|
|
position:fixed;top:0;left:0;right:0;z-index:100;
|
|
background:none;
|
|
}
|
|
.nav-inner{
|
|
position:relative;display:flex;align-items:center;justify-content:center;
|
|
}
|
|
.nav-title{
|
|
font-size:var(--fs-md);font-weight:var(--fw-b);color:var(--band-ink);
|
|
letter-spacing:.5rpx;
|
|
max-width:56%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
|
|
}
|
|
/* 返回键做成有边界的圆形，和右上角胶囊在视觉上对称 */
|
|
.nav-back{
|
|
position:absolute;left:var(--sp-3);top:50%;transform:translateY(-50%);
|
|
width:60rpx;height:60rpx;border-radius:50%;
|
|
display:flex;align-items:center;justify-content:center;
|
|
color:var(--band-ink);background:rgba(255,255,255,.6);
|
|
box-shadow:0 4rpx 12rpx rgba(70,48,25,.06);
|
|
}
|
|
.nav-back:active{background:rgba(255,255,255,.92)}
|