:root{
  --bg:#f3effb; --card:#fff; --ink:#2a2350; --ink-2:#6f6795; --line:#ece7f6;
  --primary:#8b6cf6; --primary-2:#6d4ae8; --primary-soft:#efe9ff; --purple-300:#c4b5fd; --purple-900:#5b3dcc;
  --ok:#34c77b; --warn:#f59e0b; --bad:#f25f5c;
  --font:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  --r:22px; --r-sm:16px;
  --shadow-soft:0 2px 0 rgba(91,61,204,.06),0 14px 34px rgba(91,61,204,.14);
  --shadow-card:0 1px 0 rgba(255,255,255,.9) inset,0 3px 0 rgba(91,61,204,.07),0 18px 40px rgba(91,61,204,.16);
  --shadow-btn:0 3px 0 rgba(60,34,140,.35),0 10px 22px rgba(139,108,246,.35);
  --safe-b:env(safe-area-inset-bottom,0px);
}
@font-face{font-family:"HouZunSongTi";src:url("/fonts/HouZunSongTi.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"ZhuoteYuedongHei";src:url("/fonts/ZhuoteYuedongHei.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"FeiyangTi";src:url("/fonts/FeiyangTi.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"TitleZiYuYingHei";src:url("/fonts/title/ZiYuYingHeiTi.ttf") format("truetype");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"WenYuanSerifSCHeavy";src:url("/fonts/WenYuanSerifSC-Heavy.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"JinzisheDezheng";src:url("/fonts/JinzisheDezheng-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"TitleChillKSans";src:url("/fonts/title/Chill%20K%20Sans.otf") format("opentype");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"TitleChillKMedium";src:url("/fonts/title/Chill%20K%20Sans%20Medium.otf") format("opentype");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"TitleSmileyOblique";src:url("/fonts/title/SmileySans-Oblique.otf") format("opentype");font-weight:400;font-style:oblique;font-display:swap}
@font-face{font-family:"TitleChillReunion";src:url("/fonts/title/ChillReunion_Sans.otf") format("opentype");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"TitleJinzishe";src:url("/fonts/title/JinzisheDezheng-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"TitleWenYuan";src:url("/fonts/title/WenYuanSerifSC-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"TitleWenYuanBold";src:url("/fonts/title/WenYuanSerifSC-Bold.ttf") format("truetype");font-weight:700 900;font-style:normal;font-display:swap}
@font-face{font-family:"TitleXiangcui";src:url("/fonts/title/XiangcuiWaveSans.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"TitleXiangcuiExact";src:url("/fonts/title/XiangCuiZiZaiShuChangHei.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"TitleXuanZong";src:url("/fonts/title/XuanZongTi-v0.1.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"TitleSanJiJiSongHeavy";src:url("/fonts/title/SanJiJiSongHeavy.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"SubtitleWenYuan";src:url("/fonts/subtitle/WenYuanSerifSC-Bold.ttf") format("truetype");font-weight:700 900;font-style:normal;font-display:swap}
@font-face{font-family:"SubtitleChillK";src:url("/fonts/subtitle/Chill-K-Sans.otf") format("opentype");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"SubtitleXiangcui";src:url("/fonts/subtitle/XiangCuiZiZaiShuChangHei.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"SubtitleChillReunion";src:url("/fonts/subtitle/ChillReunion_Round.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"SubtitlePingFang";src:url("/fonts/subtitle/PingFangShiGuangTi.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"SubtitleSmiley";src:url("/fonts/subtitle/SmileySans-Oblique.otf") format("opentype");font-weight:400;font-style:oblique;font-display:swap}
@font-face{font-family:"SubtitleYaoXing";src:url("/fonts/subtitle/YaoXingQingNianHei.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100%}
/* 背景光斑（3D 氛围） */
body::before,body::after{content:"";position:fixed;border-radius:50%;filter:blur(70px);z-index:-1;pointer-events:none}
body::before{width:420px;height:420px;top:-120px;right:-140px;background:radial-gradient(circle,rgba(196,181,253,.55),transparent 65%)}
body::after{width:460px;height:460px;bottom:-160px;left:-160px;background:radial-gradient(circle,rgba(253,224,71,.35),rgba(125,211,252,.25) 45%,transparent 70%)}
#app{max-width:480px;margin:0 auto;min-height:100vh;padding:16px 16px calc(96px + var(--safe-b));display:flex;flex-direction:column}
.topbar{display:flex;align-items:center;gap:10px;padding:6px 2px 14px}
.topbar h1{font-size:22px;margin:0;font-weight:800;letter-spacing:.5px;text-shadow:0 2px 0 rgba(91,61,204,.12)}
/* 卡片：多层阴影 + 内高光，按下去有 3D 下沉感 */
.card{background:linear-gradient(180deg,#fff 0%,#fdfcff 100%);border-radius:var(--r);box-shadow:var(--shadow-card);padding:16px;margin-bottom:14px;transition:transform .16s cubic-bezier(.2,.9,.3,1.5),box-shadow .16s;position:relative}
.card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.85),transparent 38%)}
.card>*{position:relative}
.card:active{transform:translateY(2px) scale(.985);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 2px 8px rgba(91,61,204,.12)}
.card-title{font-size:15px;font-weight:800;display:flex;align-items:center;gap:8px}
.card-title svg{width:20px;height:20px;color:var(--primary)}
/* 按钮 3D */
.btn{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:16px;padding:13px 16px;font-size:15px;font-weight:800;cursor:pointer;transition:transform .14s,box-shadow .14s,filter .14s;background:linear-gradient(180deg,#9d80f8,#7a5cef 55%,#6d4ae8);color:#fff;font-family:inherit;box-shadow:var(--shadow-btn);text-decoration:none}
.btn:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(60,34,140,.35),0 4px 10px rgba(139,108,246,.3)}
.btn:disabled{opacity:.55;transform:none}
.btn-soft{background:linear-gradient(180deg,#f4efff,#e9e2ff);color:var(--purple-900);box-shadow:0 2px 0 rgba(91,61,204,.12),0 8px 18px rgba(139,108,246,.18)}
.btn-soft:active{box-shadow:0 1px 0 rgba(91,61,204,.12),0 3px 8px rgba(139,108,246,.14)}
.btn-ghost{background:transparent;color:var(--ink-2);box-shadow:inset 0 0 0 1.5px var(--line),0 2px 6px rgba(91,61,204,.05)}
.btn-ghost:active{box-shadow:inset 0 0 0 1.5px var(--purple-300)}
.btn-block{width:100%}
.btn svg{width:20px;height:20px}
.field{margin-bottom:14px}
.field label{display:block;font-size:13px;font-weight:700;color:var(--ink-2);margin-bottom:6px}
.input,select.input,textarea.input{width:100%;border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:12px 14px;font-size:15px;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit;box-shadow:inset 0 2px 5px rgba(42,35,80,.04)}
.input:focus{border-color:var(--purple-300);box-shadow:inset 0 2px 5px rgba(42,35,80,.04),0 0 0 4px rgba(196,181,253,.25)}
textarea.input{resize:vertical;min-height:70px}
.seg{display:flex;background:var(--primary-soft);border-radius:14px;padding:4px;gap:4px;box-shadow:inset 0 2px 6px rgba(91,61,204,.1)}
.seg button{flex:1;border:0;background:transparent;border-radius:11px;padding:9px 0;font-size:14px;font-weight:700;color:var(--ink-2);cursor:pointer;transition:all .18s;font-family:inherit}
.seg button.on{background:#fff;color:var(--purple-900);box-shadow:0 3px 10px rgba(91,61,204,.22)}
/* 账号卡片 */
.acc{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--r);background:linear-gradient(180deg,#fff,#fdfcff);box-shadow:var(--shadow-card);margin-bottom:12px;cursor:pointer;transition:transform .16s;position:relative}
.acc::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.8),transparent 40%)}
.acc>*{position:relative}
.acc:active{transform:translateY(2px) scale(.98)}
.acc-avatar{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:18px;background:linear-gradient(135deg,var(--purple-300),var(--primary));flex-shrink:0;box-shadow:0 6px 14px rgba(139,108,246,.35);overflow:hidden}
.acc-avatar .dog{width:100%;height:100%}
.account-avatar-image{width:100%;height:100%;display:block;object-fit:cover}
.account-avatar-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:8px}
.account-avatar-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:6px 3px 7px;border:1.5px solid transparent;border-radius:15px;background:#fff;color:var(--ink-2);font-family:inherit;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}
.account-avatar-option:hover{border-color:var(--purple-300)}
.account-avatar-option:active{transform:scale(.96)}
.account-avatar-option.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--purple-900);box-shadow:0 5px 12px rgba(139,108,246,.2)}
.account-avatar-option-image{width:54px;height:54px;border-radius:50%;display:block;overflow:hidden;background:#f3effb;box-shadow:0 4px 10px rgba(42,35,80,.16)}
.account-avatar-option-image img{width:100%;height:100%;display:block;object-fit:cover}
.account-avatar-option b{font-size:10px;line-height:1;white-space:nowrap}
.account-avatar-option i{position:absolute;right:3px;top:3px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#fff;color:transparent;font-size:10px;font-style:normal;font-weight:900;box-shadow:0 2px 5px rgba(42,35,80,.1)}
.account-avatar-option.selected i{background:var(--primary);color:#fff}
.avatar-selection-status{margin-top:7px;color:var(--ink-2);font-size:11.5px;text-align:center}
.avatar-confirm-button{margin-top:8px;padding:10px 14px;font-size:13px}
.avatar-picker-standalone{margin-bottom:2px}
.avatar-edit-button{flex:0 0 auto;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--purple-900);padding:8px 9px;font:700 11px var(--font);cursor:pointer;white-space:nowrap;box-shadow:0 3px 8px rgba(91,61,204,.08)}
.avatar-edit-button:active{transform:translateY(1px)}
.account-profile-facts{margin-top:12px;padding:11px 12px;border:1px solid rgba(149,204,211,.32);border-radius:15px;background:rgba(245,251,255,.82)}
.account-profile-facts>b{font-size:12px;color:var(--ink-2)}
.account-profile-fact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;margin-top:9px}
.account-profile-fact-list span{min-width:0;display:flex;flex-direction:column;gap:3px}
.account-profile-fact-list small{font-size:10px;color:#8da1a8}
.account-profile-fact-list strong{font-size:12px;line-height:1.45;word-break:break-word}
.acc-body{flex:1;min-width:0}
.acc-name{font-weight:800;font-size:16px}
.acc-meta{font-size:12.5px;color:var(--ink-2);margin-top:3px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.pill{font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.pill.good{background:#e6f9ef;color:#1f9d5f}.pill.mid{background:#fff3e0;color:#d97706}.pill.bad{background:#ffe9e8;color:#e0403b}.pill.none{background:var(--line);color:var(--ink-2)}
.badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--primary-soft);color:var(--purple-900);white-space:nowrap}
/* 小狗插画 */
.dog-wrap{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.dog-wrap .dog{width:100%;height:100%;display:block}
.dog{animation:dogBob 2.6s ease-in-out infinite}
@keyframes dogBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
/* 入口宫格（3D 卡片） */
.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.feat{background:linear-gradient(160deg,#fff,#fbf9ff);border-radius:var(--r);box-shadow:var(--shadow-card);padding:16px 14px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;text-decoration:none;color:var(--ink);transition:transform .16s;position:relative}
.feat::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.85),transparent 45%)}
.feat>*{position:relative}
.feat:active{transform:translateY(3px) scale(.97)}
.feat .dog-wrap{width:58px;height:58px}
.feat b{font-size:14.5px;font-weight:800}
.feat span{font-size:11.5px;color:var(--ink-2);text-align:center;line-height:1.4}
/* 可点选素材 chips */
.chip{display:inline-flex;align-items:center;gap:6px;background:var(--primary-soft);color:var(--purple-900);border-radius:99px;padding:8px 14px;font-size:13px;font-weight:700;margin:4px 4px 0 0;cursor:pointer;border:1.5px solid transparent;transition:all .15s;user-select:none;box-shadow:0 2px 6px rgba(91,61,204,.12)}
.chip:active{transform:scale(.94)}
.chip.on{background:linear-gradient(180deg,#9d80f8,#7a5cef);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(139,108,246,.4)}
.chip.del::after{content:"×";font-weight:800;opacity:.65}
.custom-chip{padding-right:8px}
.custom-chip .chip-label{min-width:0}
.chip-remove{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.78);color:var(--purple-900);font:800 16px/1 var(--font);cursor:pointer;flex:0 0 24px}
.chip-remove:hover{background:#fff}
.chip-remove:active{transform:scale(.9)}
.chip-group .chip-removable{padding-right:8px}
.chip-group .chip-removable .chip-remove{background:var(--primary-soft)}
.chip-group{margin-bottom:6px}
.chip-group .chip{background:#fff;border:1.5px solid var(--line);color:var(--ink);box-shadow:none}
.chip-group .chip.on{background:linear-gradient(180deg,#9d80f8,#7a5cef);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(139,108,246,.4)}
.chip-group .chip.on .chip-remove{background:rgba(255,255,255,.88);color:var(--purple-900)}
.custom-tag-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;margin-top:8px;align-items:center}
.custom-tag-row .input{margin:0}
.custom-tag-add{width:44px;height:44px;border:1.5px solid var(--line);border-radius:16px;background:#fff;color:var(--purple-900);font:900 22px/1 var(--font);cursor:pointer;box-shadow:0 4px 12px rgba(91,61,204,.1);transition:transform .15s,box-shadow .15s,border-color .15s}
.custom-tag-add:hover{border-color:#c7b7ff;box-shadow:0 8px 18px rgba(91,61,204,.16)}
.custom-tag-add:active{transform:scale(.94)}
/* 配额进度 */
.quota-row{display:flex;align-items:center;gap:10px;padding:6px 0}
.quota-row .ql{font-size:12.5px;font-weight:700;color:var(--ink-2);width:88px;flex-shrink:0}
.quota-bar{flex:1;height:9px;border-radius:99px;background:var(--line);overflow:hidden;box-shadow:inset 0 1px 3px rgba(42,35,80,.12)}
.quota-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--purple-300),var(--primary));transition:width .5s cubic-bezier(.2,.8,.2,1)}
.quota-bar i.warn{background:linear-gradient(90deg,#fcd34d,#f59e0b)}
.quota-bar i.full{background:linear-gradient(90deg,#fca5a5,#f25f5c)}
.quota-num{font-size:12px;font-weight:800;color:var(--purple-900);width:52px;text-align:right;flex-shrink:0}
/* 套餐卡 */
.plan-card{border-radius:var(--r);padding:18px;position:relative;overflow:hidden;color:#fff;box-shadow:var(--shadow-card)}
.plan-card.hot{background:linear-gradient(150deg,#8b6cf6,#5b3dcc)}
.plan-card.alt{background:linear-gradient(150deg,#34d399,#0ea5a5)}
.plan-card .price{font-size:34px;font-weight:900;line-height:1.1}
.plan-card .price small{font-size:14px;font-weight:700;opacity:.85}
.plan-card .tag{position:absolute;top:12px;right:-28px;transform:rotate(40deg);background:rgba(255,255,255,.2);padding:4px 34px;font-size:11px;font-weight:800;letter-spacing:1px}
/* 封面生成 */
.upload-box{border:2px dashed var(--purple-300);border-radius:var(--r-sm);padding:22px 12px;text-align:center;color:var(--ink-2);background:var(--primary-soft);cursor:pointer;transition:all .15s}
.upload-box:active{transform:scale(.98);background:#e4dbff}
.cover-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.cover-card{position:relative;border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--shadow-card);cursor:pointer;transition:transform .15s;aspect-ratio:3/4;background:#fff}
.cover-card:active{transform:scale(.97)}
.cover-card canvas,.cover-card img{width:100%;display:block;aspect-ratio:3/4;object-fit:cover}
.cover-card .cover-style{position:absolute;top:8px;left:8px;background:rgba(42,35,80,.65);color:#fff;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:99px;backdrop-filter:blur(4px)}
.cover-card .dl{position:absolute;right:8px;bottom:8px;background:rgba(255,255,255,.92);color:var(--purple-900);font-size:11px;font-weight:800;padding:5px 10px;border-radius:99px;box-shadow:0 3px 10px rgba(42,35,80,.25)}
.cover-workflow-media{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;border-radius:10px;background:#eaf4f7}
.cover-workflow-media canvas{width:100%;height:100%;display:block;object-fit:cover}
.img-pick{position:relative;border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--shadow-card)}
.img-pick img{width:100%;display:block}
.img-pick .pick-tag{position:absolute;top:8px;right:8px;background:rgba(244,63,94,.92);color:#fff;font-size:11px;font-weight:800;padding:4px 10px;border-radius:99px}
.score-row{display:flex;align-items:center;gap:10px;margin:10px 0}
.score-num{font-size:24px;font-weight:800;width:52px;color:var(--purple-900)}
.score-bar{flex:1;height:11px;border-radius:99px;background:var(--line);overflow:hidden;box-shadow:inset 0 1px 3px rgba(42,35,80,.12)}
.score-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--purple-300),var(--primary));transition:width .6s cubic-bezier(.2,.8,.2,1)}
.mask{position:fixed;inset:0;background:rgba(42,35,80,.4);opacity:0;pointer-events:none;transition:opacity .25s;z-index:50}
.mask.show{opacity:1;pointer-events:auto}
.sheet{position:fixed;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;background:linear-gradient(180deg,#fff,#faf8ff);border-radius:26px 26px 0 0;padding:18px 18px calc(18px + var(--safe-b));transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.9,.25,1.15);z-index:51;max-height:88vh;overflow:auto;box-shadow:0 -10px 40px rgba(42,35,80,.25)}
.sheet.show{transform:translateY(0)}
.sheet .grab{width:44px;height:5px;border-radius:99px;background:var(--line);margin:0 auto 14px}
.bottomnav{position:fixed;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;display:flex;background:rgba(255,255,255,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--line);padding:8px 12px calc(8px + var(--safe-b));z-index:40;box-shadow:0 -6px 24px rgba(91,61,204,.12)}
.bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:700;color:var(--ink-2);text-decoration:none;padding:5px 0;border-radius:14px;transition:all .15s}
.bottomnav a.on{color:var(--purple-900);background:var(--primary-soft)}
.bottomnav .dog-wrap{width:26px;height:26px;transition:transform .15s}
.bottomnav a.on .dog-wrap{transform:translateY(-2px) scale(1.08)}
.bottomnav svg{width:22px;height:22px}
/* 底部备案区：位于固定底部导航之上，留足空间不被遮挡 */
.site-footer{width:100%;max-width:480px;margin:auto auto 0;padding:14px 16px 4px;text-align:center}
.site-footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px}
.site-footer-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--ink-2);text-decoration:none;line-height:1.4}
.site-footer-link:active{opacity:.7}
.site-footer-police-icon{flex:none;width:14px;height:14px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.muted{color:var(--ink-2);font-size:13px}
.trend{width:100%;height:40px;display:block}
#toast{position:fixed;left:50%;bottom:110px;transform:translateX(-50%) translateY(16px);background:rgba(42,35,80,.94);color:#fff;padding:10px 18px;border-radius:99px;font-size:13.5px;font-weight:600;opacity:0;pointer-events:none;transition:all .25s;z-index:9999;max-width:86%;text-align:center;box-shadow:0 10px 30px rgba(42,35,80,.35)}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.divider{height:1px;background:var(--line);margin:12px 0}
.fade{animation:fade .25s ease}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.metric{background:linear-gradient(180deg,#f4efff,#eae3ff);border-radius:16px;padding:12px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 6px 14px rgba(139,108,246,.15)}
.metric b{font-size:20px;color:var(--purple-900)}
.metric .muted{font-size:11px}
.copy{font-size:12px;padding:6px 12px;border-radius:99px}
.copy:hover{filter:brightness(1.05)}
/* 登录页 */
.login-mascot{width:104px;height:104px;margin:0 auto 16px;position:relative}
.login-mascot .dog-wrap{width:104px;height:104px}
.hero{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 12px 6px;text-align:center}
.hero .dog-wrap{width:88px;height:88px}
.hero h2{margin:0;font-size:24px;font-weight:900}
.hero p{margin:0;color:var(--ink-2);font-size:13.5px}
.status-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}
.status-row:last-child{border-bottom:0}
.status-dot{width:9px;height:9px;border-radius:99px;flex-shrink:0}
.dot-ok{background:var(--ok);box-shadow:0 0 8px rgba(52,199,123,.7)}
.dot-bad{background:var(--bad);box-shadow:0 0 8px rgba(242,95,92,.7)}
.dot-warn{background:var(--warn);box-shadow:0 0 8px rgba(245,158,11,.7)}
.admin-users-toolbar{margin-top:12px;padding:11px;border:1px solid rgba(139,108,246,.16);border-radius:16px;background:rgba(248,246,255,.86)}
.admin-users-search{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:7px}
.admin-users-search>span{font:900 23px/1 Arial,sans-serif;color:var(--purple-900);text-align:center;transform:rotate(-15deg)}
.admin-users-search .input{min-width:0;padding:10px 11px;border-radius:12px;font-size:13px}
.admin-users-collapse{padding:9px 10px;font-size:11px;white-space:nowrap;border-radius:11px}
.admin-users-filter{margin-top:8px;padding:10px 11px;border-radius:12px;font-size:13px}
.admin-users-summary{margin-top:8px;color:var(--ink-2);font-size:11px;line-height:1.5}
.admin-users-box{max-height:58vh;overflow:auto;margin-top:10px;padding-right:2px;scrollbar-width:thin}
.admin-user-group{border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.72);overflow:hidden;margin-bottom:9px}
.admin-user-group-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 12px;border:0;background:linear-gradient(180deg,#fff,#faf8ff);color:var(--ink);font:800 13px/1.3 var(--font);text-align:left;cursor:pointer}
.admin-user-group-head span:first-child{display:flex;align-items:center;gap:7px}
.admin-user-group-head small{font-size:10px;font-weight:700;color:var(--ink-2)}
.admin-group-arrow{font-size:20px;font-weight:400;color:var(--purple-900);line-height:1}
.admin-user-group-body{padding:0 10px}
.admin-user-row{border-top:1px solid var(--line);padding:10px 0}
.admin-user-row:first-child{border-top:0}
.admin-user-summary{display:flex;align-items:center;gap:8px}
.admin-user-main{flex:1;min-width:0}
.admin-user-main>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.admin-user-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:4px;color:var(--ink-2);font-size:11px}
.admin-user-meta .pill,.admin-user-meta .badge{font-size:10px;padding:2px 7px}
.admin-user-owner{margin-top:4px;color:var(--ink-2);font-size:10.5px;line-height:1.35}
.admin-user-expand{flex:0 0 auto;padding:7px 10px;font-size:11px;border-radius:10px}
.admin-user-details{margin-top:10px;padding:10px;border-radius:12px;background:#fbfaff;border:1px solid rgba(139,108,246,.14)}
.admin-user-actions,.admin-plan-actions{display:flex;gap:7px;flex-wrap:wrap}
.admin-user-actions .btn,.admin-plan-actions .btn{padding:7px 9px;font-size:11px;border-radius:10px;white-space:nowrap}
.admin-plan-label{margin:11px 0 6px;color:var(--ink-2);font-size:11px;font-weight:800}
.btn-danger{background:#fff0ef;color:#c53d3b;box-shadow:inset 0 0 0 1px #ffd3d0,0 3px 8px rgba(242,95,92,.09)}
.btn-danger:active{box-shadow:inset 0 0 0 1px #f5aaa6}
.admin-users-empty{text-align:center;padding:18px 8px}
.collapse{max-height:0;overflow:hidden;transition:max-height .3s ease}
.collapse.open{max-height:1200px}
.plan-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(120deg,#fef3c7,#fde68a);border-radius:var(--r-sm);padding:12px 14px;margin-bottom:14px;box-shadow:0 6px 16px rgba(245,158,11,.25)}
.plan-banner .dog-wrap{width:44px;height:44px}

/* 自动运营（方案 B：审批优先） */
.topnav{display:flex;gap:8px;padding:4px 2px 14px}
.topnav a{flex:1;text-align:center;text-decoration:none;font-size:13.5px;font-weight:800;color:var(--ink-2);padding:10px 0;border-radius:14px;background:#fff;box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center;gap:6px}
.topnav a.on{background:linear-gradient(180deg,#9d80f8,#7a5cef 55%,#6d4ae8);color:#fff;box-shadow:var(--shadow-btn)}
.banner{background:linear-gradient(150deg,#8b6cf6,#5b3dcc);border-radius:var(--r);margin:0 0 14px;padding:16px;color:#fff;box-shadow:var(--shadow-btn);position:relative;overflow:hidden}
.banner::after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.12);right:-50px;top:-60px}
.banner .row{display:flex;align-items:center;gap:10px;margin-top:10px}
.banner .num{font-size:34px;font-weight:900;line-height:1}
.banner .progress{height:8px;border-radius:99px;background:rgba(255,255,255,.25);overflow:hidden;margin-top:12px}
.banner .progress i{display:block;height:100%;border-radius:99px;background:#fff}
.banner .run{margin-top:12px;background:rgba(255,255,255,.95);color:var(--purple-900);box-shadow:0 3px 0 rgba(60,34,140,.3)}
.acc-row{display:flex;align-items:center;gap:10px;padding:13px 16px;background:#fff;border-radius:var(--r);box-shadow:var(--shadow-card);margin-bottom:10px}
.acc-ava{width:42px;height:42px;border-radius:14px;background:linear-gradient(150deg,#c4b5fd,#8b6cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:17px;flex-shrink:0}
.switch{width:46px;height:27px;border-radius:99px;background:var(--line);position:relative;flex-shrink:0;transition:background .18s;cursor:pointer}
.switch:has(input:checked){background:linear-gradient(180deg,#9d80f8,#6d4ae8)}
.switch input{position:absolute;opacity:0;inset:0}
.switch::after{content:"";position:absolute;left:3px;top:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:left .18s}
.switch:has(input:checked)::after{left:22px}
.sec-title{display:flex;align-items:center;gap:8px;margin:16px 0 10px}
.sec-title b{font-size:15px}
.sec-title .count{font-size:11px;font-weight:800;color:#fff;background:linear-gradient(180deg,#f59e0b,#d97706);border-radius:99px;padding:2px 9px}
.draft{display:flex;flex-direction:column;gap:10px;padding:14px 16px;margin-bottom:10px;background:#fff;border-radius:var(--r);box-shadow:var(--shadow-card)}
.draft .row1{display:flex;align-items:center;gap:8px}
.draft .row1 b{font-size:14px;flex:1}
.draft .prev{font-size:12.5px;color:var(--ink-2);line-height:1.5}
.draft .ops{display:flex;gap:8px}
.draft .ops .ok{flex:1;background:linear-gradient(180deg,#4ad991,#2bb673);color:#fff;box-shadow:0 3px 0 rgba(24,120,80,.35),0 8px 18px rgba(52,199,123,.3)}
.draft .ops .no{flex:1;background:#fff;color:var(--ink-2);box-shadow:inset 0 0 0 1.5px var(--line)}
.tag{display:inline-flex;align-items:center;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:8px}
.tag.copy{background:var(--primary-soft);color:var(--purple-900)}
.tag.cover{background:#fdeef2;color:#d6336c}
.tag.script{background:#e8f6ff;color:#1d6fb8}

/* 问管家（方案 A：布丁主场） */
.butler-hero{background:linear-gradient(160deg,#9d80f8 0%,#7a5cef 55%,#5b3dcc 100%);border-radius:0 0 30px 30px;padding:22px 20px 26px;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(91,61,204,.35);margin:0 -16px 0}
.butler-hero::after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.12);right:-60px;top:-70px}
.butler-hero .row{display:flex;align-items:center;gap:14px;position:relative;z-index:1}
.butler-ava{width:84px;height:84px;border-radius:50%;border:3px solid rgba(255,255,255,.9);box-shadow:0 6px 18px rgba(42,20,90,.4);object-fit:cover;background:#fff}
.butler-hero h2{margin:0;font-size:24px;font-weight:900;letter-spacing:1px}
.butler-hero p{margin:4px 0 0;font-size:13px;opacity:.92}
.butler-hero .online{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:12px;font-weight:700;background:rgba(255,255,255,.18);padding:4px 10px;border-radius:99px}
.butler-hero .online i{width:7px;height:7px;border-radius:50%;background:#7ef0b3;box-shadow:0 0 0 3px rgba(126,240,179,.25)}
.chips{display:flex;gap:8px;overflow-x:auto;padding:12px 0 2px}
.chips::-webkit-scrollbar{display:none}
.chips .chip{border:0;cursor:pointer;font-family:inherit}
.butler-chat{flex:1;overflow-y:auto;min-height:0;padding:12px 0 8px;display:flex;flex-direction:column;gap:12px}
.msg{display:flex;gap:9px;max-width:88%}
.msg.user{align-self:flex-end;flex-direction:row-reverse}
.msg .ava{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;margin-top:2px;background:#fff}
.msg .bubble{padding:11px 14px;border-radius:18px;font-size:14px;line-height:1.55;color:var(--ink);white-space:pre-wrap}
.msg.butler .bubble{background:#fff;border-radius:4px 18px 18px 18px;box-shadow:0 3px 0 rgba(91,61,204,.06),0 10px 22px rgba(91,61,204,.12)}
.msg.user .bubble{background:linear-gradient(180deg,#9d80f8,#6d4ae8);color:#fff;border-radius:18px 4px 18px 18px;box-shadow:0 4px 14px rgba(139,108,246,.35)}
.butler-input{display:flex;align-items:center;gap:10px;padding:10px 0 0}
.butler-input .inp{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--line);border-radius:99px;padding:4px 16px}
.butler-input .inp input{border:0;outline:none;width:100%;font-size:14px;font-family:inherit;color:var(--ink);background:transparent;padding:8px 0}
.butler-input .send{width:46px;height:46px;border-radius:50%;background:linear-gradient(180deg,#9d80f8,#6d4ae8);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-btn);font-size:19px;font-weight:900;border:0;cursor:pointer}

#askPage{display:flex;flex-direction:column;height:calc(100vh - 96px);height:calc(100dvh - 96px);min-height:0}
/* 账号诊断 / 获客策略 子视图：长表单与长结果需按内容自然撑高、跟随整页滚动，
   不再锁定一屏高，避免内容溢出被底部导航遮挡、备案 footer 浮在中间压住表单 */
#askPage.ask-tool{height:auto;flex:1 0 auto;min-height:calc(100vh - 96px);min-height:calc(100dvh - 96px)}

/* 食刻首页：以参考图的浅色产品海报感为基底，内容保持餐饮真实感。 */
.studio-loading{min-height:100vh;display:grid;place-items:center;color:#557087;font-size:14px;background:#edf8fc}
.studio-page{--studio-ink:#152936;--studio-muted:#718794;--studio-blue:#3d7df0;--studio-sky:#dff3fa;--studio-mint:#b8f3c4;--studio-orange:#f58d55;min-height:100vh;background:linear-gradient(145deg,#eefaff 0%,#f8fcf7 58%,#fff5e8 100%);color:var(--studio-ink);padding-bottom:98px;overflow:hidden;perspective:1600px;perspective-origin:50% 0}
.studio-page:before{content:"";position:fixed;inset:auto -90px 7% auto;width:230px;height:230px;border-radius:50%;background:rgba(170,231,244,.35);filter:blur(1px);pointer-events:none}
.studio-page:after{content:"";position:fixed;left:50%;top:0;width:min(88vw,760px);height:340px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,0));pointer-events:none}
.studio-header{display:flex;align-items:center;justify-content:space-between;max-width:760px;margin:0 auto;padding:24px 22px 12px;position:relative;z-index:1}
.brand-lockup{display:flex;align-items:center;gap:10px}.brand-lockup strong{display:block;font-family:Georgia,"Songti SC",serif;font-size:22px;letter-spacing:1px}.brand-lockup small{display:block;color:var(--studio-muted);font-size:10px;letter-spacing:.8px;margin-top:1px}.brand-orange{display:block;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffe9b7 0 12%,#ffca63 13% 38%,#f59e0b 39% 72%,#ea860f 73% 100%);box-shadow:8px 5px 0 #ffd99c;position:relative}.brand-orange::before{content:"";position:absolute;left:13px;top:-6px;width:7px;height:12px;border-radius:6px 6px 0 0;background:#4a9a43;transform:rotate(-28deg);box-shadow:4px 0 0 #6fc15d}
.header-actions{display:flex;align-items:center;gap:10px}.icon-button,.profile-button{border:0;cursor:pointer;font-family:inherit}.icon-button{background:transparent;color:#4e7488;font-size:24px;line-height:1;transform:rotate(180deg)}.profile-button{width:36px;height:36px;border-radius:13px;background:#fff;color:#3677e2;font-size:14px;font-weight:900;box-shadow:0 5px 14px rgba(66,126,157,.16)}
.studio-main{max-width:760px;margin:0 auto;padding:10px 22px 30px;position:relative;z-index:1}.studio-welcome{display:flex;justify-content:space-between;min-height:132px;padding:20px 18px 16px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.72));border:1px solid rgba(199,228,237,.72);box-shadow:0 16px 36px rgba(59,116,140,.12),inset 0 1px 0 rgba(255,255,255,.9);position:relative;overflow:hidden;transform-style:preserve-3d}.studio-welcome:after{content:"";position:absolute;left:16px;right:16px;bottom:10px;height:14px;border-radius:999px;background:linear-gradient(90deg,rgba(61,125,240,.16),rgba(88,182,255,.04));filter:blur(8px);pointer-events:none}.eyebrow{font-size:10px;line-height:1;letter-spacing:2px;color:#7a9baa;font-weight:900}.studio-welcome h1{font-size:28px;line-height:1.25;letter-spacing:0;margin:12px 0 7px;font-weight:800}.studio-welcome h1 em{font-style:normal;font-weight:400}.studio-welcome p{margin:0;color:var(--studio-muted);font-size:13px;line-height:1.6}.welcome-doodle{width:108px;position:relative;align-self:flex-start;height:94px;color:#76cfe1;transform:translateZ(20px)}.welcome-doodle span{position:absolute;right:8px;top:8px;font-size:27px;transform:rotate(15deg)}.welcome-doodle i,.welcome-doodle b{position:absolute;display:block;border-radius:50%;border:2px solid currentColor}.welcome-doodle i{width:61px;height:20px;right:12px;top:37px;border-color:#73d7b2;transform:rotate(-20deg)}.welcome-doodle b{width:38px;height:14px;right:0;top:58px;border-color:#f4ad76;border-left-color:transparent;transform:rotate(14deg)}
.creation-hero{display:grid;grid-template-columns:43% 57%;min-height:245px;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 13px 36px rgba(59,116,140,.14);margin:6px 0 28px;transform-style:preserve-3d;perspective:1200px;border:1px solid rgba(255,255,255,.7)}.hero-photo{position:relative;min-height:245px;background:#d8eff6;transform-style:preserve-3d;overflow:hidden}.hero-photo:before{content:"";position:absolute;left:50%;top:58px;width:220px;height:94px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 50% 35%,rgba(223,247,207,.88) 0 26%,rgba(170,227,141,.92) 58%,rgba(108,179,103,.92) 100%);box-shadow:0 18px 24px rgba(71,116,128,.14);pointer-events:none}.hero-photo:after{content:"";position:absolute;left:18px;right:18px;bottom:8px;height:26px;border-radius:50%;background:rgba(61,125,240,.12);filter:blur(8px);pointer-events:none}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.photo-label{position:absolute;left:12px;bottom:12px;color:#fff;background:rgba(13,41,53,.55);backdrop-filter:blur(8px);border-radius:12px;padding:6px 9px;font-size:10px;font-weight:700}.hero-copy{padding:23px 22px 20px;display:flex;flex-direction:column;align-items:flex-start}.step-label{font-size:10px;color:var(--studio-orange);font-weight:900;letter-spacing:1.5px}.hero-copy h2{font-size:22px;line-height:1.35;margin:13px 0 9px;font-weight:400}.hero-copy h2 strong{font-weight:800}.hero-copy p{font-size:12px;line-height:1.65;color:var(--studio-muted);margin:0 0 15px}.studio-primary{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;width:100%;padding:11px 12px 11px 16px;border-radius:16px;background:var(--studio-blue);color:#fff;text-decoration:none;box-shadow:0 7px 16px rgba(61,125,240,.28);font-size:13px;font-weight:800}.studio-primary b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(255,255,255,.22);font-size:16px}
.studio-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:0 2px 13px}.studio-section-head h2{font-size:20px;margin:7px 0 0;letter-spacing:.2px}.studio-section-head a,.text-button{border:0;background:transparent;text-decoration:none;color:#54839a;font:700 12px inherit;cursor:pointer}.studio-section-head a b{font-size:16px;margin-left:3px}.studio-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:29px;perspective:1200px}.action-tile{position:relative;min-height:126px;padding:14px 12px 12px;border-radius:20px;color:var(--studio-ink);text-decoration:none;overflow:hidden;box-shadow:0 9px 22px rgba(59,116,140,.1);transition:transform .15s;transform-style:preserve-3d;border:1px solid rgba(255,255,255,.72)}.action-tile:active{transform:translateY(2px) scale(.98)}.action-video{background:#eaf1ff}.action-script{background:#e9f8fb}.action-cover{background:#fff0dc}.action-voice{background:#e6f6e6}.tile-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:11px;background:#fff;color:#4a87ed;font-size:19px;margin-bottom:14px;box-shadow:0 4px 10px rgba(60,120,150,.1)}.action-video .tile-icon{color:#3e7df0}.action-cover .tile-icon{color:#e98a4b}.action-voice .tile-icon{color:#60a46c}.action-tile b{display:block;font-size:13px;margin-bottom:5px}.action-tile small{display:block;color:var(--studio-muted);font-size:10px;line-height:1.4}.action-tile i{position:absolute;right:12px;bottom:11px;font-style:normal;color:#7e9dab;font-size:16px}
.recent-head{margin-bottom:12px}.studio-recent{display:grid;grid-template-columns:37% 63%;min-height:136px;background:rgba(255,255,255,.86);border-radius:22px;overflow:hidden;box-shadow:0 8px 20px rgba(59,116,140,.1);cursor:pointer;margin-bottom:18px;transform-style:preserve-3d;border:1px solid rgba(255,255,255,.7)}.recent-image{position:relative;min-height:136px}.recent-image img{width:100%;height:100%;object-fit:cover;display:block}.recent-image span{position:absolute;left:9px;bottom:9px;background:#fff;color:#47758b;border-radius:9px;padding:5px 7px;font-size:10px;font-weight:800}.recent-copy{position:relative;padding:17px 18px}.recent-copy small{display:block;color:#88a0aa;font-size:10px;margin-bottom:6px}.recent-copy b{display:block;font-size:16px}.recent-copy p{max-width:180px;color:var(--studio-muted);font-size:11px;line-height:1.55;margin:8px 0 0}.recent-copy i{position:absolute;right:17px;bottom:15px;color:var(--studio-blue);font-size:20px;font-style:normal}.studio-empty{grid-template-columns:29% 71%;background:rgba(255,255,255,.7);border:1px dashed #a9d8e2}.empty-mark{display:grid;place-items:center;font-size:50px;font-weight:200;color:#7ec4d3;background:#e4f7fb}.studio-insight{display:flex;align-items:center;gap:12px;padding:14px 15px;border-radius:20px;background:rgba(255,255,255,.62);border:1px solid rgba(143,205,214,.28);transform-style:preserve-3d;box-shadow:0 14px 28px rgba(67,126,146,.12)}.insight-orb{display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;border-radius:13px;background:#fff0d7;color:#e9944e;font-size:18px}.studio-insight span{display:block;font-size:10px;color:#89a1aa;margin-bottom:4px}.studio-insight b{display:block;font-size:12px}.studio-insight p{font-size:10px;color:var(--studio-muted);line-height:1.45;margin:4px 0 0}.studio-insight a{margin-left:auto;color:#5a8edc;text-decoration:none;font-size:22px}.studio-nav{position:fixed;left:50%;bottom:0;z-index:20;display:flex;justify-content:space-around;width:min(100%,760px);padding:10px 20px calc(10px + env(safe-area-inset-bottom));transform:translateX(-50%);background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-top:1px solid rgba(140,188,201,.24);box-shadow:0 -7px 25px rgba(54,119,145,.1)}.studio-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:60px;padding:4px 10px;border-radius:13px;color:#86a0aa;text-decoration:none;font-size:10px}.studio-nav a span{font-size:22px;line-height:1}.studio-nav a b{font-size:10px;font-weight:700}.studio-nav a.active{color:#3879df;background:#edf5ff}.studio-nav a.active span{font-weight:900}
.studio-store-panel{margin-top:18px;padding:18px 16px;border-radius:24px;background:rgba(255,255,255,.72);border:1px solid rgba(143,205,214,.32);box-shadow:0 14px 30px rgba(67,126,146,.12)}
.studio-store-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.studio-store-head h2{font-size:20px;margin:7px 0 0}.studio-store-list{display:flex;flex-direction:column;gap:9px}.studio-store-loading{padding:18px 12px;color:var(--ink-2);font-size:12px;text-align:center}
.studio-store-row{display:flex;align-items:center;gap:10px;min-height:64px;padding:10px;border-radius:18px;background:rgba(255,255,255,.9);border:1px solid rgba(191,220,227,.7);cursor:pointer;box-shadow:0 8px 16px rgba(67,126,146,.08)}
.studio-store-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:15px;background:#edf8fc;display:grid;place-items:center;overflow:hidden}.studio-store-avatar .dog-wrap{width:42px;height:42px}
.studio-store-copy{flex:1;min-width:0}.studio-store-copy b{display:block;font-size:14px;color:var(--studio-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-store-copy span{display:block;margin-top:3px;color:#7e98a3;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.studio-store-delete{flex:0 0 auto;border:0;border-radius:12px;background:#fff0f1;color:#d4545b;padding:8px 10px;font:800 11px inherit;cursor:pointer}.studio-store-delete:active{transform:translateY(1px)}
.studio-store-empty{width:100%;min-height:86px;border:1.5px dashed #a9d8e2;border-radius:20px;background:rgba(255,255,255,.58);color:var(--studio-ink);font-family:inherit;text-align:left;padding:14px 16px;cursor:pointer}.studio-store-empty span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:12px;background:#e4f7fb;color:#43869c;font-size:22px;margin-right:8px;vertical-align:middle}.studio-store-empty b{font-size:15px}.studio-store-empty small{display:block;color:#7e98a3;font-size:11px;line-height:1.5;margin-top:8px}
@media (max-width:560px){.studio-main{padding-left:18px;padding-right:18px}.studio-header{padding-left:18px;padding-right:18px}.studio-welcome h1{font-size:25px}.welcome-doodle{width:74px;transform:scale(.82);transform-origin:top right}.creation-hero{grid-template-columns:42% 58%;min-height:260px}.hero-photo{min-height:260px}.hero-copy{padding:20px 15px 17px}.hero-copy h2{font-size:19px}.hero-copy p{font-size:11px}.studio-actions{grid-template-columns:repeat(2,1fr);gap:8px}.action-tile{padding:12px 9px;min-height:121px}.action-tile b{font-size:12px}.action-tile small{font-size:9px}.tile-icon{margin-bottom:12px}}
@media (min-width:720px){.studio-main{padding-top:28px}.creation-hero{min-height:300px}.hero-photo{min-height:300px}.studio-welcome{min-height:155px}.studio-welcome h1{font-size:34px}}

/* 开始制作第 1 步：选择视频类型。 */
.creation-loading{min-height:100vh;display:grid;place-items:center;background:#eefaff;color:#6f8792;font-size:14px}
.route-loading{min-height:58vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:32px;text-align:center;color:#315365}
.route-loading b{font-size:18px}.route-loading span{max-width:290px;color:#79909a;font-size:12px;line-height:1.6}.route-loading .btn{min-width:132px;text-decoration:none}
.route-loading-spinner{width:24px;height:24px;border:3px solid #d6e8eb;border-top-color:#f28b44;border-radius:50%;animation:route-loading-spin .72s linear infinite}
.route-loading-error span{color:#b26b67}
@keyframes route-loading-spin{to{transform:rotate(360deg)}}
.creation-page{--create-ink:#172b35;--create-muted:#78909a;--create-blue:#3e7df0;min-height:100vh;padding-bottom:90px;background:linear-gradient(145deg,#eefaff 0%,#f6fbf7 62%,#fff5e8 100%);color:var(--create-ink)}
.creation-page .fade{animation:none !important}
.creation-page .creation-back,
.creation-page .creation-help,
.creation-page .creation-nav button,
.creation-page .creation-store-change,
.creation-page .creation-next,
.creation-page .creation-type-card,
.creation-page .store-picker-row,
.creation-page .title-choice,
.creation-page .template-pack-card,
.creation-page .subtitle-pill,
.creation-page .opt-pill,
.creation-page .edit-version-card,
.creation-page .saved-script-card,
.creation-page .saved-script-entry,
.creation-page .asset-slot,
.creation-page .asset-folder-chip,
.creation-page .cover-workflow-item,
.creation-page .btn,
.creation-page .chip{
  transition:none !important;
}
.creation-page .creation-back:active,
.creation-page .creation-help:active,
.creation-page .creation-nav button:active,
.creation-page .creation-store-change:active,
.creation-page .creation-next:active,
.creation-page .creation-type-card:hover,
.creation-page .creation-type-card:active,
.creation-page .creation-type-card.selected,
.creation-page .store-picker-row:hover,
.creation-page .store-picker-row:active,
.creation-page .title-choice:hover,
.creation-page .title-choice:active,
.creation-page .template-pack-card:hover,
.creation-page .subtitle-pill:hover,
.creation-page .opt-pill.on,
.creation-page .edit-version-card:hover,
.creation-page .saved-script-card:hover,
.creation-page .saved-script-entry:hover,
.creation-page .asset-slot:hover,
.creation-page .asset-folder-chip,
.creation-page .cover-workflow-item:hover,
.creation-page .btn:active,
.creation-page .chip:active{
  transform:none !important;
}
.creation-header{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:760px;margin:0 auto;padding:20px 20px 10px}.creation-back,.creation-help,.creation-nav button{border:0;background:transparent;color:#4d7c90;font-family:inherit;cursor:pointer}.creation-back{font-size:36px;font-weight:300;line-height:24px;padding:0 8px}.creation-title{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:900;min-width:0}.creation-title small{font-size:11px;font-weight:800;color:#8aa2ac}.creation-header-right{display:flex;align-items:center;gap:10px;min-width:0;margin-left:auto}.creation-account{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:0;padding:7px 11px;border-radius:14px;background:rgba(255,255,255,.82);border:1px solid rgba(185,215,222,.82);box-shadow:0 4px 10px rgba(71,128,145,.08)}.creation-account small{font-size:9px;line-height:1;color:#8aa2ac;font-weight:800;letter-spacing:.8px}.creation-account b{display:block;max-width:160px;overflow:hidden;color:#35586a;font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.creation-help{display:grid;place-items:center;width:28px;height:28px;border:1px solid #b9d7de;border-radius:50%;font-size:13px}.creation-progress{display:flex;gap:8px;max-width:720px;padding:0 28px;margin:3px auto 0}.creation-progress button{display:block;height:18px;flex:1;border:0;border-radius:6px;background:transparent;cursor:pointer;padding:7px 0}.creation-progress button:before{content:"";display:block;width:100%;height:4px;border-radius:4px;background:#d9e9ed}.creation-progress button.done:before{background:var(--create-blue)}.creation-progress button.current:before{box-shadow:0 0 0 2px rgba(62,125,240,.12)}
.confirm-header-tools{gap:8px}.confirm-motion{position:relative;flex:0 1 164px;width:164px;height:58px;overflow:hidden;border:1px solid rgba(255,255,255,.86);border-radius:16px;background:#d8f3fb;box-shadow:0 7px 16px rgba(67,126,146,.12)}.confirm-motion video{display:block;width:100%;height:100%;object-fit:cover}.confirm-motion .creation-help{position:absolute;right:5px;top:5px;width:24px;height:24px;border-color:rgba(255,255,255,.72);background:rgba(255,255,255,.78);color:#4d7c90;font-size:12px;backdrop-filter:blur(6px)}.creation-page .creation-account{align-items:center;width:78px;padding:7px 7px;text-align:center}.creation-page .creation-account b{max-width:68px}
.creation-main{max-width:720px;margin:0 auto;padding:36px 24px 24px}.creation-intro{padding:0 2px 24px}.creation-intro .eyebrow{color:#5f9bad}.creation-intro h1{font-size:32px;line-height:1.2;letter-spacing:.2px;margin:13px 0 10px;font-weight:400}.creation-intro h1 em{font-style:normal;font-weight:850}.creation-intro p{max-width:310px;color:var(--create-muted);font-size:13px;line-height:1.65;margin:0}.creation-store-wrap{position:relative;margin-bottom:28px}.creation-store{display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,255,255,.72);border:1px solid rgba(149,204,211,.3);border-radius:19px;padding:14px 15px;box-shadow:0 7px 18px rgba(71,128,145,.08)}.creation-store-copy span,.creation-store-copy small{display:block;color:#91a6ad;font-size:10px}.creation-store-copy b{display:block;font-size:15px;margin:5px 0 4px}.creation-store-change{border:0;border-radius:12px;background:#fff;color:#4b82db;padding:9px 11px;font:800 11px inherit;box-shadow:0 4px 10px rgba(71,128,145,.1);cursor:pointer;white-space:nowrap}.creation-store-change b{font-size:15px;margin-left:4px}.creation-type-head{display:flex;align-items:flex-end;justify-content:space-between;margin:0 2px 13px}.creation-type-head h2{font-size:20px;margin:7px 0 0}.creation-required{font-size:10px;color:#de8e4e;background:#fff0dc;border-radius:8px;padding:4px 7px;font-weight:800}.creation-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creation-type-card{display:flex;align-items:center;gap:10px;position:relative;min-width:0;border:1.5px solid transparent;border-radius:19px;padding:10px;text-align:left;font-family:inherit;color:var(--create-ink);cursor:pointer;box-shadow:0 8px 18px rgba(71,128,145,.08);transition:transform .15s,border-color .15s,box-shadow .15s}.creation-type-card:active{transform:scale(.98)}.creation-type-card.selected{border-color:var(--create-blue);box-shadow:0 7px 18px rgba(62,125,240,.19)}.tone-blue{background:#e8f7fb}.tone-mint{background:#e8f7ec}.tone-orange{background:#fff0df}.tone-lavender{background:#f0edff}.tone-cream{background:#fff8e7}.tone-rose{background:#ffedf0}.type-image{position:relative;width:54px;height:70px;flex:0 0 54px;border-radius:13px;overflow:hidden;background:#d6edf4}.type-image img{width:100%;height:100%;object-fit:cover;display:block}.type-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(16,39,47,.28))}.type-image i{position:absolute;left:7px;bottom:5px;z-index:1;color:#fff;font-size:15px;font-style:normal;text-shadow:0 1px 4px rgba(0,0,0,.25)}.type-copy{min-width:0;padding-right:14px}.type-copy b{display:block;font-size:13px;line-height:1.35}.type-copy small{display:block;color:#78909a;font-size:10px;line-height:1.45;margin-top:4px}.type-check{position:absolute;right:9px;top:9px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.7);color:var(--create-blue);font-size:12px;font-weight:900}.selected .type-check{background:var(--create-blue);color:#fff}.creation-next-wrap{padding-top:28px;text-align:center}.creation-next{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:17px;padding:14px 15px 14px 18px;background:var(--create-blue);color:#fff;font:800 14px inherit;box-shadow:0 9px 18px rgba(62,125,240,.26);cursor:pointer}.creation-next b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(255,255,255,.2);font-size:18px}.creation-next:disabled{background:#b7c8d0;box-shadow:none;cursor:not-allowed}.creation-next-wrap small{display:block;color:#93a7ae;font-size:10px;margin-top:9px}.creation-nav{position:fixed;left:50%;bottom:0;z-index:30;display:flex;align-items:center;justify-content:space-between;width:min(100%,760px);padding:12px 27px calc(12px + env(safe-area-inset-bottom));transform:translateX(-50%);background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-top:1px solid rgba(140,188,201,.24);box-shadow:0 -7px 25px rgba(54,119,145,.1)}.creation-nav a,.creation-nav button{width:30px;text-align:center;text-decoration:none;font-size:24px}.creation-nav-label{color:#83a0aa;font-size:11px;font-weight:800;letter-spacing:1px}.creation-nav button{font-size:23px}.creation-store-sheet h3{margin:2px 0 5px}.creation-store-sheet>p{margin:0 0 13px}.store-picker-popover{position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:12;padding:16px;border:1px solid rgba(146,184,209,.34);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 18px 38px rgba(61,100,140,.18);backdrop-filter:blur(18px);max-height:min(78vh,720px);overflow-y:auto;overscroll-behavior:contain}.store-picker-popover:before{content:"";position:absolute;right:72px;top:-8px;width:16px;height:16px;transform:rotate(45deg);background:rgba(255,255,255,.96);border-left:1px solid rgba(146,184,209,.28);border-top:1px solid rgba(146,184,209,.28)}.store-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.store-picker-head h3{margin:0 0 5px;font-size:17px}.store-picker-head p{margin:0;color:#78909a;font-size:12px;line-height:1.5}.store-picker-head button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:12px;background:#eef6ff;color:#5283d8;font:900 18px inherit;cursor:pointer}.store-picker-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.store-picker-empty{padding:13px;border:1px dashed #c7dde6;border-radius:16px;color:#78909a;font-size:13px;text-align:center}.store-picker-row{display:flex;align-items:center;gap:10px;width:100%;border:1px solid #e2edf0;border-radius:14px;background:#fff;padding:10px;text-align:left;font-family:inherit;color:var(--create-ink);cursor:pointer}.store-picker-row>span{display:grid;place-items:center;width:33px;height:33px;border-radius:11px;background:#e5f6fa;color:#4e88a0;font-weight:900}.store-picker-row b{flex:1;font-size:13px}.store-picker-row i{font-style:normal;color:#7c9ba6}.store-picker-row.on{border-color:#93b7f7;background:#f3f7ff}.store-picker-row.on>span{background:#3e7df0;color:#fff}.store-inline-form{padding-top:12px;border-top:1px solid #e8f1f5}
.store-picker-scrim{position:fixed;inset:0;z-index:60;background:rgba(31,54,72,.42);opacity:0;transition:opacity .2s}
.store-picker-popover.is-sheet{position:fixed;left:0;right:0;top:auto;bottom:0;z-index:61;max-width:560px;margin:0 auto;max-height:86vh;border-radius:24px 24px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .24s ease;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}
.store-picker-popover.is-sheet.show{transform:translateY(0)}
.store-picker-scrim.show{opacity:1}
@media (max-width:560px){.creation-main{padding:30px 18px 24px}.creation-intro h1{font-size:29px}.creation-types{gap:9px}.creation-type-card{gap:8px;padding:8px}.type-image{width:49px;height:65px;flex-basis:49px}.type-copy b{font-size:12px}.type-copy small{font-size:9px}.creation-store-copy small{max-width:205px}.creation-header{padding-left:16px;padding-right:16px}.creation-header-right{gap:7px}.creation-account{padding:6px 8px}.creation-account b{max-width:108px;font-size:11px}}

/* 参考图方向加强：3D 小世界 + 路线式视频类型。 */
.creation-page-fantasy{background:radial-gradient(circle at 72% 9%,#d8f5ff 0,#effbff 30%,transparent 52%),linear-gradient(180deg,#eaf8ff 0%,#f5fbff 42%,#fff7ef 100%);overflow:hidden;position:relative}.creation-page-fantasy:before{content:"";position:fixed;left:50%;top:90px;width:520px;height:520px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(180deg,rgba(158,220,242,.26),rgba(196,240,203,.16));pointer-events:none}.creation-page-fantasy .creation-header,.creation-page-fantasy .creation-progress,.creation-page-fantasy .creation-main{position:relative;z-index:1}.creation-page-fantasy .creation-main{padding-top:24px}.creation-page-fantasy .creation-intro{padding-bottom:18px}.creation-page-fantasy .creation-intro h1{font-size:35px}.creation-page-fantasy .creation-intro p{font-weight:600;color:#6f8996}
.creation-showcase{position:relative;height:310px;border-radius:34px;background:linear-gradient(180deg,#cdefff 0%,#e7f8ff 47%,#dff5f0 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 22px 48px rgba(74,142,166,.2);overflow:hidden;margin:2px 0 18px;transform-style:preserve-3d;perspective:1200px;border:1px solid rgba(255,255,255,.68)}.creation-showcase::before{content:"";position:absolute;left:50%;top:18px;width:74%;height:100px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,255,255,0));filter:blur(1px);pointer-events:none}.creation-showcase::after{content:"";position:absolute;left:50%;bottom:12px;width:76%;height:28px;transform:translateX(-50%);border-radius:50%;background:rgba(61,125,240,.12);filter:blur(9px);pointer-events:none}.showcase-sky{position:absolute;inset:0;background:radial-gradient(circle at 50% 72%,rgba(255,255,255,.45) 0 2px,transparent 3px),radial-gradient(circle at 30% 62%,rgba(255,255,255,.28) 0 2px,transparent 3px);background-size:44px 32px,58px 44px}.cloud{position:absolute;display:block;height:18px;border-radius:99px;background:rgba(255,255,255,.76);box-shadow:18px -7px 0 2px rgba(255,255,255,.72),35px 0 0 -1px rgba(255,255,255,.72)}.cloud-a{left:26px;top:34px;width:53px}.cloud-b{right:44px;top:62px;width:42px;transform:scale(.82)}.pin-glow{position:absolute;right:30%;top:104px;width:34px;height:34px;border-radius:50%;background:#64b5ff;box-shadow:0 0 0 11px rgba(100,181,255,.18),0 0 24px rgba(59,137,240,.55)}.pin-glow:after{content:"";position:absolute;left:12px;top:26px;width:10px;height:18px;border-radius:10px;background:#64b5ff;transform:rotate(45deg)}
.showcase-ridge{position:absolute;left:50%;border-radius:50%;transform:translateX(-50%);pointer-events:none}.showcase-ridge-back{top:62px;width:214px;height:90px;background:radial-gradient(circle at 50% 35%,rgba(223,247,207,.88) 0 26%,rgba(166,228,138,.92) 60%,rgba(108,179,103,.9) 100%);box-shadow:0 16px 24px rgba(71,116,128,.14)}.showcase-ridge-front{top:92px;width:242px;height:112px;background:linear-gradient(180deg,#caef9b,#6dc05e);box-shadow:inset 0 14px 20px rgba(255,255,255,.28),0 18px 26px rgba(71,116,128,.18)}.showcase-floor{position:absolute;left:50%;bottom:14px;width:254px;height:50px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(180deg,rgba(61,125,240,.2),rgba(61,125,240,0));filter:blur(3px);pointer-events:none}
.food-island{position:absolute;left:50%;top:72px;width:235px;height:180px;transform:translateX(-50%);z-index:2}.island-base{position:absolute;left:24px;right:24px;bottom:10px;height:70px;border-radius:50%;background:linear-gradient(180deg,#b8c2c3,#778c90);box-shadow:0 18px 22px rgba(71,116,128,.22)}.island-grass{position:absolute;left:8px;right:8px;bottom:42px;height:95px;border-radius:50%;background:radial-gradient(circle at 42% 35%,#d9f9a6 0 14%,transparent 15%),linear-gradient(160deg,#a7ee72,#67c95e);box-shadow:inset 0 12px 22px rgba(255,255,255,.28),0 7px 0 rgba(94,151,100,.2)}.island-dish{position:absolute;left:72px;top:20px;width:96px;height:96px;border-radius:50%;object-fit:cover;border:8px solid #fff;box-shadow:0 15px 24px rgba(57,98,112,.28)}.tree{position:absolute;width:18px;height:52px;border-radius:14px;background:#9a7446}.tree:before{content:"";position:absolute;left:-16px;top:-26px;width:50px;height:50px;border-radius:48% 52% 54% 46%;background:linear-gradient(180deg,#a9ec78,#66bf5e);box-shadow:inset 0 9px 16px rgba(255,255,255,.22)}.tree-left{left:42px;top:88px;transform:scale(.72)}.tree-right{right:44px;top:80px;transform:scale(.62)}.shop-sign{position:absolute;right:50px;top:96px;padding:5px 8px;border-radius:8px;background:#ffe6a9;color:#8c5d24;font-size:12px;font-weight:900;box-shadow:0 4px 0 #b5894e}.shop-sign:before{content:"";position:absolute;left:6px;right:6px;bottom:-21px;height:22px;background:linear-gradient(90deg,#9b7246 0 3px,transparent 3px calc(100% - 3px),#9b7246 calc(100% - 3px));z-index:-1}.showcase-card{position:absolute;left:18px;right:18px;bottom:18px;padding:14px 16px;border-radius:22px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);box-shadow:0 16px 26px rgba(61,118,142,.16);transform:translateZ(26px)}.showcase-card span{display:block;color:#8aa1aa;font-size:10px;font-weight:900;letter-spacing:1px}.showcase-card b{display:block;font-size:17px;margin:5px 0 3px}.showcase-card small{display:block;color:#748d98;font-size:11px;line-height:1.45;max-width:250px}.showcase-bubble{position:absolute;display:grid;place-items:center;width:72px;height:72px;border-radius:24px;background:rgba(255,255,255,.72);box-shadow:0 14px 26px rgba(58,121,148,.16);backdrop-filter:blur(10px);transform:translateZ(28px)}.showcase-bubble b{font-size:20px;color:#3e7df0}.showcase-bubble span{font-size:10px;color:#7e98a3;margin-top:-8px}.bubble-time{right:22px;top:22px}.bubble-steps{left:22px;top:130px}
.creation-page-fantasy .creation-store{border:0;background:rgba(255,255,255,.82);box-shadow:0 12px 24px rgba(68,128,148,.12)}.creation-page-fantasy .creation-type-head{margin-top:4px}.creation-page-fantasy .creation-types{grid-template-columns:1fr;gap:11px}.creation-page-fantasy .creation-type-card{min-height:96px;border-radius:24px;padding:12px 14px;background:rgba(255,255,255,.76);box-shadow:0 10px 22px rgba(67,126,146,.11);border-color:rgba(255,255,255,.72);overflow:hidden}.creation-page-fantasy .creation-type-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:#9bdcf0}.creation-page-fantasy .creation-type-card.tone-mint:before{background:#95e3a3}.creation-page-fantasy .creation-type-card.tone-orange:before{background:#ffc26e}.creation-page-fantasy .creation-type-card.tone-lavender:before{background:#b7adff}.creation-page-fantasy .creation-type-card.tone-cream:before{background:#ffe28a}.creation-page-fantasy .creation-type-card.tone-rose:before{background:#ff9eae}.creation-page-fantasy .creation-type-card.selected{border-color:#5c91f0;box-shadow:0 14px 26px rgba(62,125,240,.18);transform:translateY(-1px)}.type-index{align-self:flex-start;color:#9bb2bc;font-size:11px;font-weight:900;letter-spacing:1px;margin-top:3px}.creation-page-fantasy .type-image{width:78px;height:72px;flex-basis:78px;border-radius:20px;box-shadow:0 9px 18px rgba(67,126,146,.14)}.creation-page-fantasy .type-image i{left:auto;right:7px;bottom:6px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.86);color:#3e7df0;text-shadow:none;font-size:13px}.creation-page-fantasy .type-copy b{font-size:16px}.creation-page-fantasy .type-copy small{font-size:12px;color:#637f8b}.creation-page-fantasy .type-copy em{display:inline-flex;margin-top:8px;padding:4px 8px;border-radius:99px;background:rgba(232,247,251,.85);color:#4b8ba0;font-size:10px;font-style:normal;font-weight:800}.creation-page-fantasy .type-check{right:14px;top:14px;width:23px;height:23px}.creation-page-fantasy .creation-next{height:58px;border-radius:22px;font-size:15px;background:linear-gradient(180deg,#5c93ff,#2f6fe9);box-shadow:0 14px 25px rgba(61,125,240,.3)}.creation-page-fantasy .creation-nav{border-radius:26px 26px 0 0}
@media (max-width:560px){.creation-page-fantasy .creation-main{padding:22px 16px 24px}.creation-page-fantasy .creation-intro h1{font-size:31px}.creation-showcase{height:292px;border-radius:30px}.food-island{transform:translateX(-50%) scale(.9);top:66px}.showcase-card{left:14px;right:14px;bottom:14px}.showcase-bubble{width:62px;height:62px;border-radius:20px}.bubble-time{right:14px;top:16px}.bubble-steps{left:14px;top:122px}.creation-page-fantasy .type-image{width:68px;height:66px;flex-basis:68px}.creation-page-fantasy .type-copy b{font-size:15px}.creation-page-fantasy .type-copy small{font-size:11px}.type-index{display:none}}
@media (max-width:680px){
  .creation-page-materials .creation-main,.creation-page-templates .creation-main{padding:22px 16px 24px}
  .creation-page-materials .creation-intro h1,.creation-page-templates .creation-intro h1{font-size:30px}
  .creation-page-materials .material-hero,.creation-page-templates .template-preview{padding:14px 14px 15px;align-items:flex-start}
  .creation-page-materials .material-layout,.creation-page-templates .material-layout{grid-template-columns:1fr !important;gap:10px}
  .material-context-box{grid-template-columns:1fr}
  .creation-page-materials .asset-grid{grid-template-columns:1fr 1fr}
  .creation-page-materials .asset-slot{min-height:138px}
  .creation-page-templates .subtitle-pill{flex-basis:100%}
  .creation-page-materials .material-hero-art,.creation-page-templates .template-preview-art{width:102px;height:86px}
  .asset-folder-pick{display:none}
  .asset-folder-head{flex-direction:column;align-items:flex-start}
  .asset-folder-chip{flex-basis:100%}
}
/* 窄屏信息卡：标签不逐字竖排，字段间距更舒展 */
.creation-page-materials .creation-panel .field{margin-bottom:14px}
.creation-page-materials .chip-group{display:flex;flex-wrap:wrap;gap:6px}
.creation-page-materials .chip-group .chip{margin:0;white-space:nowrap;max-width:100%}
.creation-page-materials .chip-group .chip-label{min-width:0;overflow:hidden;text-overflow:ellipsis}

/* 第 2 步：素材上传卡片，避免回退成浏览器默认按钮。 */
.creation-page-materials .material-hero{display:flex;align-items:center;gap:18px;margin:0 0 18px;padding:17px 19px;border:1px solid rgba(149,204,211,.34);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(232,248,252,.84) 58%,rgba(255,246,228,.8));box-shadow:0 16px 30px rgba(67,126,146,.13),inset 0 1px 0 rgba(255,255,255,.9);transform-style:preserve-3d}
.material-hero-art{position:relative;width:122px;height:96px;flex:0 0 122px;perspective:700px;transform-style:preserve-3d;border-radius:20px;overflow:hidden;box-shadow:0 12px 20px rgba(67,126,146,.18);background:#e9f5f8}
.material-hero-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.mat-card{position:absolute;display:block;width:62px;height:76px;border-radius:14px;background:#fff;box-shadow:0 12px 18px rgba(67,126,146,.16);border:1px solid rgba(149,204,211,.35)}
.mat-card:after{content:"";position:absolute;left:9px;right:9px;bottom:10px;height:8px;border-radius:99px;background:#d9eef3;box-shadow:0 -14px 0 #eff8fa,0 -28px 0 #eff8fa}
.mat-a{left:9px;top:10px;transform:rotate(-12deg) translateZ(14px);background:linear-gradient(160deg,#fff,#e7f8f4)}
.mat-b{left:31px;top:4px;transform:rotate(4deg) translateZ(28px);background:linear-gradient(160deg,#fff,#e7f1ff)}
.mat-c{left:55px;top:14px;transform:rotate(15deg) translateZ(8px);background:linear-gradient(160deg,#fff,#fff0dc)}
.mat-pin{position:absolute;right:3px;top:7px;width:26px;height:26px;border-radius:50%;background:#5c93ff;box-shadow:0 0 0 8px rgba(92,147,255,.14),0 8px 16px rgba(61,125,240,.22)}
.mat-pin:after{content:"";position:absolute;left:9px;top:21px;width:9px;height:13px;border-radius:8px;background:#5c93ff;transform:rotate(45deg)}
.material-hero-copy{min-width:0}
.material-hero-copy>span{display:block;color:#e28e55;font-size:10px;font-weight:900;letter-spacing:1.5px}
.material-hero-copy>b{display:block;margin:7px 0 5px;font-size:16px;line-height:1.35}
.material-hero-copy>small{display:block;color:#78909a;font-size:11px;line-height:1.5}
.creation-page-materials .material-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr);gap:14px;align-items:start}
.material-context-box{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 14px;padding:12px;border-radius:18px;background:rgba(245,251,255,.86);border:1px solid rgba(149,204,211,.32)}
.material-context-box .field{margin:0}
.material-context-box small{display:block;margin-top:7px;color:#8da1a8;font-size:10px;line-height:1.45}
.material-region-custom{margin-top:8px}
.material-goal-seg{grid-template-columns:1fr 1fr}
.ip-monetization-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.ip-monetization-options button{min-width:0;padding-inline:5px;white-space:normal;line-height:1.25}
.asset-tools{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.asset-folder-pick{border:1px solid rgba(149,204,211,.46);border-radius:10px;padding:6px 8px;background:#f7fcfd;color:#527b88;font:800 10px inherit;cursor:pointer;white-space:nowrap}
.asset-folder-pick:active{transform:translateY(1px);background:#eef8fa}
.asset-smart-pick{border:1px solid rgba(93,145,239,.28);border-radius:10px;padding:6px 8px;background:#f1f6ff;color:#3e7df0;font:800 10px inherit;cursor:pointer;white-space:nowrap}
.asset-smart-pick:active{transform:translateY(1px);background:#e6efff}
.asset-library-clear{border:1px solid rgba(205,112,112,.25);border-radius:10px;padding:6px 8px;background:#fff7f6;color:#b45f5b;font:800 10px inherit;cursor:pointer;white-space:nowrap}
.asset-library-clear:active{transform:translateY(1px);background:#ffedeb}
.creation-page-materials .asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.creation-page-materials .asset-grid{position:relative}
.creation-page-materials .asset-grid:before{content:"电脑可将图片或视频拖到这里，手机点击卡片选择相册素材";grid-column:1/-1;display:block;padding:9px 12px;border:1px dashed rgba(93,145,239,.34);border-radius:13px;background:rgba(242,247,255,.78);color:#6c8ab3;font-size:10px;line-height:1.4;text-align:center}
.creation-page-materials .asset-grid.asset-drop-active{padding:8px;border:2px dashed #5d91ef;border-radius:22px;background:rgba(238,246,255,.78);box-shadow:0 0 0 5px rgba(93,145,239,.1)}
.creation-page-materials .asset-grid.asset-drop-active:before{content:"松开即可上传到当前分类"}
.creation-page-materials .asset-grid.asset-drop-active .asset-slot{opacity:.72}
.creation-page-materials .asset-slot{position:relative;display:flex;min-width:0;min-height:164px;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:12px;border:1px solid rgba(149,204,211,.42);border-radius:20px;background:linear-gradient(160deg,#f9feff,#e8f7fa);color:var(--create-ink);font:inherit;text-align:left;cursor:pointer;overflow:hidden;box-shadow:0 9px 18px rgba(67,126,146,.09);transition:transform .16s,box-shadow .16s,border-color .16s}
.creation-page-materials .asset-slot:hover{transform:translateY(-3px);border-color:#8fc9d4;box-shadow:0 14px 24px rgba(67,126,146,.14)}
.creation-page-materials .asset-slot:active{transform:translateY(1px) scale(.985)}
.creation-page-materials .asset-slot.has-file{color:#fff;border-color:rgba(255,255,255,.72);background:#315365}
.asset-empty{position:absolute;left:50%;top:40%;display:grid;place-items:center;width:42px;height:42px;transform:translate(-50%,-50%);border-radius:15px;background:#fff;color:#4e9db0;font-size:27px;font-weight:300;box-shadow:0 7px 14px rgba(67,126,146,.13)}
.asset-label{position:relative;z-index:2;display:block;font-size:14px;font-weight:900}
.asset-slot b{position:relative;z-index:2;display:block;max-width:100%;margin-top:4px;overflow:hidden;color:#6f8996;font-size:10px;font-weight:700;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.asset-slot-action{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-height:26px;margin-top:8px;padding:5px 10px;border:1px solid rgba(93,145,239,.18);border-radius:999px;background:rgba(255,255,255,.86);color:#3e7df0;font-size:10px;font-weight:900;line-height:1;box-shadow:0 6px 12px rgba(67,126,146,.08)}
.asset-slot.has-file .asset-slot-action{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff}
.asset-slot.is-uploading{cursor:wait}
.asset-uploading-badge{position:absolute;z-index:3;left:10px;top:10px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.9);color:#315365;font-size:10px;font-weight:900;box-shadow:0 5px 12px rgba(10,38,49,.18)}
.asset-slot small{position:relative;z-index:2;display:block;margin-top:6px;color:#91a7af;font-size:9px}
.asset-slot.has-file b,.asset-slot.has-file small{color:rgba(255,255,255,.82)}
.asset-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.asset-slot.has-file:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(10,38,49,.86));z-index:1}
.asset-upload-status{min-height:0;margin-top:0;color:#5d91ef;font-size:11px;line-height:1.4;text-align:center;transition:margin .15s,padding .15s}
.asset-upload-status.on{margin-top:9px;padding:8px 10px;border-radius:12px;background:#f1f6ff}
.asset-count{position:absolute;z-index:3;right:10px;top:10px;display:grid;place-items:center;min-width:31px;height:25px;padding:0 7px;border-radius:99px;background:rgba(255,255,255,.9);color:#315365;font-size:10px;font-weight:900;box-shadow:0 5px 12px rgba(10,38,49,.2)}
.asset-detail-mask{position:fixed;inset:0;z-index:95;background:rgba(17,43,53,.48);opacity:0;transition:opacity .2s}
.asset-detail-mask.show{opacity:1}
.asset-detail-panel{position:fixed;left:50%;bottom:0;z-index:96;width:min(100% - 24px,560px);max-height:min(78vh,680px);transform:translate(-50%,24px);padding:18px 16px calc(16px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.86);border-radius:24px 24px 0 0;background:rgba(255,255,255,.98);box-shadow:0 -16px 42px rgba(36,78,95,.24);opacity:0;transition:transform .22s,opacity .22s;overflow:auto}
.asset-detail-panel.show{transform:translate(-50%,0);opacity:1}
.asset-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.asset-detail-head h3{margin:6px 0 4px;color:#17313d;font-size:19px}.asset-detail-head small{color:#78909a;font-size:11px}
.asset-detail-close{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:12px;background:#eef6ff;color:#47758b;font-size:22px;cursor:pointer}
.asset-detail-list{display:flex;flex-direction:column;gap:9px;margin-bottom:12px}
.asset-detail-row{display:flex;align-items:center;gap:10px;min-width:0;padding:8px;border:1px solid #dcecf0;border-radius:16px;background:#fbfeff}
.asset-detail-media{width:64px;height:64px;flex:0 0 64px;border-radius:12px;overflow:hidden;background:#e7f5f8}
.asset-detail-preview{width:100%;height:100%;display:block;object-fit:cover}
.asset-detail-copy{flex:1;min-width:0}.asset-detail-copy b{display:block;overflow:hidden;color:#315365;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.asset-detail-copy small{display:block;margin-top:5px;color:#8aa0a9;font-size:10px}
.asset-detail-delete{flex:0 0 auto;border:1px solid rgba(205,112,112,.24);border-radius:10px;padding:7px 9px;background:#fff5f4;color:#b45f5b;font:800 10px inherit;cursor:pointer}.asset-detail-delete:disabled{opacity:.52;cursor:wait}
.asset-detail-add{margin-top:2px}
.asset-folder-box{margin-bottom:12px;padding:12px;border:1px solid rgba(149,204,211,.28);border-radius:18px;background:rgba(247,252,253,.84)}
.asset-folder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.asset-folder-head b{display:block;font-size:13px}
.asset-folder-head small{display:block;margin-top:3px;color:#8da1a8;font-size:10px;line-height:1.4}
.asset-folder-add{border:1px solid rgba(93,145,239,.26);border-radius:12px;padding:7px 10px;background:#f1f6ff;color:#3e7df0;font:800 10px inherit;cursor:pointer;white-space:nowrap}
.asset-folder-add:active{transform:translateY(1px);background:#e6efff}
.asset-folder-add:disabled{opacity:.5;cursor:not-allowed;transform:none;background:#eef4ff;color:#8aa1ff}
.asset-folder-list{display:flex;flex-wrap:wrap;gap:8px}
.asset-folder-chip{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;flex:1 1 132px;padding:10px 10px 10px 12px;border:1px solid rgba(149,204,211,.35);border-radius:16px;background:#fff;color:#315365;text-align:left;cursor:pointer;box-shadow:0 7px 16px rgba(67,126,146,.08)}
.asset-folder-chip span{min-width:0}
.asset-folder-chip b{display:block;font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asset-folder-chip small{display:block;margin-top:4px;color:#89a0a9;font-size:10px;line-height:1.2}
.asset-folder-chip.on{border-color:#5d91ef;background:#eef4ff;box-shadow:0 10px 18px rgba(62,125,240,.15)}
.asset-folder-remove{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:8px;background:rgba(48,111,233,.08);color:#5a78d8;font-style:normal;font-size:16px;line-height:1;cursor:pointer}
.asset-folder-remove:active{transform:translateY(1px);background:rgba(48,111,233,.16)}
.asset-folder-tag{position:relative;z-index:2;display:inline-block;max-width:100%;margin-top:6px;padding:3px 7px;border-radius:99px;background:rgba(255,255,255,.16);color:#fff;font-size:9px;font-weight:800;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asset-note{margin-top:11px;color:#91a5ad;font-size:10px;line-height:1.5}

/* 第 3 步：标准模板与字幕样式卡片。 */
.creation-page-templates .panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}
.creation-page-templates .panel-head>div:first-child{
  min-width:0;
}
.template-pack-head-tools{
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  gap:10px;
  min-width:0;
  flex:0 0 auto;
}
.template-purpose-picker{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:4px;
  min-width:145px;
}
.template-purpose-picker label{
  color:#527c91;
  font-size:10px;
  font-weight:900;
}
.template-purpose-picker .input{
  min-width:145px;
  height:34px;
  padding:6px 28px 6px 9px;
  border-radius:10px;
  font-size:11px;
}
.template-purpose-picker small{
  color:#8da1a8;
  font-size:9px;
  line-height:1.35;
  white-space:normal;
}
.template-pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,180px));justify-content:start;gap:10px}
.template-pack-card{position:relative;display:flex;min-width:0;width:100%;height:108px;aspect-ratio:auto;flex-direction:column;align-items:flex-start;justify-content:center;padding:12px 14px;border:1px solid rgba(255,255,255,.78);border-radius:18px;background:rgba(255,255,255,.48);color:var(--create-ink);text-align:left;font-family:inherit;cursor:pointer;overflow:hidden;box-shadow:0 8px 18px rgba(67,126,146,.08),inset 0 1px 0 rgba(255,255,255,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:border-color .16s,box-shadow .16s,transform .16s}
.template-pack-card:before{content:"";position:absolute;right:-28px;top:-32px;width:100px;height:100px;border-radius:50%;background:rgba(111,148,247,.10);opacity:.7}
.template-pack-card:nth-child(2):before{background:rgba(78,194,156,.13)}.template-pack-card:nth-child(3):before{background:rgba(255,172,78,.14)}.template-pack-card:nth-child(4):before{background:rgba(235,121,168,.12)}.template-pack-card:nth-child(5):before{background:rgba(72,174,226,.12)}
.template-pack-card:hover{transform:translateY(-3px);border-color:#9bbde8;box-shadow:0 14px 25px rgba(62,125,240,.15)}
.template-pack-card.on{border-color:#5d91ef;background:rgba(239,247,255,.64);box-shadow:0 14px 27px rgba(62,125,240,.2)}
.template-pack-mark{position:absolute;left:14px;top:14px;z-index:1;display:grid;place-items:center;width:31px;height:31px;border-radius:12px;background:#edf0ff;color:#6550d8;font-size:11px;font-weight:900}
.template-pack-card.on .template-pack-mark{background:#5d91ef;color:#fff}
.template-pack-copy{position:relative;z-index:1;min-width:0;width:100%;margin-top:18px}
.template-pack-copy b,.template-pack-copy small,.template-pack-copy em{display:block}
.template-pack-copy b{font-size:17px;line-height:1.25}
.template-pack-copy small{margin-top:7px;color:#527c91;font-size:10px;font-weight:800;line-height:1.45}
.template-pack-copy em{display:-webkit-box;margin-top:8px;overflow:hidden;color:#8da1a8;font-size:10px;font-style:normal;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.title-template-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:7px;min-width:0;padding:9px;border:1px solid #dcecf0;border-radius:18px;background:#fff;color:var(--create-ink);text-align:left;cursor:pointer;overflow:hidden;box-shadow:0 8px 18px rgba(67,126,146,.08);font-family:inherit}
.title-template-card.on{border-color:#5d91ef;background:#f5f8ff;box-shadow:0 14px 27px rgba(62,125,240,.16)}
.cover-poster-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:10px}
.cover-poster-template-card{position:relative;display:flex;min-width:0;flex-direction:column;gap:8px;padding:8px;border:1px solid #dcecf0;border-radius:16px;background:#fff;color:var(--create-ink);text-align:left;font-family:inherit;cursor:pointer;overflow:hidden;box-shadow:0 8px 18px rgba(67,126,146,.08);transition:border-color .16s,box-shadow .16s,transform .16s}
.cover-poster-template-card:hover{transform:translateY(-2px);border-color:#9bbde8;box-shadow:0 14px 25px rgba(62,125,240,.13)}
.cover-poster-template-card.on{border-color:#5d91ef;background:#f5f8ff;box-shadow:0 14px 27px rgba(62,125,240,.16)}
.cover-poster-template-image{display:block;width:100%;aspect-ratio:3/4;overflow:hidden;border-radius:11px;background:#eaf4f7}
.cover-poster-template-image img{display:block;width:100%;height:100%;object-fit:contain}
.cover-poster-template-check{position:absolute;right:14px;top:14px;z-index:2;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(255,255,255,.92);color:#5d91ef;font-size:10px;font-weight:900;box-shadow:0 4px 10px rgba(42,35,80,.16)}
.cover-poster-template-card.on .cover-poster-template-check{background:#5d91ef;color:#fff}
.cover-poster-template-copy{display:block;min-width:0;padding:0 3px 3px}
.cover-poster-template-copy b,.cover-poster-template-copy small{display:block;overflow-wrap:anywhere}
.cover-poster-template-copy b{font-size:12px;line-height:1.25}
.cover-poster-template-copy small{margin-top:4px;color:#78909a;font-size:10px;line-height:1.4}
.title-template-check{position:absolute;right:8px;top:8px;z-index:2;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.9);color:#5d91ef;font-size:13px;font-weight:900;box-shadow:0 4px 9px rgba(42,35,80,.12)}
.title-template-card.on .title-template-check{background:#5d91ef;color:#fff}
.title-template-preview{position:relative;display:flex;flex:0 0 auto;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;padding:8px 7px;border-radius:9px;background:#d8d1cb;overflow:hidden}
.title-template-preview.has-image{padding:0;background:transparent}
.title-template-preview img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.title-template-preview strong,.title-template-preview small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 0 rgba(29,25,23,.6),0 5px 10px rgba(0,0,0,.12)}
.title-template-preview strong{font-size:clamp(16px,3vw,28px);font-weight:900;line-height:1.1}
.title-template-preview small{font-size:clamp(10px,1.8vw,15px);font-weight:700;line-height:1.25;text-shadow:0 2px 7px rgba(0,0,0,.22)}
.title-template-preview small.has-preview-box{padding:6px 12px;border-radius:10px;background:rgba(184,154,107,.92)}
.title-template-warm-white .title-template-preview,.title-template-yellow .title-template-preview,.title-template-blue .title-template-preview,.title-template-serif .title-template-preview,.title-template-story .title-template-preview,.title-template-bright .title-template-preview,.title-template-offset .title-template-preview,.title-template-offset-two .title-template-preview{background:#d8d1cb}
.title-template-yellow .title-template-preview strong{color:#ffea00;text-shadow:0 2px 0 #1d1917,0 5px 10px rgba(0,0,0,.42)}
.title-template-yellow .title-template-preview small{color:#fff;text-shadow:0 2px 0 #1d1917,0 5px 10px rgba(0,0,0,.32)}
.title-template-serif .title-template-preview small{color:#f2a64b}
.title-template-story .title-template-preview small{color:#ff7200}
.title-template-bright .title-template-preview strong{color:#e3161b}
.title-template-offset .title-template-preview small{color:#16e83d}
.title-template-none .title-template-preview{align-items:center;background:repeating-linear-gradient(135deg,#f1f5f6 0,#f1f5f6 9px,#e8eef0 9px,#e8eef0 18px);color:#6a818b;text-align:center}
.title-template-none-mark{display:grid;place-items:center;width:46px;height:46px;border:2px solid #91a7af;border-radius:50%;font-size:25px;font-weight:900;line-height:1}
.title-template-none .title-template-preview small{color:#6a818b;text-shadow:none}
.creation-page-templates .subtitle-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px}
.creation-page-templates .subtitle-pill{display:flex;flex-direction:column;gap:10px;min-width:0;padding:10px;border:1px solid #dcecf0;border-radius:18px;background:#fff;color:var(--create-ink);text-align:left;font-family:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;box-shadow:0 8px 18px rgba(67,126,146,.08);transition:border-color .16s,box-shadow .16s,transform .16s}
.creation-page-templates .subtitle-pill:hover{transform:translateY(-2px);border-color:#9bbde8;box-shadow:0 14px 25px rgba(62,125,240,.12)}
.creation-page-templates .subtitle-pill.on{border-color:#5d91ef;background:#f5f8ff;box-shadow:0 14px 27px rgba(62,125,240,.16)}
.creation-page-templates .subtitle-thumb{position:relative;display:block;width:100%;aspect-ratio:3/4;overflow:hidden;border-radius:14px;background:#eaf4f7}
.creation-page-templates .subtitle-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.creation-page-templates .subtitle-thumb .subtitle-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.04),rgba(15,23,42,.64));z-index:1}
.creation-page-templates .subtitle-thumb strong{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;font-size:15px;line-height:1.2;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.35)}
.creation-page-templates .subtitle-thumb i{position:absolute;top:8px;right:8px;z-index:2;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.92);color:#5d91ef;font-style:normal;font-size:13px;font-weight:900;box-shadow:0 4px 10px rgba(42,35,80,.16)}
.creation-page-templates .subtitle-thumb strong{font-family:"HouZunSongTi","Microsoft YaHei",serif}
.subtitle-thumb-soft strong{font-weight:600;letter-spacing:1px}.subtitle-thumb-bold .subtitle-shade{background:linear-gradient(180deg,rgba(17,28,40,.02),rgba(17,28,40,.8))}.subtitle-thumb-bold strong{font-weight:950;font-size:17px}.subtitle-thumb-hand .subtitle-shade{background:linear-gradient(180deg,rgba(58,32,28,.04),rgba(58,32,28,.68))}.subtitle-thumb-hand strong{font-family:"STKaiti","KaiTi",cursive;font-size:17px;transform:rotate(-3deg)}
.subtitle-thumb-neon .subtitle-shade{background:linear-gradient(180deg,rgba(15,23,42,.08),rgba(30,64,175,.82))}.subtitle-thumb-neon strong{color:#a5f3fc;text-shadow:0 0 10px rgba(103,232,249,.85)}
.subtitle-thumb-variety .subtitle-shade{background:linear-gradient(180deg,rgba(127,29,29,.04),rgba(127,29,29,.84))}.subtitle-thumb-variety strong{color:#fef08a;font-weight:950}
.creation-page-templates .subtitle-pill{flex:1}
.creation-page-templates .creation-panel,
.creation-page-templates .creation-panel > *,
.creation-page-templates .option-row,
.creation-page-templates .template-pack-card,
.creation-page-templates .title-template-card,
.creation-page-templates .subtitle-pill{
  min-width:0;
  max-width:100%;
}
.creation-page-templates .option-row-2{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));
}
@media (max-width:560px){
  .creation-page-templates .panel-head{
    gap:9px;
  }
  .template-pack-head-tools{
    flex-direction:column;
    align-items:flex-end;
    gap:7px;
  }
  .template-purpose-picker{
    min-width:132px;
    max-width:160px;
  }
  .template-purpose-picker .input{
    min-width:132px;
    font-size:10px;
  }
  .template-pack-grid{grid-template-columns:repeat(auto-fit,minmax(132px,180px));gap:10px}
  .template-pack-card{height:104px;padding:11px 12px;border-radius:16px}
  .template-pack-mark{left:12px;top:12px}
  .template-pack-copy b{font-size:15px}
  .cover-poster-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .cover-poster-template-card{padding:7px;border-radius:14px}
  .cover-poster-template-check{right:11px;top:11px;width:24px;height:24px}
  .cover-poster-template-copy b{font-size:11px}
  .cover-poster-template-copy small{font-size:9px}
  .title-template-card{padding:8px;border-radius:16px}
  .title-template-preview{gap:6px;padding:7px 5px}
  .title-template-preview strong{font-size:16px}
  .title-template-preview small{font-size:10px}
  .creation-page-templates .subtitle-list{grid-template-columns:1fr}
  .creation-page-templates .option-row-2{grid-template-columns:1fr}
  .creation-page-templates .subtitle-pill{flex-direction:row;align-items:stretch}
  .creation-page-templates .subtitle-thumb{width:42%;flex:0 0 42%;aspect-ratio:3/4}
  .creation-page-templates .subtitle-card-copy{display:flex;flex-direction:column;justify-content:center}
}

/* 覆盖旧 live 视觉：旧卡片改成纯 CSS 形状，首页主视觉保留真实 3D 渲染图。 */
.recent-image img,.creation-page-fantasy .type-image img{display:none!important}
.hero-scene{background:linear-gradient(180deg,#d6f2ff 0%,#f4fbff 46%,#d9f4f2 100%)}
.scene-cloud{position:absolute;display:block;height:18px;border-radius:99px;background:rgba(255,255,255,.78);box-shadow:18px -7px 0 2px rgba(255,255,255,.7),35px 0 0 -1px rgba(255,255,255,.7)}
.scene-cloud-a{left:22px;top:28px;width:52px}
.scene-cloud-b{right:40px;top:56px;width:44px;transform:scale(.84)}
.scene-island{position:absolute;left:50%;top:90px;width:170px;height:70px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(180deg,#d6dde0,#8f9ea5);box-shadow:0 18px 22px rgba(71,116,128,.22)}
.scene-grass{position:absolute;left:50%;top:64px;width:190px;height:120px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 38% 26%,#dfffa4 0 15%,transparent 16%),linear-gradient(160deg,#a7ee72,#67c95e);box-shadow:inset 0 12px 22px rgba(255,255,255,.28),0 7px 0 rgba(94,151,100,.2)}
.scene-dish{position:absolute;left:50%;top:72px;width:90px;height:90px;transform:translateX(-50%);border-radius:48% 52% 49% 51%;background:radial-gradient(circle at 35% 32%,#fff3d8 0 6px,transparent 7px),radial-gradient(circle at 65% 28%,#ffcf66 0 8px,transparent 9px),linear-gradient(145deg,#ff8f5b,#ffcf66 58%,#f2a85f);box-shadow:inset 0 10px 14px rgba(255,255,255,.35),0 10px 18px rgba(57,98,112,.16)}
.scene-tree{position:absolute;width:16px;height:46px;border-radius:14px;background:#9a7446}
.scene-tree:before{content:"";position:absolute;left:-16px;top:-24px;width:46px;height:46px;border-radius:48% 52% 54% 46%;background:linear-gradient(180deg,#a9ec78,#66bf5e);box-shadow:inset 0 9px 16px rgba(255,255,255,.22)}
.scene-tree-a{left:36px;top:116px;transform:scale(.8)}
.scene-tree-b{right:48px;top:110px;transform:scale(.68)}
.recent-art{position:relative;background:linear-gradient(180deg,#f7feff,#dff4fb)}
.recent-art:before{content:"";position:absolute;left:16px;right:16px;bottom:18px;height:56px;border-radius:50%;background:linear-gradient(180deg,#cbe99b,#82d06f);box-shadow:0 10px 16px rgba(67,126,146,.12)}
.recent-art:after{content:"";position:absolute;left:43px;top:18px;width:66px;height:66px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#fff 0 5px,transparent 6px),linear-gradient(145deg,#ffcf66,#ff9a57);box-shadow:0 14px 22px rgba(67,126,146,.18)}
.recent-art .art-float{position:absolute;display:block;border-radius:50%}
.recent-art .art-a{width:18px;height:18px;right:22px;top:20px;background:#59b6ff;box-shadow:0 0 0 8px rgba(89,182,255,.16)}
.recent-art .art-b{width:16px;height:16px;left:18px;top:24px;background:#fff;box-shadow:0 0 0 7px rgba(255,255,255,.36)}
.type-art{position:relative;display:block;width:100%;height:100%;border-radius:inherit;overflow:hidden}
.type-art i{position:absolute;left:8px;bottom:6px;z-index:2;font-style:normal}
.type-art-dish{background:linear-gradient(160deg,#f58d55,#ffcf66 58%,#f2a85f)}
.type-art-dish:before{content:"";position:absolute;left:7px;right:7px;bottom:10px;height:28px;border-radius:50%;background:linear-gradient(180deg,#fff,#f3f8ff);box-shadow:0 8px 16px rgba(67,126,146,.14)}
.type-art-dish:after{content:"";position:absolute;left:16px;top:14px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.22)}
.type-art-route{background:linear-gradient(180deg,#b9f0d2,#83d8a7)}
.type-art-route:before{content:"";position:absolute;left:12px;top:14px;width:46px;height:30px;border-radius:18px;transform:rotate(-8deg);background:linear-gradient(180deg,#fff6cc,#f1e1a2);box-shadow:0 8px 16px rgba(67,126,146,.14)}
.type-art-route:after{content:"";position:absolute;right:10px;bottom:8px;width:18px;height:18px;border-radius:50%;background:#58b6ff;box-shadow:0 0 0 7px rgba(88,182,255,.16)}
.type-art-price{background:linear-gradient(180deg,#ffe2a9,#ffb86a)}
.type-art-price:before{content:"";position:absolute;left:12px;top:12px;width:42px;height:42px;border-radius:14px;background:linear-gradient(180deg,#fff,#fff3da);box-shadow:0 9px 16px rgba(67,126,146,.14)}

/* 第 4 步：确认生成。用一块轻 3D 配置台收拢门店、模板和平台选择。 */
.creation-page-confirm .creation-intro{padding-bottom:16px}
.creation-page-confirm .creation-intro p{max-width:390px}
.confirm-orbit{position:relative;height:260px;margin:2px 0 18px;border-radius:32px;background:linear-gradient(145deg,#d8f5ff 0%,#f5fbff 48%,#fff0db 100%);border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 20px 42px rgba(67,126,146,.16);perspective:900px;transform-style:preserve-3d;overflow:hidden}
.confirm-image-wrap{background:#f5d0a5;box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 20px 42px rgba(67,126,146,.2)}
.confirm-image-wrap:before,.confirm-image-wrap:after{content:none!important;display:none!important}
.confirm-hero-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center 56%;transform:scale(1.02)}
.confirm-orbit:before{content:"";position:absolute;left:50%;top:50%;width:180px;height:88px;transform:translate(-50%,-50%) rotateX(64deg);border-radius:50%;background:rgba(61,125,240,.1);filter:blur(3px)}
.confirm-orbit:after{content:"";position:absolute;left:50%;bottom:18px;width:250px;height:22px;transform:translateX(-50%);border-radius:50%;background:rgba(91,166,188,.13);filter:blur(10px)}
.confirm-orbit-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(61,125,240,.24);border-radius:50%;transform:translate(-50%,-50%) rotateX(65deg);transform-style:preserve-3d}
.ring-one{width:240px;height:118px}
.ring-two{width:176px;height:84px;border-color:rgba(245,141,85,.28);transform:translate(-50%,-50%) rotateX(65deg) rotateZ(18deg)}
.confirm-core{position:absolute;left:50%;top:50%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:128px;height:128px;transform:translate(-50%,-50%) translateZ(36px);border-radius:38px;background:linear-gradient(145deg,#fff,#edf7ff);box-shadow:0 18px 28px rgba(58,121,148,.2),inset 0 1px 0 rgba(255,255,255,.95);text-align:center}
.confirm-core span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:7px;border-radius:14px;background:#e8f3ff;color:#3e7df0;font-size:22px;font-weight:900;box-shadow:0 6px 12px rgba(61,125,240,.16)}
.confirm-core b{font-size:14px}
.confirm-core small{margin-top:4px;color:#8098a3;font-size:10px}
.confirm-float{position:absolute;z-index:3;display:flex;flex-direction:column;gap:4px;min-width:105px;padding:10px 12px;border-radius:15px;background:rgba(255,255,255,.8);box-shadow:0 12px 20px rgba(67,126,146,.13);backdrop-filter:blur(10px);transform:translateZ(24px)}
.confirm-float span{color:#8ca3ac;font-size:9px}
.confirm-float b{max-width:135px;overflow:hidden;color:#315365;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.float-store{left:18px;top:26px}
.float-cover{right:17px;top:35px}
.float-subtitle{left:30px;bottom:27px}
.confirm-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.confirm-panel{padding:16px}
.confirm-panel .panel-head{margin-bottom:13px}
.confirm-memory{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;padding:12px;border-radius:16px;background:rgba(242,250,255,.9);border:1px solid rgba(149,204,211,.28)}
.confirm-memory label{color:#6f8994;font-size:11px;font-weight:900}
.confirm-memory .input{min-height:88px;resize:vertical;border-radius:14px}
.confirm-memory small{color:#8da1a8;font-size:10px;line-height:1.5}
.confirm-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(143,205,214,.22)}
.confirm-row:last-child{border-bottom:0;padding-bottom:0}
.confirm-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:10px;background:#edf6ff;color:#4a87ed;font-size:12px;font-weight:900}
.confirm-row small{display:block;color:#8ba0a9;font-size:10px}
.confirm-row b{display:block;margin-top:3px;font-size:12px;line-height:1.35}
.confirm-tags{display:flex;flex-wrap:wrap;gap:7px}
.confirm-tag{display:inline-flex;max-width:100%;padding:6px 9px;border-radius:10px;font-size:10px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.confirm-tag.food{background:#eaf8fb;color:#3c8194}
.confirm-tag.point{background:#eaf7ee;color:#4e9661}
.confirm-tag.deal{background:#fff1df;color:#c37835}
.confirm-address{margin-top:12px;padding-top:10px;border-top:1px solid rgba(143,205,214,.22);color:#6d8793;font-size:11px;line-height:1.5}
.confirm-platform{margin-top:12px}
.platform-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.platform-switch button{border:1px solid #dcecf0;border-radius:16px;background:rgba(255,255,255,.72);padding:12px;text-align:left;font-family:inherit;color:var(--create-ink);cursor:pointer;box-shadow:0 6px 14px rgba(67,126,146,.06);transition:all .16s}
.platform-switch button b{display:block;font-size:13px}
.platform-switch button small{display:block;margin-top:4px;color:#8199a3;font-size:10px}
.platform-switch button.on{border-color:#5e91ef;background:#f1f6ff;box-shadow:0 9px 18px rgba(62,125,240,.14)}
.platform-switch button.on b{color:#336ed9}
.confirm-action{padding-top:22px}
.confirm-output{padding-top:28px}
.generation-result-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:18px 2px 12px}
.generation-result-head h2{margin:8px 0 5px;font-size:22px}
.generation-result-head p{margin:0;color:#7c939d;font-size:11px;line-height:1.5}
.video-edit-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:18px 20px;border:1px solid rgba(255,122,69,.35);border-radius:22px;background:linear-gradient(135deg,#fff4eb 0%,#fff 55%,#eef6ff 100%);box-shadow:0 14px 28px rgba(255,122,69,.12)}
.video-edit-entry h2{margin:7px 0 5px;font-size:21px}
.video-edit-entry p{margin:0;color:#718891;font-size:11px;line-height:1.55}
.video-edit-entry .btn{width:auto;min-width:112px;flex-shrink:0;padding:12px 15px;border-radius:14px;background:linear-gradient(135deg,#ff7a45,#ff4d4f);color:#fff;box-shadow:0 10px 20px rgba(255,77,79,.24)}
.video-edit-link{text-decoration:none;text-align:center}
.creation-load-error{display:flex;min-height:58vh;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:32px;text-align:center;color:#315365}
.creation-load-error b{font-size:19px}.creation-load-error small{max-width:280px;color:#79909a;font-size:12px;line-height:1.6}.creation-load-error .btn{min-width:150px;text-decoration:none}
.generation-status{flex-shrink:0;padding:6px 10px;border-radius:99px;background:#e6f8ee;color:#29915c;font-size:10px;font-weight:900}
.generation-style-row{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 13px}
.generation-style-row span{padding:6px 9px;border-radius:99px;background:rgba(255,255,255,.78);color:#6f8994;font-size:10px;font-weight:800;box-shadow:0 4px 10px rgba(67,126,146,.07)}
.script-sample-picker{margin:0 0 16px;padding:16px;border:1px solid rgba(149,204,211,.35);border-radius:22px;background:rgba(255,255,255,.82);box-shadow:0 12px 24px rgba(67,126,146,.08)}
.script-sample-picker .panel-head{margin-bottom:12px}
.script-sample-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.script-sample-card{display:flex;flex-direction:column;gap:10px;min-width:0;aspect-ratio:3/4;min-height:230px;padding:14px;border:1px solid #dcecf0;border-radius:20px;background:#fff;color:var(--create-ink);text-align:left;font-family:inherit;cursor:pointer;overflow:hidden;box-shadow:0 5px 12px rgba(67,126,146,.05);transition:border-color .16s,box-shadow .16s,transform .16s}
.script-sample-card:hover{transform:translateY(-1px);border-color:#9bbde8;box-shadow:0 9px 18px rgba(62,125,240,.12)}
.script-sample-card.on{border-color:#5d91ef;background:#f1f6ff;box-shadow:0 9px 18px rgba(62,125,240,.15)}
.script-sample-index{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:12px;background:#edf0ff;color:#6550d8;font-size:11px;font-weight:900}
.script-sample-card.on .script-sample-index{background:#5d91ef;color:#fff}
.script-sample-copy{display:flex;flex-direction:column;gap:6px;min-width:0;min-height:0;overflow:hidden}
.script-sample-copy b{font-size:13px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.script-sample-copy small{color:#527c91;font-size:10px;font-weight:800;line-height:1.35}
.script-sample-copy small,.script-sample-copy strong,.script-sample-copy em{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.script-sample-copy small{-webkit-line-clamp:2}
.script-sample-copy strong{color:#315365;font-size:13px;line-height:1.45;-webkit-line-clamp:2}
.script-sample-copy em{color:#6f8792;font-size:12px;font-style:normal;line-height:1.58;-webkit-line-clamp:6}
.script-selected-preview{margin-top:14px;padding:14px 15px;border:1px solid rgba(94,145,239,.25);border-radius:18px;background:linear-gradient(135deg,#f7fbff,#fff);box-shadow:0 8px 18px rgba(62,125,240,.08)}
.script-selected-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.script-selected-head span{display:inline-flex;margin-bottom:4px;color:#5d91ef;font-size:11px;font-weight:900}
.script-selected-head h4{margin:0;color:#263f4b;font-size:17px;line-height:1.35}
.script-selected-head .btn{flex-shrink:0;padding:7px 11px;font-size:12px}
.script-selected-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;flex-shrink:0}
.script-edit-field{display:block;margin-top:12px;color:#527c91;font-size:11px;font-weight:900}
.script-edit-field span{display:block;margin-bottom:6px}
.script-edit-field input,.script-edit-field textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #cfe0e8;border-radius:12px;background:#fff;color:#294956;font:inherit;font-size:14px;line-height:1.65;padding:10px 12px;outline:none;resize:vertical}
.script-edit-field input:focus,.script-edit-field textarea:focus{border-color:#5d91ef;box-shadow:0 0 0 3px rgba(93,145,239,.13)}
.script-edit-field textarea{min-height:190px;font-weight:600}
.script-edit-hint{display:block;margin-top:8px;color:#8199a3;font-size:10px;line-height:1.5}
.script-selected-logic{display:flex;flex-direction:column;gap:3px;margin:0 0 10px;padding:9px 11px;border-left:3px solid #5d91ef;background:#f3f8ff;color:#637d89;font-size:11px;line-height:1.55}.script-selected-logic b{color:#5d91ef;font-size:11px}
.script-selected-body{white-space:pre-wrap;color:#294956;font-size:15px;font-weight:800;line-height:1.8}
.script-selected-extra{margin-top:10px;padding-top:10px;border-top:1px solid rgba(149,204,211,.3);white-space:pre-wrap;color:#6d858f;font-size:13px;line-height:1.75}
.saved-script-panel{margin:0 0 16px;padding:16px;border:1px solid rgba(149,204,211,.35);border-radius:22px;background:rgba(255,255,255,.78);box-shadow:0 12px 24px rgba(67,126,146,.08)}
.saved-script-panel .panel-head{margin-bottom:12px}
.saved-script-entry{display:flex;align-items:center;gap:12px;padding:13px 14px;margin:0 0 13px;border:1px solid rgba(94,149,229,.32);border-radius:17px;background:linear-gradient(135deg,#eef6ff,#fff);color:#26485b;text-decoration:none;box-shadow:0 8px 18px rgba(71,126,193,.1)}
.saved-script-entry:hover{border-color:#6e9fe5;transform:translateY(-1px)}
.saved-script-entry-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:12px;background:#5b8ff0;color:#fff;font-size:19px}
.saved-script-entry span:nth-child(2){min-width:0;flex:1}.saved-script-entry b,.saved-script-entry small{display:block}.saved-script-entry b{font-size:14px}.saved-script-entry small{margin-top:4px;color:#75909e;font-size:11px;line-height:1.45}.saved-script-entry strong{font-size:22px;color:#5289df}
.saved-script-divider{display:flex;align-items:center;gap:9px;margin:3px 0 10px;color:#80949d;font-size:11px;font-weight:800}.saved-script-divider:after{content:"";height:1px;flex:1;background:rgba(140,188,201,.24)}
.saved-script-divider span{white-space:nowrap}
.copy-entry-primary{display:flex;align-items:center;justify-content:space-between;text-decoration:none}
.copy-entry-primary:hover{text-decoration:none}
.saved-script-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.saved-script-card{position:relative;display:flex;min-width:0;min-height:124px;border:1px solid #dcecf0;border-radius:16px;background:#fff;color:var(--create-ink);overflow:hidden;box-shadow:0 5px 12px rgba(67,126,146,.05);transition:border-color .16s,box-shadow .16s,transform .16s}
.saved-script-card:hover{transform:translateY(-1px);border-color:#9bbde8;box-shadow:0 9px 18px rgba(62,125,240,.12)}
.saved-script-card.on{border-color:#5d91ef;box-shadow:0 9px 18px rgba(62,125,240,.12)}
.saved-script-card-main{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:12px 31px 12px 12px;border:0;background:transparent;color:inherit;text-align:left;font-family:inherit;cursor:pointer}
.saved-script-card-main:focus-visible{outline:3px solid rgba(93,145,239,.25);outline-offset:-3px}
.saved-script-card-main span{max-width:100%;padding:4px 7px;border-radius:8px;background:#edf6ff;color:#527c91;font-size:9px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.saved-script-card-main b{display:block;max-width:100%;font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.saved-script-card-main small{display:-webkit-box;max-width:100%;color:#8da1a8;font-size:10px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.saved-script-delete{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#f3f7f8;color:#8da1a8;font-size:17px;line-height:1;cursor:pointer}
.saved-script-delete:hover{background:#fff0f0;color:#d95d67}
.saved-script-delete:focus-visible{outline:3px solid rgba(217,93,103,.25);outline-offset:2px}
.saved-script-empty{grid-column:1/-1;padding:15px;border:1px dashed #b9d8df;border-radius:14px;color:#8da1a8;font-size:11px;line-height:1.5;text-align:center;background:rgba(247,252,253,.8)}
.saved-script-actions{display:flex;align-items:center;gap:12px;margin-top:13px;padding-top:13px;border-top:1px solid rgba(140,188,201,.22)}
.saved-script-next{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:220px;border:0;border-radius:16px;padding:12px 14px;background:#112733;color:#fff;font:900 13px inherit;box-shadow:0 9px 18px rgba(17,39,51,.14);cursor:pointer}
.saved-script-next b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.16);font-size:16px}
.saved-script-next:disabled{background:#c8d5da;box-shadow:none;cursor:not-allowed}
.saved-script-actions small{flex:1;color:#8da1a8;font-size:10px;line-height:1.5}
.generation-feedback{display:block}
.generation-progress{margin-top:11px;padding:11px 12px 10px;border:1px solid rgba(94,145,239,.22);border-radius:14px;background:rgba(247,251,255,.88);box-shadow:0 7px 15px rgba(62,125,240,.08)}
.generation-progress[hidden]{display:none}
.generation-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#527c91;font-size:11px;font-weight:800}
.generation-progress-head b{color:#4f7fe4;font-size:11px}
.generation-progress-track{height:8px;margin-top:8px;border-radius:99px;background:#dfeaf1;overflow:hidden;box-shadow:inset 0 1px 2px rgba(42,80,105,.12)}
.generation-progress-track i{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#4d83ed,#6da3f5);box-shadow:0 0 8px rgba(77,131,237,.28);transition:width .18s ease}
.generation-progress small{display:block;margin-top:6px;color:#8aa0aa;font-size:10px;line-height:1.4;text-align:left}
.generation-progress.is-done{border-color:rgba(61,166,112,.25);background:rgba(245,255,249,.9)}
.generation-progress.is-done .generation-progress-head,.generation-progress.is-done .generation-progress-head b{color:#319364}
.generation-progress.is-done .generation-progress-track i{background:linear-gradient(90deg,#45b878,#73cf8f);box-shadow:0 0 8px rgba(69,184,120,.22)}
.generation-progress.is-error{border-color:rgba(217,93,103,.28);background:#fff7f7}
.generation-progress.is-error .generation-progress-head,.generation-progress.is-error .generation-progress-head b{color:#c95561}
.generation-progress.is-error .generation-progress-track{background:#f3dfe1}
.generation-progress.is-error .generation-progress-track i{background:#d95d67;box-shadow:none}
.generation-feedback-action{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:10px 12px;border:1px solid rgba(93,145,239,.35);border-radius:14px;background:#f1f6ff;color:#4b73db;font:800 12px inherit;line-height:1.35;cursor:pointer;box-shadow:0 7px 14px rgba(62,125,240,.1);text-align:center}
.generation-feedback-action span{display:block;margin-top:3px;color:#7d8ea8;font-size:10px;font-weight:700}
.generation-feedback-action:active{transform:translateY(1px);background:#e6efff}
.edit-version-picker{margin:0 0 16px;padding:16px;border:1px solid rgba(149,204,211,.35);border-radius:22px;background:rgba(255,255,255,.78);box-shadow:0 12px 24px rgba(67,126,146,.08)}
.edit-version-picker .panel-head{margin-bottom:12px}
.edit-flow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 13px;color:#76919c;font-size:10px;font-weight:800}
.edit-flow span{padding:5px 8px;border-radius:99px;background:#f0f7fa}
.edit-flow i{font-style:normal;color:#b1c2c8}
.edit-version-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.edit-version-card{display:flex;align-items:flex-start;gap:9px;min-width:0;padding:12px;border:1px solid #dcecf0;border-radius:16px;background:#fff;color:var(--create-ink);text-align:left;font-family:inherit;cursor:pointer;box-shadow:0 5px 12px rgba(67,126,146,.05);transition:border-color .16s,box-shadow .16s,transform .16s}
.edit-version-card:hover{transform:translateY(-1px);border-color:#9bbde8;box-shadow:0 9px 18px rgba(62,125,240,.12)}
.edit-version-card.on{border-color:#5d91ef;background:#f1f6ff;box-shadow:0 9px 18px rgba(62,125,240,.15)}
.edit-version-mark{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:10px;background:#edf0ff;color:#6550d8;font-size:11px;font-weight:900}
.edit-version-card.on .edit-version-mark{background:#5d91ef;color:#fff}
.edit-version-card b,.edit-version-card small,.edit-version-card em{display:block}
.edit-version-card b{font-size:12px;line-height:1.35}
.edit-version-card small{margin-top:4px;color:#527c91;font-size:10px;font-weight:800;line-height:1.35}
.edit-version-card em{margin-top:5px;color:#8da1a8;font-size:10px;font-style:normal;line-height:1.45}
.edit-parameter-picker{margin:0 0 16px;padding:16px;border:1px solid rgba(149,204,211,.3);border-radius:22px;background:rgba(255,255,255,.64)}
.edit-parameter-picker .panel-head{margin-bottom:12px}
.edit-parameter-group{padding:10px 0;border-top:1px solid rgba(149,204,211,.2)}
.edit-parameter-group:first-of-type{border-top:0;padding-top:0}
.edit-parameter-group>b{display:block;margin-bottom:7px;color:#527c91;font-size:11px}
.edit-parameter-options{display:flex;gap:7px;flex-wrap:wrap}
.edit-parameter-options button{padding:8px 11px;border:1px solid #dcecf0;border-radius:12px;background:#fff;color:#607c88;font:800 11px inherit;cursor:pointer}
.edit-parameter-options button:hover{border-color:#9bbde8}
.edit-parameter-options button.on{border-color:#5d91ef;background:#f1f6ff;color:#336ed9;box-shadow:0 6px 12px rgba(62,125,240,.12)}
.title-choice-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.title-choice-row{display:flex;align-items:stretch;gap:8px}.title-choice{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border:1px solid rgba(149,204,211,.38);border-radius:14px;background:#fff;color:var(--ink);padding:11px 12px;text-align:left;font-family:inherit;cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s}.title-choice:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(67,126,146,.1)}.title-choice.on{border-color:#5d91ef;background:#f1f6ff;box-shadow:0 8px 18px rgba(62,125,240,.14)}.title-choice-num{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border-radius:10px;background:#edf0ff;color:#6550d8;font-size:11px;font-weight:900}.title-choice.on .title-choice-num{background:#5d91ef;color:#fff}.title-choice-text{min-width:0;flex:1;font-size:14px;line-height:1.45}.title-choice-check{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#edf0ff;color:#5d91ef;font-size:13px;font-weight:900}.title-choice:not(.on) .title-choice-check{color:transparent}.title-copy{align-self:center;flex:0 0 auto;padding:8px 11px!important;border-radius:12px!important;font-size:11px!important}.title-choice-note{display:block;margin-top:9px;color:#91a5ad;font-size:10px;line-height:1.5}.selected-title-action{margin-top:13px;padding-top:12px;border-top:1px solid rgba(149,204,211,.22)}.selected-title-action .btn{height:48px;border-radius:15px}.selected-title-action .btn span{font-size:18px}.selected-title-action small{display:block;margin-top:7px;color:#91a5ad;font-size:10px;line-height:1.5;text-align:center}
.video-title-picker{margin:0 0 16px;padding:16px;border:1px solid rgba(149,204,211,.35);border-radius:22px;background:rgba(255,255,255,.82);box-shadow:0 12px 24px rgba(67,126,146,.08)}.video-title-choice-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;margin-top:10px}.video-title-choice{display:flex;align-items:flex-start;gap:10px;min-width:0;min-height:96px;padding:12px;border:1px solid #dcecf0;border-radius:15px;background:#fff;color:var(--create-ink);text-align:left;font-family:inherit;cursor:pointer;box-shadow:0 5px 12px rgba(67,126,146,.05);transition:border-color .16s,box-shadow .16s,transform .16s}.video-title-choice:hover{transform:translateY(-1px);border-color:#9bbde8;box-shadow:0 9px 18px rgba(62,125,240,.12)}.video-title-choice.on{border-color:#5d91ef;background:#f1f6ff;box-shadow:0 9px 18px rgba(62,125,240,.15)}.video-title-choice-index{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:10px;background:#edf0ff;color:#6550d8;font-size:11px;font-weight:900}.video-title-choice.on .video-title-choice-index{background:#5d91ef;color:#fff}.video-title-choice-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}.video-title-choice-copy b,.video-title-choice-copy strong{display:block;max-width:100%;overflow-wrap:anywhere;color:#315365;font-size:14px;line-height:1.4}.video-title-choice-copy small{display:block;margin-top:1px;color:#8da1a8;font-size:10px;line-height:1.3}.video-title-choice-copy strong{font-size:12px;font-weight:800;color:#527c91}.video-title-choice-detail{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 10px;margin-top:12px;padding:10px 12px;border-left:3px solid #5d91ef;border-radius:0 12px 12px 0;background:#f3f8ff;color:#527c91}.video-title-choice-detail span{font-size:10px;font-weight:900}.video-title-choice-detail b{font-size:15px;color:#315365}.video-title-choice-detail small{font-size:11px;color:#6f8994}
.video-title-choice{height:100%}
.video-title-choice-copy{flex:1}
.video-title-choice-copy b,.video-title-choice-copy strong{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}
.generation-next-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:16px;border-radius:20px;background:linear-gradient(145deg,#edf8ff,#fff7e9);border:1px solid rgba(149,204,211,.28);box-shadow:0 10px 22px rgba(67,126,146,.1)}
.video-edit-next{border-color:rgba(255,122,69,.34);background:linear-gradient(135deg,#fff1e8,#fff 58%,#eef5ff)}
.video-edit-next .btn{background:linear-gradient(135deg,#ff7a45,#ff4d4f);color:#fff;box-shadow:0 9px 18px rgba(255,77,79,.22)}
.generation-next-card span{display:block;color:#7c9aa5;font-size:10px}
.generation-next-card b{display:block;margin-top:4px;font-size:14px}
.generation-next-card small{display:block;max-width:360px;margin-top:5px;color:#78909a;font-size:10px;line-height:1.5}
.generation-next-card .btn{width:auto;flex-shrink:0;padding:10px 12px;font-size:11px}
.integration-card{margin:4px 0 18px;padding:18px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(237,248,255,.82) 58%,rgba(255,246,228,.78));border:1px solid rgba(149,204,211,.35);box-shadow:0 16px 30px rgba(67,126,146,.13),inset 0 1px 0 rgba(255,255,255,.92)}
.integration-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.integration-head h3{margin:8px 0 5px;font-size:17px}.integration-head p{margin:0;color:#78909a;font-size:11px;line-height:1.5}.integration-orb{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#fff0d7;color:#e9944e;font-size:18px;box-shadow:0 6px 12px rgba(233,148,78,.16)}
.integration-status{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 9px}.integration-status span{padding:6px 9px;border-radius:99px;font-size:10px;font-weight:900}.integration-status .ready{background:#e7f8ef;color:#2e9660}.integration-status .waiting{background:#fff2df;color:#bc7733}
.integration-voice{display:flex;flex-direction:column;gap:4px;padding:11px 12px;border-radius:15px;background:rgba(255,255,255,.72);border:1px solid rgba(149,204,211,.24);color:#6e8792;font-size:11px;line-height:1.4}.integration-voice b{color:#315365;font-size:13px}.integration-voice small{color:#91a5ad;font-size:10px}
.integration-actions{position:relative;z-index:3;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.integration-actions .btn{min-width:0;padding:10px 8px;font-size:12px;border-radius:14px;white-space:nowrap;touch-action:manipulation}.integration-actions .btn:disabled{opacity:.52}.integration-actions #makeEditJob{grid-column:1/-1;position:relative;z-index:4;background:linear-gradient(135deg,#ff7a45,#ff4d4f);color:#fff;font-weight:800;box-shadow:0 10px 20px rgba(255,77,79,.28);cursor:pointer}
.edit-progress{margin-top:12px}.edit-progress-bar{height:10px;border-radius:99px;background:rgba(0,0,0,.08);overflow:hidden}.edit-progress-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#ff7a45,#ff4d4f);transition:width .4s ease}.edit-progress small{display:block;margin-top:6px;color:#7a8c93;font-size:11px}
.edit-result video{background:#000}
.integration-hint{display:block;margin-top:10px;color:#91a5ad;font-size:10px;line-height:1.5}
.integration-refresh{display:block;margin:10px 0 0;padding:0;border:0;background:transparent;color:#5a8edc;font:800 10px inherit;cursor:pointer}
.audio-upload-btn{display:flex;align-items:center;justify-content:center;cursor:pointer}.audio-upload-btn.is-uploading{opacity:.6;pointer-events:none}
.publish-page{max-width:720px;margin:0 auto;padding:12px 0 28px;color:var(--create-ink)}
.publish-loading,.publish-error{padding:34px 18px;border:1px dashed #b9d8df;border-radius:20px;background:rgba(255,255,255,.72);color:#78909a;text-align:center}
.publish-error{display:flex;flex-direction:column;align-items:center;gap:10px}.publish-error b{color:#315365;font-size:16px}.publish-error .btn{width:auto;margin-top:4px}
.publish-hero{padding:12px 2px 20px}.publish-hero h2{margin:12px 0 8px;font-size:30px;line-height:1.25;font-weight:400}.publish-hero h2 em{font-style:normal;font-weight:850}.publish-hero p{margin:0;color:#78909a;font-size:12px}
.publish-status-card,.publish-panel{margin:0 0 14px;padding:16px;border:1px solid rgba(149,204,211,.35);border-radius:22px;background:rgba(255,255,255,.82);box-shadow:0 12px 24px rgba(67,126,146,.09)}
.publish-status-head,.publish-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.publish-status-head b,.publish-panel-head h3{display:block;color:#315365;font-size:15px}.publish-status-head small,.publish-panel-head small{display:block;margin-top:4px;color:#78909a;font-size:10px;line-height:1.5}.publish-status-head>span{padding:5px 9px;border-radius:99px;font-size:10px;font-weight:900}.publish-status-head>span.ok{background:#e7f8ef;color:#2e9660}.publish-status-head>span.warn{background:#fff2df;color:#bc7733}
.publish-install-hint{margin-top:12px;padding:10px 11px;border-radius:13px;background:#fff7e9;color:#9a713e;font-size:11px;line-height:1.55}
.publish-device-card{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:12px 13px;border:1px solid rgba(93,145,239,.25);border-radius:16px;background:#f6faff}
.publish-device-card.online{border-color:rgba(46,150,96,.32);background:#f3fcf6}
.publish-device-card.offline{border-color:rgba(214,160,80,.36);background:#fffaf0}
.publish-download{display:inline-flex;margin-top:8px;padding:9px 16px;font-size:12.5px;text-decoration:none}
.publish-device-card>div{flex:1;min-width:0}
.publish-device-card b{display:block;font-size:12px;color:#3b5563}
.publish-device-card small{display:block;margin-top:3px;color:#7c929e;font-size:10.5px;line-height:1.5}
.publish-device-card>span{padding:4px 9px;border-radius:99px;background:#fff;font-size:10px;font-weight:900;white-space:nowrap}
.publish-device-card>span.ok{color:#2e9660}
.publish-device-card>span.warn{color:#9a713e}
.publish-device-badges{display:flex;flex-wrap:wrap;gap:6px;margin:-2px 0 12px}
.publish-device-badge{padding:4px 8px;border-radius:99px;background:#f1f6ff;color:#527c91;font-size:10px;font-weight:800}
.publish-device-badge.ok{background:#eaf9f0;color:#2e9660}
.publish-device-badge.warn{background:#fff6e8;color:#9a713e}
.publish-login-platform-label{margin-top:14px;color:#78909a;font-size:10px;font-weight:800}.publish-login-platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:7px}.publish-login-platforms button{min-width:0;padding:9px 6px;border:1px solid #dcecf0;border-radius:12px;background:#fff;color:#607c88;font:800 11px inherit;cursor:pointer}.publish-login-platforms button.on{border-color:#5d91ef;background:#f1f6ff;color:#336ed9;box-shadow:0 6px 12px rgba(62,125,240,.12)}.publish-platform-session{display:block;margin-top:3px;font-size:9px;font-weight:800;line-height:1}.publish-platform-session.ok{color:#2e9660}.publish-platform-session.warn{color:#bc7733}
.publish-status-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.publish-status-actions .btn{min-width:0;padding:10px 8px;border-radius:13px;font-size:12px}.publish-status-message{display:block;margin-top:9px;color:#91a5ad;font-size:10px;line-height:1.5}
.publish-sms-panel{margin-top:10px}.publish-sms-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:8px}.publish-sms-row .btn{white-space:nowrap}.publish-sms-alt{display:block;color:#91a5ad;font-size:10px;line-height:1.5}.publish-sms-alt a{color:#3d7eff;text-decoration:none}
.publish-login-qr{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px;padding:12px;border-radius:16px;background:#f7fbff;color:#527c91;font-size:11px;text-align:center}.publish-login-qr-image{min-height:0}.publish-login-qr img{display:block;width:min(260px,70vw);height:auto;border-radius:10px;background:#fff;image-rendering:auto}.publish-login-refresh{padding:7px 12px;border-radius:10px;font-size:10px}.publish-login-refresh:disabled{opacity:.55}.publish-status-message.success{color:#2e9660;font-weight:800}
.publish-panel-head{align-items:flex-end;margin-bottom:13px}.publish-panel-head>span{padding:4px 8px;border-radius:99px;background:#edf6ff;color:#527c91;font-size:10px;font-weight:900;white-space:nowrap}.publish-field{display:block;margin-top:12px;color:#527c91;font-size:11px;font-weight:900}.publish-field>span{display:block;margin-bottom:6px}.publish-field .input{font-size:13px}.publish-field textarea{min-height:120px;line-height:1.65}
.publish-tags{display:flex;flex-wrap:wrap;gap:6px}.publish-tags span{padding:6px 9px;border-radius:10px;background:#edf6ff;color:#527c91;font-size:11px;font-weight:800}.publish-tags small{color:#91a5ad;font-size:10px}
.publish-tags-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.publish-tags-head>span{margin:0}.publish-tags-head .btn{padding:6px 9px;border-radius:10px;font-size:10px}
.publish-platforms,.publish-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.publish-modes{grid-template-columns:1fr;margin-bottom:5px}.publish-platforms button,.publish-modes button{min-width:0;padding:10px 6px;border:1px solid #dcecf0;border-radius:12px;background:#fff;color:#607c88;font:800 11px inherit;cursor:pointer}.publish-platforms button.on,.publish-modes button.on{border-color:#5d91ef;background:#f1f6ff;color:#336ed9;box-shadow:0 6px 12px rgba(62,125,240,.12)}
.publish-modes button{text-align:left;padding:11px 14px;font-size:12px}
.publish-video-card{display:flex;gap:12px;align-items:center;margin-top:13px;padding:10px;border:1px solid #dcecf0;border-radius:16px;background:#f8fcfd}.publish-video-card video{width:86px;height:112px;object-fit:cover;border-radius:10px;background:#172b35}.publish-video-card b,.publish-video-card small{display:block}.publish-video-card b{font-size:12px;color:#315365}.publish-video-card small{margin-top:5px;color:#78909a;font-size:10px;line-height:1.5}.publish-empty{margin-top:12px;padding:14px;border:1px dashed #b9d8df;border-radius:15px;color:#78909a;font-size:11px;line-height:1.55;text-align:center}
.publish-schedule-field{margin-top:12px}.publish-confirm{display:flex;align-items:flex-start;gap:8px;margin-top:14px;color:#607c88;font-size:11px;line-height:1.5;cursor:pointer}.publish-confirm input{margin:2px 0 0;accent-color:#5d91ef}.publish-submit{width:100%;margin-top:14px}.publish-result{display:flex;flex-direction:column;gap:4px;margin-top:11px;color:#527c91;font-size:11px;line-height:1.5}.publish-result b{color:#2e9660}.publish-result-error{color:#d4545b}
@media (max-width:560px){.publish-page{padding-top:4px}.publish-hero h2{font-size:27px}.publish-platforms{grid-template-columns:repeat(2,1fr)}.publish-video-card video{width:74px;height:98px}}
.cover-workflow-panel{margin:4px 0 18px;padding:16px;border:1px solid rgba(149,204,211,.3);border-radius:22px;background:rgba(255,255,255,.72);box-shadow:0 12px 24px rgba(67,126,146,.08)}
.cover-workflow-meta{margin:0 0 11px;color:#6f8994;font-size:11px;line-height:1.5}
.cover-workflow-logic{margin-top:10px;padding:10px 12px;border-radius:14px;background:#f6faff;border:1px solid rgba(93,145,239,.18);display:flex;flex-direction:column;gap:4px}.cover-workflow-logic b{font-size:11px;color:#5d91ef}.cover-workflow-logic span{font-size:11px;line-height:1.55;color:#5f7380}
.cover-workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:13px}
.cover-workflow-item{min-width:0;padding:8px;border:1px solid #dcecf0;border-radius:15px;background:#fff;box-shadow:0 5px 12px rgba(67,126,146,.06);display:flex;flex-direction:column}
.cover-workflow-item{cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}.cover-workflow-item:hover{transform:translateY(-2px);border-color:#9bbde8;box-shadow:0 10px 20px rgba(62,125,240,.12)}.cover-workflow-item:focus-visible{outline:3px solid rgba(62,125,240,.3);outline-offset:2px}.cover-workflow-item.selected{border-color:#5d91ef;box-shadow:0 10px 22px rgba(62,125,240,.18);background:#f5f8ff}
.cover-workflow-item canvas{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px;background:#eaf4f7;cursor:zoom-in}
.cover-workflow-item .cover-style{position:absolute;top:8px;left:8px;background:rgba(42,35,80,.65);color:#fff;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:99px;backdrop-filter:blur(4px)}
.cover-workflow-copy{padding:8px 1px 7px;min-height:58px}
.cover-workflow-copy b,.cover-workflow-copy small{display:block}
.cover-workflow-copy b{font-size:11px;line-height:1.35}
.cover-workflow-copy small{margin-top:3px;color:#8da1a8;font-size:9px;line-height:1.4}
.cover-workflow-choice{display:block;margin-top:5px;color:#5d91ef;font-size:9px;font-style:normal;font-weight:800}
.cover-workflow-actions{display:flex;flex-direction:column;gap:6px;margin-top:auto;padding-top:2px}
.cover-workflow-item .btn{display:block;width:100%;padding:8px 5px;font-size:10.5px;border-radius:10px;text-align:center;text-decoration:none}
.cover-workflow-item .cover-workflow-use{padding:9px 5px;font-weight:800}
.cover-workflow-item .cover-workflow-download{padding:7px 5px}
.cover-workflow-item .btn{position:relative;z-index:2}
.cover-workflow-item .cover-workflow-use:disabled{opacity:1}
.cover-workflow-media{position:relative}
/* 封面加载占位（成片截图卡 / AI 卡通用） */
.cover-workflow-item .cover-ai-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;aspect-ratio:3/4;width:100%;border-radius:10px;background:linear-gradient(160deg,#f3f8ff,#eef4fb);color:#5d7688;font-size:10.5px;text-align:center;padding:14px}
.cover-ai-spinner{width:30px;height:30px;border-radius:50%;border:3px solid rgba(93,145,239,.22);border-top-color:#5d91ef;animation:coverAiSpin .8s linear infinite}
@keyframes coverAiSpin{to{transform:rotate(360deg)}}
.cover-workflow-item.is-loading{border-style:dashed}
.cover-ai-error{background:linear-gradient(160deg,#fdf1f1,#fbecec);color:#b05a5a}
/* IP 形象上传卡片（内容素材面板） */
.ip-character-slot{margin:10px 0 4px}
.ip-character-card{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border:1px solid rgba(149,204,211,.45);border-radius:15px;background:linear-gradient(150deg,#f7fbff,#f1f8fc);text-align:left;cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}
.ip-character-card:hover{border-color:#8fb6e6;box-shadow:0 8px 18px rgba(62,125,240,.1);transform:translateY(-1px)}
.ip-character-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;background:#e7f1fe;font-size:20px}
.ip-character-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.ip-character-copy b{font-size:12.5px;color:#2f4a5a}
.ip-character-copy small{font-size:10px;color:#7a909a;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ip-character-action{flex:none;font-size:11px;font-weight:800;color:#5d91ef;padding:6px 10px;border-radius:99px;background:#eaf2ff}
.ip-character-card.has-file{cursor:default}
.ip-character-card.has-file:hover{transform:none}
.ip-character-thumb{width:44px;height:44px;flex:none;object-fit:cover;border-radius:11px;border:1px solid #d6e6ee;background:#eef4f7}
.ip-character-btns{display:flex;gap:6px;flex:none}
.ip-character-btns .btn{padding:7px 10px;font-size:10.5px;border-radius:9px}
/* AI 封面加入 IP 形象开关 */
.ip-cover-toggle{display:flex;align-items:center;gap:10px;margin-top:11px;padding:10px 12px;border:1px solid rgba(149,204,211,.4);border-radius:14px;background:#f8fbfd;cursor:pointer}
.ip-cover-toggle input{position:absolute;opacity:0;width:0;height:0}
.ip-cover-toggle-track{position:relative;flex:none;width:40px;height:23px;border-radius:99px;background:#c9d9e2;transition:background .18s}
.ip-cover-toggle-thumb{position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:transform .18s}
.ip-cover-toggle input:checked + .ip-cover-toggle-track{background:#5d91ef}
.ip-cover-toggle input:checked + .ip-cover-toggle-track .ip-cover-toggle-thumb{transform:translateX(17px)}
.ip-cover-toggle-copy{display:flex;flex-direction:column;gap:1px}
.ip-cover-toggle-copy b{font-size:12px;color:#35505f}
.ip-cover-toggle-copy small{font-size:10px;color:#8298a2}
.ip-cover-toggle.is-disabled{opacity:.7}
.publish-cover-block{margin-top:16px;padding-top:14px;border-top:1px dashed #cfe2e8}
.publish-cover-head b{display:block;font-size:14px;color:#27414f}
.publish-cover-head small{display:block;margin-top:3px;color:#7c929c;font-size:11px}
.publish-cover-single{display:flex;gap:12px;align-items:center;margin-top:12px}
.publish-cover-single img{width:84px;height:112px;object-fit:cover;border-radius:10px;border:1px solid #d6e2e7;background:#eef3f5;flex:none}
.publish-cover-single span{font-size:12px;color:#3c5563;font-weight:700}
.publish-cover-none{margin-top:10px;padding:12px 14px;border-radius:10px;background:#f4f8fa;color:#6d828d;font-size:12px;line-height:1.6}
.publish-cover-none a{color:#2e6ce8;font-weight:700}
.cover-preview-modal{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;gap:18px;padding:22px;background:rgba(17,43,53,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.cover-preview-image{display:block;width:min(62vw,420px);max-height:86vh;object-fit:contain;border-radius:14px;box-shadow:0 22px 55px rgba(0,0,0,.35);background:#fff}
.cover-preview-body{width:min(320px,34vw);padding:18px;border-radius:18px;background:#fff;color:var(--create-ink);box-shadow:0 18px 38px rgba(0,0,0,.2)}
.cover-preview-body>b,.cover-preview-body>small,.cover-preview-body>span{display:block}.cover-preview-body>b{font-size:18px}.cover-preview-body>small{margin-top:7px;color:#527c91;font-size:11px;line-height:1.5}.cover-preview-body>span{margin-top:11px;color:#78909a;font-size:11px;line-height:1.6}
.cover-preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.cover-preview-actions .btn{min-width:0;padding:10px 7px;font-size:11px;text-align:center;text-decoration:none}.cover-preview-close{position:absolute;right:20px;top:18px;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#315365;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.18)}
@media (max-width:560px){
  .creation-page .creation-header{gap:6px}
  .creation-page .creation-header-right{gap:6px}
  .creation-page .confirm-motion{flex-basis:112px;width:112px;height:48px;border-radius:13px}
  .creation-page .confirm-motion .creation-help{right:4px;top:4px;width:21px;height:21px;font-size:11px}
  .creation-page .creation-account{width:73px;padding:6px 4px;border-radius:13px}
  .creation-page .creation-account small{font-size:8px}
  .creation-page .creation-account b{max-width:65px;font-size:10px}
  .confirm-orbit{height:246px;border-radius:28px}
  .confirm-core{width:116px;height:116px;border-radius:34px}
  .ring-one{width:210px;height:106px}
  .ring-two{width:154px;height:76px}
  .confirm-float{min-width:94px;padding:9px 10px}
  .float-store{left:12px;top:20px}.float-cover{right:11px;top:26px}.float-subtitle{left:18px;bottom:21px}
  .confirm-grid{grid-template-columns:1fr;gap:10px}
  .generation-result-head{align-items:flex-start;flex-direction:column}
  .script-sample-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .script-sample-card{padding:11px;border-radius:18px;gap:8px}
  .script-sample-index{width:30px;height:30px;flex-basis:30px;border-radius:10px}
  .script-sample-copy b{font-size:12px}.script-sample-copy strong{font-size:11px}.script-sample-copy em{font-size:10px}
  .script-selected-head{flex-direction:column;gap:8px}.script-selected-head .btn{align-self:flex-start}
  .script-selected-body{font-size:14px;line-height:1.75}
  .video-title-choice-list{grid-template-columns:1fr}
  .video-title-choice-copy b{white-space:normal}
  .saved-script-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .saved-script-card{min-height:112px;border-radius:14px}
  .saved-script-card-main{padding:10px 28px 10px 10px}
  .saved-script-card-main b{font-size:11px}.saved-script-card-main small{font-size:9px}
  .saved-script-actions{align-items:stretch;flex-direction:column}
  .saved-script-next{width:100%;min-width:0}
  .edit-version-list{grid-template-columns:1fr}
  .edit-flow{gap:5px}
  .edit-parameter-options{display:grid;grid-template-columns:repeat(2,1fr)}
  .edit-parameter-options button{width:100%}
  .video-edit-entry{align-items:flex-start;flex-direction:column;padding:16px}
  .video-edit-entry .btn{width:100%}
  .generation-next-card{align-items:flex-start;flex-direction:column}
  .generation-next-card .btn{width:100%}
  .integration-actions{grid-template-columns:1fr}.integration-actions .btn{width:100%}
  .cover-workflow-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
  .cover-preview-modal{flex-direction:column;padding:54px 18px 18px;gap:12px;overflow:auto}.cover-preview-image{width:min(86vw,360px);max-height:62vh}.cover-preview-body{width:min(86vw,360px);padding:14px}.cover-preview-actions{margin-top:12px}.cover-preview-close{right:14px;top:12px}
}
.type-art-price:after{content:"";position:absolute;right:10px;bottom:8px;width:20px;height:20px;border-radius:50%;background:#ff8c4f}
.type-art-shop{background:linear-gradient(180deg,#dfe7ff,#afd0ff)}
.type-art-shop:before{content:"";position:absolute;left:14px;top:12px;width:42px;height:28px;border-radius:12px;background:linear-gradient(180deg,#fff,#eaf3ff);box-shadow:0 10px 16px rgba(67,126,146,.14)}
.type-art-shop:after{content:"";position:absolute;left:20px;top:14px;width:28px;height:6px;border-radius:99px;background:#6fa1ff;box-shadow:0 18px 0 #6fa1ff,0 9px 0 #6fa1ff}
.type-art-voice{background:linear-gradient(180deg,#fff4d8,#ffe9b5)}
.type-art-voice:before{content:"";position:absolute;left:16px;top:12px;width:30px;height:42px;border-radius:16px 16px 20px 20px;background:linear-gradient(180deg,#fff,#fff9ea);box-shadow:0 10px 16px rgba(67,126,146,.14)}
.type-art-voice:after{content:"";position:absolute;right:10px;bottom:10px;width:18px;height:18px;border-radius:50%;background:#f6b05f}
.type-art-gift{background:linear-gradient(180deg,#ffd7e0,#ffa9ba)}
.type-art-gift:before{content:"";position:absolute;left:10px;top:20px;width:46px;height:24px;border-radius:10px;background:linear-gradient(180deg,#fff,#fff0f4);box-shadow:0 10px 16px rgba(67,126,146,.14)}
.type-art-gift:after{content:"";position:absolute;left:31px;top:10px;width:8px;height:38px;border-radius:99px;background:#ff8aa1;box-shadow:-14px 8px 0 #ff8aa1,14px 8px 0 #ff8aa1}
.studio-page{perspective:1600px;perspective-origin:50% 0}
.studio-main{transform-style:preserve-3d}
.creation-hero{transform-style:preserve-3d}
.hero-scene{transform:translateZ(8px) rotateX(14deg);box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 34px 68px rgba(62,118,145,.26)}
.scene-pill{position:absolute;z-index:5;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.86);color:#4a7f96;font-size:10px;font-weight:900;box-shadow:0 10px 20px rgba(62,118,145,.14);backdrop-filter:blur(10px)}.scene-pill:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;background:#5bb6ff;box-shadow:0 0 0 4px rgba(91,182,255,.18)}.scene-pill-a{left:14px;top:14px}.scene-pill-b{right:14px;bottom:72px}.studio-actions .action-tile{transform-style:preserve-3d;box-shadow:0 15px 28px rgba(59,116,140,.14)}.studio-actions .action-tile:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.72),transparent 52%);pointer-events:none}.studio-actions .action-tile:after{content:"";position:absolute;left:14px;right:14px;bottom:11px;height:10px;border-radius:999px;background:rgba(63,121,160,.08);filter:blur(7px);pointer-events:none}.studio-actions .action-tile:hover{transform:translateY(-4px) rotateX(4deg)}.studio-actions .action-tile .tile-icon{transform:translateZ(14px)}.studio-recent{transform-style:preserve-3d;box-shadow:0 16px 30px rgba(59,116,140,.16)}.studio-recent:hover{transform:translateY(-3px) rotateX(3deg)}.studio-insight{box-shadow:0 14px 28px rgba(67,126,146,.12)}.studio-insight .insight-orb{box-shadow:0 10px 18px rgba(233,148,78,.14),0 0 0 6px rgba(255,240,215,.65)}
.creation-page-fantasy{perspective:1400px}
.creation-page-fantasy .creation-main{transform-style:preserve-3d}
.creation-showcase{transform:translateZ(0) rotateX(1.5deg);box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 32px 66px rgba(64,112,140,.24)}
.food-island{transform:translateX(-50%) translateY(10px) rotateX(18deg) rotateZ(-2deg);transform-style:preserve-3d}
.island-base{box-shadow:0 24px 28px rgba(71,116,128,.28)}
.island-grass{box-shadow:inset 0 18px 26px rgba(255,255,255,.34),0 14px 0 rgba(94,151,100,.2),0 16px 28px rgba(71,116,128,.12)}
.dish-scene{transform:translateZ(30px)}
.dish-plate{box-shadow:0 18px 24px rgba(57,98,112,.28)}
.dish-main{transform:translateZ(18px) scale(1.03);box-shadow:inset 0 12px 16px rgba(255,255,255,.38),0 18px 22px rgba(57,98,112,.2)}
.dish-sauce{transform:translateZ(22px)}
.steam-a,.steam-b{transform-origin:center bottom}
.tree,.shop-sign{transform:translateZ(8px)}
.showcase-card{transform:translateZ(26px);box-shadow:0 18px 30px rgba(61,118,142,.18),inset 0 1px 0 rgba(255,255,255,.78)}
.showcase-bubble{transform:translateZ(30px);box-shadow:0 18px 32px rgba(58,121,148,.18),inset 0 1px 0 rgba(255,255,255,.55)}
.creation-store,.creation-type-card,.studio-recent,.studio-insight{box-shadow:0 14px 30px rgba(67,126,146,.14)}
.creation-type-card{transform:translateZ(0);transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,border-color .18s}
.creation-type-card:hover{transform:translateY(-4px) rotateX(3deg)}
.creation-type-card.selected{transform:translateY(-6px) rotateX(4deg)}
.creation-page-fantasy .type-image,.recent-art,.hero-scene{transform:translateZ(22px)}
.hero-scene{box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 26px 58px rgba(62,118,145,.22)}
.scene-island{box-shadow:0 22px 28px rgba(71,116,128,.28)}
.scene-grass{box-shadow:inset 0 18px 26px rgba(255,255,255,.34),0 14px 0 rgba(94,151,100,.2),0 16px 28px rgba(71,116,128,.12)}
.scene-dish{box-shadow:inset 0 12px 16px rgba(255,255,255,.38),0 18px 22px rgba(57,98,112,.2)}
.scene-tree,.scene-cloud,.pin-glow{transform:translateZ(10px)}
.recent-art{box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 18px 32px rgba(67,126,146,.18)}
.panel-sub h4{margin:0 0 8px;font-size:12px;color:#5b6b72;font-weight:700;letter-spacing:.04em}
.option-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.option-row-2{grid-template-columns:repeat(3,1fr)}
.opt-pill{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:16px;border:1.5px solid rgba(149,204,211,.45);background:rgba(255,255,255,.72);cursor:pointer;transition:all .18s ease;font-family:inherit}
.opt-pill b{font-size:13px;color:#33424a;font-weight:700}
.opt-pill small{font-size:10px;color:#91a5ad;line-height:1.3}
.opt-pill .opt-ic{font-size:18px;color:#7a8c93;font-style:normal}
.opt-pill.on{border-color:#ff7a45;background:linear-gradient(135deg,rgba(255,122,69,.16),rgba(255,77,79,.10));box-shadow:0 8px 18px rgba(255,77,79,.18);transform:translateY(-1px)}
.opt-pill.on b{color:#d84315}
.opt-pill.on .opt-ic{color:#ff4d4f}
.subtitle-sample-pill{align-items:stretch;text-align:left;min-height:102px}
.subtitle-sample-pill b{font-weight:850}
.subtitle-ass-sample{display:block;margin-top:5px;padding:9px 8px;border-radius:8px;background:#d8d0ca;color:#fff;font-size:18px;font-style:normal;font-weight:400;line-height:1.2;text-align:center;text-shadow:5px 8px 18px rgba(0,0,0,.42);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;paint-order:stroke fill}
.subtitle-ass-sample-ass07{font-family:"SubtitleSmiley";font-size:18px;font-style:oblique;color:#fdc381;-webkit-text-stroke:1.5px #17191d;opacity:.70}
.subtitle-ass-sample-ass08{font-family:"SubtitleWenYuan";font-size:18px;color:#fff;-webkit-text-stroke:1.5px #17191d;opacity:.70}
.subtitle-ass-sample-ass09{font-family:"SubtitleXiangcui";font-size:18px;color:#fff;-webkit-text-stroke:1.5px #17191d;opacity:.70}
.subtitle-ass-sample-ass10{font-family:"SubtitlePingFang";font-size:18px;color:#fff;-webkit-text-stroke:1.5px #17191d;opacity:.70}
.subtitle-ass-sample-ass11{font-family:"SubtitleYaoXing";font-size:16px;color:#fff;-webkit-text-stroke:1.5px #000;opacity:.70}
.subtitle-ass-sample-ass12{font-family:"SubtitleSmiley";font-size:16px;font-style:oblique;color:#fff;text-shadow:5px 8px 18px rgba(0,0,0,.42);opacity:.70}
.style-warm.on{border-color:#f59e0b;background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(251,146,60,.10))}
.style-warm.on b{color:#b45309}
.style-cool.on{border-color:#0ea5e9;background:linear-gradient(135deg,rgba(14,165,233,.16),rgba(56,189,248,.10))}
.style-cool.on b{color:#0369a1}
.style-cinema.on{border-color:#475569;background:linear-gradient(135deg,rgba(71,85,105,.20),rgba(30,41,59,.12))}
.style-cinema.on b{color:#1e293b}
.style-vivid.on{border-color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(52,211,153,.10))}
.style-vivid.on b{color:#047857}
@media (max-width:560px){.option-row,.option-row-2{grid-template-columns:repeat(3,1fr)}}

.studio-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.studio-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 16px;border-radius:16px;background:#fff;color:#3b6f8a;text-decoration:none;font-weight:900;border:1px solid rgba(124,173,190,.32);box-shadow:0 8px 18px rgba(59,116,140,.08)}
.copy-workbench{padding:16px 16px 92px;max-width:760px;margin:0 auto}
.copy-loading{padding:28px;text-align:center;color:var(--muted)}
.copy-hero,.copy-panel{border-radius:22px;background:rgba(255,255,255,.9);border:1px solid rgba(140,188,201,.2);box-shadow:0 14px 32px rgba(64,111,136,.1);padding:18px;margin-bottom:14px}
.copy-hero{background:linear-gradient(135deg,#fff 0%,#eef8ff 58%,#fff6e7 100%)}
.copy-hero>span{display:block;color:#6c93a7;font-size:11px;font-weight:900;letter-spacing:.08em}
.copy-hero h2{margin:8px 0;font-size:24px;line-height:1.18}
.copy-hero p,.copy-action-panel p{margin:0;color:#667985;line-height:1.65;font-size:13px}
.copy-direction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}
.copy-direction{border:1px solid rgba(139,177,190,.28);background:#f8fcff;border-radius:18px;padding:14px;text-align:left;color:#24404f}
.copy-direction b{display:block;font-size:15px;margin-bottom:6px}
.copy-direction small{display:block;color:#718995;line-height:1.45}
.copy-direction.on{background:#e9f4ff;border-color:#70a8dd;box-shadow:0 8px 18px rgba(77,135,191,.14)}
.copy-platform{margin-top:12px}
.copy-save-line{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#748791}
.copy-action-panel{display:flex;align-items:center;justify-content:space-between;gap:16px}
.copy-action-panel h3{margin:0 0 8px}
.copy-action-panel small{display:block;margin-top:8px;color:#5a8edc}
.copy-generate{width:auto;min-width:190px;margin:0}
.copy-output-grid{display:grid;grid-template-columns:1fr;gap:12px}
.copy-script-card{border:1px solid rgba(140,188,201,.22);border-radius:18px;background:#fbfdff;padding:15px}
.copy-script-head,.copy-saved-card{display:flex;align-items:center;justify-content:space-between;gap:10px}
.copy-script-head span{display:inline-flex;padding:6px 10px;border-radius:999px;background:#edf6ff;color:#3672a4;font-weight:900;font-size:12px}
.copy-script-card h4{margin:12px 0 8px;font-size:18px}
.copy-script-card p{white-space:pre-wrap;margin:0;color:#263844;line-height:1.75;font-size:14px}
.copy-mini-list{margin-top:12px;padding-top:10px;border-top:1px solid rgba(120,158,172,.18)}
.copy-mini-list b{display:block;font-size:13px;margin-bottom:6px}
.copy-mini-list small{display:block;color:#657b88;line-height:1.55;padding:2px 0}
.copy-saved-list{display:grid;gap:10px}
.copy-saved-card{border:1px solid rgba(140,188,201,.22);border-radius:16px;background:#fff;padding:12px}
.copy-saved-card b,.copy-saved-card small{display:block}
.copy-saved-card small{margin-top:4px;color:#7a8e99}
.copy-saved-card>div:last-child{display:flex;gap:8px;flex-shrink:0}
.creation-store-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.creation-store-edit,.creation-store-change{border:0;border-radius:12px;background:#fff;color:#4b82db;padding:9px 11px;font:800 11px inherit;box-shadow:0 4px 10px rgba(71,128,145,.1);cursor:pointer;white-space:nowrap}
.creation-store-edit{color:#6b6bd4}
.creation-store-edit b,.creation-store-change b{font-size:15px;margin-left:4px}
@media(max-width:640px){
  .copy-direction-grid{grid-template-columns:1fr}
  .copy-action-panel{display:block}
  .copy-generate{width:100%;margin-top:14px}
  .copy-saved-card{align-items:flex-start;flex-direction:column}
  .studio-hero-actions{display:grid}
  .studio-secondary,.studio-primary{width:100%}
}
.studio-entry-panel{margin-top:18px;padding:18px 16px;border-radius:24px;background:rgba(255,255,255,.72);border:1px solid rgba(143,205,214,.32);box-shadow:0 14px 30px rgba(67,126,146,.12)}
.studio-entry-head h2{font-size:20px;margin:7px 0 0}.studio-entry-head p{margin:10px 0 0;color:var(--studio-muted);font-size:12.5px;line-height:1.6;max-width:280px}.studio-entry-panel .studio-primary{margin-top:14px;width:100%}
.studio-ai-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 14px}
.studio-ai-summary>div{padding:10px 10px 9px;border-radius:16px;background:rgba(255,255,255,.8);border:1px solid rgba(220,236,240,.9);box-shadow:0 5px 12px rgba(67,126,146,.05)}
.studio-ai-summary span{display:block;color:#7f96a1;font-size:10px;font-weight:900;letter-spacing:.6px}
.studio-ai-summary b{display:block;margin-top:5px;font-size:12.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:560px){
  .studio-ai-summary{grid-template-columns:1fr}
}
.title-choice-text b{display:block;font-size:15px;line-height:1.28;color:var(--ink)}
.title-choice-text small{display:block;margin-top:4px;color:#7d929b;font-size:11.5px;line-height:1.35;font-weight:700}

/* 生成文案等待时，把右上角入口变成固定尺寸的宠物狗状态。 */
.creation-help.is-waiting{background:#fff8e7;border-color:#f2c879;box-shadow:0 0 0 3px rgba(242,200,121,.18);cursor:wait}
.creation-help.is-waiting .dog-wrap{width:23px!important;height:23px!important}
.creation-help.is-waiting .dog{animation-duration:1.25s;filter:drop-shadow(0 3px 5px rgba(91,61,204,.2))!important}

/* 首页视觉收敛：保留食刻的轻盈感，把层级和动作留给创作主流程。 */
.studio-page{
  --studio-ink:#17242b;
  --studio-muted:#71818a;
  --studio-blue:#2f67d8;
  --studio-blue-soft:#eaf1ff;
  --studio-line:#dfe7e8;
  --studio-orange:#e9784b;
  --studio-green:#4d9b70;
  background:#f6f7f4;
  color:var(--studio-ink);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  perspective:none;
}
.studio-page:before,.studio-page:after{display:none}
.studio-header{padding:25px 22px 16px}
.brand-lockup{gap:11px}
.brand-lockup strong{font-size:22px;letter-spacing:1px;color:#17242b}
.brand-lockup small{letter-spacing:.8px;color:#8a969a}
.brand-orange{width:28px;height:28px;box-shadow:6px 5px 0 #f8c78c}
.icon-button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--studio-line);border-radius:10px;background:#fff;color:#65777e;transform:none}
.icon-button svg{width:18px;height:18px}
.profile-button{width:34px;height:34px;border-radius:10px;background:#17242b;color:#fff;box-shadow:none}
.studio-main{padding:12px 22px 34px}
.studio-welcome{
  min-height:0;
  padding:8px 0 24px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.studio-welcome:after{display:none}
.eyebrow{color:#8a969a;font-size:9px;letter-spacing:1.8px}
.studio-welcome h1{font-size:32px;line-height:1.18;margin:12px 0 9px;letter-spacing:-.2px;color:#17242b}
.studio-welcome h1 em{font-weight:400;color:#516168}
.studio-welcome p{max-width:310px;color:#7c898e;font-size:12px}
.welcome-doodle{opacity:.72;transform:none}
.creation-hero{
  grid-template-columns:50% 50%;
  min-height:318px;
  margin:0 0 31px;
  border:1px solid #e0e6e5;
  border-radius:20px;
  background:#fffaf2;
  box-shadow:0 20px 44px rgba(26,54,63,.11);
  perspective:none;
}
.hero-photo{min-height:318px}
.hero-scene,.hero-render{transform:none;box-shadow:none}
.hero-render{background:radial-gradient(circle at 50% 34%,#fff8e8 0,#fffaf2 45%,#edf8ef 100%)}
.hero-render:before,.hero-render:after{display:none}
.hero-photo .hero-render-img{display:block!important;width:100%;height:100%;object-fit:cover;object-position:center 54%;filter:saturate(1.04) contrast(1.02)}
.scene-pill{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.82);color:#4f7f72;box-shadow:0 10px 20px rgba(90,118,90,.13);font-size:10px;backdrop-filter:blur(12px)}
.scene-pill:before{width:5px;height:5px;margin-right:5px;box-shadow:none}
.scene-pill-a{left:18px;top:18px}
.scene-pill-b{right:18px;bottom:80px}
.photo-label{left:18px;bottom:18px;border-radius:999px;background:rgba(29,43,49,.72);padding:9px 13px;font-size:11px}
.hero-copy{padding:37px 32px 29px}
.step-label{color:var(--studio-orange);font-size:9px;letter-spacing:1.4px}
.hero-copy h2{font-size:29px;line-height:1.24;margin:17px 0 14px;color:#1d2b31}
.hero-copy p{max-width:270px;margin-bottom:22px;color:#73838a;font-size:13px;line-height:1.75}
.studio-primary{border-radius:8px;padding:10px 11px 10px 14px;background:#1d2b31;box-shadow:0 7px 14px rgba(23,36,43,.15);font-size:12px}
.studio-primary b{width:23px;height:23px;border-radius:6px;font-size:15px}
.studio-quick-section{margin-bottom:30px}
.studio-section-head{align-items:flex-end;margin:0 1px 13px}
.studio-section-head h2{font-size:19px;margin-top:8px;letter-spacing:0}
.studio-section-note{color:#a2adaf;font-size:10px}
.studio-actions{gap:9px;margin:0;perspective:none}
.action-tile{
  min-height:132px;
  padding:12px 12px 12px;
  border:1px solid rgba(255,255,255,.9);
  border-radius:20px;
  box-shadow:0 16px 30px rgba(68,79,69,.1),inset 0 1px 0 rgba(255,255,255,.78);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
  transform:none;
  display:flex;
  flex-direction:column;
}
.action-tile:before,.action-tile:after{display:none}
.action-tile:hover{transform:translateY(-3px);border-color:#b8c9ce;box-shadow:0 13px 24px rgba(26,54,63,.1)}
.action-tile:active{transform:translateY(0) scale(.985)}
.action-video{background:linear-gradient(180deg,#eef5ff,#d8e8ff)}
.action-script{background:linear-gradient(180deg,#eefaf1,#d9f1e3)}
.action-cover{background:linear-gradient(180deg,#fff7df,#ffe3b4)}
.action-voice{background:linear-gradient(180deg,#f6efff,#e7dbff)}
.action-art{
  display:block;
  flex:1 1 auto;
  min-height:88px;
  border-radius:14px;
  overflow:hidden;
  background:rgba(255,255,255,.54);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}
.action-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.action-copy{display:block;padding:12px 2px 2px;min-height:78px}
.action-copy b{display:block;font-size:14px;line-height:1.28;margin-bottom:7px}
.action-copy small{display:block;max-width:120px;color:#7d8b8f;font-size:10px;line-height:1.45}
.action-tile i{position:static;align-self:flex-end;margin-top:auto;color:#829196;font-size:15px;padding-right:2px}
.studio-store-panel{
  margin-top:0;
  padding:0 0 27px;
  border:0;
  border-bottom:1px solid var(--studio-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.studio-store-head{margin:0 1px 13px}
.studio-store-head h2{font-size:19px;margin-top:8px}
.studio-store-head .text-button{color:var(--studio-blue);font-size:11px}
.studio-store-list{gap:8px}
.studio-store-row{
  min-height:62px;
  padding:9px 10px;
  border:1px solid #e0e7e6;
  border-radius:10px;
  background:#fff;
  box-shadow:0 5px 12px rgba(26,54,63,.04);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.studio-store-row:hover{transform:translateY(-2px);border-color:#bdced0;box-shadow:0 9px 18px rgba(26,54,63,.08)}
.studio-store-avatar{width:40px;height:40px;flex-basis:40px;border-radius:9px;background:#edf2f0}
.studio-store-avatar .dog-wrap{width:40px;height:40px}
.studio-store-copy b{font-size:13px}
.studio-store-copy span{color:#849196;font-size:10px}
.studio-store-delete{border-radius:7px;background:#f8eded;color:#bc5b5e;padding:7px 9px;font-size:10px}
.studio-store-empty{min-height:82px;border-radius:10px;padding:13px 14px;background:#fff;border-color:#c6d7d8}
.studio-store-empty span{width:29px;height:29px;border-radius:8px;font-size:20px}
.studio-store-empty b{font-size:13px}
.studio-store-empty small{font-size:10px}
.studio-entry-panel{
  margin-top:27px;
  padding:20px;
  border:0;
  border-radius:12px;
  background:#1d2b31;
  color:#fff;
  box-shadow:0 13px 25px rgba(23,36,43,.15);
}
.studio-entry-head .eyebrow{color:#a6c2be}
.studio-entry-head h2{font-size:19px;margin-top:8px}
.studio-entry-head p{max-width:320px;color:#b3c0c1;font-size:11px}
.studio-flow-strip{display:flex;align-items:center;gap:8px;margin-top:18px;color:#afbdbe;font-size:10px}
.studio-flow-strip span{display:flex;align-items:center;gap:5px;white-space:nowrap}
.studio-flow-strip b{color:#fff;font-size:10px}
.studio-flow-strip i{height:1px;flex:1;background:rgba(255,255,255,.22)}
.studio-entry-panel .studio-primary{margin-top:19px;background:#fff;color:#1d2b31;box-shadow:none}
.studio-entry-panel .studio-primary b{background:#e5edf0;color:#1d2b31}
.studio-nav{
  padding:9px 20px calc(9px + env(safe-area-inset-bottom));
  background:rgba(246,247,244,.92);
  border-top:1px solid #dfe7e8;
  box-shadow:0 -5px 18px rgba(26,54,63,.06);
}
.studio-nav a{min-width:58px;border-radius:8px;padding:5px 10px;color:#8a989c}
.studio-nav a span{font-size:20px}
.studio-nav a b{font-size:9px}
.studio-nav a.active{color:var(--studio-blue);background:#eaf1ff}
.scene-pill-b{display:inline-flex;align-items:center;gap:4px;text-decoration:none}
.scene-pill-b b{font-size:12px;font-weight:900}
.community-page{max-width:760px;margin:0 auto;padding:18px 22px 110px}
.community-hero{position:relative;min-height:190px;padding:24px;border-radius:10px;background:#1d2b31;color:#fff;overflow:hidden}
.community-hero h2{margin:12px 0 8px;font-size:28px}
.community-hero p{max-width:260px;margin:0;color:#c7d3d4;font-size:13px;line-height:1.7}
.community-orange{position:absolute;right:34px;bottom:28px;width:96px;height:96px;display:grid;place-items:center}
.community-orange .brand-orange{width:66px;height:66px;transform:scale(1.15)}
.community-orange b{position:absolute;right:0;top:0;color:#f6a264;font-size:24px}
.community-empty{margin-top:16px}
@media (max-width:560px){
  .studio-main{padding-left:18px;padding-right:18px}
  .studio-header{padding-left:18px;padding-right:18px}
  .studio-welcome{padding-top:4px;padding-bottom:21px}
  .studio-welcome h1{font-size:27px}
  .welcome-doodle{width:74px;transform:scale(.78);transform-origin:top right}
  .creation-hero{grid-template-columns:1fr;min-height:0;border-radius:22px}
  .hero-photo{min-height:330px}
  .hero-photo .hero-render-img{object-position:center 50%}
  .scene-pill-a{left:15px;top:15px}
  .scene-pill-b{right:15px;bottom:66px}
  .photo-label{left:15px;bottom:15px}
  .hero-copy{padding:23px 19px 19px}
  .hero-copy h2{font-size:24px;margin-top:13px}
  .hero-copy p{font-size:12px;line-height:1.65}
  .studio-section-head h2{font-size:18px}
  .studio-section-note{font-size:9px}
  .studio-actions{grid-template-columns:repeat(2,1fr)}
  .action-tile{min-height:176px;padding:10px}
  .action-art{min-height:112px}
  .action-copy{min-height:58px;padding-top:10px}
  .action-copy b{font-size:13px}
  .action-copy small{font-size:9px}
  .studio-entry-panel{padding:18px 16px}
}
@media (prefers-reduced-motion:reduce){
  .studio-page *, .studio-page *:before, .studio-page *:after{animation:none!important;transition:none!important}
}
.creation-store-avatar{
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:14px;
  overflow:hidden;
  background:#e5f6fa;
  box-shadow:0 6px 12px rgba(71,128,145,.12);
}
.creation-store-avatar .account-avatar-image{
  border-radius:inherit;
}
.creation-store-copy{
  flex:1;
  min-width:0;
}
.store-picker-row>span.store-picker-avatar{
  display:grid;
  place-items:center;
  width:33px;
  height:33px;
  overflow:hidden;
}
.store-picker-row>span.store-picker-avatar .account-avatar-image{
  border-radius:inherit;
}
.studio-actions .action-tile{cursor:default}
.studio-actions .action-tile:hover,
.studio-actions .action-tile:active{
  transform:none;
  border-color:rgba(255,255,255,.9);
  box-shadow:0 16px 30px rgba(68,79,69,.1),inset 0 1px 0 rgba(255,255,255,.78);
}
.video-title-panel-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex:0 0 auto;
}
.video-title-picker .panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  min-width:0;
  margin-bottom:12px;
}
.video-title-picker .panel-head>div:first-child{
  min-width:0;
  flex:1 1 auto;
}
.video-title-generation-status{
  display:block;
  min-height:18px;
  margin:2px 0 8px;
  color:#5c8492;
  font-size:11px;
  line-height:1.5;
}
.video-title-generation-status:empty{
  display:none;
}
.video-title-generation-status.is-error{
  color:#bd6e61;
}
.cover-title-picker .panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  min-width:0;
  margin-bottom:10px;
}
.cover-title-picker .panel-head>div:first-child{
  min-width:0;
  flex:1 1 auto;
}
.cover-title-panel-actions{
  flex-wrap:wrap;
}
.cover-title-generation-status{
  display:block;
  min-height:18px;
  margin:2px 0 8px;
  color:#5c8492;
  font-size:11px;
  line-height:1.5;
}
.cover-title-generation-status:empty{
  display:none;
}
.cover-title-generation-status.is-error{
  color:#bd6e61;
}
.cover-title-generate{
  min-height:34px;
  min-width:124px;
  padding:8px 12px;
  border-radius:12px;
  font-size:11px;
  white-space:nowrap;
}
.video-title-generate{
  min-height:34px;
  padding:8px 12px;
  border-radius:12px;
  font-size:11px;
  white-space:nowrap;
}
.video-title-regenerate{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  padding:0;
  border:1px solid rgba(93,145,239,.25);
  border-radius:12px;
  background:#f1f6ff;
  color:#4d7fe0;
  font-size:20px;
  line-height:1;
  transform:none;
}
.video-title-regenerate:hover{
  border-color:#8caef1;
  background:#e8f0ff;
}
.video-title-regenerate.is-busy{
  animation:video-title-spin .8s linear infinite;
  pointer-events:none;
}
.video-title-generate.is-busy{
  opacity:.62;
  pointer-events:none;
}
.video-title-generate:disabled,
.video-title-regenerate:disabled{
  cursor:not-allowed;
  opacity:.48;
}
.publish-title-copy-picker{
  margin:0 0 16px;
  padding:16px;
  border:1px solid rgba(149,204,211,.35);
  border-radius:22px;
  background:rgba(255,255,255,.82);
  box-shadow:0 12px 24px rgba(67,126,146,.08);
}
.publish-title-copy-picker .panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  min-width:0;
  margin-bottom:10px;
}
.publish-title-copy-picker .panel-head>div:first-child{
  min-width:0;
  flex:1 1 auto;
}
.publish-title-generation-status{
  display:block;
  min-height:18px;
  margin:2px 0 8px;
  color:#5c8492;
  font-size:11px;
  line-height:1.5;
}
.publish-title-generation-status:empty{display:none}
.publish-title-generation-status.is-error{
  color:#bd6e61;
}
.publish-title-copy-list{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.publish-title-copy-card{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  width:100%;
  min-height:64px;
  padding:12px;
  border:1px solid #dcecf0;
  border-radius:14px;
  background:#fff;
  color:var(--create-ink);
  text-align:left;
  cursor:pointer;
}
.publish-title-copy-card.on{
  border-color:#5d91ef;
  background:#f1f6ff;
  box-shadow:0 9px 18px rgba(62,125,240,.12);
}
.publish-title-copy-index{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  flex:0 0 24px;
  border-radius:8px;
  background:#edf0ff;
  color:#6550d8;
  font-size:11px;
  font-weight:900;
}
.publish-title-copy-card>span:nth-child(2){
  flex:1 1 auto;
  min-width:0;
}
.publish-title-copy-card small{
  display:block;
  margin-bottom:4px;
  color:#8da1a8;
  font-size:10px;
  line-height:1.3;
}
.publish-title-copy-card b{
  display:block;
  color:#315365;
  font-size:13px;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.publish-title-copy-card em{
  flex:0 0 auto;
  width:30px;
  height:30px;
  font-style:normal;
  font-size:16px;
}
@keyframes video-title-spin{
  to{transform:rotate(360deg)}
}
@media (max-width:560px){
  .video-title-picker .panel-head{align-items:flex-start}
  .video-title-panel-actions{gap:6px}
  .video-title-generate{padding-left:10px;padding-right:10px}
}

/* ===== 门店弹层手机端纯CSS兜底（不依赖JS是否移动节点/是否加is-sheet） =====
   即使旧JS仍把弹层留在锚点(absolute下拉)，这里也强制贴底+内部可滚动，
   保证每个用户在手机上都能滑到底部保存按钮。 */
@media (max-width:680px){
  .creation-page-fantasy{perspective:none !important}
  .creation-page-fantasy .creation-main{transform-style:flat}
  .store-picker-popover,
  .store-picker-popover.is-sheet{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    top:auto !important;
    bottom:0 !important;
    z-index:61 !important;
    max-width:560px;
    margin:0 auto;
    max-height:86vh !important;
    border-radius:24px 24px 0 0 !important;
    padding:18px 16px calc(18px + env(safe-area-inset-bottom)) !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    touch-action:pan-y;
    transform:none !important;
    transition:none !important;
  }
  .store-picker-popover:before{display:none !important;content:none}
  .store-picker-scrim{position:fixed !important;inset:0;z-index:60;background:rgba(31,54,72,.42);opacity:1 !important}
}

/* ===== 门店弹层桌面端：改为屏幕居中模态，限高内部滚动（不依赖页面高度） ===== */
@media (min-width:681px){
  .creation-page-fantasy{perspective:none !important}
  .creation-page-fantasy .creation-main{transform-style:flat}
  .store-picker-popover:not(.is-sheet){
    position:fixed !important;
    top:50% !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    width:min(560px,92vw);
    margin:0 !important;
    max-height:84vh !important;
    transform:translate(-50%,-50%) !important;
    overflow-y:auto !important;
    overscroll-behavior:contain;
  }
  .store-picker-popover:not(.is-sheet):before{display:none !important;content:none}
}

/* ===== 手机直接录音弹层 ===== */
.voice-rec-sheet{max-width:560px;text-align:center;padding:34px 26px calc(30px + env(safe-area-inset-bottom)) !important}
.voice-rec-close{position:absolute;top:14px;right:18px;width:44px;height:44px;border:0;background:transparent;font-size:34px;line-height:1;color:#9a8fa6;cursor:pointer}
.voice-rec-quiet-banner{display:flex;align-items:center;gap:12px;text-align:left;background:linear-gradient(135deg,#fff4e6,#ffeceb);border:1.5px solid #ffd0a8;border-radius:16px;padding:12px 14px;margin-bottom:18px}
.voice-rec-quiet-banner b{display:block;font-size:15.5px;font-weight:800;color:#c2561e;line-height:1.3}
.voice-rec-quiet-banner small{display:block;font-size:12.5px;color:#9a6b4d;line-height:1.45;margin-top:2px}
.voice-rec-quiet-icon{flex:none;font-size:26px;line-height:1}
.voice-rec-mic{width:108px;height:108px;margin:6px auto 14px;border-radius:50%;display:grid;place-items:center;font-size:52px;background:linear-gradient(145deg,#eef4ff,#f7f2ff);box-shadow:0 12px 26px rgba(120,100,220,.18)}
.voice-rec-mic.recording{background:linear-gradient(145deg,#ff7a7a,#ff4d4f);animation:voicePulse 1s ease-in-out infinite}
@keyframes voicePulse{0%,100%{box-shadow:0 0 0 0 rgba(255,77,79,.4)}50%{box-shadow:0 0 0 18px rgba(255,77,79,0)}}
.voice-rec-sheet h3{font-size:26px;font-weight:900;color:#2b2230;margin-bottom:14px}
.voice-rec-read{font-size:19px;line-height:1.7;color:#6f6795;background:#f6f3fc;border-radius:18px;padding:18px 20px;margin-bottom:18px}
.voice-rec-read b{color:#2b2230;font-weight:800}
.voice-rec-timer{width:74px;height:74px;margin:0 auto 18px;border-radius:50%;background:#2b2230;color:#ffd45e;font-size:34px;font-weight:900;display:grid;place-items:center}
.voice-rec-start{width:100%;height:66px;border:0;border-radius:20px;background:linear-gradient(135deg,#ff8a3d,#ff5a4d);color:#fff;font-size:25px;font-weight:900;box-shadow:0 14px 26px rgba(255,90,77,.32);cursor:pointer}
.voice-rec-start:disabled{opacity:.85}
.voice-rec-tip{display:block;font-size:17px;color:#9a8fa6;margin-top:14px;line-height:1.5}
@media(min-width:681px){
  .voice-rec-sheet{position:fixed !important;top:50% !important;left:50% !important;right:auto !important;bottom:auto !important;width:min(460px,92vw);max-height:88vh !important;transform:translate(-50%,-50%) !important;overflow-y:auto}
}

/* ===== 成片揭晓：淡入 + 自动播放 + 加载层 ===== */
.result-video-card{margin-top:12px;opacity:0;transform:translateY(18px) scale(.985);transition:opacity .42s ease,transform .42s cubic-bezier(.2,.8,.25,1)}
.result-video-card.in{opacity:1;transform:none}
.result-video-wrap{position:relative;width:100%;border-radius:14px;overflow:hidden;background:#1c1722;margin:10px 0}
.result-video-wrap video{display:block;width:100%;max-height:72vh;background:#000}
.result-video-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(160deg,#2b2230,#3a2c46);color:#cfc6e6;transition:opacity .35s ease}
.result-video-loading.hide{opacity:0;pointer-events:none}
.result-video-loading em{font-style:normal;font-size:14px;letter-spacing:.5px}
.rv-spinner{width:38px;height:38px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:#ffd45e;animation:rvSpin .8s linear infinite}
@keyframes rvSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.result-video-card{transition:none;transform:none}.rv-spinner{animation-duration:1.6s}}

/* ===== 问管家：账号诊断 / 获客策略 工具入口与子视图 ===== */
.ops-tools{display:flex;flex-direction:column;gap:10px;padding:14px 0 2px}
.ops-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:14px 14px;cursor:pointer;box-shadow:0 4px 14px rgba(91,61,204,.08);transition:transform .15s,box-shadow .15s;font-family:inherit}
.ops-card:active{transform:scale(.98)}
.ops-card .ops-ico{font-size:26px;width:46px;height:46px;flex:0 0 46px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--primary-soft)}
.ops-card .ops-t{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.ops-card .ops-t b{font-size:15px;color:var(--ink);font-weight:800}
.ops-card .ops-t small{font-size:12px;color:#8b83a0;line-height:1.4}
.ops-card .ops-go{font-size:22px;color:#b6a9e6;font-weight:700}

.tool-bar{display:flex;align-items:center;gap:12px;padding:6px 0 12px;position:sticky;top:0;background:var(--bg,#f6f4fb);z-index:5}
.tool-bar b{font-size:17px;font-weight:800;color:var(--ink)}
.tool-back{border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:99px;padding:7px 14px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}
.tool-form{display:flex;flex-direction:column;gap:12px;padding-bottom:8px}
.tcard{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 4px 14px rgba(91,61,204,.06)}
.tcard h3{margin:0 0 12px;font-size:15px;font-weight:800;color:var(--ink)}
.tf{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}
.tf:last-child{margin-bottom:0}
.tf span{font-size:12.5px;font-weight:700;color:#6f6790}
.tf input,.tf textarea,.tf select{border:1.5px solid var(--line);border-radius:12px;padding:11px 13px;font-size:14px;font-family:inherit;color:var(--ink);background:#fbfaff;outline:none;resize:vertical;width:100%;box-sizing:border-box}
.tf textarea{min-height:74px;line-height:1.5}
.tf input:focus,.tf textarea:focus{border-color:#9d80f8;background:#fff}
.tcard .seg{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.tcard .seg:last-child{margin-bottom:0}
.tcard .seg button{border:1.5px solid var(--line);background:#fbfaff;color:var(--ink);border-radius:99px;padding:8px 15px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}
.tcard .seg button.on{background:linear-gradient(180deg,#9d80f8,#7a5cef);color:#fff;border-color:transparent;box-shadow:0 4px 10px rgba(122,92,239,.35)}
.tool-submit{width:100%;border:0;border-radius:16px;padding:15px;background:linear-gradient(180deg,#9d80f8,#6d4ae8);color:#fff;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit;box-shadow:0 10px 22px rgba(109,74,232,.32)}
.tool-spinner{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 0;color:#6f6790;font-size:14px;font-weight:700}
.tspin{width:30px;height:30px;border-radius:50%;border:3px solid rgba(122,92,239,.2);border-top-color:#7a5cef;animation:rvSpin .8s linear infinite}
.tool-err{background:#fdecec;color:#c0392b;border-radius:12px;padding:13px;font-size:13px;margin-top:10px}
#diagResult,#acqResult{display:flex;flex-direction:column;gap:12px;padding-bottom:10px}

.res-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.mode-badge{font-size:11.5px;font-weight:800;padding:4px 11px;border-radius:99px}
.mode-badge.live{background:#e6faf0;color:#1a9e63}
.mode-badge.demo{background:#f1ecfd;color:#7a5cef}
.score-head{display:flex;align-items:center;gap:14px}
.score-total{flex:0 0 auto}
.score-total span{font-size:42px;font-weight:900;color:#7a5cef;line-height:1}
.score-total small{font-size:12px;color:#9a92b2;font-weight:700}
#diagRadar{width:170px;height:170px;flex:0 0 170px}
.summary-txt{font-size:13.5px;line-height:1.6;color:#4f4868;margin:12px 0 0}
.demo-note{margin-top:12px;background:#f4f0fe;border-radius:10px;padding:10px 12px;font-size:12px;color:#7a5cef;line-height:1.5}

.issue{border:1.5px solid var(--line);border-radius:14px;padding:13px;margin-bottom:10px;background:#fbfaff}
.issue:last-child{margin-bottom:0}
.issue-h{display:flex;align-items:center;gap:9px;margin-bottom:7px}
.issue-h b{font-size:14px;font-weight:800;color:var(--ink);line-height:1.35}
.issue p{margin:0 0 8px;font-size:13px;line-height:1.55;color:#5a5370}
.prio{font-size:11px;font-weight:800;padding:3px 9px;border-radius:99px;flex:0 0 auto}
.prio.p-高{background:#fde8e8;color:#d23b3b}
.prio.p-中{background:#fdf1de;color:#d08a1e}
.prio.p-低{background:#e9f3fd;color:#3a7bd5}
.sug{font-size:12.5px;line-height:1.55;color:#1a9e63;background:#eefaf4;border-radius:9px;padding:8px 11px}

.rw{margin-bottom:11px}
.rw:last-child{margin-bottom:0}
.rw-k{font-size:12px;font-weight:800;color:#7a5cef;margin-bottom:5px}
.rw-v{font-size:13.5px;line-height:1.6;color:#4f4868;background:#f7f5fc;border-radius:10px;padding:10px 12px}

.camp{border:1.5px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px;background:#fbfaff}
.camp:last-child{margin-bottom:0}
.camp-t{font-size:14.5px;font-weight:800;color:var(--ink);margin-bottom:11px}
.camp-grid{display:flex;flex-direction:column;gap:9px}
.camp-grid div{display:flex;flex-direction:column;gap:3px}
.camp-grid b{font-size:11.5px;font-weight:800;color:#8b83a0}
.camp-grid span{font-size:13px;line-height:1.5;color:#524b68}
.topics{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.topics li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.5;color:#4f4868}
.topics li span{flex:0 0 21px;width:21px;height:21px;border-radius:50%;background:linear-gradient(180deg,#9d80f8,#7a5cef);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px}
@media(max-width:480px){
  .score-total span{font-size:36px}
  #diagRadar{width:150px;height:150px;flex-basis:150px}
}

/* TSV 一键导入 */
.tsv-drop{border:1.5px dashed #b6a9e6;border-radius:12px;padding:16px 14px;text-align:center;font-size:13px;color:#8b83a0;background:#f7f5fc;cursor:pointer;transition:background .15s,border-color .15s}
.tsv-drop b{color:#7a5cef;font-weight:800}
.tsv-drop.over{background:#efeaff;border-color:#7a5cef}
.tsv-status{font-size:12.5px;margin-top:9px;line-height:1.5}
.tsv-status:empty{margin-top:0}
.tsv-status.ok{color:#1a9e63;background:#eefaf4;border-radius:9px;padding:8px 11px}
.tsv-status.err{color:#c0392b;background:#fdecec;border-radius:9px;padding:8px 11px}

/* 获客策略：多同行业账号候选 */
.acq-cand-list{display:flex;flex-direction:column;gap:9px}
.acq-cand{border:1.5px solid var(--line);background:#fbfaff;color:var(--ink);border-radius:13px;padding:12px 14px;font-size:14px;font-weight:700;font-family:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.acq-cand:hover{border-color:#9d80f8;background:#f4f0fe}

/* 已保存报告/方案：入口、列表与详情 */
.saved-link{border:0;background:transparent;color:#7a5cef;font-size:13.5px;font-weight:800;padding:2px 2px 12px;cursor:pointer;font-family:inherit;text-align:left}
.saved-wrap{padding-bottom:6px}
.saved-back{margin-bottom:14px}
.saved-title{margin:0 0 14px;font-size:16px;font-weight:800;color:var(--ink)}
.saved-list{display:flex;flex-direction:column;gap:10px}
.saved-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:13px 15px;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}
.saved-item:hover{border-color:#9d80f8;background:#faf8ff}
.saved-item b{font-size:14px;font-weight:800;color:var(--ink);text-align:left;min-width:0}
.saved-item span{flex:0 0 auto;font-size:12px;color:#9a92b2;font-weight:700}
.saved-empty{font-size:13px;line-height:1.6;color:#8b83a0}
.saved-meta{font-size:12px;color:#9a92b2;font-weight:700;padding:2px 2px 12px}
.acq-cand:active{background:var(--primary-soft);border-color:var(--purple-300)}

/* ===================== 自己口播（本人出镜）===================== */
.vo-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 14px}
.vo-mode-tab{border:1.5px solid var(--line);background:#fff;border-radius:16px;padding:12px 12px;cursor:pointer;font-family:inherit;text-align:left;transition:border-color .15s,background .15s,transform .12s;box-shadow:0 6px 16px rgba(91,61,204,.08)}
.vo-mode-tab b{display:block;font-size:14.5px;font-weight:800;color:var(--ink)}
.vo-mode-tab small{display:block;font-size:11.5px;color:var(--ink-2);margin-top:2px;font-weight:700}
.vo-mode-tab.on{border-color:var(--primary);background:linear-gradient(180deg,#f4efff,#efe9ff)}
.vo-mode-tab:active{transform:translateY(1px)}
.vo-script-toggle{display:flex;gap:11px;align-items:flex-start;margin:2px 0 14px;cursor:pointer}
.vo-script-toggle input{position:absolute;opacity:0;width:0;height:0}
.self-voice-actions{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:10px}
.self-voice-actions .btn{flex:1;min-width:140px}
.self-voice-status{margin-bottom:6px;min-height:22px}
.self-voice-status small{font-size:12.5px;color:var(--ink-2);line-height:1.6}
.vo-busy{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:800;color:var(--purple-900)}
.vo-clean-preview{display:flex;gap:12px;align-items:center;background:#faf8ff;border:1.5px solid var(--line);border-radius:16px;padding:10px;margin:8px 0 14px}
.vo-clean-preview video{width:108px;height:144px;object-fit:cover;border-radius:12px;background:#000;flex:0 0 auto}
.vo-clean-meta{min-width:0}
.vo-clean-meta b{display:block;font-size:14px;font-weight:800;color:var(--ink)}
.vo-clean-meta small{display:block;font-size:12px;color:var(--ink-2);margin-top:4px;line-height:1.5}
.vo-timeline{display:flex;flex-direction:column;gap:10px;margin:4px 0 12px}
.vo-tl-row{border:1.5px solid var(--line);border-radius:16px;padding:11px;background:#fff}
.vo-tl-text{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}
.vo-tl-text{position:relative;padding-left:38px}
.vo-tl-index{position:absolute;left:0;top:1px;font-size:12px;font-weight:900;color:var(--primary);background:var(--primary-soft);border-radius:9px;padding:2px 6px}
.vo-tl-text b{font-size:15px;font-weight:800;color:var(--ink);line-height:1.35}
.vo-tl-text small{font-size:11px;color:var(--ink-2);font-weight:700}
.vo-tl-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.vo-shot-switch,.vo-trans-switch{display:inline-flex;background:#f3effb;border-radius:11px;padding:3px;gap:3px}
.vo-shot-switch button,.vo-trans-switch button{border:0;background:transparent;border-radius:9px;padding:6px 11px;font-size:12.5px;font-weight:800;color:var(--ink-2);cursor:pointer;font-family:inherit}
.vo-shot-switch button.on,.vo-trans-switch button.on{background:#fff;color:var(--purple-900);box-shadow:0 2px 6px rgba(91,61,204,.18)}
.vo-material-select{flex:1;min-width:120px;border:1.5px solid var(--line);border-radius:11px;padding:7px 9px;font-size:12.5px;font-weight:700;color:var(--ink);background:#fff;font-family:inherit}
.vo-material-select:disabled{opacity:.5}
.vo-material-auto{flex:1;min-width:104px;text-align:center;font-size:12.5px;font-weight:800;color:var(--purple-900);background:#efe9fb;border:1px dashed #c9b6f2;border-radius:11px;padding:7px 10px;white-space:nowrap}
.vo-material-auto.is-empty{color:var(--ink-2);background:#f5f3f8;border-color:var(--line)}
.vo-trans-soon{flex:0 0 auto;font-size:12.5px;font-weight:800;color:var(--ink-2);background:#f5f3f8;border:1px dashed var(--line);border-radius:11px;padding:7px 10px;white-space:nowrap}
.vo-tl-row.is-material-missing{border-color:#ef4444;background:#fff5f5;box-shadow:0 0 0 3px rgba(239,68,68,.12);animation:voMissShake .4s ease}
.vo-missing-tip{margin-top:9px;font-size:12.5px;font-weight:800;color:#dc2626;background:#fee2e2;border-radius:10px;padding:7px 10px}
@keyframes voMissShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.vo-final-result{margin-top:14px}
.vo-final-result .result-video-card{margin-bottom:0}
.vo-interrupted-card{margin-bottom:0;background:linear-gradient(180deg,#fffaf0,#fff5e6);border:1.5px solid #f3ddb6}
.vo-interrupted-card .card-title{color:#a86b16}
.vo-interrupted-text{font-size:13px;line-height:1.6;color:#7a5a2c;margin:6px 0 12px}

/* ---- 模板记忆沿用提示条 ---- */
.template-memory-bar{display:flex;align-items:center;gap:11px;background:linear-gradient(180deg,#f4efff,#efe9ff);border:1.5px solid #d9ccfc;border-radius:16px;padding:11px 12px;margin:2px 0 14px;box-shadow:0 8px 20px rgba(139,108,246,.14)}
.template-memory-bar .tmb-icon{flex:0 0 auto;width:34px;height:34px;border-radius:11px;background:linear-gradient(180deg,#9d80f8,#7a5cef);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;box-shadow:0 3px 8px rgba(139,108,246,.4)}
.template-memory-bar .tmb-copy{flex:1;min-width:0}
.template-memory-bar .tmb-copy b{display:block;font-size:13.5px;font-weight:800;color:var(--ink)}
.template-memory-bar .tmb-copy small{display:block;font-size:11.5px;color:var(--ink-2);margin-top:2px;line-height:1.4}
.template-memory-bar .tmb-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.template-memory-bar .tmb-apply{border:0;border-radius:11px;background:linear-gradient(180deg,#9d80f8,#7a5cef);color:#fff;font-size:12.5px;font-weight:800;padding:8px 14px;cursor:pointer;font-family:inherit;box-shadow:0 2px 6px rgba(139,108,246,.4)}
.template-memory-bar .tmb-apply:active{transform:translateY(1px)}
.template-memory-bar .tmb-close{border:0;background:transparent;color:var(--ink-2);font-size:20px;line-height:1;padding:4px;cursor:pointer;font-family:inherit}

/* =====================================================================
   电脑宽屏版（≥900px）：左侧竖导航 + 内容铺满。
   手机（<900px）不命中以下任何规则，完全保持竖版与底部导航。
   ===================================================================== */

/* 宽屏外壳默认隐藏（<900px） */
.yg-desktop-shell{display:none}

@media (min-width:900px){
  /* ---------- 左侧竖导航 ---------- */
  .yg-desktop-shell{display:block}
  .yd-sidebar{
    position:fixed;top:0;left:0;bottom:0;width:224px;z-index:40;
    display:flex;flex-direction:column;
    background:rgba(255,255,255,.86);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
    border-right:1px solid rgba(140,188,201,.28);
    box-shadow:8px 0 30px rgba(54,119,145,.1);
  }
  .yd-brand{display:flex;align-items:center;gap:10px;padding:24px 20px 20px}
  .yd-brand .brand-orange{width:34px;height:34px;flex:0 0 34px}
  .yd-brand-text strong{display:block;font-family:Georgia,"Songti SC",serif;font-size:18px;letter-spacing:.5px;color:#152936}
  .yd-brand-text small{display:block;color:#718794;font-size:10px;letter-spacing:.6px;margin-top:1px}
  .yd-nav{display:flex;flex-direction:column;gap:6px;padding:8px 14px;flex:1}
  .yd-nav-item{
    display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:15px;
    color:#60788a;font-weight:800;font-size:14px;text-decoration:none;
    transition:background .15s,color .15s,transform .12s;
  }
  .yd-nav-item:hover{background:#f0f7fc;color:#2f5364}
  .yd-nav-item:active{transform:scale(.98)}
  .yd-nav-item.on{background:linear-gradient(180deg,#eaf2ff,#dfeaff);color:#2f6be0;box-shadow:inset 0 0 0 1.5px rgba(93,145,239,.22)}
  .yd-nav-icon{font-size:18px;width:22px;text-align:center;line-height:1}
  .yd-sidebar-foot{display:flex;align-items:center;gap:10px;padding:16px 18px 20px;border-top:1px solid rgba(140,188,201,.24)}
  .yd-foot-avatar{width:40px;height:40px;border-radius:14px;border:0;background:linear-gradient(135deg,#7ab6ff,#3e7df0);color:#fff;font-weight:900;font-size:15px;cursor:pointer;box-shadow:0 6px 14px rgba(62,125,240,.3)}
  .yd-foot-copy{min-width:0;display:flex;flex-direction:column}
  .yd-foot-copy small{font-size:13px;font-weight:800;color:#2f5364;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .yd-foot-copy span{font-size:10px;color:#93a7ae;margin-top:1px}

  /* ---------- 应用主区：让出侧栏、铺满 ---------- */
  #app{max-width:none;margin:0;padding:0 40px 0 264px;display:flex;flex-direction:column}
  /* 内容容器统一放宽并居中 */
  .studio-header,.studio-main,
  .creation-header,.creation-main,
  .community-page,.copy-workbench,.publish-page{max-width:1120px;width:100%;margin-left:auto;margin-right:auto}
  .studio-header{padding:26px 8px 14px}
  .studio-main{padding:18px 8px 48px}
  .creation-main{padding:30px 8px 48px}

  /* 各页不再需要为手机底部导航预留大段底部空间 */
  .studio-page,.creation-page{padding-bottom:36px;min-height:100vh}

  /* ---------- 隐藏手机专用的固定底部导航/移动顶栏返回 ---------- */
  .studio-nav,.creation-nav,.bottomnav{display:none !important}

  /* ---------- 首页 ---------- */
  /* 功能入口 4 个一行（≤560 时才是 2 个，宽屏自然回到基础值4，这里显式保险） */
  .studio-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  .action-tile{min-height:150px}
  /* 首屏主视觉横向更舒展 */
  .creation-hero{grid-template-columns:46% 54%;min-height:300px}
  .hero-photo{min-height:300px}
  /* 门店资料：多了可横向并排成两列小卡 */
  .studio-store-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}

  /* ---------- 第2步 素材：左右两栏 ---------- */
  .creation-page-materials .material-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
  .creation-page-materials .asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

  /* ---------- 第3步 模板：卡片网格自动放宽 ---------- */
  .template-pack-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
  .option-row{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}

  /* ---------- 第4步 确认：两列配置 ---------- */
  .confirm-grid{grid-template-columns:1fr 1fr;gap:16px}

  /* ---------- 弹层 sheet：宽屏改居中卡片（非底部抽屉） ---------- */
  .sheet{
    left:50%;right:auto;top:50%;bottom:auto;
    width:min(92vw,600px);max-width:600px;margin:0;
    border-radius:26px;padding:22px 24px 22px;
    transform:translate(-50%,-44%);
  }
  .sheet.show{transform:translate(-50%,-50%)}
  .sheet .grab{display:none}

  /* ---------- 背景橘子：宽屏下收小、锚到内容区右缘，避免过大 ---------- */
  #orangeBackdrop svg{
    left:auto;
    right:max(20px, calc((100vw - 1120px) / 2 - 56px));
    width:min(30vmin, 280px);
    max-width:none;
    bottom:-1vmin;
    opacity:.5;
  }
}