*{box-sizing:border-box;margin:0;padding:0}
/* 视觉方向：象牙纸底 + 胭脂红主色 + 香槟金点缀；标题用宋体衬线，正文无衬线。
   色彩只有三层含义：胭脂=可操作/已选，金=装饰与品牌，墨绿=完成状态。 */
:root{
  --bg:#FBF6F3;--paper:#FFFBF9;--card:#FFFFFF;
  --line:#EEDFDB;--line2:#F5ECE8;
  --ink:#2A2320;--ink2:#6E6259;--ink3:#A39689;
  --brand:#C0456A;--brand-d:#A03556;--brand-l:#FDF1F4;--brand-m:#F4C9D5;
  --gold:#C79A5E;--gold-l:#FBF1E3;
  --ok:#3E7A5E;--ok-l:#E9F2EC;--err:#B3261E;--err-l:#FBEDEB;
  --r:18px;--r-s:12px;
  --sh:0 1px 2px rgba(60,35,20,.04),0 8px 24px -8px rgba(60,35,20,.08);
  --serif:"Songti SC","STSong","Noto Serif SC","Source Han Serif SC",serif;
}
html{scroll-behavior:smooth}
body{font:15px/1.65 -apple-system,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;
  }
button{font:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.hide{display:none!important}

/* ---------- 顶栏 ---------- */
.hd{position:sticky;top:0;z-index:20;background:rgba(247,243,236,.82);
  backdrop-filter:saturate(1.3) blur(12px);border-bottom:1px solid var(--line2)}
.hd-in{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px}
.brand b{display:block;font:600 18px/1.2 var(--serif);letter-spacing:1px}
.brand small{display:block;font-size:12px;color:var(--ink3);letter-spacing:.5px;margin-top:2px}
.logo{width:38px;height:38px;border-radius:50%;background:var(--brand);color:#F7E7C9;
  display:flex;align-items:center;justify-content:center;font:700 18px var(--serif);
  box-shadow:0 0 0 3px var(--paper),0 0 0 4px var(--gold)}
.hd-tag{font-size:12px;color:var(--ink2);display:flex;gap:16px}
.hd-tag span::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);margin-right:6px;vertical-align:middle}

/* ---------- 首屏 ---------- */
.hero{background:linear-gradient(120deg,#FDEEF2 0%,#FBF6F3 45%,#FBF0E2 100%);border-bottom:1px solid var(--line2);overflow:hidden}
.hero-in{max-width:1200px;margin:0 auto;padding:56px 24px 52px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center}
.eyebrow{font-size:12px;letter-spacing:4px;color:var(--gold);font-weight:600;margin-bottom:14px}
.hero h1{font:600 40px/1.3 var(--serif);letter-spacing:1px;color:var(--ink)}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--brand),#D08A5C);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sub{margin-top:16px;font-size:15px;color:var(--ink2);max-width:440px;line-height:1.85}
.hero-act{display:flex;gap:12px;margin-top:28px}
.pill{display:inline-block;padding:11px 26px;border-radius:999px;background:var(--brand);color:#fff;text-decoration:none;font-size:14.5px;font-weight:600;
  box-shadow:0 10px 22px -10px rgba(192,69,106,.7);transition:.15s}
.pill:hover{background:var(--brand-d);transform:translateY(-1px)}
.pill.ghost{background:#fff;color:var(--brand);box-shadow:inset 0 0 0 1.5px var(--brand-m)}
.pill.ghost:hover{background:var(--brand-l)}
.hero-gal{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;align-items:center}
.hero-gal figure{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:3/4;background:#EEE;
  box-shadow:0 18px 40px -18px rgba(90,40,50,.45)}
.hero-gal figure:nth-child(2){transform:translateY(-22px) scale(1.06);z-index:1}
.hero-gal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity 1.2s ease;cursor:pointer}
.hero-gal img.on{opacity:1}
.hero-gal figcaption{transition:opacity .6s}
.hero-gal figcaption{position:absolute;left:0;right:0;bottom:0;padding:24px 10px 9px;font:500 12px/1.3 var(--serif);color:#fff;
  background:linear-gradient(transparent,rgba(0,0,0,.55));letter-spacing:.5px}

/* ---------- 布局 ---------- */
.layout{max-width:1200px;margin:0 auto;padding:28px 24px 24px;display:grid;
  grid-template-columns:minmax(0,1fr) 352px;gap:24px;align-items:start}
.steps{min-width:0}
.side{position:sticky;top:84px}
.res-wrap{max-width:1200px;margin:0 auto;padding:0 24px 72px}
.card{scroll-margin-top:84px}

/* ---------- 卡片 ---------- */
.card{background:var(--card);border:1px solid var(--line2);border-radius:var(--r);
  padding:24px 26px;margin-bottom:18px;box-shadow:var(--sh)}
.card h2{font:600 18px/1.3 var(--serif);letter-spacing:.5px;margin-bottom:4px;display:flex;align-items:center;gap:12px}
.card .lead{font-size:13px;color:var(--ink3);margin:0 0 18px 40px}
.card h2 .sub{font:400 13px/1 -apple-system,"PingFang SC",sans-serif;color:var(--ink3);margin-left:4px;letter-spacing:0}
.num{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--gold);color:var(--gold);background:var(--paper);
  font:600 13px/1 var(--serif);display:inline-flex;align-items:center;justify-content:center;flex:none;transition:.2s}
.ok{margin-left:auto;font:normal 500 12px/1 -apple-system,"PingFang SC",sans-serif;color:var(--ok);letter-spacing:0}
.card.done .num{background:var(--ok);border-color:var(--ok);color:#fff}
.card.done .ok::before{content:"已完成";padding:4px 10px;border-radius:999px;background:var(--ok-l)}

/* ---------- 上传 ---------- */
.ups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.drop{position:relative;display:block;border:1.5px dashed #DCCFBE;border-radius:14px;
  background:var(--paper);cursor:pointer;transition:.15s;height:300px;overflow:hidden}
.drop.wide{aspect-ratio:auto;height:200px;max-height:none;margin-top:16px}
.drop:hover,.drop.over{border-color:var(--brand);background:var(--brand-l)}
.drop .ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:12px}
.drop .ico{width:52px;height:52px;border-radius:50%;background:#fff;border:1px solid var(--gold-l);box-shadow:0 0 0 6px rgba(184,146,90,.08);
  display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--gold);margin-bottom:10px}
.drop .ph b{font:600 15px/1.4 var(--serif);letter-spacing:.5px}
.drop .ph small{font-size:12px;color:var(--ink3)}
.drop img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#F3EEE6}
.drop.filled{border-style:solid;border-color:var(--line)}
.drop.filled .ph{display:none}
.drop .cap{position:absolute;left:10px;bottom:10px;font-size:12px;background:rgba(42,35,32,.68);color:#fff;padding:3px 10px;border-radius:999px;backdrop-filter:blur(4px)}
.drop.bad .cap{background:var(--err)}
.rm{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;border:0;
  background:rgba(42,35,32,.62);color:#fff;font-size:16px;line-height:1;display:none;z-index:2}
.rm:hover{background:var(--err)}
.drop.filled .rm{display:block}
.spec{margin-top:16px;font-size:13px;color:var(--ink2);background:var(--gold-l);border-radius:10px;padding:10px 14px}
.spec summary{cursor:pointer;color:#7A5E36;font-size:13px;font-weight:500;list-style:none}
.spec summary::-webkit-details-marker{display:none}
.spec summary::before{content:"＋";margin-right:6px}
.spec[open] summary::before{content:"－"}
.spec ul{margin:8px 0 2px 20px;line-height:1.9;color:var(--ink2)}

.cam summary b{font-weight:500;color:var(--brand)}
.cam-h{margin:12px 0 6px;font-size:12.5px;color:var(--ink2);font-weight:600}
.cam-g{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cam-g button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 11px;font-size:12.5px;color:var(--ink)}
.cam-g button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}
.cam-sub{width:100%;font-size:11.5px;color:var(--ink3);margin-top:4px}

/* ---------- 画面来源 / 拍法 ---------- */
.seg.src{display:flex;width:100%;margin-bottom:14px}
.seg.src button{flex:1;padding:9px 0;font-size:14px}
.seg button:disabled{opacity:.45;cursor:not-allowed}
.kinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px}
.kinds button{border:1.5px solid var(--line);background:var(--paper);border-radius:var(--r-s);padding:11px 13px;text-align:left;color:inherit;transition:.15s}
.kinds button b{display:block;font:600 14.5px/1.3 var(--serif)}
.kinds button small{display:block;font-size:12px;color:var(--ink3);margin-top:4px;line-height:1.5}
.kinds button[aria-checked=true]{border-color:var(--brand);background:var(--brand-l);box-shadow:0 0 0 3px rgba(192,69,106,.1)}
.kinds button:disabled{opacity:.5;cursor:not-allowed;border-style:dashed}
.kinds button:disabled small::after{content:"（暂未开放）"}
#paneUp .drop.wide{margin-top:12px}
@media(max-width:600px){.kinds{grid-template-columns:minmax(0,1fr)}}

.req,.opt{font:600 10.5px/1 -apple-system,"PingFang SC",sans-serif;font-style:normal;padding:3px 7px;border-radius:999px;margin-left:6px;vertical-align:2px;letter-spacing:.5px}
.req{background:var(--brand-l);color:var(--brand)}
.opt{background:#EFEBE4;color:var(--ink3)}
.stage.err{white-space:pre-line}

/* 模板图：不可选中 / 长按不弹保存菜单（iOS） */
#tpls img,.hero-gal img,#pv>img{-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none}

/* 付费方式切换 */
.paychoice{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0 12px}
.paychoice .pc-l{font-size:12px;color:var(--ink3);width:100%;letter-spacing:.5px}
.paychoice button{border:1.5px solid var(--line);background:var(--paper);border-radius:999px;padding:7px 12px;font-size:12.5px;color:var(--ink)}
.paychoice button.on{border-color:var(--brand);background:var(--brand-l);color:var(--brand);font-weight:600}
.pc-warn{font-size:12px;color:#B3261E;width:100%}.pc-warn a{color:inherit;font-weight:600}

/* ---------- 分段 ---------- */
.seg{display:inline-flex;background:#F2ECE3;border-radius:999px;padding:4px;margin-bottom:16px}
.seg button{border:0;background:none;padding:7px 16px;border-radius:999px;font-size:13px;color:var(--ink2)}
#styleSeg{display:flex;flex-wrap:wrap;gap:2px}
.seg button.on{background:#fff;color:var(--brand);font-weight:600;box-shadow:0 1px 4px rgba(60,35,20,.1)}

/* ---------- 模板 ---------- */
.tpls{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px 14px}
/* 风格模板：两行横向滚动条带（列宽固定，超出横向滚动）；鼠标不在时自动慢速滚动 */
#tpls{grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:150px;
  overflow-x:auto;overflow-y:hidden;padding:4px 4px 10px;margin:0 -4px;scrollbar-width:thin;overscroll-behavior-x:contain;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 28px),transparent);
  mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 28px),transparent)}
#tpls::-webkit-scrollbar{height:6px}#tpls::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}
#tpls .tpl:hover{transform:none}
.tpl-bar{display:flex;align-items:center;justify-content:space-between;margin:-4px 0 8px;font-size:12px;color:var(--ink3)}
.tpl-bar button{border:1px solid var(--line);background:#fff;border-radius:999px;width:28px;height:28px;color:var(--ink2);line-height:1}
.tpl-bar button:hover{border-color:var(--brand-m);color:var(--brand)}
.tpl{border:0;background:none;text-align:left;color:inherit;border-radius:12px;min-width:0;
  outline-offset:3px;transition:transform .2s}
.tpl:hover{transform:translateY(-3px)}
.tpl .th{position:relative;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:#EDE6DB;
  box-shadow:0 0 0 1px var(--line2),0 6px 16px -8px rgba(60,35,20,.25);transition:box-shadow .15s}
.tpl .th img{width:100%;height:100%;object-fit:cover;display:block}
.tpl .th.ph{display:flex;align-items:flex-end;padding:12px;color:#fff;font-size:12px}
.tpl[aria-checked=true] .th{box-shadow:0 0 0 2.5px var(--brand),0 0 0 6px rgba(192,69,106,.14)}
.tpl[aria-checked=true] .th::after{content:"✓";position:absolute;top:8px;right:8px;width:24px;height:24px;
  border-radius:50%;background:var(--brand);color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 0 2px #fff}
.tpl .nm{font:600 14px/1.4 var(--serif);margin:10px 2px 2px;letter-spacing:.3px}
.tpl[aria-checked=true] .nm{color:var(--brand)}
.tpl .ds{font-size:12px;color:var(--ink3);margin:0 2px;line-height:1.5}
.note{font-size:12.5px;color:var(--ink3);margin-top:10px}
.center{text-align:center}

/* ---------- 右侧面板 ---------- */
.panel{background:var(--card);border:1px solid var(--line2);border-radius:var(--r);padding:16px;box-shadow:var(--sh)}
.pv{aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:#F1EBE2;position:relative}
.pv img{width:100%;height:100%;object-fit:cover;display:block}
.pv-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--ink3);font-size:13px}
.pv .pv-t{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 14px;color:#fff;
  background:linear-gradient(transparent,rgba(30,20,15,.72));font-size:12.5px;opacity:.95}
.pv .pv-t b{display:block;font:600 17px/1.4 var(--serif);letter-spacing:1px;margin-bottom:2px}
.pv .pp{position:absolute;top:12px;left:12px;display:flex;gap:6px}
.pv .pp img{width:42px;height:54px;border-radius:8px;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.plabel{font-size:12px;color:var(--ink3);margin:16px 2px 8px;display:flex;justify-content:space-between;letter-spacing:.5px}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tiers button{border:1.5px solid var(--line);background:var(--paper);border-radius:10px;padding:9px 4px 8px;font-size:13px;color:var(--ink);line-height:1.35;transition:.15s}
.tiers button b{display:block;font:600 15px/1.2 var(--serif)}
.tiers button small{display:block;font-size:11px;color:var(--ink3);margin-top:3px}
.tiers button:hover:not(:disabled){border-color:var(--brand-m)}
.tiers button[aria-checked=true]{border-color:var(--brand);background:var(--brand-l);color:var(--brand)}
.tiers button[aria-checked=true] small{color:var(--brand)}
.tiers button:disabled{cursor:not-allowed;border-style:dashed;color:var(--ink3);background:#FAF8F4}
.models{display:grid;gap:6px;max-height:260px;overflow:auto}
.models button{text-align:left;border:1.5px solid var(--line);background:var(--paper);border-radius:10px;padding:8px 10px;font-size:13px;color:var(--ink);line-height:1.4;transition:.15s}
.models button b{font-weight:600}
.models button .badge{margin-left:6px;font-size:10px}
.models button small{display:block;font-size:11.5px;color:var(--ink3)}
.models button em{float:right;font-style:normal;font-size:11.5px;color:var(--brand)}
.models button:hover{border-color:var(--brand-m)}
.models button[aria-checked=true]{border-color:var(--brand);background:var(--brand-l)}
.chk{list-style:none;margin:4px 0 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;
  padding:12px 14px;background:var(--paper);border:1px solid var(--line2);border-radius:10px}
.chk li{font-size:12.5px;color:var(--ink3);display:flex;align-items:center;gap:7px}
.chk li::before{content:"";width:15px;height:15px;border-radius:50%;border:1.5px solid #D4C9BA;flex:none}
.chk li.y{color:var(--ink)}
.chk li.y::before{border-color:var(--ok);background:var(--ok);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E")}
.fld{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--ink2);margin-bottom:12px}
select{font:inherit;font-size:14px;padding:9px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);width:100%}
.go{width:100%;border:0;border-radius:999px;padding:14px;background:linear-gradient(100deg,#D0577C,var(--brand) 55%,#B9506A);color:#fff;
  font:600 16px/1 var(--serif);letter-spacing:4px;transition:.15s;box-shadow:0 10px 22px -10px rgba(192,69,106,.7)}
.go:hover:not(:disabled){background:var(--brand-d);transform:translateY(-1px)}
.go:disabled{background:#E2DAD0;color:#fff;box-shadow:none;cursor:not-allowed}
#goHint{margin-top:10px}
.bar{height:6px;background:#EFE8DE;border-radius:3px;overflow:hidden;margin:16px 0 8px}
.bar>i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--brand));transition:width .5s}
.stage{font-size:13px;color:var(--ink2)}
.stage.err{color:var(--err)}
.logbox{margin-top:8px;font-size:12px;color:var(--ink3)}
.logbox summary{cursor:pointer}
.logbox pre{font:11.5px/1.7 ui-monospace,Menlo,monospace;background:#F5F0E8;border-radius:8px;
  padding:10px;max-height:180px;overflow:auto;white-space:pre-wrap;margin-top:6px;color:var(--ink2)}
.warn{background:var(--err-l);color:#7A1F17;border-radius:12px;padding:12px 16px;font-size:13.5px;margin-bottom:16px}
.warn a{color:inherit;font-weight:600}
.trust{display:flex;justify-content:center;gap:14px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);font-size:11.5px;color:var(--ink3)}

/* ---------- 结果 ---------- */
.res{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;align-items:start}
.res figure{border-radius:14px;overflow:hidden;background:var(--paper);border:1px solid var(--line2);box-shadow:0 6px 16px -10px rgba(60,35,20,.25)}
.res img{width:100%;display:block;cursor:zoom-in}
.res figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 14px;font-size:13px;color:var(--ink)}
.res figcaption > span:first-child{font-family:var(--serif);font-weight:600}
.res figcaption a{color:var(--brand);text-decoration:none;font-weight:600}
.res figcaption small{color:var(--ink3);font:11.5px/1.6 -apple-system,"PingFang SC",sans-serif}
.res .acts{display:flex;gap:14px;align-items:center;flex-shrink:0;font-size:12.5px}
.res .del{background:none;border:0;padding:0;font:inherit;color:var(--ink3);cursor:pointer}
.res .del:hover{color:var(--err)}
.res .del:disabled{opacity:.4;cursor:wait}
.res figure.new{outline:2px solid var(--brand);outline-offset:3px}
.res-card > .lead{margin-left:0}

.ft{max-width:1200px;margin:0 auto;padding:0 24px 40px;font-size:12px;color:var(--ink3);text-align:center;line-height:1.9}
.ft a{color:var(--brand);margin-left:8px}
@media(max-width:900px){.ft{padding-bottom:120px}}

/* ---------- 灯箱 ---------- */
.lb{position:fixed;inset:0;background:rgba(20,14,12,.9);z-index:50;display:flex;align-items:center;justify-content:center;padding:40px}
.lb img{max-width:100%;max-height:100%;border-radius:8px}
.lb-x{position:absolute;top:16px;right:20px;border:0;background:none;color:#fff;font-size:32px}
.lb-dl{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#fff;background:var(--brand);padding:10px 24px;border-radius:999px;text-decoration:none;font-size:14px}

/* ---------- 移动端 ---------- */
.mbar{display:none}
@media(max-width:900px){
  .layout{grid-template-columns:minmax(0,1fr);padding:16px 14px 16px}
  .side{position:static}
  .res-wrap{padding:0 14px 110px}
  .panel .go,.panel #goHint{display:none}
  .hd-tag{display:none}
  .hero-in{grid-template-columns:minmax(0,1fr);padding:32px 16px 28px;gap:28px}
  .hero h1{font-size:30px}
  .hero-gal{gap:10px;margin-top:8px}
  .hero-gal figure:nth-child(2){transform:scale(1.04)}
  .hero-gal figcaption{display:none}
  .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;gap:12px;align-items:center;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,253,249,.96);
    border-top:1px solid var(--line);backdrop-filter:blur(8px)}
  .mbar span{flex:1;font-size:13px;color:var(--ink2)}
  .mbar .go{width:auto;padding:12px 26px;letter-spacing:2px}
  .pv{aspect-ratio:16/10}
}
@media(max-width:600px){
  .hd-in{padding:10px 14px}
  .brand small{display:none}
  .card{padding:20px 16px}
  .card .lead{margin-left:0}
  .tpls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
  #tpls{grid-template-columns:none;grid-auto-columns:128px}
  .ups{grid-template-columns:minmax(0,1fr);gap:10px}
  .drop{aspect-ratio:3/2;height:auto;min-height:150px}
  .drop.wide{aspect-ratio:16/9;min-height:120px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* overseas account badge */
.acc-fab{position:fixed;right:18px;top:16px;z-index:41;border:1px solid var(--line);background:#fff;border-radius:999px;
  padding:8px 14px;font:600 13px/1 -apple-system,sans-serif;color:var(--brand);cursor:pointer;box-shadow:0 4px 14px -6px rgba(60,35,20,.3)}
@media(max-width:900px){.acc-fab{top:auto;bottom:132px;right:12px}}