/* 练字猫咪 PC 端 —— 微信生态轻风格
   基准：微信绿 #07C160 / 浅灰底 #F7F7F7 / 白卡片圆角 12 / 轻阴影 */
* { margin:0; padding:0; box-sizing:border-box; }
html,body { height:100%; }
body { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  background:#F7F7F7; color:#1A1A1A; font-size:15px; line-height:1.7; }
a { color:inherit; text-decoration:none; }
button { font-family:inherit; border:none; cursor:pointer; }
input,textarea { font-family:inherit; outline:none; }

/* ===== 整体骨架 ===== */
.pc-shell { display:flex; min-height:100vh; }
.pc-side { width:232px; flex:0 0 232px; background:#FFFFFF; border-right:1px solid #ECECEC;
  display:flex; flex-direction:column; padding:22px 14px; position:sticky; top:0; height:100vh; }
.brand { display:flex; align-items:center; gap:10px; padding:0 10px 20px; }
.brand-logo { width:38px; height:38px; border-radius:10px; background:#07C160; color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:22px; }
.brand-name { font-size:19px; font-weight:700; color:#07C160; letter-spacing:1px; }
.brand-badge { font-size:11px; color:#07C160; border:1px solid #07C160; border-radius:20px; padding:1px 8px; margin-left:auto; }

.side-nav { flex:1; display:flex; flex-direction:column; gap:4px; }
.nav-item { display:flex; align-items:center; gap:12px; padding:11px 14px; border-radius:10px;
  color:#3d3d3d; font-size:15px; transition:background .15s; }
.nav-item:hover { background:#F2F7F3; }
.nav-item.active { background:#E8F8EE; color:#07C160; font-weight:600; }
.ni { width:30px; height:30px; border-radius:9px; display:flex; align-items:center; justify-content:center;
  font-size:16px; font-style:normal; flex:0 0 30px; }
.nav-item.active .ni { box-shadow:0 2px 8px rgba(7,193,96,.25); }

.side-foot { padding-top:14px; border-top:1px solid #F0F0F0; }
.mini-login-btn { display:block; text-align:center; background:#07C160; color:#fff; border-radius:10px;
  padding:10px 0; font-size:14px; font-weight:600; }
.mini-login-btn:hover { background:#06AD56; }
.side-user { display:flex; align-items:center; gap:10px; }
.side-ava { width:36px; height:36px; border-radius:50%; background:#EEE; object-fit:cover; }
.side-uinfo { flex:1; min-width:0; display:flex; flex-direction:column; }
.side-uinfo b { font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.side-uinfo span { font-size:12px; color:#07C160; }
.side-out { font-size:12px; color:#999; }
.side-out:hover { color:#FA5151; }
.side-tip { text-align:center; font-size:11px; color:#C0C0C0; padding-top:12px; }

.pc-main { flex:1; min-width:0; padding:26px 34px 40px; }
.pc-head { display:flex; align-items:center; margin-bottom:20px; }
.pc-head h1 { font-size:24px; font-weight:700; letter-spacing:.5px; }
.head-right { margin-left:auto; font-size:13px; color:#999; }
.pc-view { max-width:980px; }

/* ===== 通用卡片 ===== */
.card { background:#fff; border-radius:12px; padding:22px; margin-bottom:16px;
  box-shadow:0 1px 4px rgba(0,0,0,.04); }
.card-title { font-size:17px; font-weight:700; margin-bottom:14px; display:flex; align-items:center; }
.card-title .more { margin-left:auto; font-size:13px; font-weight:400; color:#07C160; cursor:pointer; }

/* ===== 打卡页 ===== */
.upload-grid { display:flex; gap:18px; flex-wrap:wrap; }
.up-box { width:210px; height:280px; border-radius:12px; background:#F5F6F5; border:2px dashed #DCDCDC;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px;
  color:#B2B2B2; font-size:14px; cursor:pointer; transition:border-color .15s; position:relative; overflow:hidden; }
.up-box:hover { border-color:#07C160; color:#07C160; }
.up-box img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.up-box .up-del { position:absolute; top:6px; right:6px; width:26px; height:26px; border-radius:50%;
  background:rgba(0,0,0,.55); color:#fff; text-align:center; line-height:24px; font-size:16px; z-index:2; }
.up-box.add { width:150px; height:200px; }
.form-grid { display:flex; gap:16px; flex-wrap:wrap; margin-top:18px; }
.form-row { flex:1 1 260px; background:#F5F6F5; border-radius:10px; padding:12px 16px;
  display:flex; align-items:center; gap:12px; }
.form-row label { color:#888; font-size:13px; flex:0 0 auto; }
.form-row input,.form-row textarea { flex:1; border:none; background:transparent; font-size:15px; color:#333; }
.form-row textarea { resize:none; height:44px; line-height:1.5; }
.btn-primary { display:block; width:100%; background:#07C160; color:#fff; font-size:17px; font-weight:600;
  border-radius:12px; padding:13px 0; margin-top:20px; letter-spacing:2px; }
.btn-primary:hover { background:#06AD56; }
.btn-primary:disabled { background:#B7E4C7; cursor:not-allowed; }
.sub-note { text-align:center; color:#999; font-size:13px; margin-top:10px; }

.record-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:14px; }
.rec-item { background:#FAFAFA; border-radius:10px; overflow:hidden; border:1px solid #F0F0F0; cursor:pointer; transition:box-shadow .15s; }
.rec-item:hover { box-shadow:0 4px 14px rgba(0,0,0,.08); }
.rec-thumb { width:100%; height:150px; background:#EEE; object-fit:cover; display:block; }
.rec-info { padding:10px 12px; font-size:13px; }
.rec-info .date { color:#333; font-weight:600; }
.rec-info .meta { color:#999; margin-top:3px; display:flex; justify-content:space-between; }
.rec-info .st { color:#07C160; }
.rec-info .st.pending { color:#FF9C19; }

/* ===== 消息页 ===== */
.msg-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:14px; }
.msg-entry { display:flex; align-items:center; gap:12px; background:#fff; border-radius:12px;
  padding:16px 18px; box-shadow:0 1px 4px rgba(0,0,0,.04); cursor:pointer; transition:box-shadow .15s; }
.msg-entry:hover { box-shadow:0 4px 14px rgba(0,0,0,.08); }
.msg-entry .ni { width:40px; height:40px; font-size:20px; }
.msg-entry b { font-size:15px; display:block; }
.msg-entry p { font-size:12px; color:#999; margin-top:2px; }
.empty-hint { text-align:center; color:#B2B2B2; font-size:13px; padding:30px 0; }

/* ===== 发现页 ===== */
.disc-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:16px; }
.disc-card { display:flex; align-items:center; gap:14px; background:#fff; border-radius:12px;
  padding:20px; box-shadow:0 1px 4px rgba(0,0,0,.04); cursor:pointer; transition:transform .15s, box-shadow .15s; }
.disc-card:hover { transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,.08); }
.disc-card .ni { width:44px; height:44px; border-radius:12px; font-size:22px; }
.disc-card b { font-size:16px; }
.disc-card p { font-size:13px; color:#999; margin-top:3px; }
.disc-card .arrow { margin-left:auto; color:#C8C8C8; font-size:18px; }
.disc-card .dot { background:#FA5151; color:#fff; font-size:11px; border-radius:10px; padding:1px 7px; margin-left:6px; }

/* ===== 我的页 ===== */
.me-top { display:flex; align-items:center; gap:20px; background:#fff; border-radius:12px;
  padding:26px; box-shadow:0 1px 4px rgba(0,0,0,.04); margin-bottom:16px; }
.me-ava { width:84px; height:84px; border-radius:50%; background:#EEF3EF; object-fit:cover; border:3px solid #E8F8EE; }
.me-info { flex:1; }
.me-info h2 { font-size:22px; display:flex; align-items:center; gap:10px; }
.me-info h2 .lv { font-size:12px; color:#fff; background:#07C160; border-radius:8px; padding:2px 8px; font-weight:400; }
.me-info .lv-name { font-size:13px; color:#888; margin-left:4px; }
.exp-bar { margin-top:12px; max-width:420px; }
.exp-bar .track { height:8px; border-radius:6px; background:#EEF0EE; overflow:hidden; }
.exp-bar .fill { height:100%; background:linear-gradient(90deg,#07C160,#4CD97B); border-radius:6px; transition:width .3s; }
.exp-bar .lab { font-size:12px; color:#999; margin-top:6px; display:flex; justify-content:space-between; }
.me-score { text-align:center; background:#FFF7E6; border-radius:12px; padding:14px 22px; }
.me-score b { font-size:22px; color:#FF9C19; }
.me-score p { font-size:12px; color:#B99; }
.medal-row,.pet-row { display:flex; align-items:center; gap:12px; background:#fff; border-radius:12px;
  padding:16px 20px; margin-bottom:16px; box-shadow:0 1px 4px rgba(0,0,0,.04); }
.medal-row .tag,.pet-row .tag { font-size:14px; font-weight:700; display:flex; align-items:center; gap:8px; }
.medal-row .desc,.pet-row .desc { color:#999; font-size:13px; flex:1; }
.medal-row .arrow,.pet-row .arrow { color:#C8C8C8; }
.func-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:14px; }
.func-item { background:#fff; border-radius:12px; padding:18px 10px; text-align:center;
  box-shadow:0 1px 4px rgba(0,0,0,.04); cursor:pointer; transition:box-shadow .15s; }
.func-item:hover { box-shadow:0 6px 16px rgba(0,0,0,.08); }
.func-item .fi { width:44px; height:44px; margin:0 auto 8px; border-radius:12px; background:#E8F8EE;
  display:flex; align-items:center; justify-content:center; font-size:22px; }
.func-item span { font-size:13px; color:#444; }
.teacher-row { background:#FFF9EF; border:1px solid #FFE9C7; border-radius:12px; padding:14px 20px;
  margin-top:16px; display:flex; align-items:center; font-size:14px; }
.teacher-row .em { margin-right:10px; }
.teacher-row .go { margin-left:auto; color:#FF9C19; font-size:13px; cursor:pointer; }

/* ===== 登录弹层 ===== */
.mask { position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:50;
  display:flex; align-items:center; justify-content:center; }
.login-pop { background:#fff; border-radius:16px; padding:30px 40px; width:340px; text-align:center; position:relative; }
.login-pop h3 { font-size:19px; }
.login-sub { font-size:13px; color:#999; margin:8px 0 18px; }
.qrcode-box { width:220px; height:220px; margin:0 auto; background:#F7F7F7; border-radius:10px;
  display:flex; align-items:center; justify-content:center; overflow:hidden; }
.qrcode-box canvas,.qrcode-box img { width:200px !important; height:200px !important; }
.qr-hint { color:#B2B2B2; font-size:13px; }
.qr-status { margin-top:12px; font-size:13px; color:#07C160; }
.qr-note { margin-top:14px; font-size:12px; color:#B2B2B2; }
.pop-x { position:absolute; top:10px; right:14px; font-size:22px; color:#BBB; background:none; }
.pop-x:hover { color:#666; }

/* ===== Toast ===== */
.toast { position:fixed; top:60px; left:50%; transform:translateX(-50%); background:rgba(0,0,0,.78);
  color:#fff; font-size:14px; border-radius:10px; padding:10px 22px; z-index:99; }

/* ===== 窄屏适配 ===== */
@media (max-width:860px){
  .pc-side { width:64px; flex-basis:64px; padding:14px 8px; }
  .brand-name,.brand-badge,.nav-item .t,.side-tip,.side-uinfo,.side-out,.mini-login-btn span { display:none; }
  .nav-item { justify-content:center; padding:11px 0; }
  .pc-main { padding:18px 14px 30px; }
}

/* ===== 品牌与导航（小程序同款图标） ===== */
.brand-logo { width:38px; height:38px; border-radius:10px; display:block; }
.nav-ic { width:24px; height:24px; flex:0 0 24px; object-fit:contain; }
.ni-img { width:30px; height:30px; object-fit:contain; flex:0 0 30px; }
.ni-img.big { width:44px; height:44px; flex:0 0 44px; }
.fi-img { width:34px; height:34px; object-fit:contain; margin-bottom:6px; }

/* ===== 二级页（手机端同款） ===== */
.sub-mask { position:fixed; inset:0; background:rgba(0,0,0,.4); z-index:60;
  display:flex; align-items:center; justify-content:center; }
.sub-sheet { width:520px; max-width:94vw; max-height:94vh; background:#F7F7F7; border-radius:18px;
  margin:auto; overflow:auto; overscroll-behavior:contain; display:flex; flex-direction:column; box-shadow:0 12px 40px rgba(0,0,0,.18); }
.sub-sheet::-webkit-scrollbar{width:6px;height:6px}
.sub-sheet::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18);border-radius:3px}
.sub-sheet::-webkit-scrollbar-track{background:transparent}
.sub-sheet{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.18) transparent}
.sub-bar { display:flex; align-items:center; background:#fff; padding:12px 16px; border-bottom:1px solid #F0F0F0; position:sticky; top:0; z-index:2; }
.sub-bar h2 { font-size:17px; font-weight:600; flex:1; text-align:center; }
.sub-back { background:none; font-size:26px; color:#07C160; line-height:1; padding:0 8px; }
.sub-x { background:none; font-size:22px; color:#BBB; padding:0 4px; }
.sub-x:hover { color:#666; }
.sub-body { overflow-y:auto; padding:16px; }
.sub-body .card { box-shadow:none; border:1px solid #F0F0F0; }

/* 作业详情 */
.hw-view { background:#fff; border-radius:12px; padding:12px; margin-bottom:14px; text-align:center; }
.hw-view img { max-width:100%; max-height:520px; border-radius:8px; }
.kv { display:flex; justify-content:space-between; padding:9px 0; border-bottom:1px solid #F5F5F5; font-size:14px; }
.kv:last-child { border-bottom:none; }
.kv span { color:#999; }
.kv b { font-weight:600; max-width:70%; text-align:right; }
.kv b.plus { color:#07C160; }
.kv b.minus { color:#FA5151; }
.review-box { background:#F2FBF5; border-radius:12px; padding:16px; font-size:15px; line-height:1.8; }
.review-box .score { display:inline-block; margin-top:8px; background:#07C160; color:#fff; font-size:13px; border-radius:8px; padding:2px 10px; }
.review-empty { text-align:center; padding:26px 0; color:#999; }
.review-empty img { width:46px; height:46px; object-fit:contain; margin-bottom:10px; }
.review-empty p { font-size:15px; color:#333; font-weight:600; }
.review-empty span { font-size:13px; }

/* 手机拍照上传 */
.phone-up { text-align:center; }
.pu-tip { font-size:14px; color:#555; margin-top:14px; }
.pu-note { font-size:12px; color:#B2B2B2; margin-top:8px; }
.up-phone { border-style:solid; border-color:#CFE9D8; background:#F4FAF6; }
.up-phone img { width:44px; height:44px; object-fit:contain; }
.up-phone b { font-size:14px; color:#07C160; }
.up-phone span { font-size:12px; color:#9BC7A9; }
.up-box.filled { border-style:solid; border-color:#BFE5CC; cursor:zoom-in; }

/* 消息会话 */
.chat-box { background:#fff; border-radius:12px; padding:16px; height:380px; overflow-y:auto; display:flex; flex-direction:column; gap:12px; }
.chat-row { display:flex; flex-direction:column; align-items:flex-start; max-width:80%; }
.chat-row.mine { align-self:flex-end; align-items:flex-end; }
.chat-row .chat-name { font-size:12px; color:#999; margin-bottom:4px; }
.chat-row .bubble { background:#F2F3F5; border-radius:12px; padding:10px 14px; font-size:14px; line-height:1.6; word-break:break-all; }
.chat-row.mine .bubble { background:#95EC69; }
.chat-row .chat-time { font-size:11px; color:#C0C0C0; margin-top:3px; }
.chat-img { max-width:200px; border-radius:8px; display:block; }
.chat-input { display:flex; gap:10px; margin-top:12px; }
.chat-input input { flex:1; background:#fff; border:1px solid #E5E5E5; border-radius:10px; padding:11px 14px; font-size:14px; }
.chat-send { background:#07C160; color:#fff; border-radius:10px; padding:0 22px; font-size:14px; }
.chat-send:hover { background:#06AD56; }

/* 宠物 */
.pet-card { background:#fff; border-radius:14px; padding:26px; text-align:center; }
.pet-logo { width:64px; height:64px; object-fit:contain; }
.pet-card h3 { margin-top:8px; font-size:18px; }
.pet-mood { font-size:14px; color:#888; margin-top:6px; }
.pet-love { margin-top:10px; font-size:13px; color:#FF9C19; }
.pet-acts { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:14px; }
.pet-act { background:#fff; border-radius:12px; padding:14px 6px; text-align:center; cursor:pointer; }
.pet-act:hover { box-shadow:0 4px 12px rgba(0,0,0,.08); }
.pet-act img { width:36px; height:36px; object-fit:contain; }
.pet-act span { display:block; font-size:13px; color:#444; margin-top:6px; }

/* 墨宝 */
.bean-top { background:#FFF7E6; border-radius:14px; padding:26px; text-align:center; }
.bean-top b { font-size:34px; color:#FF9C19; }
.bean-top p { font-size:13px; color:#B99; }

/* 学习报告 */
.rp-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.rp-cell { background:#fff; border-radius:12px; padding:20px; text-align:center; }
.rp-cell b { font-size:24px; color:#07C160; }
.rp-cell p { font-size:12px; color:#999; margin-top:4px; }
.rp-bars { display:flex; align-items:flex-end; gap:8px; height:96px; }
.rp-col { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; height:100%; }
.rp-col i { width:16px; background:linear-gradient(180deg,#4CD97B,#07C160); border-radius:4px; display:block; }
.rp-col span { font-size:10px; color:#B2B2B2; margin-top:5px; white-space:nowrap; }

/* 时间轴 */
.tl-day { background:#fff; border-radius:12px; padding:14px 18px; margin-bottom:10px; display:flex; justify-content:space-between; }
.tl-date { font-weight:600; font-size:14px; }
.tl-cnt { color:#07C160; font-size:13px; }
.tl-sum { text-align:center; color:#999; font-size:13px; padding:14px 0; }

/* 邀请 */
.invite-box { text-align:center; }
.inv-url { width:100%; background:#fff; border:1px solid #E5E5E5; border-radius:10px; padding:10px 14px; font-size:12px; color:#666; margin-top:12px; text-align:center; }

/* ===== 查字 ===== */
.zi-search input { width:100%; background:#fff; border:1px solid #E5E5E5; border-radius:12px;
  padding:12px 16px; font-size:15px; outline:none; }
.zi-search input:focus { border-color:#07C160; }
.zi-hot { display:flex; flex-wrap:wrap; gap:10px; margin:14px 0 6px; }
.zi-hot-c { width:44px; height:44px; line-height:44px; text-align:center; background:#fff;
  border:1px solid #EEE; border-radius:10px; font-size:20px; cursor:pointer; }
.zi-hot-c:hover { border-color:#07C160; color:#07C160; }
.zi-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(84px,1fr)); gap:10px; margin-top:14px; }
.zi-cell { background:#fff; border:1px solid #EEE; border-radius:12px; padding:12px 6px;
  text-align:center; cursor:pointer; }
.zi-cell:hover { border-color:#07C160; box-shadow:0 3px 10px rgba(7,193,96,.12); }
.zi-cell b { font-size:26px; display:block; }
.zi-cell span { font-size:12px; color:#999; }
.zi-none { text-align:center; color:#999; font-size:14px; padding:30px 0; }
.zi-more { grid-column:1/-1; text-align:center; color:#BBB; font-size:12px; padding:8px 0; }
.zi-detail .zi-top { display:flex; gap:18px; background:#fff; border-radius:14px; padding:16px; margin-bottom:14px; align-items:center; }
.zi-hw { width:220px; height:220px; flex:0 0 220px; background:#F8F8F8; border-radius:12px; }
.zi-info { flex:1; }
.zi-big { font-size:44px; display:block; }
.zi-meta { display:flex; gap:10px; margin-top:10px; flex-wrap:wrap; }
.zi-meta span { background:#F2FBF5; color:#07C160; font-size:13px; border-radius:8px; padding:3px 10px; }
.zi-replay { margin-top:14px; background:#07C160; color:#fff; border:0; border-radius:10px;
  padding:9px 18px; font-size:14px; cursor:pointer; }
.zi-replay:hover { background:#06AD56; }
.zi-video { width:100%; border-radius:10px; background:#000; }
.zi-vtip { font-size:12px; color:#B2B2B2; margin:8px 0 0; }
.zi-tmp { max-width:100%; border-radius:10px; display:block; margin:0 auto; }

/* ===== 训练营 ===== */
.camp-box .camp-card { display:flex; gap:14px; background:#fff; border-radius:16px; padding:14px;
  margin-bottom:14px; cursor:pointer; border:1px solid #F0F0F0; }
.camp-box .camp-card:hover { box-shadow:0 6px 18px rgba(0,0,0,.08); }
.camp-cover { width:110px; height:82px; object-fit:cover; border-radius:10px; flex:0 0 110px; background:#F5F5F5; }
.camp-cover.lg { width:130px; height:96px; }
.camp-info { flex:1; min-width:0; }
.camp-name { font-size:16px; font-weight:600; display:flex; align-items:center; gap:8px; }
.camp-tag { background:#07C160; color:#fff; font-size:11px; font-weight:400; border-radius:6px; padding:2px 8px; }
.camp-goal { font-size:13px; color:#888; margin:6px 0 0; line-height:1.5; }
.camp-meta { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.camp-meta span { background:#F7F7F7; color:#666; font-size:12px; border-radius:8px; padding:3px 10px; }
.camp-meta .camp-price { background:#FFF7E6; color:#FF9C19; font-weight:600; }
.camp-note { text-align:center; color:#B2B2B2; font-size:12px; padding:14px 0 4px; }
.camp-head { display:flex; gap:16px; background:#fff; border-radius:16px; padding:16px; margin-bottom:14px; align-items:flex-start; }
.camp-head > div { flex:1; }
.camp-intro { font-size:13px; color:#666; line-height:1.7; margin:8px 0 0; }
.lesson-row { display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid #F5F5F5; cursor:pointer; }
.lesson-row:last-child { border-bottom:none; }
.lesson-row:hover .lesson-main b { color:#07C160; }
.lesson-no { background:#F2FBF5; color:#07C160; font-size:12px; border-radius:8px; padding:4px 9px; flex:0 0 auto; }
.lesson-main { flex:1; min-width:0; }
.lesson-main b { font-size:14px; display:block; }
.lesson-main p { font-size:12px; color:#999; margin:4px 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lesson-v { font-size:12px; flex:0 0 auto; }
.lesson-v.ok { color:#07C160; }
.lesson-v.wait { color:#C8C8C8; }
.lesson-head { background:#fff; border-radius:14px; padding:16px; margin-bottom:14px; }
.lesson-head b { font-size:17px; }
.lesson-focus { font-size:14px; color:#666; line-height:1.7; margin:8px 0; }
.lesson-video { width:100%; border-radius:12px; background:#000; margin-bottom:14px; }

/* ===== 小程序同源页嵌入（查字 / 训练营） ===== */
.h5wrap { width:430px; max-width:100%; margin:0 auto; flex-shrink:0; height:auto; min-height:min(760px,82vh); max-height:none;
  background:#F7F7F7; border-radius:14px; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,.06); }
.h5frame { width:100%; height:100%; border:0; display:block; }

/* ===== H5 常驻层（预热后秒开） ===== */
.h5-mask { position:fixed; inset:0; background:rgba(0,0,0,.4); z-index:60;
  overflow:auto; padding:18px 0; display:none; align-items:center; justify-content:center; }
.h5wrap { width:430px; max-width:100%; margin:0 auto; flex-shrink:0; height:auto; min-height:min(760px,82vh); max-height:none;
  background:#F7F7F7; overflow:hidden; }

/* LZM-ADFOOT-CSS-V1 —— PC 应用页广告位 + 高级灰页脚 */
.pc-main{ display:flex; flex-direction:column; }
#view{ flex:1 0 auto; }
.pc-ad{ display:block; max-width:980px; width:100%; margin:0 0 20px; border-radius:12px;
  overflow:hidden; box-shadow:0 1px 4px rgba(0,0,0,.05); line-height:0; }
.pc-ad img{ display:block; width:100%; height:auto; }
.pc-ad:hover{ box-shadow:0 6px 18px rgba(0,0,0,.10); }
.pc-foot{ max-width:980px; width:100%; margin-top:26px; border-radius:14px;
  background:linear-gradient(135deg,#363B3E 0%,#2B2F32 100%);
  color:#C4CACC; padding:28px 32px 20px; box-sizing:border-box;
  box-shadow:0 2px 10px rgba(0,0,0,.10); }
.pc-foot-top{ display:flex; gap:34px; align-items:flex-start; justify-content:space-between; }
.pc-foot-info{ flex:1; min-width:0; }
.pc-foot-brand{ display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.pc-foot-brand img{ width:40px; height:40px; border-radius:11px; display:block; }
.pc-foot-brand div{ display:flex; flex-direction:column; line-height:1.4; }
.pc-foot-brand b{ color:#F2F4F3; font-size:17px; letter-spacing:.5px; }
.pc-foot-brand span{ color:#8E9799; font-size:12px; }
.pc-foot-desc{ font-size:12.5px; line-height:1.85; color:#9BA3A5; margin-bottom:14px; }
.pc-foot-links{ display:flex; align-items:center; flex-wrap:wrap; gap:10px; font-size:12.5px; }
.pc-foot-links a{ color:#D3D9D8; }
.pc-foot-links a:hover{ color:#5BD08C; }
.pc-foot-links i{ width:1px; height:11px; background:rgba(255,255,255,.16); }
.pc-foot-qrs{ display:flex; gap:16px; flex:0 0 auto; }
.pc-qr{ width:118px; text-align:center; display:flex; flex-direction:column; align-items:center; }
.pc-qr-img{ width:106px; height:106px; background:#fff; border-radius:10px; padding:7px;
  box-sizing:border-box; display:flex; align-items:center; justify-content:center; }
.pc-qr-img img{ width:100%; height:100%; object-fit:contain; display:block; }
.pc-qr b{ display:block; color:#EDF0EF; font-size:12.5px; font-weight:600; margin-top:9px; white-space:nowrap; }
.pc-qr span{ display:block; color:#8E9799; font-size:11px; margin-top:2px; white-space:nowrap; }
.pc-foot-bottom{ margin-top:22px; padding-top:14px; border-top:1px solid rgba(255,255,255,.10);
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px; font-size:12px; color:#8E9799; }
.pc-foot-bottom a{ color:#AEB6B7; }
.pc-foot-bottom a:hover{ color:#5BD08C; }
.pc-foot-icp{ display:flex; align-items:center; gap:9px; }
.pc-foot-icp-logo{ display:block; height:14px; width:auto; opacity:.62; }
@media (max-width:900px){
  .pc-foot-top{ flex-direction:column; gap:22px; }
  .pc-foot-qrs{ width:100%; justify-content:flex-start; }
  .pc-foot{ padding:24px 22px 18px; }
}
/* END LZM-ADFOOT-CSS-V1 */

/* ===== 点评页：工作台直接铺在页面上（隐形 iframe，高度随内容自动撑开，无内层滚动条） ===== */
.rv-frame { width:100%; height:560px; border:none; display:block; background:transparent; }