/* ==========================================================================
* pingyi.me 全站设计令牌 —— 与 LeafHub「开放宇宙」设计语言同族
* 暖纸底 / 墨色 / 衬线标题 + 等宽小标签 / 大圆角白玻璃卡片 / violet 点缀
* 每页 顶部引入：
*
*
* ========================================================================== */
:root {
--paper: #F2F0E9; /* 暖纸底 */
--paper-soft: #FAF8F2; /* 更亮的纸 */
--ink: #2B2826; /* 墨色 */
--sub: #5C5954; /* 次级文字 */
--muted: #8C8475; /* 弱化文字 */
--accent: #7C3AED; /* violet-600 点缀 */
--accent-soft: #EDE9FE; /* violet-100 */
--amber: #D97706; /* 赞赏/高亮用 amber */
--danger: #DC2626;
--card-radius: 2rem;
}
html { scroll-behavior: smooth; }
body.py-themed {
background-color: var(--paper);
color: var(--ink);
-webkit-tap-highlight-color: transparent;
}
/* 玻璃卡片（桌面毛玻璃 / 移动端实底提性能，与 leafhub 同策略） */
@media (min-width: 768px) {
.glass-panel {
background: rgba(255, 255, 255, 0.65);
backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.8);
box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.05);
}
}
@media (max-width: 767px) {
.glass-panel {
background: rgba(255, 255, 255, 0.92);
border: 1px solid rgba(0, 0, 0, 0.05);
box-shadow: 0 4px 10px -5px rgba(0, 0, 0, 0.05);
backdrop-filter: none !important;
}
}
/* 悬浮上浮 + 紫色阴影（列表卡通用） */
.hover-float {
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.hover-float:hover {
transform: translateY(-4px);
box-shadow: 0 20px 40px -12px rgba(124, 58, 237, 0.18);
border-color: rgba(124, 58, 237, 0.25);
}
/* 渐变标题字 */
.nebula-text {
background: linear-gradient(135deg, #7C3AED 0%, #D97706 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* 纸感颗粒 —— 给暖纸底加一层极淡的噪点纹理，屏幕上更接近纸张 */
body.py-themed::after {
content: '';
position: fixed;
inset: 0;
pointer-events: none;
z-index: 2147483000;
opacity: 0.03;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
}
html[data-perf="low"] body.py-themed::after,
html[data-perf="reduced-motion"] body.py-themed::after {
display: none;
}
/* 细滚动条（Chromium/WebKit；Firefox 走 scrollbar-width） */
* { scrollbar-width: thin; scrollbar-color: rgba(140, 132, 117, 0.4) transparent; }
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(140, 132, 117, 0.35); border-radius: 999px; border: 2px solid var(--paper); }
::-webkit-scrollbar-thumb:hover { background: rgba(124, 58, 237, 0.45); }
/* 低性能档：关闭重装饰（pingyi-bootstrap 会按设备打 data-perf） */
html[data-perf="low"] .glass-panel,
html[data-perf="reduced-motion"] .glass-panel {
backdrop-filter: none !important;
}
html[data-perf="reduced-motion"] * {
animation: none !important;
transition: none !important;
}
/* 月卡头像框（继承自 LeafHub 绑定，档位视觉与 leafhub space.html 一致） */
.py-avatar-frame { border: 6px solid rgba(255, 255, 255, 0.8); }
.py-avatar-frame[data-tier="basic"] { border-color: rgba(110, 231, 183, 0.6); } /* emerald-300/60 */
.py-avatar-frame[data-tier="plus"] { border-color: rgba(196, 181, 253, 0.6); } /* violet-300/60 */
.py-avatar-frame[data-tier="pro"] { border-color: rgba(251, 191, 36, 0.6); } /* amber-400/60 */
.py-avatar-frame[data-tier="max"] {
border-color: transparent;
box-shadow: 0 0 0 3px #E879F9, 0 0 0 5px var(--paper);
animation: py-max-pulse 2s ease-in-out infinite;
}
@keyframes py-max-pulse {
0%, 100% { box-shadow: 0 0 0 3px #E879F9, 0 0 0 5px var(--paper); }
50% { box-shadow: 0 0 0 3px #22D3EE, 0 0 0 5px var(--paper); }
}