Blizzard
b99099759f
app.wxss 是从 preview.html 迁移来的，带来一批小程序里根本不生效的
标签选择器（wxml 没有 h2/p/b/span）：.page-title h2、.task-text b、
.stat b、.article-card p、.record-row span、.poster h3。各页当初都
自建了替身 class，于是 .pt-h2 在 5 个文件里逐字重复、.ac-b 3 处、
.tt-b 2 处、page{height:100vh} 更是 9 个文件一模一样抄了 9 遍。
- 删掉 6 组死规则，替身 class 收进 app.wxss
- 页面骨架 page{} / .page-scroll / .page-body 统一到 app.wxss
- learn.wxss 清空后删除（该页已无私有样式）
- 左右留白统一 40rpx（home/article 原本是 36rpx）
顺带修一个真 bug：FAB 固定在 bottom:190rpx、高 116rpx，上沿距底
306rpx，但 7 个挂 FAB 的页面只留了 210rpx（learn/profile 更只有
60rpx）底部留白，最后一张卡片一直被它压住。改为 --pad-b-fab 330rpx。
本次不含任何色值/字号/圆角改动，设计调整在下一步。
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
52 lines
2.4 KiB
Plaintext
52 lines
2.4 KiB
Plaintext
.top-row{display:flex;align-items:center;justify-content:space-between;margin:4rpx 0 28rpx}
|
|
.greet-h2{font-size:44rpx;line-height:1.15;letter-spacing:-.8rpx;font-weight:800}
|
|
.greet-p{font-size:26rpx;color:var(--muted);margin-top:10rpx}
|
|
.icon-stack{display:flex;gap:18rpx}
|
|
.icon-btn{
|
|
width:80rpx;height:80rpx;border-radius:50%;background:#fff;box-shadow:var(--shadow);
|
|
font-size:36rpx;display:flex;align-items:center;justify-content:center;
|
|
}
|
|
|
|
.hero-card{
|
|
background:
|
|
radial-gradient(circle at 95% 16%, rgba(245,169,71,.25), transparent 30%),
|
|
linear-gradient(135deg,#FFFFFF,#FFF5E6);
|
|
min-height:340rpx;
|
|
}
|
|
.pet-row{display:flex;align-items:center;gap:26rpx;margin-bottom:28rpx}
|
|
.pet-main{flex:1}
|
|
.pet-name-b{font-size:42rpx;letter-spacing:-.4rpx;font-weight:800}
|
|
.pet-meta{color:var(--muted);font-size:26rpx;margin-top:8rpx}
|
|
|
|
.insight-row{white-space:nowrap;margin-top:24rpx}
|
|
.insight{
|
|
display:inline-block;min-width:224rpx;border-radius:32rpx;
|
|
background:rgba(255,255,255,.72);border:1rpx solid rgba(255,255,255,.9);
|
|
padding:20rpx;font-size:24rpx;margin-right:16rpx;vertical-align:top;
|
|
}
|
|
.insight-b{display:block;font-size:28rpx;margin-bottom:8rpx;font-weight:900}
|
|
|
|
.date-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:14rpx;margin-bottom:28rpx}
|
|
.day{
|
|
background:#fff;border-radius:32rpx;min-height:116rpx;text-align:center;padding:16rpx 8rpx;
|
|
border:1rpx solid var(--line);color:var(--muted);font-size:22rpx;
|
|
}
|
|
.day-b{display:block;color:var(--text);font-size:30rpx;margin-top:8rpx;font-weight:700}
|
|
.day.active{border-color:#FFD39A;background:#FFF4E4;color:var(--primary-dark)}
|
|
.day.sel{border-color:var(--primary);background:#FFEFD6;color:var(--primary-dark);box-shadow:0 0 0 2rpx rgba(245,169,71,.35)}
|
|
.day.has-dot::after{content:"";display:block;width:10rpx;height:10rpx;border-radius:50%;background:var(--green);margin:8rpx auto 0}
|
|
.task-empty{padding:36rpx 8rpx;text-align:center;color:var(--muted);font-size:26rpx}
|
|
|
|
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18rpx}
|
|
.quick{
|
|
background:#FBFAF8;border-radius:32rpx;min-height:132rpx;
|
|
display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12rpx;
|
|
font-weight:900;color:var(--text);font-size:24rpx;
|
|
}
|
|
.q-ic{font-size:44rpx}
|
|
|
|
.ai-banner{background:linear-gradient(135deg,#F2FAF6,#FFFFFF)}
|
|
.ai-text{color:#59635D;font-size:28rpx;line-height:1.6}
|
|
|
|
/* 页面不自身滚动，改由 page-scroll 承载滚动（隐藏滚动条）*/
|