/*! c47q.cn — JM漫画网页版入门百度贴吧 Aurora theme (warm coral / amber, list cards) */
:root{
  --xhy-bg:#fff8f1;--xhy-bg2:#fff1e2;--xhy-fg:#1f1a14;--xhy-mute:#7a6a55;
  --xhy-line:rgba(60,40,20,.10);--xhy-coral:#ff6b3d;--xhy-amber:#ffb347;
  --xhy-card:#ffffff;--xhy-glass:rgba(255,255,255,.7);
  --xhy-radius:14px;--xhy-shadow:0 10px 30px rgba(180,90,40,.15);
  --xhy-grad:linear-gradient(135deg,var(--xhy-coral),var(--xhy-amber));
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
.xhy-body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
  background:radial-gradient(800px 400px at 0% 0%,rgba(255,107,61,.10),transparent 60%),var(--xhy-bg);
  color:var(--xhy-fg);line-height:1.65;min-height:100vh}
a{color:var(--xhy-fg);text-decoration:none;transition:color .2s}
a:hover{color:var(--xhy-coral)}
img{max-width:100%;display:block}ul{list-style:none}
/* HEADER */
.xhy-header{position:sticky;top:0;z-index:50;background:rgba(255,248,241,.85);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--xhy-line)}
.xhy-nav-wrap{max-width:1200px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.xhy-logo{display:flex;align-items:center;gap:10px}
.xhy-brand{font-size:20px;font-weight:800;background:var(--xhy-grad);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.xhy-nav{display:flex;flex-wrap:wrap;gap:4px;flex:1;justify-content:center}
.xhy-nav a{padding:8px 14px;border-radius:8px;font-size:14px;color:var(--xhy-mute)}
.xhy-nav a:hover{color:var(--xhy-coral);background:rgba(255,107,61,.08)}
.xhy-active{color:#fff!important;background:var(--xhy-grad)!important;font-weight:600}
.xhy-search{display:flex;background:#fff;border:1px solid var(--xhy-line);
  border-radius:8px;padding:4px 4px 4px 12px;min-width:220px}
.xhy-search input{flex:1;border:0;outline:0;background:transparent;font-size:14px;color:var(--xhy-fg)}
.xhy-search button{background:var(--xhy-grad);border:0;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;display:grid;place-items:center}
/* CRUMB */
.xhy-crumb{max-width:1200px;margin:14px auto 0;padding:0 20px;font-size:13px;color:var(--xhy-mute)}
.xhy-crumb ol{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.xhy-sep{margin:0 4px;color:#c9b89c}
.xhy-main{max-width:1200px;margin:0 auto;padding:24px 20px 60px}
.xhy-section-title{font-size:22px;font-weight:700;margin:36px 0 18px;display:flex;align-items:center;gap:10px;border-left:6px solid var(--xhy-coral);padding-left:12px}
/* HERO — split layout */
.xhy-hero{margin-top:18px;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:1.3fr 1fr;background:var(--xhy-card);border:1px solid var(--xhy-line);box-shadow:var(--xhy-shadow)}
.xhy-hero-text{padding:50px 40px}
.xhy-hero-img{background-size:cover;background-position:center;min-height:280px}
.xhy-chip{display:inline-block;padding:5px 12px;border-radius:6px;background:rgba(255,107,61,.12);color:var(--xhy-coral);font-size:12px;font-weight:700;letter-spacing:.5px}
.xhy-hero-text h2{font-size:32px;line-height:1.3;margin:14px 0 12px;font-weight:800}
.xhy-hero-text p{color:var(--xhy-mute);margin-bottom:22px}
.xhy-hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.xhy-btn-primary,.xhy-btn-ghost{padding:11px 22px;border-radius:8px;font-weight:600;font-size:14px;transition:transform .2s}
.xhy-btn-primary{background:var(--xhy-grad);color:#fff}
.xhy-btn-primary:hover{transform:translateY(-2px);color:#fff}
.xhy-btn-ghost{border:1px solid var(--xhy-line);background:#fff}
.xhy-btn-ghost:hover{background:var(--xhy-bg2);transform:translateY(-2px)}
/* CHANNEL TILES — horizontal ribbon */
.xhy-channel-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.xhy-tile{position:relative;border-radius:var(--xhy-radius);overflow:hidden;border:1px solid var(--xhy-line);aspect-ratio:5/3;background:#fff;transition:transform .25s,box-shadow .25s}
.xhy-tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.xhy-tile:hover{transform:translateY(-4px);box-shadow:var(--xhy-shadow)}
.xhy-tile:hover img{transform:scale(1.05)}
.xhy-tile-meta{position:absolute;left:0;right:0;bottom:0;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);color:#fff}
.xhy-tile-meta h3{font-size:15px;margin-bottom:2px}
.xhy-tile-meta p{font-size:12px;opacity:.85}
/* CHANNEL HEAD */
.xhy-channel-head{margin-top:12px;padding:28px 32px;border-radius:14px;background:#fff;border:1px solid var(--xhy-line);border-left:6px solid var(--xhy-coral)}
.xhy-channel-head h2{font-size:26px;margin:10px 0 8px;font-weight:800}
.xhy-channel-head p{color:var(--xhy-mute);max-width:780px}
.xhy-tags{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}
.xhy-tags span{font-size:12px;padding:4px 10px;border-radius:4px;background:var(--xhy-bg2);color:var(--xhy-coral);font-weight:600}
/* CARDS — list-style with thumb left */
.xhy-cards{margin-top:22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:16px}
.xhy-card{display:grid;grid-template-columns:200px 1fr;background:#fff;border:1px solid var(--xhy-line);border-radius:var(--xhy-radius);overflow:hidden;transition:transform .25s,box-shadow .25s}
.xhy-card:hover{transform:translateY(-3px);box-shadow:var(--xhy-shadow);border-color:rgba(255,107,61,.4)}
.xhy-card-thumb{position:relative;background:#f5e8da}
.xhy-card-thumb img{width:100%;height:100%;object-fit:cover}
.xhy-duration{position:absolute;left:8px;bottom:8px;padding:2px 8px;background:rgba(0,0,0,.75);color:#fff;font-size:12px;border-radius:4px}
.xhy-play{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transition:opacity .25s;background:rgba(0,0,0,.3)}
.xhy-card:hover .xhy-play{opacity:1}
.xhy-card-body{padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.xhy-card-body h3{font-size:15px;line-height:1.4;font-weight:700}
.xhy-card-body p{font-size:13px;color:var(--xhy-mute);flex:1}
.xhy-card-meta{display:flex;justify-content:space-between;font-size:12px;color:#a8967e}
/* REVIEWS */
.xhy-review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.xhy-review{padding:18px 20px;background:#fff;border:1px solid var(--xhy-line);border-radius:12px;border-top:3px solid var(--xhy-amber)}
.xhy-review blockquote{font-size:14px;color:#3a2e1c;line-height:1.7}
.xhy-review figcaption{margin-top:10px;font-size:13px;color:var(--xhy-coral);font-weight:700}
/* CONTACT */
.xhy-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.xhy-glass{padding:22px;background:#fff;border:1px solid var(--xhy-line);border-radius:12px}
.xhy-glass h3{margin-bottom:12px;font-size:16px;color:var(--xhy-coral)}
.xhy-glass li{padding:6px 0;color:var(--xhy-mute);font-size:14px;border-bottom:1px dashed var(--xhy-line)}
.xhy-glass li:last-child{border:0}
.xhy-share{margin-top:20px;display:flex;align-items:center;gap:10px;color:var(--xhy-mute);font-size:14px}
.xhy-share a{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:#fff;border:1px solid var(--xhy-line);color:var(--xhy-mute);transition:all .2s}
.xhy-share a:hover{color:#fff;background:var(--xhy-grad);border-color:transparent}
/* FAQ */
.xhy-faq details{background:#fff;border:1px solid var(--xhy-line);border-radius:10px;padding:14px 18px;margin-bottom:10px}
.xhy-faq details[open]{border-color:var(--xhy-coral);background:#fff8f1}
.xhy-faq summary{cursor:pointer;font-weight:700;font-size:15px;list-style:none;display:flex;justify-content:space-between;align-items:center}
.xhy-faq summary::-webkit-details-marker{display:none}
.xhy-faq summary::after{content:"+";font-size:22px;color:var(--xhy-coral);transition:transform .25s}
.xhy-faq details[open] summary::after{transform:rotate(45deg)}
.xhy-faq p{margin-top:10px;color:var(--xhy-mute);font-size:14px}
/* FOOTER */
.xhy-footer{margin-top:60px;background:var(--xhy-bg2);border-top:1px solid var(--xhy-line);padding:40px 20px 20px}
.xhy-foot-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px}
.xhy-foot-grid h4{margin-bottom:12px;font-size:15px;color:var(--xhy-coral)}
.xhy-foot-grid p,.xhy-foot-grid li{color:var(--xhy-mute);font-size:13px;line-height:1.9}
.xhy-foot-copy{max-width:1200px;margin:24px auto 0;padding-top:18px;border-top:1px solid var(--xhy-line);text-align:center;color:#a8967e;font-size:12px}
@media(max-width:780px){
  .xhy-hero{grid-template-columns:1fr}.xhy-hero-text{padding:32px 20px}
  .xhy-hero-text h2{font-size:22px}
  .xhy-cards{grid-template-columns:1fr}.xhy-card{grid-template-columns:140px 1fr}
  .xhy-foot-grid{grid-template-columns:1fr}
  .xhy-nav{order:3;flex:1 0 100%;overflow-x:auto;flex-wrap:nowrap}
  .xhy-search{flex:1;min-width:0}
}