/* ============================================================ * 电脑版样式（≥768px） * ------------------------------------------------------------ * 本文件是全站「电脑版」设备差异样式的唯一入口， * 由 inc/device_css.php 以 media="screen and (min-width: 768px)" 全站加载。 * * 修改约定（务必遵守）： * 1. 改电脑版表现 → 只改本文件；改手机版表现 → 只改 mobile.css； * 两版共用的公共样式 → assets/css/app.css 或组件自身的基础样式。 * 2. 页面级规则必须加页面作用域前缀（body.page-xxx），避免串页。 * 3. 详细约定见 docs/frontend-device-split.md * ============================================================ */ /* ---- 全站音乐播放器（灵动岛）：电脑端位置 ---- */ #musicPlayer{ --mp-top: 12px; /* 距顶部距离，越大越靠下 */ --mp-right: 14px; /* 距右侧距离，越大越靠左 */ } /* ---- 电脑端展开面板：上移对齐，使头部专辑封面圆心与折叠态封面圆心重合 ---- ★ 改「电脑版」展开面板大小：改下面 width 的 320px； 面板高度由内容决定（歌词区高度在 inc/music.php 基础样式 .mp-lyrics{height:96px}） */ #musicPlayer .music-panel{ top:-14px; right:-14px; width:320px; } /* ============================================================ * 电脑版：内容区宽度与多列布局 * ------------------------------------------------------------ * 背景：各页面在自带的内联