/* ============================================================
 * 蜜桃视频1.7.c版 - main.css （站点专属构建版）
 * 类名后缀：pchx7k   主色：#ff6b8a   次色：#ffb37e
 * ========================================================== */
:root{
  --p: #ff6b8a;
  --s: #ffb37e;
  --a: #ffe5ec;
  --bg: #fafbff;
  --fg: #1c1f2b;
  --muted: #6b7280;
  --line: rgba(15,23,42,.08);
  --card-bg: rgba(255,255,255,.62);
  --shadow-1: 0 8px 24px rgba(20,24,60,.06);
  --shadow-2: 0 18px 48px rgba(20,24,60,.10);
  --radius: 18px;
  --radius-sm: 12px;
  --container: 1200px;
  --easing: cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.body_pchx7k{
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Roboto,Helvetica,Arial,sans-serif;
  color: var(--fg);
  background: linear-gradient(135deg,#ffd6e0 0%,#fff1d6 60%,#ffe5ec 100%);
  background-attachment: fixed;
  min-height: 100vh;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none;transition:color .25s var(--easing)}
a:hover{color:var(--p)}
button{font:inherit;cursor:pointer;border:0;background:transparent;color:inherit}

/* skip link */
.skip_pchx7k{position:absolute;left:-9999px;top:auto}
.skip_pchx7k:focus{left:8px;top:8px;background:#000;color:#fff;padding:8px 12px;border-radius:6px;z-index:9999}
.sr_pchx7k{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

/* ============== Navbar (Glassmorphism + blur) ============== */
.navbar_pchx7k{
  position:sticky;top:0;z-index:50;
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  background: rgba(255,255,255,.55);
  border-bottom: 1px solid var(--line);
  transition: background .3s var(--easing), box-shadow .3s var(--easing);
}
.navbar_pchx7k.is-scrolled{background:rgba(255,255,255,.82);box-shadow:var(--shadow-1)}
.nav-wrap_pchx7k{
  max-width:var(--container);margin:0 auto;padding:14px 20px;
  display:flex;align-items:center;gap:24px;
}
.brand_pchx7k{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.5px}
.brand-logo_pchx7k{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--a),#fff);box-shadow:var(--shadow-1)}
.brand-text_pchx7k{font-size:18px;background:linear-gradient(135deg,var(--p),var(--s));-webkit-background-clip:text;background-clip:text;color:transparent}
.nav_pchx7k{display:flex;gap:6px;flex:1;flex-wrap:wrap;justify-content:center}
.nav-link_pchx7k{
  padding:8px 14px;border-radius:999px;font-size:15px;color:#374151;
  transition: background .25s var(--easing), color .25s var(--easing), transform .25s var(--easing);
}
.nav-link_pchx7k:hover{background:var(--a);color:var(--p);transform:translateY(-1px)}
.nav-link_pchx7k.is-active{background:linear-gradient(135deg,var(--p),var(--s));color:#fff}
.search_pchx7k{position:relative;display:flex;align-items:center;background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:999px;padding:4px 4px 4px 14px;min-width:240px;transition:box-shadow .25s var(--easing),border-color .25s var(--easing)}
.search_pchx7k.is-focus{border-color:var(--p);box-shadow:0 0 0 4px color-mix(in srgb,var(--p) 18%,transparent)}
.search-input_pchx7k{border:0;background:transparent;outline:none;flex:1;padding:8px 4px;font-size:14px;color:#1f2937;min-width:0}
.search-btn_pchx7k{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--s));color:#fff}
.hamburger_pchx7k{display:none;flex-direction:column;gap:5px;width:36px;height:36px;align-items:center;justify-content:center;border-radius:10px}
.hamburger_pchx7k span{width:20px;height:2px;background:#374151;border-radius:2px;transition:transform .3s var(--easing)}

/* ================ Hero ================ */
.hero_pchx7k{padding:64px 20px 48px}
.hero-inner_pchx7k{
  max-width:var(--container);margin:0 auto;
  display:grid;gap:36px;align-items:center;grid-template-columns:1.05fr .95fr;
}
.hero-tag_pchx7k{display:inline-block;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid var(--line);font-size:13px;color:var(--p);font-weight:600;backdrop-filter:blur(6px)}
.h1_pchx7k{font-size:clamp(28px,4vw,46px);line-height:1.18;margin:14px 0 12px;letter-spacing:-.5px;background:linear-gradient(120deg,var(--p),var(--s));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sub_pchx7k{font-size:16px;color:#374151;max-width:560px}
.hero-cta_pchx7k{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0 18px}
.btn-primary_pchx7k{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--p),var(--s));box-shadow:0 10px 22px color-mix(in srgb,var(--p) 30%,transparent);transition:transform .25s var(--easing),box-shadow .25s var(--easing)}
.btn-primary_pchx7k:hover{transform:translateY(-2px);color:#fff;box-shadow:0 14px 28px color-mix(in srgb,var(--p) 40%,transparent)}
.btn-ghost_pchx7k{display:inline-flex;align-items:center;padding:11px 20px;border-radius:14px;background:rgba(255,255,255,.7);border:1px solid var(--line);font-weight:600;color:#1f2937;backdrop-filter:blur(6px);transition:background .25s var(--easing)}
.btn-ghost_pchx7k:hover{background:#fff}
.hero-stats_pchx7k{list-style:none;display:flex;gap:24px;padding:0;margin:8px 0 0;flex-wrap:wrap}
.hero-stats_pchx7k li{padding:14px 18px;border-radius:14px;background:rgba(255,255,255,.6);border:1px solid var(--line);min-width:140px;backdrop-filter:blur(6px)}
.hero-stats_pchx7k strong{display:block;font-size:22px;background:linear-gradient(120deg,var(--p),var(--s));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-stats_pchx7k span{color:var(--muted);font-size:13px}
.hero-visual_pchx7k{position:relative;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-2);aspect-ratio:16/9}
.hero-visual_pchx7k img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--easing)}
.hero-visual_pchx7k:hover img{transform:scale(1.04)}
.hero-glass_pchx7k{position:absolute;inset:auto 14px 14px;height:78px;border-radius:18px;background:rgba(255,255,255,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.25)}
.hero-play_pchx7k{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.92;filter:drop-shadow(0 6px 14px rgba(0,0,0,.3));pointer-events:none}

/* ============== Sections ============== */
.section_pchx7k{max-width:var(--container);margin:48px auto;padding:0 20px}
.sec-head_pchx7k{margin-bottom:22px}
.h2_pchx7k{font-size:clamp(22px,2.8vw,30px);margin:0 0 6px;letter-spacing:-.3px}
.sec-sub_pchx7k{color:var(--muted);max-width:780px}

/* ============== Breadcrumb ============== */
.crumbs_pchx7k{max-width:var(--container);margin:18px auto 0;padding:0 20px}
.crumbs_pchx7k ol{list-style:none;padding:0;margin:0;display:flex;gap:6px;font-size:13px;color:var(--muted);flex-wrap:wrap}
.crumbs_pchx7k li:not(:last-child)::after{content:'›';margin-left:6px;color:#9ca3af}

/* ============== Cards ============== */
.cards_pchx7k{display:grid;gap:22px}
.layout-grid_pchx7k{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.layout-masonry_pchx7k{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-flow:dense}
.layout-masonry_pchx7k > article:nth-child(7n+1){grid-row:span 2}
.layout-vertical_pchx7k{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.layout-vertical_pchx7k .card-thumb_pchx7k{aspect-ratio:9/14}
.layout-card-strip_pchx7k{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.layout-card-strip_pchx7k .card_pchx7k{display:grid;grid-template-columns:140px 1fr;gap:0}
.layout-card-strip_pchx7k .card-thumb_pchx7k{aspect-ratio:1/1;border-radius:var(--radius) 0 0 var(--radius)}
.layout-card-strip_pchx7k .card-body_pchx7k{padding:14px}
.layout-mosaic_pchx7k{grid-template-columns:repeat(6,1fr)}
.layout-mosaic_pchx7k .card_pchx7k{grid-column:span 2}
.layout-mosaic_pchx7k .card_pchx7k:nth-child(7n+1){grid-column:span 3}
.layout-mosaic_pchx7k .card_pchx7k:nth-child(7n+4){grid-column:span 4}
@media (max-width:900px){.layout-mosaic_pchx7k{grid-template-columns:repeat(2,1fr)}.layout-mosaic_pchx7k .card_pchx7k,.layout-mosaic_pchx7k .card_pchx7k:nth-child(7n+1),.layout-mosaic_pchx7k .card_pchx7k:nth-child(7n+4){grid-column:span 1}}

.card_pchx7k{
  position:relative;background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:var(--shadow-1);
  opacity:0;transform:translateY(14px);transition:opacity .5s var(--easing),transform .5s var(--easing),box-shadow .35s var(--easing);
}
.card_pchx7k.is-in{opacity:1;transform:none}
.card_pchx7k:hover{box-shadow:var(--shadow-2);transform:translateY(-3px)}
.card-thumb_pchx7k{position:relative;display:block;aspect-ratio:16/9;overflow:hidden}
.card-thumb_pchx7k img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--easing)}
.card-thumb_pchx7k:hover img{transform:scale(1.06)}
.card-mask_pchx7k{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.35) 100%);opacity:.85;pointer-events:none}
.card-play_pchx7k{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s var(--easing),transform .35s var(--easing);transform:scale(.8);filter:drop-shadow(0 4px 12px rgba(0,0,0,.45));pointer-events:none}
.card-thumb_pchx7k:hover .card-play_pchx7k{opacity:1;transform:scale(1)}
.card-time_pchx7k{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;padding:2px 8px;border-radius:6px}
.card-tag_pchx7k{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,var(--p),var(--s));color:#fff;font-size:12px;padding:3px 10px;border-radius:999px}
.card-body_pchx7k{padding:14px 16px 16px}
.card-title_pchx7k{font-size:16px;line-height:1.4;margin:0 0 6px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-desc_pchx7k{color:var(--muted);font-size:13.5px;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-meta_pchx7k{display:flex;justify-content:space-between;font-size:12px;color:#9ca3af}

/* ============== Reviews ============== */
.reviews-grid_pchx7k{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.review_pchx7k{background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin:0;backdrop-filter:blur(8px);box-shadow:var(--shadow-1);opacity:0;transform:translateY(10px);transition:.5s var(--easing)}
.review_pchx7k.is-in{opacity:1;transform:none}
.review-head_pchx7k{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.review-head_pchx7k figcaption{flex:1}
.review-head_pchx7k strong{display:block;font-size:14px}
.review-head_pchx7k span{color:var(--muted);font-size:12px}
.review-avatar_pchx7k svg{display:block;border-radius:50%;box-shadow:var(--shadow-1)}
.stars_pchx7k{color:#f5b942;font-size:14px;letter-spacing:1px}
.review-text_pchx7k{margin:0;font-size:14.5px;color:#374151;line-height:1.7}

/* ============== Contact ============== */
.contact-grid_pchx7k{display:grid;gap:20px;grid-template-columns:1.1fr 1fr;align-items:start}
.store_pchx7k{margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-1);background:#fff}
.store_pchx7k img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.store_pchx7k figcaption{padding:10px 14px;color:var(--muted);font-size:13.5px}
.contact-card_pchx7k{background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);padding:20px;backdrop-filter:blur(8px)}
.contact-card_pchx7k h3{margin:6px 0 12px;font-size:17px}
.contact-list_pchx7k{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:8px}
.contact-list_pchx7k li{display:grid;grid-template-columns:90px 1fr;gap:8px;font-size:14px}
.contact-list_pchx7k span{color:var(--muted)}
.contact-list_pchx7k b{font-weight:600;color:#1f2937}
.contact-json_pchx7k{background:#0f172a;color:#dbeafe;padding:14px 16px;border-radius:12px;overflow:auto;font-size:13px;line-height:1.6}

/* ============== Share ============== */
.share-row_pchx7k{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.share-btn_pchx7k{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid var(--line);font-size:14px;transition:transform .25s var(--easing),background .25s var(--easing)}
.share-btn_pchx7k:hover{background:#fff;transform:translateY(-2px)}

/* ============== FAQ ============== */
.faq_pchx7k details{background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 18px;margin:10px 0;backdrop-filter:blur(8px);transition:box-shadow .25s var(--easing)}
.faq_pchx7k details[open]{box-shadow:var(--shadow-1)}
.faq_pchx7k summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq_pchx7k summary::-webkit-details-marker{display:none}
.faq_pchx7k summary::after{content:'+';font-size:22px;color:var(--p);transition:transform .25s var(--easing)}
.faq_pchx7k details[open] summary::after{content:'−'}
.faq-answer_pchx7k{padding-top:10px;color:#374151;line-height:1.8;animation:fadeIn .3s var(--easing)}
@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* ============== Lessons (tutorial page) ============== */
.lessons_pchx7k{list-style:none;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.lesson_pchx7k{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:start;padding:16px;background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(8px)}
.lesson-num_pchx7k{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--p),var(--s));color:#fff;font-weight:700}
.lesson_pchx7k h3{margin:2px 0 6px;font-size:16px}
.lesson_pchx7k p{margin:0;color:var(--muted);font-size:14px}

/* ============== Prose ============== */
.prose_pchx7k h2{font-size:20px;margin:24px 0 8px}
.prose_pchx7k p{color:#374151;line-height:1.85;margin:8px 0}

/* ============== Footer ============== */
.footer_pchx7k{margin-top:64px;border-top:1px solid var(--line);background:rgba(255,255,255,.55);backdrop-filter:blur(14px)}
.foot-wrap_pchx7k{max-width:var(--container);margin:0 auto;padding:36px 20px 18px;display:grid;gap:24px;grid-template-columns:1.4fr repeat(3,1fr)}
.foot-brand_pchx7k{display:flex;align-items:center;gap:8px;font-size:16px}
.foot-desc_pchx7k{color:var(--muted);font-size:13.5px;margin-top:8px}
.foot-col_pchx7k h4{font-size:14px;margin:0 0 10px;color:#111827}
.foot-col_pchx7k ul{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:13.5px;color:#374151}
.foot-col_pchx7k a:hover{color:var(--p)}
.foot-bar_pchx7k{max-width:var(--container);margin:0 auto;padding:14px 20px 26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);flex-wrap:wrap;gap:8px}

/* ============== Responsive ============== */
@media (max-width: 980px){
  .hero-inner_pchx7k{grid-template-columns:1fr}
  .contact-grid_pchx7k{grid-template-columns:1fr}
  .foot-wrap_pchx7k{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 760px){
  .nav_pchx7k{display:none;width:100%;order:3}
  .search_pchx7k{order:2;flex:1;min-width:120px}
  .hamburger_pchx7k{display:flex}
  body.nav-open .nav_pchx7k{display:flex;flex-direction:column;align-items:stretch;background:#fff;padding:12px;border-radius:14px;box-shadow:var(--shadow-1);margin-top:8px}
  .foot-wrap_pchx7k{grid-template-columns:1fr}
}

/* ============== Dark variant ============== */
body.is-dark{
  --fg: #f1f5f9;
  --muted: #9ca9c4;
  --line: rgba(255,255,255,.10);
  --card-bg: rgba(255,255,255,.06);
  --shadow-1: 0 8px 24px rgba(0,0,0,.35);
  --shadow-2: 0 18px 48px rgba(0,0,0,.5);
  color: var(--fg);
}
body.is-dark .navbar_pchx7k{background:rgba(10,18,40,.55)}
body.is-dark .navbar_pchx7k.is-scrolled{background:rgba(10,18,40,.82)}
body.is-dark .nav-link_pchx7k{color:#cdd6f4}
body.is-dark .nav-link_pchx7k:hover{background:rgba(255,255,255,.08);color:#fff}
body.is-dark .search_pchx7k{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
body.is-dark .search-input_pchx7k{color:#e6ecff}
body.is-dark .search-input_pchx7k::placeholder{color:#8ea0c7}
body.is-dark .hamburger_pchx7k span{background:#cdd6f4}
body.is-dark .hero-tag_pchx7k{background:rgba(255,255,255,.06);color:#9ae6ff;border-color:rgba(255,255,255,.14)}
body.is-dark .hero-sub_pchx7k{color:#cdd6f4}
body.is-dark .hero-stats_pchx7k li{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
body.is-dark .hero-stats_pchx7k span{color:#9ca9c4}
body.is-dark .btn-ghost_pchx7k{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#e6ecff}
body.is-dark .btn-ghost_pchx7k:hover{background:rgba(255,255,255,.1)}
body.is-dark .sec-sub_pchx7k{color:#9ca9c4}
body.is-dark .card_pchx7k{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
body.is-dark .card-desc_pchx7k{color:#9ca9c4}
body.is-dark .card-meta_pchx7k{color:#7b8aab}
body.is-dark .review_pchx7k{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
body.is-dark .review-text_pchx7k{color:#cdd6f4}
body.is-dark .review-head_pchx7k span{color:#9ca9c4}
body.is-dark .contact-card_pchx7k{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
body.is-dark .contact-list_pchx7k b{color:#e6ecff}
body.is-dark .contact-list_pchx7k span{color:#9ca9c4}
body.is-dark .faq_pchx7k details{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
body.is-dark .faq-answer_pchx7k{color:#cdd6f4}
body.is-dark .lesson_pchx7k{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
body.is-dark .lesson_pchx7k p{color:#9ca9c4}
body.is-dark .prose_pchx7k p{color:#cdd6f4}
body.is-dark .share-btn_pchx7k{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#e6ecff}
body.is-dark .share-btn_pchx7k:hover{background:rgba(255,255,255,.1)}
body.is-dark .footer_pchx7k{background:rgba(10,18,40,.6);border-color:rgba(255,255,255,.08)}
body.is-dark .foot-col_pchx7k h4{color:#e6ecff}
body.is-dark .foot-col_pchx7k ul{color:#cdd6f4}
body.is-dark .foot-desc_pchx7k{color:#9ca9c4}
body.is-dark .foot-bar_pchx7k{color:#7b8aab;border-color:rgba(255,255,255,.08)}
body.is-dark .crumbs_pchx7k ol{color:#9ca9c4}