:root{
  --ink:#22201C;
  --ink-soft:#5B564E;
  --paper:#FAF6EF;
  --paper-2:#F2ECE1;
  --green:#1F3D34;
  --green-2:#2C5044;
  --green-tint:#DCE6DF;
  --brass:#B4894E;
  --brass-soft:#D9C39E;
  --dusk:#8A96A3;
  --dusk-tint:#E4E8EC;
  --line:#E4DCCF;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Inter",system-ui,-apple-system,sans-serif;
  --shadow:0 18px 40px -24px rgba(34,32,28,.5);
  --shadow-sm:0 8px 20px -14px rgba(34,32,28,.5);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);
  font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.08;margin:0;letter-spacing:-.01em}
p{margin:0}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.serif{font-family:var(--serif)}

/* ---------- buttons ---------- */
.btn{
  font-family:var(--sans);font-size:15px;font-weight:500;border:none;cursor:pointer;
  padding:13px 24px;border-radius:999px;transition:transform .15s ease,background .2s ease;
  display:inline-flex;align-items:center;gap:8px;
}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--brass);color:#2b2413}
.btn-primary:hover{background:#c1975a}
.btn-dark{background:var(--green);color:var(--paper)}
.btn-dark:hover{background:var(--green-2)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn-ghost:hover{background:var(--paper-2)}

/* ---------- top strip ---------- */
.strip{background:var(--green);color:var(--brass-soft);font-size:13px;text-align:center;padding:8px 20px;letter-spacing:.02em}
.strip b{color:var(--paper);font-weight:500}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:40;background:rgba(250,246,239,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:34px;height:70px}
.logo{display:flex;align-items:center;gap:11px;font-family:var(--serif);font-size:22px;font-weight:600}
.logo .brand-mark{width:34px;height:34px;display:block;flex:none}
.nav-links{display:flex;align-items:center;gap:26px;font-size:15px;margin-left:6px}
.nav-links a{color:var(--ink-soft);padding:6px 0;position:relative}
.nav-links a:hover{color:var(--ink)}
.nav-links .has-menu{display:flex;align-items:center;gap:6px;cursor:pointer}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:14px}
.caret{width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px;transition:transform .2s}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--shadow);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s;padding:30px 0 36px}
.megawrap.open .mega{opacity:1;visibility:visible;transform:none}
.megawrap.open .caret{transform:rotate(-135deg);margin-top:3px}
.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 34px}
.mega-col h4{font-family:var(--sans);font-size:12px;letter-spacing:.08em;color:var(--brass);text-transform:uppercase;margin:0 0 12px;font-weight:600}
.mega-col a{display:block;color:var(--ink-soft);font-size:15px;padding:5px 0}
.mega-col a:hover{color:var(--green)}
.mega-note{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--ink-soft);font-size:14px}

/* ---------- generic section ---------- */
section{padding:80px 0}
.eyebrow{font-family:var(--sans);font-size:13px;letter-spacing:.14em;color:var(--brass);font-weight:600;text-transform:uppercase;margin-bottom:14px}
.sec-head{max-width:640px;margin-bottom:44px}
.sec-head h2{font-size:clamp(30px,4vw,46px)}
.sec-head p{color:var(--ink-soft);margin-top:16px;font-size:18px}

/* ---------- framed artwork device ---------- */
.frame{background:#fff;padding:14px;border-radius:3px;box-shadow:var(--shadow-sm);border:1px solid #efe7d8;position:relative}
.frame .mat{background:var(--paper);padding:10px;border:1px solid #ece3d3}
.canvas{aspect-ratio:4/5;border-radius:2px;position:relative;overflow:hidden;display:grid;place-items:center}
.canvas.has-image{background:var(--paper)}
.canvas.has-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.canvas.has-image:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 3px var(--canvas-ring,#b4894e),inset 0 0 28px rgba(0,0,0,.08)}
.caption{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--ink-soft);text-align:center;padding-top:11px}
.caption b{font-style:normal;color:var(--ink);font-weight:500}
/* pet silhouette placeholder */
.pet-sil{width:56%;opacity:.9;filter:drop-shadow(0 6px 10px rgba(0,0,0,.18))}

/* ---------- HERO ---------- */
.hero{background:var(--green);color:var(--paper);position:relative;overflow:hidden;padding:0}
.hero-in{display:grid;grid-template-columns:1.02fr .98fr;min-height:640px;align-items:center;gap:40px}
.hero-copy{padding:70px 0}
.hero h1{font-size:clamp(40px,5.4vw,68px);color:var(--paper)}
.hero h1 .sub{display:block;color:var(--brass-soft);font-style:italic;font-weight:400}
.hero-lede{color:#cfd8d1;font-size:19px;margin-top:22px;max-width:440px}
/* upload studio card */
.studio{background:var(--paper);color:var(--ink);border-radius:14px;padding:22px;box-shadow:var(--shadow);margin-top:30px;max-width:430px}
.drop{border:2px dashed var(--brass-soft);border-radius:11px;padding:26px 20px;text-align:center;cursor:pointer;transition:.2s;background:var(--paper-2)}
.drop:hover{border-color:var(--brass);background:#efe7d6}
.drop .ico{width:38px;height:38px;margin:0 auto 10px;color:var(--brass)}
.drop b{display:block;font-size:15px}
.drop span{font-size:13px;color:var(--ink-soft)}
.studio-hint{font-size:12.5px;color:var(--ink-soft);text-align:center;margin-top:12px}
/* gallery wall cluster */
.wall{position:relative;height:100%;min-height:560px}
.wall .frame{position:absolute;width:190px}
.wall .f1{top:60px;left:26%;transform:rotate(-3deg);z-index:2}
.wall .f2{top:34px;right:2%;width:168px;transform:rotate(2.5deg)}
.wall .f3{bottom:40px;left:2%;width:172px;transform:rotate(2deg)}
.wall .f4{bottom:14px;right:10%;width:200px;transform:rotate(-2deg);z-index:2}
.wall .nail{position:absolute;width:7px;height:7px;background:var(--brass);border-radius:50%;top:-3px;left:50%;transform:translateX(-50%);box-shadow:0 1px 2px rgba(0,0,0,.4)}
.hero-trust{display:flex;gap:26px;margin-top:26px;font-size:14px;color:#cfd8d1;align-items:center;flex-wrap:wrap}
.hero-trust .stars{color:var(--brass-soft);letter-spacing:2px}

/* ---------- categories ---------- */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cat{border:1px solid var(--line);border-radius:14px;padding:26px;background:#fff;transition:.2s;cursor:pointer;display:flex;flex-direction:column;gap:14px;min-height:210px}
.cat:hover{box-shadow:var(--shadow-sm);transform:translateY(-3px)}
.cat .swatch{height:74px;border-radius:9px;display:flex;align-items:flex-end;padding:10px}
.cat h3{font-size:23px}
.cat .count{font-size:13px;color:var(--ink-soft);margin-top:auto}
.cat .go{font-size:14px;color:var(--green);font-weight:500}
.cat.memorial{background:var(--dusk-tint);border-color:#d2d9df}
.cat.memorial .go{color:#5c6b78}
.collection-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:-10px 0 28px;flex-wrap:wrap}
.collection-tabs{display:flex;gap:10px;flex-wrap:wrap}
.collection-tab{font-family:var(--sans);font-size:15px;font-weight:500;border:1px solid var(--line);background:transparent;color:var(--ink);padding:12px 21px;border-radius:999px;cursor:pointer;transition:.18s}
.collection-tab:hover{background:var(--paper-2)}
.collection-tab.on{background:var(--green);border-color:var(--green);color:var(--paper)}
.collection-help{font-size:13px;color:var(--ink-soft)}
.cat{position:relative;overflow:hidden}
.cat .swatch{position:relative;overflow:hidden}
.cat .swatch:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(20,18,14,.22))}
.cat .swatch-label{position:relative;z-index:1;color:#fff;font-family:var(--serif);font-size:16px;text-shadow:0 1px 10px rgba(0,0,0,.25)}
.cat .mini-links{display:flex;gap:6px;flex-wrap:wrap;margin-top:-3px}
.cat .mini-links a{position:relative;z-index:2;font-size:11.5px;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:4px 8px;background:rgba(255,255,255,.45);text-decoration:none}
.cat .mini-links a:hover,.cat .mini-links a:focus-visible{color:var(--green);border-color:var(--brass);background:#fff}
.cat .go{position:relative;z-index:2;width:max-content;text-decoration:none}
.cat .go:hover,.cat .go:focus-visible{text-decoration:underline;text-underline-offset:4px}
.cat:focus-within{outline:3px solid rgba(180,137,78,.32);outline-offset:3px}
.cat.selected{border-color:var(--brass);box-shadow:0 0 0 2px rgba(180,137,78,.16),var(--shadow-sm)}
.collection-selection{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin-top:24px;padding:20px 22px;background:var(--green-tint);border:1px solid #cad8ce;border-radius:14px}
.collection-selection h3{font-size:22px;margin-bottom:5px}
.collection-selection p{font-size:14px;color:var(--ink-soft)}
.collection-selection .btn{white-space:nowrap}

/* ---------- popular styles studio strip ---------- */
.styles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.same-note{display:inline-flex;align-items:center;gap:8px;background:var(--green-tint);color:var(--green);font-size:13px;padding:7px 14px;border-radius:999px;margin-top:18px}

/* ---------- gallery band ---------- */
.gallery-band{background:var(--paper-2)}
.masonry{columns:4;column-gap:18px}
.masonry .frame{margin-bottom:18px;break-inside:avoid;padding:10px}
.masonry .caption{padding-top:8px;font-size:13px}

/* ---------- steps ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.step{position:relative;padding-top:8px}
.step .n{font-family:var(--serif);font-size:46px;color:var(--brass-soft);line-height:1}
.step h3{font-size:22px;margin:12px 0 8px}
.step p{color:var(--ink-soft);font-size:15px}

/* ---------- testimonials ---------- */
.tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tst{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px}
.tst .stars{color:var(--brass);letter-spacing:2px;font-size:15px}
.tst p{font-family:var(--serif);font-size:18px;line-height:1.5;margin:14px 0 18px}
.tst .who{display:flex;align-items:center;gap:12px;font-size:14px}
.tst .av{width:40px;height:40px;border-radius:50%;background:var(--green-tint);display:grid;place-items:center;color:var(--green);flex:none}
.tst .who b{display:block}.tst .who span{color:var(--ink-soft)}

/* ---------- CTA band ---------- */
.cta-band{background:var(--green);color:var(--paper);text-align:center;border-radius:20px;padding:66px 30px;margin:0 28px}
.cta-band h2{font-size:clamp(30px,4vw,44px);color:var(--paper);max-width:620px;margin:0 auto}
.cta-band p{color:#cfd8d1;margin:16px auto 30px;max-width:480px;font-size:18px}

/* ---------- footer ---------- */
footer{background:var(--green);color:#b9c6bd;padding:64px 0 40px;margin-top:80px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:34px}
footer h4{font-family:var(--sans);color:var(--paper);font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 16px;font-weight:600}
footer a{display:block;color:#b9c6bd;font-size:14px;padding:4px 0}
footer a:hover{color:var(--paper)}
.foot-brand .logo{color:var(--paper);margin-bottom:14px}
.foot-brand p{font-size:14px;max-width:230px}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:44px;padding-top:22px;display:flex;justify-content:space-between;font-size:13px;flex-wrap:wrap;gap:10px}

/* ---------- INNER (royal) page ---------- */
#page-royal,#page-pricing{display:none}
.crumb{font-size:13.5px;color:var(--ink-soft);padding:26px 0 0}
.crumb a:hover{color:var(--green)}
.crumb b{color:var(--ink);font-weight:500}
.royal-head{padding:26px 0 10px;max-width:720px}
.royal-head h1{font-size:clamp(34px,4.6vw,54px)}
.royal-head p{color:var(--ink-soft);font-size:18px;margin-top:16px}
/* studio big */
.studio-lg{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow-sm);margin:32px 0 10px}
.stage{background:var(--green);border-radius:12px;padding:26px;display:grid;place-items:center;position:relative;min-height:380px}
.stage .frame{width:270px}
.stage-empty{color:#cfd8d1;text-align:center}
.stage-empty .ico{width:52px;height:52px;margin:0 auto 12px;color:var(--brass-soft)}
.watermark{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--serif);font-size:26px;color:rgba(255,255,255,.14);transform:rotate(-16deg);letter-spacing:.1em;pointer-events:none}
.picker h3{font-size:22px;margin-bottom:4px}
.picker .lede{color:var(--ink-soft);font-size:14px;margin-bottom:18px}
.substyles{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}
.chip{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:9px 16px;font-size:14px;cursor:pointer;transition:.15s;font-family:var(--sans)}
.chip:hover{border-color:var(--brass)}
.chip.on{background:var(--green);color:var(--paper);border-color:var(--green)}
.deliver{border-top:1px solid var(--line);padding-top:18px;margin-top:4px}
.deliver .row{display:flex;justify-content:space-between;font-size:14px;color:var(--ink-soft);padding:5px 0}
.deliver .row b{color:var(--ink);font-weight:500}
.price{font-family:var(--serif);font-size:30px;color:var(--ink);margin:6px 0 16px}
.price small{font-family:var(--sans);font-size:14px;color:var(--ink-soft)}
/* unlock panel */
.unlock{display:none;background:var(--paper-2);border:1px solid var(--line);border-radius:12px;padding:18px;margin-top:16px}
.unlock.show{display:block}
.unlock .opt{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:9px;padding:12px 15px;margin-bottom:9px;cursor:pointer}
.unlock .opt:hover{border-color:var(--brass)}
.unlock .opt b{font-weight:500}
.unlock .opt span{color:var(--ink-soft);font-size:13px}
/* royal examples */
.faq-item{border-top:1px solid var(--line);padding:20px 0}
.faq-item h3{font-size:19px;margin-bottom:8px;font-family:var(--serif)}
.faq-item p{color:var(--ink-soft);font-size:15px}
.related{display:flex;gap:12px;flex-wrap:wrap}
.related a{border:1px solid var(--line);border-radius:999px;padding:9px 18px;font-size:14px;color:var(--green);background:#fff}
.related a:hover{background:var(--green-tint)}

/* ---------- PRICING PAGE ---------- */
.pricing-hero{background:var(--green);color:var(--paper);padding:72px 0;position:relative;overflow:hidden}
.pricing-hero:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(217,195,158,.17);border-radius:50%;right:-120px;top:-180px;box-shadow:0 0 0 68px rgba(217,195,158,.035),0 0 0 136px rgba(217,195,158,.025)}
.pricing-hero .wrap{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:center;gap:68px;position:relative}
.pricing-hero .eyebrow{color:var(--brass-soft)}
.pricing-hero h1{font-size:clamp(40px,5.3vw,62px);max-width:760px;color:var(--paper)}
.pricing-hero p{font-size:18px;line-height:1.65;color:#d4ded7;max-width:650px;margin:20px 0 0}
.pricing-early{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:9px 15px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:var(--brass-soft);font-size:13px}
.pricing-path{background:var(--paper);color:var(--ink);border-radius:18px;padding:26px;box-shadow:0 26px 55px -24px rgba(0,0,0,.55);transform:rotate(1.5deg)}
.pricing-path-title{font-family:var(--serif);font-size:24px;margin-bottom:18px}
.pricing-path-step{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}
.pricing-path-step:first-of-type{border-top:0}.pricing-path-step b{display:block;font-size:14px}.pricing-path-step span{display:block;color:var(--ink-soft);font-size:12px;margin-top:2px}
.pricing-path-num{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--green-tint);color:var(--green);font-family:var(--serif);font-weight:600}
.pricing-section{padding:72px 0}
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}
.price-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:var(--shadow-sm)}
.price-card.featured{background:var(--green);color:var(--paper);border:2px solid var(--green);padding:29px;transform:translateY(-10px);box-shadow:0 25px 48px -24px rgba(31,61,52,.8)}
.price-card.value{background:#f4ead7;border-color:var(--brass-soft)}
.price-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--brass);color:#2b2413;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;white-space:nowrap}
.price-card .plan{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--brass);font-weight:600}
.price-card.featured .plan{color:var(--brass-soft)}
.price-card h2{font-size:28px;margin-top:10px}
.price-amount{font-family:var(--serif);font-size:48px;line-height:1;margin:22px 0 5px}
.price-once{color:var(--ink-soft);font-size:13px}
.price-unit{color:var(--green);font-size:14px;font-weight:600;margin-top:9px}
.price-list{list-style:none;margin:24px 0 28px;padding:20px 0 0;border-top:1px solid var(--line);display:grid;gap:12px;color:var(--ink-soft);font-size:14px}
.price-list li{display:flex;gap:10px}
.price-list li:before{content:"✓";color:var(--green);font-weight:700}
.price-card.featured .price-once,.price-card.featured .price-list{color:#cbd8d0}.price-card.featured .price-list{border-color:rgba(255,255,255,.16)}.price-card.featured .price-unit,.price-card.featured .price-list li:before{color:var(--brass-soft)}
.price-card .btn{margin-top:auto;justify-content:center;width:100%}
.btn-coming{background:var(--paper-2);color:var(--ink-soft);border:1px solid var(--line);cursor:default}
.price-card.featured .btn-coming{background:var(--brass);color:#2b2413;border-color:var(--brass)}
.pricing-rule{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:start;padding-top:0}
.pricing-rule h2{font-size:clamp(32px,4vw,46px)}
.pricing-rule-copy{display:grid;gap:18px}
.pricing-rule-copy p{color:var(--ink-soft)}
.pricing-rule-copy strong{color:var(--ink)}
.pricing-note{background:var(--green-tint);border:1px solid #cad8ce;border-radius:15px;padding:22px;color:var(--green)}
.pricing-faq{max-width:820px;margin:0 auto}
.pricing-cta{text-align:center;background:var(--paper-2);border:1px solid var(--line);border-radius:20px;padding:46px 28px}
.pricing-cta h2{font-size:clamp(30px,4vw,42px)}
.pricing-cta p{color:var(--ink-soft);margin:12px auto 24px;max-width:560px}

/* ---------- view switcher ---------- */
.switcher{display:none}
.switcher button{border:none;background:transparent;color:#cfc9bf;padding:9px 18px;border-radius:999px;cursor:pointer;font-family:var(--sans);font-size:13.5px}
.switcher button.on{background:var(--brass);color:#2b2413;font-weight:500}
.switcher .lbl{color:#8f887c;padding:9px 4px 9px 14px}

@media(max-width:940px){
  .hero-in{grid-template-columns:1fr}.wall{display:none}
  .mega-grid{grid-template-columns:repeat(2,1fr)}
  .cat-grid,.styles-grid,.steps,.tst-grid{grid-template-columns:1fr 1fr}
  .masonry{columns:2}.foot-grid{grid-template-columns:1fr 1fr}
  .studio-lg,.pricing-rule,.pricing-hero .wrap{grid-template-columns:1fr}.pricing-hero .wrap{gap:38px}.pricing-path{max-width:520px;transform:none}.price-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}
}
@media(max-width:560px){
  .cat-grid,.styles-grid,.steps,.tst-grid,.foot-grid{grid-template-columns:1fr}
  .masonry{columns:1}
  .collection-bar{align-items:flex-start}
  .collection-tabs{width:100%}
  .collection-tab{flex:1;padding-left:10px;padding-right:10px}
  .collection-selection{grid-template-columns:1fr}
  .collection-selection .btn{justify-content:center}
  .price-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.pricing-hero{padding:54px 0}.pricing-path{padding:20px}
}

/* SEO sections extend the approved gallery language */
/* Restore the tighter, overlapping hero salon arrangement from the approved visual reference. */
.wall .frame{width:230px}
.wall .f1{top:60px;left:18%;width:230px;transform:rotate(-3deg);z-index:2}
.wall .f2{top:34px;left:52%;right:auto;width:200px;transform:rotate(2.5deg);z-index:1}
.wall .f3{bottom:40px;left:4%;width:205px;transform:rotate(2deg);z-index:1}
.wall .f4{bottom:14px;left:44%;right:auto;width:235px;transform:rotate(-2deg);z-index:2}
.seo-feature{background:var(--paper-2)}
.seo-feature-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}
.seo-feature-copy h2{font-size:clamp(34px,4.2vw,52px);margin:9px 0 20px}
.seo-feature-copy p{color:var(--ink-soft);font-size:16px;line-height:1.78;margin-top:13px}
.seo-points{display:grid;gap:13px;margin-top:26px}
.seo-point{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start}
.seo-point .num{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--brass-soft);font-family:var(--serif)}
.seo-point b{display:block;font-family:var(--serif);font-size:18px;margin-bottom:2px}
.seo-point span{color:var(--ink-soft);font-size:14px;line-height:1.55}
.seo-feature-art{min-height:540px;background:var(--green);border-radius:20px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;overflow:hidden;position:relative}
.seo-feature-art:before{content:'FROM PHOTO TO PORTRAIT';position:absolute;top:23px;left:28px;color:var(--brass-soft);font-size:10px;letter-spacing:.18em}
.seo-feature-art .frame:first-of-type{transform:rotate(-2.2deg) translateY(12px)}
.seo-feature-art .frame:last-of-type{transform:rotate(2.5deg) translateY(-15px)}
.seo-feature-art .frame{box-shadow:0 22px 45px rgba(0,0,0,.28)}
.faq-band{background:var(--paper)}
.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}
.faq-intro{background:var(--green);color:var(--paper);border-radius:18px;padding:42px;position:sticky;top:24px;box-shadow:var(--shadow)}
.faq-intro .eyebrow{color:var(--brass-soft)}
.faq-intro h2{font-size:clamp(34px,4vw,48px);margin:10px 0 16px}
.faq-intro p{color:#d7dfd9;font-size:16px;line-height:1.7}
.faq-list .faq-item{padding:24px 0;border-color:var(--line)}
.faq-list .faq-item:first-child{border-top:0;padding-top:2px}
.faq-list .faq-item h3{font-size:22px;margin-bottom:10px}
.faq-list .faq-item p{font-size:15.5px;line-height:1.72}
@media(max-width:940px){.seo-feature-grid,.faq-layout{grid-template-columns:1fr;gap:38px}.faq-intro{position:static}.seo-feature-art{min-height:auto}}
@media(max-width:560px){.seo-feature-art{padding:44px 20px 25px;gap:12px;border-radius:12px}.seo-feature-art .caption{font-size:12px}.faq-intro{padding:30px}.nav-in{height:64px;gap:10px}.logo{font-size:19px;white-space:nowrap}.logo .brand-mark{width:30px;height:30px}.nav-right .btn-ghost{display:none}.nav-right{gap:0}.nav-right .btn-primary{font-size:13px;padding:10px 12px}}


/* ----- INTEGRATED PORTRAIT WORKBENCH V5 ----- */
.wb{background:#efe8dc;padding:68px 0 82px;border-bottom:1px solid var(--line)}
.wb-head{text-align:center;max-width:720px;margin:0 auto 31px}.wb-head h2{font-size:clamp(35px,4.5vw,50px)}.wb-head p{font-size:17px;color:var(--ink-soft);margin-top:13px}
.wb-shell{height:660px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);grid-template-rows:minmax(0,1fr);background:var(--paper);border:1px solid #d9cebd;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.wb-shell.wb-arrived{animation:wb-arrive 1.6s ease}@keyframes wb-arrive{0%,100%{box-shadow:var(--shadow)}35%{box-shadow:0 0 0 4px rgba(190,142,72,.28),0 24px 55px rgba(48,38,24,.2)}}
.wb-stage{background:var(--green);color:var(--paper);padding:24px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;height:100%}.wb-stagebar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:15px}.wb-stagebar h3{font-size:26px;color:var(--paper)}.wb-stagebar p{font-size:12px;color:#bfcdc5;margin-top:4px}.wb-views{display:flex;background:rgba(255,255,255,.08);padding:4px;border-radius:999px;gap:3px}.wb-view{border:0;background:transparent;color:#b9c8c0;border-radius:999px;padding:7px 11px;font-size:10px;cursor:pointer}.wb-view.on{background:var(--brass);color:#2b2413}.wb-view:disabled{opacity:.38;cursor:not-allowed}
.wb-canvas{min-height:0;border-radius:14px;background:rgba(0,0,0,.13);display:grid;place-items:center;position:relative;overflow:hidden;padding:18px}.wb-frame{width:min(72%,360px);height:100%;max-height:100%;background:#fff;padding:13px;margin:0;box-shadow:0 26px 52px -25px rgba(0,0,0,.75);position:relative;display:grid;grid-template-rows:minmax(0,1fr) 38px}.wb-frame img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;background:#f7f2e9}.wb-frame figcaption{height:38px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--ink);font:italic 13px/1.2 var(--serif);white-space:nowrap;overflow:hidden}.wb-frame figcaption b{font-style:normal;font-weight:600}.wb-chip{position:absolute;left:15px;top:15px;background:rgba(31,61,52,.87);border:1px solid rgba(255,255,255,.22);border-radius:999px;color:var(--paper);padding:6px 10px;font-size:9px;letter-spacing:.08em}.wb-watermark{display:none;position:absolute;inset:13px 13px 51px;place-items:center;overflow:hidden}.wb-watermark.show{display:grid}.wb-watermark:after{content:'PAW PORTRAIT LAB  ·  PREVIEW';width:165%;transform:rotate(-29deg);text-align:center;color:rgba(255,255,255,.57);font-size:12px;font-weight:600;letter-spacing:.14em;text-shadow:0 1px 3px rgba(0,0,0,.28)}
.wb-loader{display:none;text-align:center;width:min(420px,88%)}.wb-loader.show{display:block}.wb-spin{width:62px;height:62px;border:3px solid rgba(255,255,255,.18);border-top-color:var(--brass-soft);border-radius:50%;animation:wbspin 1s linear infinite;margin:0 auto 17px}@keyframes wbspin{to{transform:rotate(360deg)}}.wb-loader h3{color:var(--paper);font-size:27px}.wb-loader p{color:#c3d0c9;font-size:12px;margin-top:7px}.wb-progress{height:10px;background:rgba(255,255,255,.13);border-radius:999px;overflow:hidden;margin:22px 0 10px;border:1px solid rgba(255,255,255,.08)}.wb-progress-bar{width:4%;height:100%;background:linear-gradient(90deg,var(--brass),#e6cca4);border-radius:inherit;transition:width .55s ease}.wb-progress-meta{display:flex;justify-content:space-between;gap:18px;color:#d7e0da;font-size:11px}.wb-progress-meta b{color:var(--paper);font-size:12px}.wb-progress-note{font-size:10px!important;color:#9fb0a7!important;margin-top:10px!important}
.wb-stagefoot{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:15px}.wb-stagefoot p{font-size:11px;color:#bdcac3}.wb-results{display:flex;gap:7px;min-height:45px}.wb-result{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:2px;background:transparent;cursor:pointer}.wb-result.show{display:block}.wb-result.on{border-color:var(--brass-soft);box-shadow:0 0 0 1px var(--brass-soft)}.wb-result img{width:100%;height:100%;object-fit:cover;border-radius:3px}
.wb-panel{min-width:0;min-height:0;height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:var(--paper);border-left:1px solid var(--line);overflow:hidden}.wb-upload{padding:18px;border-bottom:1px solid var(--line)}.wb-upload-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.wb-upload-title div{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--brass);font-weight:600}.wb-upload-title span{font-size:9px;color:var(--ink-soft)}.wb-file{height:88px;border:1.5px dashed var(--brass-soft);background:var(--paper-2);border-radius:12px;display:grid;place-items:center;text-align:center;cursor:pointer;position:relative;overflow:hidden;transition:height .2s ease,border-color .2s ease}.wb-file:hover{border-color:var(--brass)}.wb-file svg{color:var(--brass)}.wb-file b{display:block;font-size:12px;margin-top:2px}.wb-file small{display:block;font-size:9.5px;color:var(--ink-soft)}.wb-file img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.wb-file-ready{display:none}.wb-file.has-photo{height:112px;border-style:solid;background:#e5ece7;grid-template-columns:92px minmax(0,1fr);gap:15px;padding:9px;text-align:left;place-items:center stretch}.wb-file.has-photo img{position:static;width:92px;height:92px;object-fit:contain;padding:5px;border-radius:9px;background:#d7e2da}.wb-file.has-photo .wb-file-ready{display:flex;flex-direction:column;justify-content:center}.wb-file.has-photo .wb-file-ready b{font-size:14px;color:var(--green);margin:0}.wb-file.has-photo .wb-file-ready small{font-size:10px;margin-top:4px}.wb-upload.has-photo .wb-sample{display:none}.wb-upload-meta{display:none;justify-content:space-between;align-items:center;margin-top:9px;font-size:11px;color:var(--ink-soft)}.wb-upload-meta.show{display:flex}.wb-upload-meta span:before{content:'✓';display:inline-grid;place-items:center;width:18px;height:18px;margin-right:7px;border-radius:50%;background:var(--green);color:#fff;font-size:10px}.wb-link{border:0;background:none;color:var(--green);font-weight:600;padding:0;cursor:pointer;font-size:inherit}.wb-sample{display:block;margin:8px auto 0}
.wb-panel.wb-choose-style{animation:wb-choose-style 1.5s ease}@keyframes wb-choose-style{0%,100%{box-shadow:none}25%,70%{box-shadow:inset 0 0 0 4px rgba(190,142,72,.55)}}
.wb-categories{padding:13px 14px 10px;border-bottom:1px solid var(--line);overflow:hidden}.wb-cats{display:flex;gap:8px;overflow:auto;padding:1px 0 5px;scrollbar-width:thin}.wb-cat{border:1px solid #d8cbb8;border-radius:999px;padding:9px 14px;white-space:nowrap;font-size:12px;line-height:1;font-weight:650;color:var(--ink);cursor:pointer;transition:.16s}.wb-cat:nth-child(1){background:#f5ead5}.wb-cat:nth-child(2){background:#e5eee8}.wb-cat:nth-child(3){background:#f1e3d9}.wb-cat:nth-child(4){background:#e4eceb}.wb-cat:nth-child(5){background:#eee4e3}.wb-cat:hover{border-color:var(--brass);transform:translateY(-1px)}.wb-cat.on{background:var(--green);border-color:var(--green);color:var(--paper);box-shadow:0 4px 12px rgba(31,61,52,.16)}
.wb-library{min-height:0;overflow:auto;padding:14px;scrollbar-color:var(--brass-soft) transparent;scrollbar-width:thin}.wb-library-head{display:flex;justify-content:space-between;margin-bottom:10px}.wb-library-head b{font:500 18px var(--serif)}.wb-library-head span{font-size:10px;color:var(--ink-soft)}.wb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wb-style{border:1px solid var(--line);background:#fff;border-radius:9px;padding:5px;text-align:left;cursor:pointer;position:relative;min-width:0;transition:.15s}.wb-style:hover{border-color:var(--brass);transform:translateY(-1px)}.wb-style.on{border-color:var(--green);box-shadow:0 0 0 2px rgba(31,61,52,.13)}.wb-style.on:after{content:'✓';position:absolute;right:8px;top:8px;width:20px;height:20px;background:var(--green);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:9px}.wb-style.wb-next-style{animation:wb-next-style 1.8s ease}@keyframes wb-next-style{0%,100%{box-shadow:0 0 0 2px rgba(31,61,52,.13)}25%,70%{box-shadow:0 0 0 5px rgba(190,142,72,.55);transform:translateY(-2px)}}.wb-style img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:5px}.wb-style strong{display:block;font-size:11.5px;margin:6px 2px 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-style small{display:block;font-size:8.5px;color:var(--ink-soft);margin:0 2px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb-action{padding:16px 18px 18px;border-top:1px solid var(--line);background:rgba(250,246,239,.98)}.wb-selectedline{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--ink-soft);margin-bottom:10px}.wb-selectedline b{color:var(--ink);font-weight:600}.wb-generate{width:100%;min-height:52px;justify-content:center;font-size:15px}.wb-generate:disabled{opacity:.42;cursor:not-allowed}.wb-post{display:none;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.wb-post.show{display:grid}.wb-post button{min-height:44px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600;cursor:pointer}.wb-post button:hover{border-color:var(--brass)}.wb-post .gold{grid-column:1/-1;grid-row:1;background:var(--brass);border-color:var(--brass);color:#201b14;font-size:15px;min-height:50px}.wb-actionnote{text-align:center;color:#766e64;font-size:10px;margin-top:10px}
.wb-download{display:none;position:fixed;inset:0;z-index:220;background:rgba(17,27,22,.72);place-items:center;padding:20px}.wb-download.show{display:grid}.wb-modal{background:var(--paper);width:min(560px,100%);padding:30px;border-radius:19px;box-shadow:0 30px 70px rgba(0,0,0,.32)}.wb-modalhead{display:flex;justify-content:space-between;gap:15px}.wb-modal h3{font-size:31px}.wb-modal p{color:var(--ink-soft);margin:8px 0 19px}.wb-close{border:0;background:var(--paper-2);width:40px;height:40px;border-radius:50%;font-size:20px;cursor:pointer}.wb-option{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;border-radius:13px;padding:18px;margin-top:11px;cursor:pointer;font:inherit}.wb-option:hover{border-color:var(--brass);box-shadow:0 8px 20px -16px rgba(34,32,28,.7)}.wb-option b,.wb-option span{display:block}.wb-option b{font-size:17px}.wb-option span{font-size:12px;color:var(--ink-soft);margin-top:3px}.wb-option strong{color:var(--green);font-size:14px}.wb-option-primary{background:var(--green);border-color:var(--green);color:var(--paper)}.wb-option-primary span{color:#d3ded7}.wb-option-primary strong{color:var(--brass-soft)}.wb-option[disabled]{cursor:not-allowed;opacity:.55;background:var(--paper-2);box-shadow:none}.wb-modal-note{font-size:11px!important;margin:13px 2px 0!important;color:#857d72!important}
@media(max-width:1080px) and (min-width:821px){.wb-shell{grid-template-columns:minmax(0,1fr) 400px}.wb-frame{width:min(78%,320px)}}
@media(max-width:820px){.wb{padding:58px 0 74px}.wb-shell{height:auto;grid-template-columns:1fr;overflow:hidden}.wb-stage{min-height:610px}.wb-panel{border-left:0;border-top:1px solid var(--line);grid-template-rows:auto auto auto auto}.wb-library{max-height:480px}.wb-frame{width:min(72%,330px)}}
@media(max-width:520px){.wb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-cat{font-size:11.5px;padding:9px 12px}}



.ppl-nav{position:sticky;top:0;z-index:90;background:rgba(250,246,239,.96);border-bottom:1px solid #e3d8c8;backdrop-filter:blur(14px);color:#24211d;font-family:Inter,system-ui,sans-serif}.ppl-shell{width:min(100% - 48px,1320px);margin-inline:auto}.ppl-nav-row{height:72px;display:flex;align-items:center;gap:30px}.ppl-brand{display:flex;align-items:center;gap:11px;white-space:nowrap;color:#24211d;text-decoration:none;font:600 22px Fraunces,Georgia,serif}.ppl-brand img{width:34px;height:34px}.ppl-desktop-nav{display:flex;align-items:center;gap:24px;margin-left:18px}.ppl-desktop-nav>a,.ppl-nav-summary{color:#655e55;text-decoration:none;font-size:14px;padding:10px 0}.ppl-desktop-nav>a:hover,.ppl-nav-summary:hover,.ppl-desktop-nav [aria-current=page]{color:#1f4036}.ppl-nav-menu{position:relative}.ppl-nav-summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px}.ppl-nav-summary::-webkit-details-marker{display:none}.ppl-nav-summary:after{content:"";width:7px;height:7px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);margin-top:-4px}.ppl-nav-menu[open] .ppl-nav-summary:after{transform:rotate(225deg);margin-top:4px}.ppl-nav-panel{position:absolute;top:calc(100% + 10px);left:-22px;width:630px;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;background:#fffaf4;border:1px solid #e3d8c8;border-radius:17px;box-shadow:0 24px 55px -34px #241d16;z-index:100}.ppl-nav-panel.pets{width:330px;grid-template-columns:1fr}.ppl-nav-item{display:block;padding:12px;border-radius:11px;color:#24211d;text-decoration:none}.ppl-nav-item:hover{background:#f1e9dd}.ppl-nav-item b{display:block;font:500 16px Fraunces,Georgia,serif}.ppl-nav-item span{display:block;color:#746b60;font-size:11px;margin-top:2px}.ppl-account-link{margin-left:auto;white-space:nowrap;color:#1f4036;text-decoration:none;font-size:13px}.ppl-credit-badge{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #dfd4c3;background:#f2ebdf;border-radius:12px;color:#244238}.ppl-credit-badge:hover{background:#e9dfce}.ppl-credit-icon{color:#a87934;font-size:17px}.ppl-credit-badge b{font-size:14px}.ppl-nav-cta{margin-left:0;background:#ba8e4d;color:#17342c!important;text-decoration:none;border-radius:999px;padding:11px 19px;font-weight:700;font-size:13px;white-space:nowrap}.ppl-mobile-menu{display:none;margin-left:auto;position:relative}.ppl-mobile-menu>summary{list-style:none;border:1px solid #d9cbb8;border-radius:999px;padding:8px 13px;cursor:pointer;font-weight:700}.ppl-mobile-menu>summary::-webkit-details-marker{display:none}.ppl-mobile-panel{position:absolute;right:0;top:48px;width:min(330px,calc(100vw - 30px));max-height:calc(100vh - 105px);overflow:auto;background:#fffaf4;border:1px solid #e3d8c8;border-radius:16px;box-shadow:0 24px 55px -34px #241d16;padding:12px}.ppl-mobile-panel b{display:block;color:#ba8e4d;font-size:11px;text-transform:uppercase;letter-spacing:.1em;padding:8px 10px 4px}.ppl-mobile-panel a{display:block;color:#24211d;text-decoration:none;padding:9px 10px;border-radius:9px}.ppl-mobile-panel a:hover{background:#f1e9dd}
.ppl-related{padding:72px 0;background:#f1e9dd;border-top:1px solid #e3d8c8}.ppl-related-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:25px}.ppl-related-head h2{font:500 clamp(30px,4vw,45px)/1.08 Fraunces,Georgia,serif;margin:0;color:#24211d}.ppl-related-head p{margin:0;max-width:510px;color:#655e55}.ppl-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ppl-related-card{display:block;background:#fff;border:1px solid #e3d8c8;border-radius:15px;padding:21px;color:#24211d;text-decoration:none;transition:.18s}.ppl-related-card:hover{transform:translateY(-3px);border-color:#ba8e4d;box-shadow:0 18px 38px -30px #241d16}.ppl-related-card small{display:block;color:#ba8e4d;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.ppl-related-card b{display:block;font:500 21px Fraunces,Georgia,serif;margin-top:5px}.ppl-related-card span{display:block;color:#655e55;font-size:13px;margin-top:5px}.ppl-related-card i{display:block;color:#1f4036;font-style:normal;font-weight:700;margin-top:13px}
.ppl-footer{background:#1f4036!important;color:#bfd0c8!important;padding:54px 0 26px!important;margin:0!important;font-family:Inter,system-ui,sans-serif}.ppl-footer-grid{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:34px}.ppl-footer-brand .ppl-brand{color:#fff}.ppl-footer-brand p{max-width:260px;margin:14px 0 0;color:#bfd0c8}.ppl-footer h4{color:#fff!important;font:700 12px Inter,system-ui,sans-serif!important;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px!important}.ppl-footer a{display:block!important;color:#c7d6cf!important;text-decoration:none!important;padding:4px 0!important;font-size:14px!important}.ppl-footer a:hover{color:#fff!important}.ppl-policy-links{display:flex;gap:18px;flex-wrap:wrap}.ppl-footer-bottom{border-top:1px solid #ffffff20;margin-top:38px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px}
@media(max-width:1050px){.ppl-desktop-nav{gap:16px;margin-left:4px}.ppl-nav-cta{display:none}.ppl-footer-grid{grid-template-columns:1.3fr repeat(2,1fr)}}
@media(max-width:800px){.ppl-shell{width:min(100% - 30px,1320px)}.ppl-nav-row{height:66px}.ppl-brand{font-size:19px}.ppl-desktop-nav{display:none}.ppl-mobile-menu{display:block}.ppl-related{padding:55px 0}.ppl-related-head{display:block}.ppl-related-head p{margin-top:10px}.ppl-related-grid{grid-template-columns:1fr 1fr}.ppl-footer-grid{grid-template-columns:1fr 1fr}.ppl-footer-brand{grid-column:1/-1}}
@media(max-width:360px){.ppl-nav .ppl-brand img{display:none}.ppl-nav .ppl-brand{font-size:15px}}
@media(max-width:520px){.ppl-nav-row{gap:8px}.ppl-brand{font-size:16px;gap:6px}.ppl-brand img{width:28px;height:28px}.ppl-account-link{font-size:12px}.ppl-credit-badge{padding:7px 8px;gap:4px}.ppl-credit-icon{display:none}.ppl-mobile-menu>summary{font-size:12px;padding:8px 10px}.ppl-related-grid,.ppl-footer-grid{grid-template-columns:1fr}.ppl-footer-brand{grid-column:auto}.ppl-related-card{padding:18px}}

/* ==========================================================
   Paw Portrait Lab · 视觉 v2（暖色奶油底 + 深绿主色 + 珊瑚强调）
   只改样式：放在所有原有样式之后加载即可，不改任何结构和逻辑
   ========================================================== */
:root{
  --ink:#1F2A26; --ink-soft:#6B5E55;
  --paper:#FFF8F1; --paper-2:#FFF1E6;
  --green:#1F3D34; --green-2:#163029; --green-tint:#E3EFE8;
  --brass:#B9441D; --brass-soft:#F2C3A4;
  --coral:#B9441D; --warm-1:#D4542A; --warm-2:#E8902B;
  --line:#EADBCB;
  --serif:"Fredoka",system-ui,-apple-system,sans-serif;
  --sans:"Nunito",system-ui,-apple-system,sans-serif;
  --shadow:0 18px 44px -22px rgba(120,72,40,.38);
  --shadow-sm:0 10px 30px rgba(120,72,40,.10);
  --glow:radial-gradient(55% 70% at 12% 18%,#FFD6BC 0%,rgba(255,214,188,0) 70%),
         radial-gradient(45% 60% at 88% 25%,#FDE2B3 0%,rgba(253,226,179,0) 70%),
         radial-gradient(60% 60% at 55% 105%,#F8CDD5 0%,rgba(248,205,213,0) 70%);
}
body{font-family:var(--sans);color:var(--ink);background:var(--paper)}
h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.005em}
.eyebrow{color:var(--coral);font-weight:800;letter-spacing:.12em}
.sec-head p{color:var(--ink-soft)}

/* ---------- 标签 HOT / NEW ---------- */
.ppl-badge{display:inline-block;vertical-align:middle;margin-left:8px;font:800 11px/1 var(--sans);letter-spacing:.05em;padding:4px 9px;border-radius:999px}
.ppl-badge.hot{background:var(--coral);color:#fff}
.ppl-badge.new{background:var(--green-tint);color:var(--green);border:1px solid var(--green);padding:3px 8px}

/* 皇室风格加 HOT（用 CSS 加，原有脚本重绘卡片也不会丢） */
.cat[data-href*="royal-pet-portraits"] h3::after,
.ppl-nav-item[href*="royal-pet-portraits"] b::after{content:"HOT";display:inline-block;vertical-align:middle;margin-left:8px;font:800 11px/1 var(--sans);letter-spacing:.05em;padding:4px 9px;border-radius:999px;background:var(--coral);color:#fff}

/* ---------- 按钮 ---------- */
.btn{font-family:var(--sans);font-weight:800;min-height:48px;justify-content:center}
.btn-primary{background:var(--green)!important;color:#fff!important}
.btn-primary:hover{background:var(--green-2)!important}
.btn-dark{background:var(--green);color:#fff}
.btn-ghost{border:1.5px solid var(--green);color:var(--green);background:#fff}

/* ---------- 顶部通知条 ---------- */
.strip{background:linear-gradient(90deg,#FFE3CF,#FDE9C6);color:#5A3A22;font-weight:700;border-bottom:1px solid #F3D6BF}
.strip b{color:#8F3414;font-weight:800}

/* ---------- 导航 ---------- */
.ppl-nav{background:rgba(255,248,241,.92);border-bottom:1px solid #F0E2D4;font-family:var(--sans)}
.ppl-brand{font:600 22px var(--serif);color:var(--green)}
.ppl-desktop-nav>a,.ppl-nav-summary{color:var(--ink);font-weight:700;font-size:15px}
.ppl-desktop-nav>a:hover,.ppl-nav-summary:hover{color:var(--coral)}
.ppl-nav-panel{background:#fff;border:1px solid #F0E2D4;border-radius:24px;box-shadow:0 24px 60px rgba(90,50,20,.18);padding:20px}
.ppl-nav-item{border-radius:14px}
.ppl-nav-item:hover{background:#FFF4EA}
.ppl-nav-item b{font:600 16px var(--serif);color:var(--ink)}
.ppl-nav-item span{color:var(--ink-soft);font-size:12px}
.ppl-credit-badge{background:#FFF1E6;border-color:var(--line);color:var(--green);border-radius:999px}
.ppl-credit-icon{color:var(--warm-2)}
.ppl-nav-cta{background:var(--green)!important;color:#fff!important;font-weight:800;font-size:14px;padding:12px 20px}
.ppl-nav-cta:hover{background:var(--green-2)!important}
.ppl-mobile-panel{background:#fff;border-radius:20px}
.ppl-mobile-panel b{color:var(--coral)}

/* ---------- 首屏 ---------- */
.hero{background:var(--glow),var(--paper);color:var(--ink)}
.hero h1{color:var(--ink);font-weight:600;line-height:1.04}
.hero h1 .sub{font-style:normal;font-weight:600;background:linear-gradient(90deg,var(--warm-1),var(--warm-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lede{color:var(--ink-soft)}
.studio{background:#fff;border-radius:22px;box-shadow:var(--shadow-sm)}
.drop{background:#FFF9F4;border:2px dashed #E2B79C;border-radius:18px}
.drop:hover{background:#FFF1E6;border-color:var(--coral)}
.drop .ico{color:var(--coral)}
.drop b{font-weight:800;font-size:16px}
.studio-hint{color:var(--ink-soft)}
.hero-trust{color:var(--ink-soft);font-weight:700}
.hero-trust .stars{color:var(--warm-2)}
.ppl-popular{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:22px}
.ppl-popular>span{font-weight:800;font-size:14px;color:var(--ink-soft)}
.ppl-chip{display:inline-flex;align-items:center;min-height:38px;padding:0 15px;border-radius:999px;background:#fff;border:1.5px solid var(--line);font-weight:700;font-size:14px;color:var(--ink)}
.ppl-chip:hover{border-color:var(--coral);color:var(--coral)}
.ppl-chip .ppl-badge{margin-left:6px}

/* ---------- 画框（全站肖像图） ---------- */
.frame{background:#fff;border:8px solid #2E2A27;padding:10px;border-radius:4px;box-shadow:0 14px 34px -16px rgba(60,35,15,.45)}
.frame .mat{background:#fff;border:0;padding:0}
.canvas.has-image:after{box-shadow:none}
.wall .nail{background:var(--warm-2);width:9px;height:9px;top:-12px}
.caption{font-family:var(--sans);font-style:normal;font-weight:700;color:var(--ink-soft)}
.caption b{font-family:var(--serif);font-weight:600;color:var(--ink)}

/* ---------- 新增：画面里有谁 ---------- */
.ppl-who{padding:72px 0 24px}
.ppl-who .sec-head{text-align:center;margin-left:auto;margin-right:auto}
.ppl-who-row{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.ppl-who-item{display:flex;flex-direction:column;align-items:center;gap:12px;width:120px;color:var(--ink);text-align:center}
.ppl-who-pic{width:112px;height:112px;border-radius:50%;overflow:hidden;background:#F3E1C7;box-shadow:0 10px 24px rgba(120,72,40,.16);border:5px solid #fff;padding:6px;box-sizing:border-box;transition:transform .18s}
.ppl-who-pic img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.ppl-who-item:hover .ppl-who-pic{transform:translateY(-3px)}
.ppl-who-item b{font-weight:800;font-size:15px}
.ppl-who-item:hover b{color:var(--coral)}

/* ---------- 新增：热门风格卡片 ---------- */
.ppl-trend{padding:56px 0 72px}
.ppl-trend-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.ppl-trend-head .sec-head{margin-bottom:22px}
.ppl-trend-all{font-weight:800;color:var(--green);margin-bottom:28px;text-decoration:underline;text-underline-offset:4px}
.ppl-trend-chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.ppl-trend-chips .ppl-chip{cursor:pointer;font-family:var(--sans);min-height:42px}
.ppl-trend-chips .ppl-chip.on{background:var(--green);border-color:var(--green);color:#fff}
.ppl-trend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ppl-tcard{background:#fff;border-radius:22px;box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.ppl-tcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(120,72,40,.35)}
.ppl-tcard[hidden]{display:none}
.ppl-tcard-art{position:relative;display:block;padding:18px 18px 0;background:none!important}
.ppl-tframe{display:block;border:8px solid #2E2A27;background:#fff;padding:10px;border-radius:4px}
.ppl-tframe img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.ppl-tbadge{position:absolute;top:8px;right:8px}
.ppl-tbadge .ppl-badge{margin:0}
.ppl-tcard-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:4px;flex:1}
.ppl-tcard-body h3{font-size:20px}
.ppl-tcard-body span{color:var(--ink-soft);font-size:14px}
.ppl-tcard-body a{margin-top:10px;font-weight:800;font-size:15px;color:var(--green);text-decoration:underline;text-underline-offset:3px}
.ppl-tcard-body a:hover{color:var(--coral)}
.ppl-trend .same-note{margin-top:24px}
@media(max-width:900px){.ppl-trend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:420px){.ppl-tcard-art{padding:12px 12px 0}.ppl-tframe{border-width:6px;padding:6px}.ppl-tcard-body{padding:12px 12px 16px}.ppl-tcard-body h3{font-size:17px}}

/* ---------- 工作台 ---------- */
.wb{background:var(--glow),var(--paper)}
.wb-shell{border-radius:28px!important;box-shadow:var(--shadow)!important;border-color:#F0E2D4!important;background:#fff}
/* 左侧预览区：从深绿改成浅暖色 */
.wb-stage{background:linear-gradient(160deg,#FFF4EA 0%,#FDE8D7 100%);color:var(--ink)}
.wb-stagebar h3{color:var(--ink)}
.wb-stagebar p,.wb-stagefoot p{color:var(--ink-soft);font-size:13px}
.wb-canvas{background:rgba(255,255,255,.55);border:1px solid #F3DCC8;border-radius:20px}
.wb-views{background:#fff;border:1px solid var(--line)}
.wb-view{color:var(--ink-soft);font-size:12px;font-weight:700;font-family:var(--sans)}
.wb-view.on{background:var(--green);color:#fff}
.wb-chip{background:rgba(31,61,52,.9);font-weight:700}
.wb-frame{border:8px solid #2E2A27;padding:10px;box-shadow:0 24px 48px -24px rgba(90,50,20,.5)}
.wb-frame figcaption{font-family:var(--sans);font-style:normal;font-weight:700}
.wb-frame figcaption b{font-family:var(--serif);font-weight:600}
.wb-loader h3{color:var(--ink)}
.wb-loader p{color:var(--ink-soft)}
.wb-progress{background:rgba(31,61,52,.1);border-color:rgba(31,61,52,.08)}
.wb-progress-bar{background:linear-gradient(90deg,var(--warm-1),var(--warm-2))}
.wb-progress-meta{color:var(--ink-soft)}
.wb-progress-meta b{color:var(--ink)}
.wb-progress-note{color:var(--ink-soft)!important}
.wb-result{border-color:var(--line);background:#fff}
.wb-result.on{border-color:var(--coral);box-shadow:0 0 0 1px var(--coral)}
.wb-cat{border-radius:999px;font-family:var(--sans);font-weight:800;border-color:var(--line)}
.wb-cat:nth-child(n){background:#fff}
.wb-cat:hover{border-color:var(--coral)}
.wb-cat.on{background:var(--green);border-color:var(--green);color:#fff}
.wb-style{border-radius:14px}
.wb-style:hover{border-color:var(--coral)}
.wb-style.on{border-color:var(--green)}
.wb-library-head b{font:600 18px var(--serif)}
.wb-post button{border-radius:999px;font-weight:800}
.wb-post .gold{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important}
.wb-file{border-radius:18px}
.wb-link{color:var(--coral);font-weight:800}
.wb-action{background:#FFFBF7}
.wb-modal{background:#fff;border-radius:26px}
.wb-option{border-radius:16px}
.wb-option-primary{background:var(--green);color:#fff}
.wb-option-primary strong{color:#F7DCCB}

/* ---------- 合集卡片 ---------- */
.collection-tab{border-radius:999px;font-weight:800;border:1.5px solid var(--line);background:#fff}
.collection-tab.on{background:var(--green);border-color:var(--green);color:#fff}
.cat{border:0;border-radius:22px;background:#fff;box-shadow:var(--shadow-sm)}
.cat.selected{box-shadow:0 0 0 3px var(--coral),var(--shadow-sm)}
.cat:focus-within{outline:3px solid rgba(185,68,29,.3)}
.cat .swatch{border-radius:16px;height:88px}
.cat .swatch:after{display:none}
.cat .swatch-label{color:var(--ink);text-shadow:none;font:600 16px var(--serif)}
.cat:nth-child(1) .swatch{background:linear-gradient(135deg,#F6E3C6,#EBCB9E)!important}
.cat:nth-child(2) .swatch{background:linear-gradient(135deg,#EFE4D4,#DCC7AA)!important}
.cat:nth-child(3) .swatch{background:linear-gradient(135deg,#FCE3EC,#F5C7D6)!important}
.cat:nth-child(4) .swatch{background:linear-gradient(135deg,#E5E9F5,#C9D3EC)!important}
.cat:nth-child(5) .swatch{background:linear-gradient(135deg,#F1ECE6,#DDD3C8)!important}
.cat:nth-child(6) .swatch{background:linear-gradient(135deg,#FDE0D2,#F7B99C)!important}
.cat h3{font-size:24px}
.cat .mini-links a{border-radius:999px;font-weight:700;background:#FFF8F1}
.cat .go{color:var(--green);font-weight:800}
.collection-selection{background:var(--green-tint);border:0;border-radius:22px}

/* ---------- 画廊 / 步骤 / 评价 / FAQ ---------- */
.gallery-band{background:var(--paper-2)}
.same-note{background:var(--green-tint);font-weight:700}
.step .n{font-family:var(--serif);font-weight:600;color:var(--coral)}
.steps .step{background:#fff;border-radius:22px;padding:28px;box-shadow:var(--shadow-sm)}
.tst{border:0;border-radius:22px;box-shadow:var(--shadow-sm)}
.tst .stars{color:var(--warm-2)}
.tst p{font-family:var(--serif);font-weight:500;font-size:19px}
.tst .av{background:#FFF1E6}
.faq-list .faq-item,.faq-list .faq-item:first-child{background:#fff;border-radius:18px;padding:22px 24px;border:1px solid #F0E2D4;margin-bottom:12px}
.faq-item h3{font-size:19px;font-weight:600}
.faq-item p{color:var(--ink-soft);margin-top:8px}

/* ---------- 结尾大按钮区 ---------- */
.cta-band{background:var(--glow),#FFF1E6;color:var(--ink);border-radius:32px}
.cta-band h2{color:var(--ink)}
.cta-band p{color:var(--ink-soft)}

/* ---------- 页脚前的隐私说明 ---------- */
.ppl-privacy{padding:24px 0 72px}
.ppl-privacy-band{background:var(--green);color:#fff;border-radius:28px;padding:36px 40px;display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.ppl-privacy-ico{width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex:none}
.ppl-privacy-txt{flex:1 1 380px}
.ppl-privacy-txt h2{color:#fff;font-size:28px}
.ppl-privacy-txt p{color:#DCE6DF;margin-top:6px;font-size:16px}
.ppl-privacy-txt a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.ppl-privacy-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border-radius:999px;background:#fff;color:var(--green);font-weight:800}
.ppl-privacy-btn:hover{background:#FFF1E6}

/* ---------- 页脚：浅色 ---------- */
.ppl-footer{background:#FFF1E6!important;color:var(--ink-soft)!important;border-top:1px solid #F0E2D4}
.ppl-footer h4{color:var(--ink)!important;font-family:var(--sans)!important;font-weight:800!important}
.ppl-footer a{color:var(--ink-soft)!important}
.ppl-footer a:hover{color:var(--coral)!important}
.ppl-footer-brand .ppl-brand{color:var(--green)!important}
.ppl-footer-brand p{color:var(--ink-soft)}
.ppl-footer-bottom{border-top-color:var(--line)!important;color:var(--ink-soft)}
footer:not(.ppl-footer){background:#FFF1E6;color:var(--ink-soft)}

/* ---------- 手机 ---------- */
@media(max-width:560px){
  .ppl-who-row{gap:16px}
  .ppl-who-item{width:96px}
  .ppl-who-pic{width:92px;height:92px}
  .frame{border-width:6px;padding:7px}
}

/* 灵感页专用样式（建立在 ppl-theme-v2 之上） */
.ppl-ideas-link{display:inline-flex;align-items:center}
.ppl-ideas-hero{background:var(--glow),var(--paper);padding:34px 0 40px}
.ppl-crumb{font-size:14px;font-weight:700;color:var(--ink-soft);margin-bottom:18px}
.ppl-crumb a{color:var(--green)}.ppl-crumb a:hover{color:var(--coral)}
.ppl-ideas-hero h1{font-size:clamp(38px,5vw,60px);line-height:1.04}
.ppl-ideas-hero .lede{color:var(--ink-soft);font-size:18px;max-width:640px;margin-top:14px}
.ppl-hero-row{display:flex;gap:40px;align-items:center;flex-wrap:wrap}
.ppl-hero-row>div:first-child{flex:1 1 520px;min-width:0}
.ppl-hero-cta{flex:0 1 380px;background:#fff;border:2px dashed #E2B79C;border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:12px}
.ppl-hero-cta b{font-size:17px}.ppl-hero-cta small{color:var(--ink-soft);font-size:14px}
.ppl-checks{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;font-weight:800;color:var(--green);margin-top:14px}
.ppl-hero-cta .ppl-checks{margin-top:0}
.ppl-checks span:before{content:'\2713';margin-right:5px}
.ppl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:999px;background:var(--green);color:#fff!important;font-weight:800;font-size:16px;border:0;cursor:pointer;font-family:var(--sans)}
.ppl-btn:hover{background:var(--green-2)}
.ppl-btn:disabled{background:#A9B7B0;cursor:not-allowed}
.ppl-search{display:flex;gap:10px;max-width:640px;margin-top:22px;flex-wrap:wrap}
.ppl-search label{position:absolute;left:-9999px}
.ppl-search input{flex:1 1 320px;min-height:52px;border-radius:999px;border:1.5px solid #E2C9B6;padding:0 20px;font:16px var(--sans);background:#fff}
.ppl-filters{position:sticky;top:72px;z-index:20;background:rgba(255,248,241,.96);backdrop-filter:blur(8px);border-bottom:1px solid #F0E2D4;padding:14px 0}
.ppl-filters .ppl-trend-chips{margin:0}
.ppl-fl{font:800 12px var(--sans);letter-spacing:.1em;color:var(--ink-soft);align-self:center;margin-right:4px}
.ppl-count{font-weight:800;margin:26px 0 16px}
.ppl-colls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ppl-coll{display:flex;gap:14px;align-items:center;background:#fff;border-radius:20px;padding:12px;box-shadow:var(--shadow-sm);color:var(--ink);border:2px solid transparent;cursor:pointer;text-align:left;font-family:var(--sans)}
.ppl-coll:hover{transform:translateY(-2px)}
.ppl-coll.on{border-color:var(--green)}
.ppl-coll-pic{width:64px;height:64px;border-radius:14px;overflow:hidden;flex:none;background:#F3E1C7}
.ppl-coll-pic img{width:100%;height:100%;object-fit:cover;display:block}
.ppl-coll b{display:block;font:600 17px var(--serif)}.ppl-coll small{color:var(--ink-soft);font-size:13px}
.ppl-ph{display:flex!important;align-items:center;justify-content:center;aspect-ratio:4/5;background:repeating-linear-gradient(135deg,#FBEFE4 0 12px,#F6E3D3 12px 24px);color:#8A6A55;font:700 12px var(--sans);text-align:center;padding:12px}
.ppl-ph-wrap{padding:10px}
.ppl-tframe img{height:auto;aspect-ratio:4/5;object-fit:cover}
.ppl-tcard-body .ppl-sub{font-size:13px;color:var(--ink-soft)}
.ppl-grid3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.ppl-tips{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.ppl-tips ol{margin:0;padding:0;list-style:none;counter-reset:t;display:grid;gap:14px}
.ppl-tips li{counter-increment:t;background:#fff;border-radius:18px;padding:18px 20px 18px 62px;position:relative;box-shadow:var(--shadow-sm);color:var(--ink-soft);line-height:1.6}
.ppl-tips li:before{content:counter(t);position:absolute;left:18px;top:16px;width:30px;height:30px;border-radius:50%;background:#FFF1E6;color:var(--coral);font:600 16px var(--serif);display:grid;place-items:center}
.ppl-faq details{background:#fff;border:1px solid #F0E2D4;border-radius:18px;padding:18px 22px;margin-bottom:12px}
.ppl-faq summary{font:600 18px var(--serif);cursor:pointer;list-style:none}
.ppl-faq summary::-webkit-details-marker{display:none}
.ppl-faq summary:after{content:'+';float:right;color:var(--coral);font-size:22px;line-height:1}
.ppl-faq details[open] summary:after{content:'\2212'}
.ppl-faq p{color:var(--ink-soft);margin-top:10px;line-height:1.65}
.ppl-related{background:#FFF1E6!important}
.ppl-related-head h2{font-family:var(--serif)!important;font-weight:600!important}
.ppl-related-card{border-radius:20px!important;border-color:#F0E2D4!important}
.ppl-related-card small{color:var(--coral)!important}
.ppl-related-card b{font-family:var(--serif)!important;font-weight:600!important}
.ppl-related-card i{color:var(--green)!important}
.ppl-sticky{display:none}

/* ---------- 场景页 ---------- */
.ppl-scene-top{background:var(--glow),var(--paper);padding:30px 0 56px}
.ppl-scene{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:start}
.ppl-stage{background:#fff;border-radius:26px;padding:20px;box-shadow:var(--shadow-sm)}
.ppl-stage-frame{position:relative;border:8px solid #2E2A27;background:#fff;padding:10px;border-radius:4px;overflow:hidden}
.ppl-stage-frame>img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#F7F2E9}
.ppl-stage-ph{font-size:14px}
.ppl-stage-chip{position:absolute;left:20px;top:20px;background:rgba(31,61,52,.9);color:#fff;border-radius:999px;padding:6px 12px;font:800 11px var(--sans);letter-spacing:.08em}
.ppl-wm{position:absolute;inset:10px;display:grid;place-items:center;pointer-events:none;overflow:hidden}
.ppl-wm:after{content:'PAW PORTRAIT LAB · PREVIEW · PAW PORTRAIT LAB · PREVIEW';white-space:nowrap;transform:rotate(-30deg);color:rgba(255,255,255,.7);font:800 18px var(--sans);letter-spacing:.18em;text-shadow:0 1px 4px rgba(0,0,0,.35)}
.ppl-wm[hidden]{display:none}
.ppl-loader{position:absolute;inset:10px;background:rgba(255,248,241,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}
.ppl-loader[hidden]{display:none}
.ppl-loader b{font:600 22px var(--serif)}
.ppl-loader small{color:var(--ink-soft);font-weight:700}
.ppl-spin{width:44px;height:44px;border-radius:50%;border:4px solid #F3DCC8;border-top-color:var(--coral);animation:pplspin 1s linear infinite}
@keyframes pplspin{to{transform:rotate(360deg)}}
.ppl-bar{width:min(280px,80%);height:10px;border-radius:999px;background:rgba(31,61,52,.1);overflow:hidden}
.ppl-bar i{display:block;height:100%;width:4%;background:linear-gradient(90deg,var(--warm-1),var(--warm-2));border-radius:inherit;transition:width .5s ease}
.ppl-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.ppl-thumb{border:2px solid transparent;background:#fff;border-radius:14px;padding:5px;cursor:pointer;box-shadow:var(--shadow-sm)}
.ppl-thumb.on{border-color:var(--green)}
.ppl-thumb img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px}
.ppl-thumb .ppl-ph{font-size:10px;padding:4px;border-radius:9px}
.ppl-tags{display:flex;gap:8px;align-items:center;margin-bottom:12px}
.ppl-tag{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:#fff;border:1.5px solid var(--line);font-weight:800;font-size:13px;color:var(--ink)}
.ppl-tags .ppl-badge{margin:0}
.ppl-scene-right h1{font-size:clamp(36px,4.4vw,54px);line-height:1.04}
.ppl-scene-right h1 span{display:block;font-size:.5em;color:var(--ink-soft);font-weight:500;margin-top:6px}
.ppl-story{font-size:18px;line-height:1.6;margin-top:14px}
.ppl-works{margin-top:14px;color:var(--ink-soft);font-weight:700;font-size:15px}
.ppl-works span{display:block;font:800 12px var(--sans);letter-spacing:.1em;margin-bottom:4px}
.ppl-box{margin-top:22px;background:#fff;border-radius:22px;padding:20px;box-shadow:var(--shadow-sm)}
.ppl-drop{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 16px;border:2px dashed #E2B79C;border-radius:18px;background:#FFF9F4;cursor:pointer;font-family:var(--sans);color:var(--ink)}
.ppl-drop:hover,.ppl-drop.drag{background:#FFF1E6;border-color:var(--coral)}
.ppl-drop b{font-size:17px;font-weight:800}.ppl-drop small{color:var(--ink-soft);font-size:13px}
.ppl-drop-ico{width:48px;height:48px;border-radius:14px;background:#FFF1E6;color:var(--coral);display:grid;place-items:center}
.ppl-ready{display:flex;gap:14px;align-items:center;padding:12px;border-radius:16px;background:var(--green-tint)}
.ppl-ready[hidden]{display:none}
.ppl-ready img{width:64px;height:64px;border-radius:12px;object-fit:cover}
.ppl-ready b{display:block}
.ppl-look{display:flex;justify-content:space-between;align-items:center;margin:14px 2px;font-size:14px;color:var(--ink-soft)}
.ppl-look b{color:var(--ink)}
.ppl-go{width:100%;min-height:56px;font-size:17px}
.ppl-link{background:none;border:0;padding:0;color:var(--coral);font:800 14px var(--sans);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ppl-ready-msg b{display:block;font:600 22px var(--serif)}
.ppl-ready-msg small{color:var(--ink-soft);font-size:14px}
.ppl-offer{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;border:1.5px solid var(--line);background:#fff;border-radius:16px;padding:16px 18px;margin-top:12px;cursor:pointer;font-family:var(--sans);color:var(--ink)}
.ppl-offer:hover{border-color:var(--coral)}
.ppl-offer b{display:block;font-size:16px}.ppl-offer small{color:var(--ink-soft);font-size:13px}
.ppl-offer strong{font:600 22px var(--serif)}
.ppl-offer.main{background:var(--green);border-color:var(--green);color:#fff}
.ppl-offer.main small{color:#DCE6DF}
.ppl-result-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px}
.ppl-err{color:#A3341A;font-weight:700;margin-top:10px}
.ppl-same{padding:56px 0 24px}
.ppl-same-head{margin-bottom:22px}
.ppl-same-head h2{font-size:clamp(28px,3.4vw,40px)}
.ppl-same-head p{color:var(--ink-soft);margin-top:8px}

@media(max-width:900px){.ppl-colls{grid-template-columns:repeat(2,minmax(0,1fr))}.ppl-tips{grid-template-columns:1fr}.ppl-scene{grid-template-columns:1fr;gap:24px}.ppl-grid3{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:800px){
 .ppl-filters{top:66px}
 .ppl-sticky{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:60;box-shadow:0 12px 30px rgba(31,61,52,.35)}
 body{padding-bottom:76px}}
@media(max-width:520px){.ppl-tcard-body>span:not(.ppl-sub){display:none}.ppl-colls{grid-template-columns:1fr}.ppl-filters .ppl-trend-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.ppl-filters .ppl-chip{flex:none}.ppl-stage{padding:12px}.ppl-grid3{grid-template-columns:1fr 1fr!important}}
/* hidden 属性优先 */
#ppl-box [hidden],.ppl-stage-frame [hidden],.ppl-tcard[hidden],#ppl-empty[hidden]{display:none!important}
@media(max-width:900px){.ppl-scene-left{max-width:420px;margin:0 auto;width:100%}}
#ppl-box{scroll-margin-top:90px}
/* 分享 */
.ppl-share{margin-top:16px;padding:16px;border-radius:16px;background:#FFF4EA;display:grid;gap:12px}
.ppl-share b{display:block;font:600 18px var(--serif)}
.ppl-share small{color:var(--ink-soft);font-size:13px}
.ppl-share-btns{display:flex;flex-wrap:wrap;gap:8px}
.ppl-sh{min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font:800 14px var(--sans);color:var(--ink);cursor:pointer}
.ppl-sh:hover{border-color:var(--coral);color:var(--coral)}
.ppl-sh[hidden]{display:none}
.ppl-sh.done{border-color:var(--green);color:var(--green)}
.ppl-ref{margin-top:14px;padding:12px 16px;border-radius:14px;background:var(--green-tint);color:var(--green);font-size:15px}
.ppl-ref[hidden]{display:none}

@font-face{font-family:Fredoka;font-weight:500 600;src:url('/fonts/fredoka-1.woff2')}@font-face{font-family:Nunito;font-weight:400 800;src:url('/fonts/nunito-2.woff2')}
:root{--paper:#FFF8F1;--ink:#1F2A26;--ink-soft:#6B5E55;--green:#1F3D34;--green-2:#163029;--line:#EADBCB;--serif:Fredoka,sans-serif;--sans:Nunito,sans-serif;--shadow-sm:0 10px 30px rgba(120,72,40,.10)}
[hidden]{display:none!important}body{padding-bottom:0}.wrap{max-width:1280px}.reviewbar{padding:8px 20px;background:#1F3D34;color:#fff;font:600 12px Nunito;text-align:center}.reviewbar a{text-decoration:underline;margin-left:12px}.ppl-nav{top:0}.ppl-brand{white-space:nowrap}.ppl-nav-row{gap:24px}.ppl-desktop-nav{gap:22px}.ppl-ideas-hero{padding:46px 0 30px;background:var(--glow),var(--paper)}.ppl-ideas-hero h1{font-size:clamp(38px,4.3vw,60px);margin:16px 0}.ppl-ideas-hero p{font-size:18px;color:var(--ink-soft);max-width:650px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:#A64827;text-transform:uppercase}.ppl-search{max-width:700px;flex-wrap:nowrap}.ppl-search input{min-width:0}.ppl-filters{position:static;padding:24px 0 0;border:0;background:transparent}.filter-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}.filter-row .label{min-width:95px;font-size:12px;letter-spacing:.09em;font-weight:800;color:var(--ink-soft)}.ppl-chip{min-height:48px;font:700 14px var(--sans);cursor:pointer}.ppl-chip.on{background:var(--green);color:#fff;border-color:var(--green)}.ppl-count{display:flex;justify-content:space-between;align-items:center;gap:16px}.ppl-count small{font-weight:600;color:var(--ink-soft)}.ppl-tframe,.ppl-stage-frame{border-style:solid;border-color:#57504a #24211f #1d1b19 #49433d;box-shadow:inset 0 2px 7px #0005,0 2px 0 #8e8275,0 10px 18px #37271a30;padding:10px;border-radius:3px}.ppl-tframe img,.ppl-stage-frame>img{object-fit:contain;aspect-ratio:2/3}.ppl-tcard-body{gap:8px}.ppl-tcard-body h3{font-size:18px;font-weight:500;line-height:1.35}.ppl-tcard-body h3 a{font:inherit;text-decoration:none;color:var(--ink)}.ppl-tcard-body>span{display:block!important;font-size:14px;min-height:44px}.ppl-tcard-body .cta{background:var(--green);color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;font-size:14px;margin-top:auto}.ppl-tcard-body small{color:#A64827;font-size:12px;font-weight:800}.ppl-trend{padding-top:0;padding-bottom:60px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;padding:50px 0 65px;border-top:1px solid var(--line)}.help-grid h2{font-size:32px;margin-bottom:18px}.help-grid p{color:var(--ink-soft);margin:12px 0;line-height:1.8}.ppl-scene-top{padding-top:24px}.ppl-scene{gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ppl-scene-left{max-width:520px;width:100%;margin:auto}.ppl-stage{padding:20px}.ppl-scene-right h1{font-size:clamp(36px,4vw,54px)}.ppl-story{font-size:17px}.ppl-stage-frame{position:relative}.ppl-stage-chip{font-size:10px}.art-caption{font-size:12px;text-align:center;color:var(--ink-soft);padding:14px 0 0}.ppl-box{padding:24px}.ppl-go{margin-top:15px}.ppl-look{gap:12px}.ppl-ready-msg b{font-size:26px}.ppl-offer{min-height:80px}.ppl-offer strong{white-space:nowrap}.ppl-result-actions{gap:16px}.minor{font-size:13px;color:var(--ink-soft);margin-top:12px;line-height:1.6}.sample-link{display:block;margin:14px auto 0;min-height:40px}.ppl-crumb{margin-bottom:24px;font-size:13px;color:var(--ink-soft)}.ppl-crumb a{text-decoration:underline;text-underline-offset:3px}.ppl-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.related-section{padding:50px 0 65px}.related-section h2{font-size:36px;margin-bottom:10px}.related-section>p{color:var(--ink-soft);margin-bottom:24px}.related-section .ppl-tcard{max-width:350px}.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.pack{font:700 14px var(--sans);background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px 5px;cursor:pointer;color:var(--green);min-height:76px}.pack strong{display:block;font:500 23px var(--serif);margin-top:4px}.ppl-share{margin-top:18px}.ppl-sh{min-height:48px}.review-controls{margin:24px auto;color:var(--ink-soft);border:1px dashed var(--line);padding:12px 16px;border-radius:16px;font-size:12px}.review-controls summary{cursor:pointer;font-weight:800}.review-controls div{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.review-controls button{background:white;border:1px solid var(--line);border-radius:20px;padding:9px 12px;cursor:pointer}.preview-footer{padding:25px 28px;border-top:1px solid var(--line);text-align:center;color:var(--ink-soft);font-size:13px}.preview-footer a{text-decoration:underline}.empty{padding:50px;background:white;border-radius:22px;text-align:center}.empty h2{margin-bottom:15px}dialog{border:1px solid var(--line);border-radius:24px;padding:32px;width:min(490px,calc(100% - 32px));background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #0003}dialog::backdrop{background:#172a2470;backdrop-filter:blur(3px)}dialog h2{font-size:32px;margin:14px 0}dialog p{color:var(--ink-soft);margin:16px 0}dialog .close{float:right;background:transparent;border:0;font-size:25px;cursor:pointer}dialog .ppl-btn{width:100%;margin-top:12px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:14px 24px;border-radius:20px;z-index:100;max-width:90%;box-shadow:0 8px 20px #0003;font-size:14px}.compare{display:flex;justify-content:center;gap:10px;margin-top:16px}.compare button{min-height:44px}.ppl-ready button{margin-left:auto}.ppl-search button{flex:none}.ppl-works{font-size:14px}.ppl-stage-frame>img{min-width:0}.download{width:100%;margin-top:16px}
@media(max-width:1100px){.ppl-desktop-nav{display:none}.ppl-mobile-menu{display:block}.ppl-nav-cta{margin-left:auto}.ppl-brand{font-size:23px}.ppl-scene{gap:28px}}
@media(max-width:900px){.ppl-scene{grid-template-columns:1fr}.ppl-scene-left{max-width:420px}.ppl-scene-right{max-width:620px;margin:auto;width:100%}.help-grid{gap:28px}.ppl-related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.wrap{padding:0 20px}.ppl-shell{padding:0 16px}.ppl-nav-cta{display:none}.ppl-brand{font-size:21px}.ppl-mobile-menu{margin-left:auto}.ppl-ideas-hero{padding:28px 0}.ppl-ideas-hero h1{font-size:40px}.ppl-ideas-hero p{font-size:16px}.ppl-search button{padding:0 18px}.ppl-search input{padding:0 14px}.filter-row .label{width:100%}.filter-row{gap:8px}.ppl-chip{padding:0 13px}.ppl-count{font-size:14px;align-items:start}.ppl-count small{max-width:145px;text-align:right}.ppl-trend-grid,.ppl-related-grid{grid-template-columns:1fr}.ppl-tcard{max-width:430px;margin:auto;width:100%}.ppl-tcard-art{padding:20px 20px 0}.ppl-tcard-body{padding:20px}.ppl-tframe{border-width:8px}.ppl-tcard-body>span{min-height:0}.help-grid{grid-template-columns:1fr;padding:36px 0}.ppl-scene-top{padding-top:20px}.ppl-stage{padding:14px}.ppl-scene-right h1{font-size:39px}.ppl-box{padding:20px}.ppl-scene-left{max-width:350px}.packs{gap:6px}.ppl-crumb{font-size:12px}.reviewbar{font-size:11px}.ppl-checks{gap:10px}.ppl-offer{padding:15px}.ppl-offer b{font-size:15px}}
.ppl-share-btns{display:flex;flex-wrap:wrap;gap:8px}.ppl-sh{font:800 14px var(--sans);padding:10px 17px;cursor:pointer}.ppl-sh:hover{background:#E3EFE8;border-color:var(--green)}.ppl-share>.ppl-link{margin-top:12px;font-size:13px}.share-preview{position:relative;width:145px;margin:18px auto;overflow:hidden;border:7px solid white;border-radius:12px;box-shadow:0 5px 20px #0002}.share-preview img{display:block;width:100%}.share-preview .ppl-wm:after{font-size:10px}.share-demo-note{font-size:12px;color:var(--ink-soft);text-align:center}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.more-ideas-grid{margin-top:28px}.more-ideas-grid .ppl-tcard{height:100%}.more-ideas{padding-top:20px;padding-bottom:60px}.more-ideas-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:var(--shadow-sm)}.more-ideas h2{font-size:36px;margin:10px 0}.more-ideas p{color:var(--ink-soft);max-width:490px}.more-ideas-actions{display:flex;flex-direction:column;gap:12px;flex-shrink:0}.more-ideas .secondary{background:white;color:var(--green)!important;border:1px solid var(--green)}#same-photo{padding-top:32px}#same-photo h2{margin-top:10px}@media(max-width:900px){.more-ideas-panel{flex-direction:column;align-items:stretch}.more-ideas-actions{align-items:stretch}}@media(max-width:600px){.more-ideas-panel{padding:24px}.more-ideas h2{font-size:30px}.more-ideas .ppl-btn{font-size:13px;padding:12px;text-align:center;white-space:normal}}
#allowance{min-height:24px}#error{color:#a53319}button:disabled{cursor:wait;opacity:.6}.ppl-share a.ppl-sh{display:inline-flex;align-items:center;text-decoration:none}#revoke-share{display:block;margin-top:14px}.ppl-footer{margin-top:30px}