/* QGJ LOVE 内页统一风格 v6（2026-11）—— 与新版首页一致：深色浪漫 + 玫瑰金 */
:root{--bg:#120a12;--bg2:#1a0f1c;--ink:#f6ecf1;--muted:#b7a3b3;--rose:#ff6b8e;--rose2:#ff9db3;--gold:#f6c99f;--line:rgba(255,255,255,.09);--card:rgba(255,255,255,.045)}
*{box-sizing:border-box}
body{background:var(--bg)!important;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif!important;-webkit-font-smoothing:antialiased}
.fh5co-loader{display:none!important}
a{color:inherit}

/* ---------- 顶部导航 ---------- */
.qg-nav{position:sticky;top:0;z-index:99;background:rgba(18,10,18,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.qg-nav-in{max-width:1140px;margin:0 auto;padding:0 22px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.qg-logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:17px;color:var(--ink)!important;text-decoration:none!important;white-space:nowrap}
.qg-logo svg{flex:none}
.qg-links{display:flex;gap:26px;font-size:14.5px}
.qg-links a{color:var(--muted)!important;text-decoration:none!important}
.qg-links a:hover{color:var(--ink)!important}
.qg-actions{display:flex;gap:10px;align-items:center}
.qg-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;padding:9px 18px;font-size:14px;border:1px solid var(--line);background:transparent;color:var(--ink)!important;text-decoration:none!important;cursor:pointer;transition:.25s;line-height:1.4}
.qg-btn:hover{border-color:var(--rose);color:var(--rose2)!important}
.qg-btn.rose{background:linear-gradient(135deg,#ff6b8e,#ff9068);border:none;color:#fff!important;box-shadow:0 8px 22px rgba(255,107,142,.32)}
.qg-btn.rose:hover{transform:translateY(-2px)}
/* 面包屑 */
.qg-crumb{max-width:1140px;margin:0 auto;padding:14px 22px 0;font-size:13px;color:var(--muted)}
.qg-crumb a{color:var(--muted)!important;text-decoration:none!important}
.qg-crumb a:hover{color:var(--rose2)!important}
.qg-crumb i{font-style:normal;opacity:.5;margin:0 7px}

/* ---------- 制作页：压掉旧版 hero / 白底 ---------- */
#fh5co-page{background:transparent!important}
#fh5co-hero{min-height:0!important;height:auto!important;background-attachment:scroll!important;padding:0}
#fh5co-hero .fh5co-intro,#fh5co-hero .fh5co-intro.no-js-fullheight{height:auto!important;display:block!important}
#fh5co-hero .fh5co-intro>div{display:block!important;padding:56px 0 44px}
#fh5co-hero .fh5co-overlay{background:linear-gradient(180deg,rgba(18,10,18,.55),rgba(18,10,18,.92) 70%,#120a12)!important;opacity:1!important}
#fh5co-hero .fh5co-intro>div h1,#fh5co-hero .fh5co-intro>div h2{font-family:"Noto Serif SC","Songti SC","STSong",serif!important;font-size:clamp(26px,4vw,44px)!important;line-height:1.3!important;font-weight:700!important;color:#fff!important;letter-spacing:.02em;margin:0}
#fh5co-hero .fh5co-learn-more{display:none!important}
#fh5co-projects{background:transparent!important;padding:0 0 56px!important;color:var(--ink)}
#fh5co-projects .container{max-width:720px}
#fh5co-projects .row{background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:20px;padding:26px 22px 10px;box-shadow:0 24px 60px rgba(0,0,0,.35);margin:0}
#fh5co-projects .form-group{margin-bottom:14px}
#fh5co-projects .form-control{height:52px;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;color:var(--ink)!important;font-size:15px;padding:0 16px;box-shadow:none!important}
/* 旧模板对 #fh5co-subscribe 有白底规则（音乐输入框外层容器），强制压回深色 */
#fh5co-projects #fh5co-subscribe{background:transparent!important;padding:0!important}
#fh5co-subscribe .form-control,#fh5co-subscribe input.form-control{height:52px;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;color:var(--ink)!important;box-shadow:none!important}
#fh5co-subscribe .form-control::placeholder{color:#9d8b98!important}
#fh5co-subscribe .form-control:focus{border-color:var(--rose)!important;box-shadow:0 0 0 3px rgba(255,107,142,.16)!important;outline:none}
/* 覆盖旧主题对 submit/outline 按钮的白底残留 */
#fh5co-projects .btn-outline{background:transparent!important;color:var(--rose)!important;border:1px solid rgba(255,107,142,.45)!important;border-radius:12px!important;height:46px}
#fh5co-projects .btn{height:50px;border-radius:12px!important;font-size:16px;font-weight:600;line-height:48px;padding:0 28px;transition:.25s}
#fh5co-projects .btn-primary,#fh5co-projects input[type=submit].btn-primary{background:linear-gradient(135deg,#ff5f7e 0%,#ff9068 100%)!important;border:none!important;border-radius:12px!important;height:50px;line-height:50px;padding:0!important;color:#fff!important;font-size:16px;font-weight:700;letter-spacing:.12em;text-indent:.12em;box-shadow:0 8px 22px rgba(255,95,126,.35),inset 0 1px 0 rgba(255,255,255,.28)!important;text-shadow:0 1px 2px rgba(180,40,70,.3)}
#fh5co-projects .btn-primary:hover{transform:translateY(-1px);filter:brightness(1.07);box-shadow:0 12px 28px rgba(255,95,126,.45),inset 0 1px 0 rgba(255,255,255,.28)!important}
#fh5co-projects .btn-primary:active{transform:translateY(1px);filter:brightness(.97);box-shadow:0 3px 10px rgba(255,95,126,.3)!important}
#fh5co-projects textarea.form-control{height:auto;min-height:110px;padding:14px 16px;line-height:1.7}
#fh5co-projects .form-control::placeholder{color:#9d8b98!important}
#fh5co-projects .form-control:focus{border-color:var(--rose)!important;box-shadow:0 0 0 3px rgba(255,107,142,.16)!important;outline:none}
#fh5co-projects .btn-outline,#fh5co-projects .btn-block[onclick]{background:rgba(255,255,255,.05)!important;border:1px solid var(--line)!important;color:var(--ink)!important;box-shadow:none!important}
#fh5co-projects .btn-outline:hover{background:rgba(255,255,255,.1)!important}
#fh5co-projects .help-block,#fh5co-projects small{color:var(--muted)!important}
#fh5co-info{background:transparent!important;padding:24px 0 70px!important;color:var(--muted)}
#fh5co-info .fh5co-lead{font-family:"Noto Serif SC",serif;font-size:22px!important;color:var(--ink)!important;font-weight:700;margin-bottom:14px}
#fh5co-info .fh5co-sub-lead{font-size:14.5px!important;line-height:1.9!important;color:var(--muted)!important;font-weight:400!important}
.qg-tip{max-width:720px;margin:0 auto 26px;background:rgba(255,201,159,.07);border:1px solid rgba(246,201,159,.22);border-radius:14px;padding:14px 18px;font-size:13.5px;color:#e8d3c2;line-height:1.8}
.qg-tip b{color:var(--gold)}
/* 相关模板 */
.qg-rel{max-width:1140px;margin:0 auto;padding:8px 22px 60px}
.qg-rel h3{font-family:"Noto Serif SC",serif;font-size:18px;margin:0 0 16px;color:var(--ink)}
.qg-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.qg-rel-item{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px;text-decoration:none!important;color:var(--ink)!important;transition:.25s}
.qg-rel-item:hover{border-color:rgba(255,107,142,.4);transform:translateY(-2px)}
.qg-rel-item img{width:76px;height:51px;object-fit:cover;border-radius:9px;flex:none}
.qg-rel-item span{font-size:14px;line-height:1.5}

/* ---------- 页脚 ---------- */
.qg-foot{background:#0d060f;border-top:1px solid var(--line);padding:46px 0 26px;color:var(--muted);font-size:14px}
.qg-foot-in{max-width:1140px;margin:0 auto;padding:0 22px;display:grid;grid-template-columns:1fr 1fr 2fr;gap:34px}
.qg-foot h4{color:var(--ink);font-size:15px;margin:0 0 14px;font-weight:700}
.qg-foot ul{list-style:none;margin:0;padding:0}
.qg-foot li{margin:7px 0}
.qg-foot a{color:var(--muted)!important;text-decoration:none!important}
.qg-foot a:hover{color:var(--rose2)!important}
.qg-foot .fl{display:flex;flex-wrap:wrap;gap:6px 16px;line-height:1.9}
.qg-foot-btm{max-width:1140px;margin:26px auto 0;padding:18px 22px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px}

/* ---------- 上传组件 ---------- */
.qg-up{display:flex;gap:8px;align-items:center}
.qg-up .form-control{flex:1;min-width:0}
.qg-up-btn{flex:none;height:52px;border-radius:12px;border:1px solid rgba(255,107,142,.45);background:rgba(255,107,142,.12);color:var(--rose2)!important;padding:0 16px;font-size:14px;cursor:pointer;transition:.25s;white-space:nowrap;line-height:1}
.qg-up-btn:hover{background:rgba(255,107,142,.24);color:#fff!important}
.qg-up-btn[disabled]{opacity:.45;cursor:default}
.qg-up-st{flex:none;font-size:12.5px;color:var(--gold);white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}
.qg-up-prev{display:none;margin-top:8px}
.qg-up-prev img{max-height:120px;max-width:100%;border-radius:10px;border:1px solid var(--line)}

/* ---------- 结果页 ---------- */
.qg-wrap{min-height:100vh;display:flex;flex-direction:column}
.qg-main{flex:1;display:flex;align-items:center;justify-content:center;padding:56px 20px 40px}
.qg-card{width:100%;max-width:560px;background:linear-gradient(165deg,rgba(255,255,255,.075),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:24px;padding:40px 34px 34px;box-shadow:0 30px 80px rgba(0,0,0,.5);text-align:center;position:relative;overflow:hidden}
.qg-card:before{content:"";position:absolute;inset:0;background:radial-gradient(340px 200px at 80% 0%,rgba(255,107,142,.2),transparent 65%);pointer-events:none}
.qg-ok{width:66px;height:66px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;background:linear-gradient(135deg,#ff6b8e,#ff9068);box-shadow:0 12px 30px rgba(255,107,142,.4);font-size:30px;color:#fff}
.qg-card h1{font-family:"Noto Serif SC",serif;font-size:26px;margin:0 0 8px;color:#fff}
.qg-card .lead{color:var(--muted);font-size:14.5px;margin-bottom:24px}
.qg-url{display:flex;gap:10px;background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:14px;padding:8px 8px 8px 14px;align-items:center}
.qg-url input{flex:1;background:none;border:none;color:var(--ink);font-size:14px;outline:none;min-width:0;padding:8px 0}
.qg-url .qg-btn{flex:none;padding:8px 16px;font-size:13.5px}
.qg-actions2{display:flex;gap:12px;margin-top:22px;justify-content:center;flex-wrap:wrap}
.qg-note{margin-top:26px;padding-top:20px;border-top:1px solid var(--line);text-align:left;color:var(--muted);font-size:13.5px;line-height:2}
.qg-note b{color:var(--gold)}
.qg-err{color:#ffb4b4}

/* ---------- 404 ---------- */
.qg-404{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;text-align:center}
.qg-404 .num{font-family:Georgia,serif;font-size:110px;line-height:1;background:linear-gradient(120deg,#ff6b8e,#f6c99f);-webkit-background-clip:text;background-clip:text;color:transparent}
.qg-404 h1{font-family:"Noto Serif SC",serif;font-size:24px;margin:8px 0 10px}
.qg-404 p{color:var(--muted);margin-bottom:26px}
.qg-404 .links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

/* ---------- 响应式 ---------- */
@media (max-width:960px){
 .qg-links{display:none}
 .qg-foot-in{grid-template-columns:1fr 1fr}
 .qg-rel-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
 .qg-actions .qg-btn:not(.rose){display:none}
 .qg-foot-in{grid-template-columns:1fr}
 .qg-card{padding:30px 20px 26px}
 .qg-404 .num{font-size:80px}
 #fh5co-projects .row{padding:18px 14px 4px}
}