/* 美女直播 · 即点即看 —— .iv 命名空间前缀（instant view），热门速看顶部横条 + 房间 3 列网格，外链单 CSS */
:root { --red:#ff4d5e; --red-dark:#e63946; --bg:#ffffff; --light:#f6f7f9; --ink:#2b2f36; --dim:#8a8f99; --line:#ececec; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family:"PingFang SC","Microsoft YaHei",sans-serif; background:var(--bg); color:var(--ink); line-height:1.85; }
a { text-decoration:none; color:inherit; }

/* 顶栏 */
.iv-bar { display:flex; align-items:center; justify-content:space-between; padding:14px 5%; border-bottom:1px solid var(--line); position:sticky; top:0; background:rgba(255,255,255,.96); z-index:30; }
.iv-logo { font-size:24px; font-weight:800; color:var(--red); letter-spacing:2px; }
.iv-login { color:var(--red); border:1px solid var(--red); padding:6px 18px; border-radius:999px; font-size:14px; }
.iv-login:hover { background:var(--red); color:#fff; }

/* 导航 */
.iv-nav { background:var(--light); border-bottom:1px solid var(--line); }
.iv-nav ul { list-style:none; margin:0; padding:0 5%; display:flex; flex-wrap:wrap; gap:6px; }
.iv-nav li { margin:0; }
.iv-nav a { display:inline-block; padding:12px 16px; font-size:15px; color:var(--dim); }
.iv-nav a:hover { color:var(--red); }

/* 主横幅 */
.iv-hero { text-align:center; padding:56px 20px 40px; }
.iv-hero h1 { font-size:46px; color:var(--red); margin:0 0 14px; letter-spacing:6px; }
.iv-subtitle { max-width:640px; margin:0 auto; font-size:17px; color:var(--ink); }
.iv-player { max-width:720px; margin:28px auto 0; }
.iv-player video { width:100%; aspect-ratio:16/9; background:var(--light); border-radius:12px; }
.iv-pbar { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:10px; flex-wrap:wrap; }
.iv-tip { font-size:13px; color:var(--dim); }
.iv-pbar progress, .iv-pbar meter { height:10px; }

/* 热门速看横条 */
.iv-hot { max-width:1080px; margin:0 auto; padding:18px 20px; display:flex; align-items:center; gap:18px; flex-wrap:wrap; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--light); }
.iv-hot h3 { margin:0; font-size:17px; color:var(--ink); flex:0 0 auto; }
.iv-hot ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px 16px; flex:1; }
.iv-hot li { font-size:14px; color:var(--ink); }
.iv-hot mark { background:#fff0f1; color:var(--red); padding:1px 6px; border-radius:4px; font-size:12px; margin-right:6px; }
.iv-hot p { margin:0; font-size:13px; color:var(--dim); flex-basis:100%; }

/* 主内容 */
.iv-main { max-width:1080px; margin:0 auto; padding:24px 20px 42px; }
.iv-intro { color:var(--dim); margin:0 0 18px; }
.iv-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.iv-card { border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--bg); transition:.2s; }
.iv-card:hover { transform:translateY(-4px); box-shadow:0 10px 24px rgba(0,0,0,.06); }
.iv-card figure { margin:0; }
.iv-card img { width:100%; height:150px; object-fit:cover; display:block; background:var(--light); }
.iv-body { padding:16px 18px; }
.iv-body h3 { margin:0 0 8px; font-size:17px; }
.iv-body p { margin:0 0 12px; color:var(--dim); font-size:14px; }
.iv-watch { display:inline-block; background:var(--red); color:#fff; padding:7px 18px; border-radius:999px; font-size:14px; }
.iv-watch:hover { background:var(--red-dark); }

/* 特性 article */
.iv-sec { max-width:860px; margin:0 auto 34px; }
.iv-sec h2 { font-size:24px; color:var(--ink); margin:0 0 12px; padding-left:14px; border-left:5px solid var(--red); letter-spacing:1px; }
.iv-sec p { margin:0 0 12px; color:#4a4f57; text-align:justify; }
.iv-qpanel { margin-top:16px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.iv-qpanel button { border:1px solid var(--line); background:var(--bg); color:var(--ink); padding:7px 18px; border-radius:8px; cursor:pointer; font-size:14px; }
.iv-qpanel button.active { background:var(--red); color:#fff; border-color:var(--red); }
.iv-qnow { font-size:14px; color:var(--dim); margin-left:4px; }

/* 页脚 */
.iv-foot { margin-top:20px; border-top:1px solid var(--line); background:var(--light); padding:34px 20px 28px; text-align:center; }
.iv-slogan { font-size:18px; color:var(--ink); margin:0 0 14px; }
.iv-promise { margin:0 auto 16px; padding:0; display:flex; justify-content:center; gap:28px; flex-wrap:wrap; }
.iv-promise dt { color:var(--red); font-weight:700; }
.iv-promise dd { margin:0 0 0 6px; font-size:14px; color:var(--dim); display:inline; }
.iv-copy { display:block; font-size:13px; color:#b0b4bb; letter-spacing:1px; }

@media (max-width:820px) {
  .iv-hero h1 { font-size:34px; letter-spacing:4px; }
  .iv-grid { grid-template-columns:1fr; }
  .iv-card img { height:160px; }
}