:root{--qf-gold:#f1b95b;--qf-copper:#bd6d3a;--qf-ink:#0d1015}
.qiufeng-logo{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#ffd884,#b66031);color:#251208;font-size:23px;font-weight:900;box-shadow:0 10px 30px rgba(218,126,61,.25)}
.brand-logo{display:none!important}.brand-copy strong{letter-spacing:.12em}.brand-copy span{color:#bd9a78!important}.qiufeng-badge{padding:9px 14px;border:1px solid rgba(241,185,91,.26);border-radius:999px;color:#e7c18c;background:rgba(241,185,91,.06);font-size:12px}.sidebar nav{margin-top:10px}.nav-item.active{border-color:rgba(241,185,91,.42)!important;background:linear-gradient(90deg,rgba(189,109,58,.2),rgba(241,185,91,.06))!important;color:#ffd895!important}.api-dot{background:var(--qf-gold)!important;box-shadow:0 0 14px rgba(241,185,91,.7)!important}.eyebrow{color:#dca664!important}.graphic-ads-hero{background:radial-gradient(circle at 85% 15%,rgba(241,185,91,.16),transparent 30%),linear-gradient(135deg,rgba(189,109,58,.12),rgba(9,13,20,.9))!important;border-color:rgba(241,185,91,.22)!important}.graphic-ads-hero h2{color:#fff}.button.primary,.moments-generate{background:linear-gradient(135deg,#f4c66f,#bd6d3a)!important;border-color:#d9974e!important;color:#1b0e07!important}.header-subnav button.active,.graphic-ad-count-row button.active{background:rgba(241,185,91,.14)!important;border-color:#d99e53!important;color:#ffd694!important}.graphic-ad-result-card{border-color:rgba(241,185,91,.18)!important}@media(max-width:760px){.qiufeng-badge{display:none}}
.sidebar nav.header-subnav{display:flex;flex-direction:column;align-items:stretch;gap:4px;flex:1;min-height:0;width:100%;max-width:none;margin-top:8px;padding:0;overflow:auto;border:0;border-radius:0;background:transparent;box-shadow:none}
.sidebar nav.header-subnav[hidden]{display:none}
.sidebar nav.header-subnav button{flex:0 0 auto;width:100%;min-width:0;border:0;border-radius:8px;padding:12px 14px;text-align:left;white-space:normal;font-weight:650;color:#d7dee4;background:transparent}
.sidebar nav.header-subnav button.active{color:#1b0e07;background:linear-gradient(135deg,#f4c66f,#bd6d3a)}
@media(max-width:980px){.sidebar{width:220px!important;padding:22px 14px!important}.sidebar .brand>div:last-child,.sidebar .nav-item,.sidebar nav.header-subnav button{font-size:14px!important}.sidebar-foot{display:flex!important}main{margin-left:220px!important}}

/* 创作台：左边类型，中间看图，右边填需求。内容块本身不动。 */
body:has(.content-graphic-ads){overflow:hidden}
body:has(.content-graphic-ads) header{min-height:0;padding:12px 20px;align-items:center}
body:has(.content-graphic-ads) header h1{font-size:22px}
body:has(.content-graphic-ads) .qiufeng-badge{padding:6px 10px}
.content.content-graphic-ads{height:calc(100vh - 68px);padding:0 16px 16px;overflow:hidden}
.graphic-ads-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);margin:0}
.graphic-ads-shell .moments-hero{display:block;margin:0 0 8px;padding:0 2px;border:0;border-radius:0;background:none;box-shadow:none}
.graphic-ads-shell .moments-hero .eyebrow,.graphic-ads-shell .moments-hero h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.graphic-ads-shell .moments-hero p:last-child{max-width:none;margin:0;font-size:13px;line-height:1.45}
.graphic-ads-shell .moments-layout{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 392px;gap:14px;align-items:stretch}
.graphic-ads-shell .moments-output{min-height:0;overflow:auto;padding:8px 4px 8px 0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.graphic-ads-shell .moments-editor{min-height:0;overflow:auto;display:flex;flex-direction:column;padding:16px!important;border-radius:18px}
.graphic-ads-shell .moments-editor textarea{min-height:112px;max-height:168px}
.graphic-ads-shell .moments-controls{grid-template-columns:1fr 1fr}
.graphic-ads-shell .moments-generate{position:sticky;bottom:0;z-index:2;margin-top:auto}
.graphic-ads-shell .graphic-ad-result-grid{align-content:start;min-height:280px}
.graphic-ads-shell .graphic-ad-result-grid.count-1 .graphic-ad-result-preview img{max-height:min(68vh,760px)}
@media(max-width:1180px){
  body:has(.content-graphic-ads){overflow:auto}
  .content.content-graphic-ads{height:auto;overflow:visible}
  .graphic-ads-shell{height:auto;display:block}
  .graphic-ads-shell .moments-layout{height:auto;grid-template-columns:1fr}
  .graphic-ads-shell .moments-output{order:-1;min-height:420px}
}