:root{
  --blue:#1769df;--blue-dark:#0f55bc;--ink:#172033;--muted:#69768a;
  --line:#dfe4eb;--soft:#f5f7f9;--white:#fff;--max:1200px;
}
@view-transition{navigation:auto}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:var(--ink);background:#fff;
  font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{cursor:pointer}
.shell{width:min(calc(100% - 40px),var(--max));margin:auto}
.site-header{
  height:66px;background:#fff;border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:50;view-transition-name:site-header;
}
.header-in{height:100%;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:10px;min-width:205px}
.logo{
  width:34px;height:34px;border:2px solid var(--blue);border-radius:4px;
  display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;
}
.logo i{background:var(--blue)}
.brand strong{font-size:18px;white-space:nowrap}
.nav{margin-left:auto;height:100%;display:flex;align-items:center;gap:30px}
.nav-link,.nav-button{
  height:100%;display:flex;align-items:center;position:relative;
  border:0;background:#fff;padding:0;font-size:14px;color:#273247;
}
.nav-link.current,.nav-button.current{color:var(--blue);font-weight:700}
.nav-link.current:after,.nav-button.current:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--blue);
}
.nav-group{height:100%;display:flex;align-items:center;position:relative}
.nav-button{gap:5px}
.nav-button:after{content:"⌄";font-size:11px;position:static;height:auto;background:none}
.nav-group .nav-button.current:before{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--blue);
}
.drop{
  display:none;position:absolute;left:-18px;top:60px;width:330px;
  border:1px solid var(--line);background:#fff;box-shadow:0 12px 30px rgba(23,32,51,.11);
  padding:15px;
}
.nav-group:hover .drop,.nav-group.open .drop{display:block}
.drop-title{font-size:12px;color:#7c8798;margin:2px 7px 7px}
.drop-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px 12px}
.drop a{padding:9px 8px;border-bottom:1px solid #f0f2f5;font-size:13px}
.drop a:hover{color:var(--blue);background:#fafcff}
.account{display:flex;align-items:center;gap:16px;white-space:nowrap}
.login{font-size:14px;font-weight:700}
.backend{
  height:38px;padding:0 17px;border:1px solid var(--blue);background:var(--blue);
  color:#fff;border-radius:4px;font-weight:700;
}
.backend:hover,.primary:hover{background:var(--blue-dark);border-color:var(--blue-dark)}
.menu-btn{display:none;border:0;background:#fff;font-size:23px}
.mobile-menu{display:none;background:#fff;border-bottom:1px solid var(--line)}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;padding:13px 20px;border-top:1px solid #eef1f4;font-size:14px}

.page-main{min-height:calc(100vh - 66px)}
.page-hero{background:var(--soft);border-bottom:1px solid var(--line);padding:36px 0 32px}
.page-hero h1{margin:0 0 9px;font-size:30px}
.page-hero p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}
.breadcrumb{font-size:12px;color:#8290a2;margin-bottom:12px}
.breadcrumb a{color:var(--blue)}

.generator-hero{background:var(--soft);padding:26px 0 34px;border-bottom:1px solid var(--line)}
.generator-head{text-align:center;margin-bottom:18px}
.kicker{font-size:13px;font-weight:700;color:var(--blue);margin-bottom:8px}
.generator-head h1{font-size:30px;line-height:1.35;margin:0}
.generator-head p{font-size:13px;color:var(--muted);margin:8px 0 0}
.workbench{background:#fff;border:1px solid var(--line)}
.tabs{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--line)}
.tab{
  height:68px;border:0;border-right:1px solid var(--line);background:#fff;
  color:#344158;position:relative;font-size:14px;
}
.tab:last-child{border-right:0}
.tab.active{color:var(--blue);font-weight:700;background:#fbfcfe}
.tab.active:after{
  content:"";position:absolute;left:15px;right:15px;bottom:0;height:3px;background:var(--blue)
}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:405px}
.editor{padding:26px 28px;border-right:1px solid var(--line)}
.editor-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:16px}
.editor h2{font-size:23px;margin:0 0 7px}
.editor p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
.help-small{font-size:13px;color:var(--blue);white-space:nowrap}
.input-area{min-height:202px}
.label{font-size:13px;font-weight:700;display:block;margin-bottom:8px}
.textarea,.textline{
  width:100%;border:1px solid #cbd4df;border-radius:3px;outline:none;background:#fff;
}
.textarea{height:185px;padding:13px 14px;resize:none;line-height:1.7}
.textline{height:44px;padding:0 13px}
.textarea:focus,.textline:focus{border-color:var(--blue);box-shadow:0 0 0 2px rgba(23,105,223,.08)}
.upload{
  height:202px;border:1px dashed #b9c4d1;background:#fbfcfd;
  display:flex;align-items:center;justify-content:center;text-align:center;padding:22px;
}
.upload input{display:none}
.upload strong{display:block;font-size:18px;margin-bottom:7px}
.upload span{display:block;color:#7d899b;font-size:13px;line-height:1.7}
.actions{display:flex;justify-content:center;gap:11px;margin-top:20px}
.actions button{height:45px;min-width:170px;border-radius:4px;font-weight:700}
.secondary{border:1px solid #cbd4df;background:#fff}
.primary{border:1px solid var(--blue);background:var(--blue);color:#fff}
.preview{padding:19px;background:#fff}
.preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}
.preview-head strong{font-size:15px}.preview-head span{font-size:12px;color:#8490a0}
.phone{height:340px;border:1px solid #d7dde5}
.phone-top{
  height:45px;border-bottom:1px solid #edf0f3;display:grid;place-items:center;
  font-size:13px;font-weight:700;position:relative;
}
.phone-top:before{content:"‹";position:absolute;left:12px;font-size:24px;font-weight:400}
.phone-body{padding:17px}
.phone-body h3{font-size:17px;margin:0 0 11px}
.phone-body p{font-size:13px;color:#566278;line-height:1.8;margin:0}
.quick{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}
.quick a{min-height:67px;display:grid;place-items:center;border-right:1px solid var(--line);font-size:13px}
.quick a:last-child{border-right:0}.quick a:hover{color:var(--blue);background:#fbfcfe}

.section{padding:46px 0}
.section.alt{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:21px}
.section-head h2{font-size:24px;margin:0 0 6px}
.section-head p{font-size:13px;color:var(--muted);margin:0}
.more{color:var(--blue);font-size:13px;font-weight:700}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff}
.card{
  min-height:132px;padding:21px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)
}
.card:nth-child(3n){border-right:0}.card:nth-child(n+4){border-bottom:0}
.card:hover{background:#fbfcfe}
.card .num{font-size:12px;color:var(--blue);font-weight:700;margin-bottom:12px}
.card h3{font-size:17px;margin:0 0 8px}
.card p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}
.feature-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.feature{padding:25px 22px;border-right:1px solid var(--line)}
.feature:last-child{border-right:0}
.feature b{display:block;font-size:17px;margin-bottom:8px}
.feature span{font-size:13px;color:var(--muted);line-height:1.8}
.list-2{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);background:#fff}
.list-item{padding:19px 21px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.list-item:nth-child(2n){border-right:0}.list-item:nth-child(n+5){border-bottom:0}
.list-item small{color:#8894a4}.list-item h3{font-size:16px;margin:7px 0 6px}
.list-item p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}

.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}
.filter{border:1px solid #cfd7e1;background:#fff;border-radius:3px;padding:8px 13px;font-size:13px}
.filter.active{border-color:var(--blue);color:var(--blue);font-weight:700}
.searchbox{display:flex;max-width:650px;margin-top:20px}
.searchbox input{height:44px;flex:1;border:1px solid #cbd4df;padding:0 13px;outline:none}
.searchbox button{width:90px;border:1px solid var(--blue);background:var(--blue);color:#fff}

.pricing-table{border:1px solid var(--line);overflow-x:auto;background:#fff}
.pricing-table table{width:100%;border-collapse:collapse;min-width:850px}
.pricing-table th,.pricing-table td{padding:15px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;font-size:13px}
.pricing-table th:first-child,.pricing-table td:first-child{text-align:left;font-weight:700}
.pricing-table tr:last-child td{border-bottom:0}
.pricing-table th:last-child,.pricing-table td:last-child{border-right:0}
.contact-note{margin-top:18px;padding:16px;border-left:3px solid var(--blue);background:#f7f9fc;font-size:13px;color:#536076;line-height:1.8}
.contact-btn{
  display:inline-flex;height:40px;padding:0 16px;align-items:center;justify-content:center;
  border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:4px;font-weight:700;margin-top:12px;
}

.help-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px}
.help-side{border:1px solid var(--line);background:#fff}
.help-side a{display:block;padding:13px 15px;border-bottom:1px solid #eef1f4;font-size:13px}
.help-side a:last-child{border-bottom:0}.help-side a.active{color:var(--blue);font-weight:700;background:#f8faff}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);background:#fff}
.faq summary{list-style:none;cursor:pointer;padding:17px 3px;font-weight:700}
.faq summary:after{content:"＋";float:right;color:#7e8998}
.faq details[open] summary:after{content:"－"}
.faq p{font-size:13px;color:var(--muted);line-height:1.8;margin:0;padding:0 3px 17px}

.simple-footer{background:#172033;color:#fff;padding:27px 0 16px}
.footer-main{display:grid;grid-template-columns:1.1fr 1.8fr auto;gap:28px;align-items:start}
.footer-brand strong{font-size:18px}
.footer-brand p{color:#aeb8c7;font-size:12px;line-height:1.8;margin:6px 0 0}
.footer-links{display:flex;gap:14px 20px;flex-wrap:wrap;padding-top:3px}
.footer-links a{font-size:12px;color:#b7c1cf}.footer-links a:hover{color:#fff}
.footer-contact{text-align:right}
.footer-contact button{
  height:37px;border:1px solid #728198;background:transparent;color:#fff;border-radius:3px;padding:0 14px;font-weight:700
}
.footer-contact small{display:block;color:#95a3b6;margin-top:8px}
.footer-bottom{
  border-top:1px solid #344156;margin-top:21px;padding-top:14px;
  display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#98a5b6;font-size:12px;
}
.footer-records{display:flex;gap:8px 16px;flex-wrap:wrap}
.footer-records a:hover{color:#fff}
.toast{
  position:fixed;left:50%;bottom:22px;transform:translate(-50%,15px);
  background:#172033;color:#fff;padding:10px 15px;font-size:12px;opacity:0;
  pointer-events:none;transition:.18s;z-index:100;
}
.toast.show{opacity:1;transform:translate(-50%,0)}
.modal-mask{
  display:none;position:fixed;inset:0;background:rgba(9,16,27,.42);z-index:80;align-items:center;justify-content:center;padding:20px
}
.modal-mask.open{display:flex}
.modal{width:min(460px,100%);background:#fff;border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.18)}
.modal-head{padding:17px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.modal-head h3{font-size:17px;margin:0}.modal-close{border:0;background:#fff;font-size:22px}
.modal-body{padding:19px;font-size:13px;color:#536076;line-height:1.85}
.modal-body strong{color:var(--ink)}
.modal-foot{padding:14px 19px;border-top:1px solid var(--line);text-align:right}
.modal-foot button{height:37px;border:1px solid #cbd4df;background:#fff;border-radius:3px;padding:0 14px}

@media(max-width:980px){
  .nav{gap:18px}.brand{min-width:180px}
  .tabs{grid-template-columns:repeat(4,1fr)}.tab:nth-child(-n+4){border-bottom:1px solid var(--line)}
  .workspace{grid-template-columns:1fr}.editor{border-right:0}.preview{display:none}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .card:nth-child(3n){border-right:1px solid var(--line)}.card:nth-child(2n){border-right:0}
  .card:nth-child(n+5){border-bottom:0}.card:nth-child(4){border-bottom:1px solid var(--line)}
}
@media(max-width:760px){
  .shell{width:min(calc(100% - 24px),var(--max))}
  .site-header{height:59px}.brand{min-width:auto}.logo{width:32px;height:32px}.brand strong{font-size:17px}
  .nav,.account .login{display:none}.account{margin-left:auto}.backend{height:35px;padding:0 11px}.menu-btn{display:block}
  .page-main{min-height:calc(100vh - 59px)}
  .generator-hero{padding:20px 0 25px}.generator-head{text-align:left}
  .generator-head h1,.page-hero h1{font-size:23px}.generator-head p{font-size:12px}
  .tabs{grid-template-columns:repeat(4,1fr)}.tab{height:62px;font-size:12px}
  .editor{padding:20px 16px}.editor h2{font-size:20px}
  .actions{display:grid;grid-template-columns:1fr}.actions button{width:100%;min-width:0}
  .quick{grid-template-columns:repeat(2,1fr)}.quick a{border-bottom:1px solid var(--line)}
  .quick a:nth-child(2n){border-right:0}.quick a:last-child{grid-column:1/-1;border-bottom:0}
  .section{padding:34px 0}.section-head{align-items:flex-start;gap:12px}
  .section-head h2{font-size:21px}
  .grid-3,.feature-row,.list-2,.help-layout,.footer-main{grid-template-columns:1fr}
  .card,.feature,.list-item{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .card:last-child,.feature:last-child,.list-item:last-child{border-bottom:0!important}
  .help-side{display:grid;grid-template-columns:repeat(2,1fr)}
  .footer-contact{text-align:left}.footer-links{padding:0}.footer-bottom{display:block}
  .footer-records{margin-top:8px;display:block}.footer-records a{display:block;margin-top:6px}
}

/* V5.2 local auth */
.auth-page{background:var(--soft);min-height:calc(100vh - 66px);padding:42px 0 56px}
.auth-shell{width:min(calc(100% - 28px),980px);margin:auto;display:grid;grid-template-columns:1fr 430px;background:#fff;border:1px solid var(--line)}
.auth-intro{padding:44px 42px;background:#f8fafc;border-right:1px solid var(--line)}
.auth-intro .tag{font-size:13px;color:var(--blue);font-weight:700;margin-bottom:13px}.auth-intro h1{font-size:28px;line-height:1.45;margin:0 0 14px}.auth-intro p{font-size:13px;color:var(--muted);line-height:1.85;margin:0}
.auth-points{margin-top:25px;border-top:1px solid var(--line)}.auth-point{padding:14px 0;border-bottom:1px solid var(--line)}.auth-point b{display:block;font-size:14px;margin-bottom:4px}.auth-point span{font-size:12px;color:var(--muted);line-height:1.7}
.auth-card{padding:32px 35px}.auth-title{margin-bottom:20px}.auth-title h2{font-size:23px;margin:0 0 6px}.auth-title p{font-size:12px;color:var(--muted);margin:0}
.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);margin-bottom:21px}.auth-tab{height:42px;border:0;background:#fff;position:relative;color:#536076;font-size:13px}.auth-tab.active{color:var(--blue);font-weight:700}.auth-tab.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--blue)}
.form-row{margin-bottom:14px}.form-row label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.form-row input{width:100%;height:43px;border:1px solid #cbd4df;border-radius:3px;padding:0 12px;outline:none}.form-row input:focus{border-color:var(--blue);box-shadow:0 0 0 2px rgba(23,105,223,.08)}
.code-row{display:grid;grid-template-columns:1fr 118px;gap:9px}.code-btn{border:1px solid #cbd4df;background:#fff;border-radius:3px;font-size:12px}.agreement{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:#687487;line-height:1.7;margin:13px 0}.agreement input{margin-top:3px}
.auth-submit{width:100%;height:44px;border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:4px;font-weight:700}.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:15px;font-size:12px}.auth-links a{color:var(--blue)}.auth-note{margin-top:18px;padding:12px 13px;background:#f7f9fc;border-left:3px solid #9eb9de;font-size:12px;color:#5b687b;line-height:1.75}
.auth-state{padding:20px;border:1px solid var(--line);background:#fafbfc;text-align:center}.auth-state strong{display:block;font-size:18px;margin-bottom:8px}.auth-state p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.state-actions{display:flex;justify-content:center;gap:9px;margin-top:15px;flex-wrap:wrap}.outline-btn{height:39px;border:1px solid #cbd4df;background:#fff;border-radius:3px;padding:0 14px}.small-primary{height:39px;border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:3px;padding:0 14px}
.wechat-box{text-align:center;padding:5px 0}.mock-qr{width:172px;height:172px;margin:0 auto 13px;border:1px solid var(--line);display:grid;grid-template-columns:repeat(13,1fr);gap:2px;padding:14px}.mock-qr i{background:#172033}.mock-qr i:nth-child(4n),.mock-qr i:nth-child(9n){background:#fff}.wechat-box p{font-size:12px;color:var(--muted);line-height:1.7}
.local-badge{position:fixed;right:12px;bottom:12px;z-index:45;background:#fff;border:1px solid #cfd7e1;box-shadow:0 7px 20px rgba(23,32,51,.10);padding:8px 10px;font-size:11px;color:#5b687b}.local-badge a{color:var(--blue);font-weight:700}
.settings-wrap{padding:38px 0 54px;background:var(--soft);min-height:calc(100vh - 66px)}.settings-box{border:1px solid var(--line);background:#fff;padding:24px}.settings-box h1{font-size:25px;margin:0 0 8px}.settings-box>p{font-size:13px;color:var(--muted);line-height:1.75;margin:0 0 20px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.mode-option{padding:19px;border-right:1px solid var(--line);cursor:pointer}.mode-option:last-child{border-right:0}.mode-option.active{background:#f5f9ff;box-shadow:inset 0 -3px 0 var(--blue)}.mode-option b{display:block;margin-bottom:7px}.mode-option span{font-size:12px;color:var(--muted);line-height:1.7}.settings-actions{display:flex;gap:9px;margin-top:18px;flex-wrap:wrap}.settings-actions button,.settings-actions a{height:39px;display:inline-flex;align-items:center;border:1px solid #cbd4df;background:#fff;border-radius:3px;padding:0 14px;font-size:13px}.settings-actions .save{background:var(--blue);border-color:var(--blue);color:#fff}.status-line{margin-top:15px;padding:12px 13px;background:#f7f9fc;border-left:3px solid var(--blue);font-size:12px;line-height:1.75}
.success-box{text-align:center;padding:18px 0}.success-mark{width:54px;height:54px;border:2px solid #35a468;color:#35a468;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;font-size:27px}.success-box h3{font-size:20px;margin:0 0 7px}.success-box p{font-size:13px;color:var(--muted);line-height:1.8}
@media(max-width:760px){.auth-page{min-height:calc(100vh - 59px);padding:22px 0 36px}.auth-shell{grid-template-columns:1fr}.auth-intro{display:none}.auth-card{padding:24px 19px}.mode-grid{grid-template-columns:1fr}.mode-option{border-right:0;border-bottom:1px solid var(--line)}.mode-option:last-child{border-bottom:0}.settings-wrap{min-height:calc(100vh - 59px);padding:22px 0 38px}.local-badge{right:7px;bottom:7px}}

/* V5.2.1：生成二维码主文字是首页链接；下拉菜单仅作为快捷入口 */
.nav-group > .nav-button{cursor:pointer;text-decoration:none}


/* =========================================================
   V5.2.2 本地视觉优化
   目标：更宽、更稳、更正式；拒绝模板化、插画化和过度装饰
   ========================================================= */

:root{
  --max:1440px;
  --page-edge:32px;
  --soft:#f2f5f8;
  --soft-warm:#f7f7f5;
  --line:#d8dee7;
  --ink:#182235;
  --muted:#647185;
}

/* 全局空间：充分利用桌面宽度，但保留安全边距 */
.shell{
  width:min(calc(100% - (var(--page-edge) * 2)), var(--max));
}

/* 顶部更稳，减少“测试页”感 */
.site-header{
  height:68px;
  border-bottom-color:#d9dfe7;
  box-shadow:0 1px 0 rgba(23,32,51,.025);
}
.header-in{gap:30px}
.brand{min-width:230px}
.brand strong{font-size:19px;letter-spacing:.1px}
.nav{gap:32px}
.nav-link,.nav-button{font-size:14px}
.backend{height:40px;padding:0 19px}

/* 第一屏背景采用实体分层，不使用发光、插画和梦幻渐变 */
.generator-hero{
  position:relative;
  padding:30px 0 42px;
  background:#f2f5f8;
  border-bottom:1px solid #dce2e9;
}
.generator-hero:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:118px;
  background:#eef2f6;
  border-bottom:1px solid rgba(216,222,231,.7);
  pointer-events:none;
}
.generator-hero>.shell{position:relative;z-index:1}

/* 标题区收紧，把空间还给操作台 */
.generator-head{
  text-align:left;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "kicker kicker"
    "title side"
    "desc side";
  align-items:end;
  column-gap:34px;
  margin-bottom:20px;
  padding:2px 4px 0;
}
.generator-head .kicker{grid-area:kicker;margin-bottom:7px}
.generator-head h1{
  grid-area:title;
  font-size:31px;
  line-height:1.35;
  letter-spacing:.1px;
}
.generator-head p{
  grid-area:desc;
  margin-top:7px;
  font-size:13px;
}
.generator-head:after{
  content:"在线生成工作台";
  grid-area:side;
  align-self:center;
  color:#516075;
  font-size:13px;
  border-left:2px solid var(--blue);
  padding:7px 0 7px 13px;
}

/* 主操作台成为真正的视觉主角 */
.workbench{
  width:100%;
  border:1px solid #cfd7e1;
  background:#fff;
  box-shadow:0 10px 28px rgba(29,43,64,.055);
}

/* 类型栏更宽松，选中状态更克制 */
.tabs{
  grid-template-columns:repeat(7,minmax(112px,1fr));
  background:#fff;
}
.tab{
  height:72px;
  font-size:14px;
  color:#334157;
}
.tab.active{
  background:#f9fbfd;
}
.tab.active:after{
  left:22px;right:22px;height:3px;
}

/* 左侧操作优先，右侧预览保持辅助角色 */
.workspace{
  grid-template-columns:minmax(0,1fr) 350px;
  min-height:470px;
}
.editor{
  padding:30px 34px 28px;
}
.editor h2{font-size:24px}
.editor-head{margin-bottom:19px}
.input-area{min-height:250px}
.textarea{
  height:230px;
  padding:15px 16px;
  font-size:14px;
}
.textline{height:47px;font-size:14px}
.upload{
  height:250px;
  background:#fafbfd;
  border-color:#afbccb;
}
.upload strong{font-size:19px}
.actions{margin-top:23px}
.actions button{height:47px;min-width:188px}

.preview{
  padding:23px 21px;
  background:#fbfcfd;
}
.preview-head{margin-bottom:14px}
.phone{
  height:400px;
  background:#fff;
  border-color:#cfd7e1;
}
.phone-top{height:48px}
.phone-body{padding:20px}
.quick a{min-height:71px}

/* 首页后续内容：白/暖灰交替，避免整页只有一种灰 */
.section{padding:54px 0}
.section.alt{
  background:var(--soft-warm);
  border-top-color:#e1e2df;
  border-bottom-color:#e1e2df;
}
.section-head{margin-bottom:24px}
.section-head h2{font-size:25px}
.grid-3,.list-2{
  border-color:#d7dde5;
}
.card,.list-item,.feature{
  transition:background .15s ease,border-color .15s ease;
}
.card:hover,.list-item:hover,.feature:hover{
  background:#f8fafc;
}

/* 卡片保持直线结构，不做大圆角与漂浮白卡 */
.card{min-height:142px;padding:24px}
.feature{padding:28px 25px}

/* 认证与独立页面同样扩大有效宽度 */
.auth-shell{
  width:min(calc(100% - 48px),1080px);
  grid-template-columns:minmax(0,1.05fr) 450px;
}
.auth-intro{padding:50px 48px}
.auth-card{padding:38px 40px}
.page-hero{padding:42px 0 36px}
.page-hero h1{font-size:32px}

/* 页脚保持轻量，减少视觉高度 */
.simple-footer{padding:24px 0 14px}
.footer-main{grid-template-columns:1.15fr 1.7fr auto}
.footer-bottom{margin-top:18px}

/* 登录后账号显示避免裸露完整手机号 */
.account .login{
  max-width:120px;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* 1366 左右桌面仍保持充足利用率 */
@media(max-width:1500px){
  :root{--page-edge:26px}
  .workspace{grid-template-columns:minmax(0,1fr) 330px}
}

/* 中等屏幕 */
@media(max-width:1180px){
  :root{--page-edge:20px}
  .generator-head{
    display:block;
    text-align:left;
  }
  .generator-head:after{display:none}
  .tabs{grid-template-columns:repeat(4,1fr)}
  .workspace{grid-template-columns:minmax(0,1fr) 300px}
  .editor{padding:27px 26px}
}

/* 手机端保持简洁，取消桌面大尺寸影响 */
@media(max-width:760px){
  :root{--page-edge:12px}
  .site-header{height:59px}
  .generator-hero{padding:20px 0 27px}
  .generator-hero:before{height:96px}
  .generator-head{margin-bottom:16px;padding:0}
  .generator-head h1{font-size:23px}
  .workbench{box-shadow:none}
  .tabs{grid-template-columns:repeat(4,1fr)}
  .tab{height:63px;font-size:12px}
  .workspace{display:block;min-height:auto}
  .editor{padding:21px 16px}
  .input-area{min-height:205px}
  .textarea{height:190px}
  .upload{height:205px}
  .section{padding:36px 0}
  .auth-shell{width:min(calc(100% - 24px),1080px)}
}

/* V5.3 本地真实交互 Mock */
.flow-status{margin-top:14px;border:1px solid #d8dee7;background:#f8fafc;padding:13px 14px;font-size:12px}
.flow-status-head{display:flex;justify-content:space-between;gap:15px;line-height:1.7}
.flow-status.success{border-left:3px solid #2f9d62;background:#f4faf6}
.flow-status.error{border-left:3px solid #c84c4c;background:#fff7f7}
.flow-status.loading{border-left:3px solid #1769df;background:#f5f9ff}
.flow-status.notice{border-left:3px solid #8091a8}
.progress{height:7px;background:#e1e7ef;margin-top:10px;overflow:hidden}
.progress i{display:block;height:100%;background:#1769df;transition:width .12s linear}
.mock-media-preview{height:145px;background:#e6ebf1;margin-top:16px;display:grid;place-items:center;color:#718096}
.mock-doc-lines{border:1px solid #dfe4eb;padding:15px;margin-top:16px}
.mock-doc-lines i{display:block;height:8px;background:#e3e7ed;margin-bottom:10px}
.mock-doc-lines i:nth-child(2){width:78%}.mock-doc-lines i:nth-child(3){width:58%;margin-bottom:0}
.mock-audio{height:100px;background:#e8ecf2;margin-top:16px;display:grid;place-items:center;color:#1769df;font-size:34px}
.mock-video{height:145px;background:#222a35;margin-top:16px;display:grid;place-items:center;color:#fff;font-size:35px}
.combo-box{border:1px solid #dfe4eb;padding:16px;background:#fafbfc;height:250px}
.combo-box p{font-size:12px;color:#7d899b;line-height:1.8}
.mock-console{padding:38px 0 56px;background:#f2f5f8;min-height:calc(100vh - 68px)}
.console-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px}
.console-panel{background:#fff;border:1px solid #d8dee7;padding:22px}
.console-panel h1,.console-panel h2{margin:0 0 8px}
.console-panel p{font-size:13px;color:#647185;line-height:1.7}
.console-row{padding:12px 0;border-bottom:1px solid #edf0f3;font-size:13px}
.console-row:last-child{border-bottom:0}
.console-row label{display:flex;justify-content:space-between;gap:14px}
.console-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.console-actions button,.console-actions a,.console-select{height:38px;border:1px solid #cbd4df;background:#fff;border-radius:3px;padding:0 12px}
.console-actions .danger{color:#a93636;border-color:#d7b1b1}
.log-list{max-height:590px;overflow:auto;border-top:1px solid #e2e6ec}
.log-item{padding:12px 2px;border-bottom:1px solid #edf0f3}
.log-item b{font-size:13px}.log-item small{display:block;color:#8994a4;margin-top:4px}
.log-item pre{white-space:pre-wrap;font-size:11px;color:#536076;margin:7px 0 0}
@media(max-width:760px){
 .flow-status-head{display:block}
 .console-grid{grid-template-columns:1fr}
 .mock-console{min-height:calc(100vh - 59px);padding:22px 0 38px}
}


/* =========================================================
   V5.3.1 统一上传组件
   图片、文档、音频、视频共用
   ========================================================= */
.upload-file-input{
  position:absolute!important;
  width:1px!important;height:1px!important;
  opacity:0!important;pointer-events:none!important;
}
.upload-component{min-height:282px}
.upload-card{
  min-height:282px;
  border:1px dashed #aebaca;
  background:#fafbfd;
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  transition:border-color .15s ease,background .15s ease;
}
.upload-card.dragging{
  border-color:#1769df;
  background:#f4f8ff;
}
.upload-empty-state{
  text-align:center;
  align-items:center;
  cursor:pointer;
}
.upload-main-icon{
  width:56px;height:56px;
  border:1px solid #b9c5d3;
  display:grid;place-items:center;
  color:#1769df;font-size:25px;
  background:#fff;
  margin-bottom:16px;
}
.upload-empty-state strong{font-size:18px;margin-bottom:8px}
.upload-empty-state span{font-size:13px;color:#687487;line-height:1.7}
.upload-empty-state small{font-size:12px;color:#8a95a5;margin-top:3px}
.upload-primary-mini{
  height:38px;
  margin-top:16px;
  padding:0 18px;
  border:1px solid #1769df;
  background:#1769df;
  color:#fff;
  border-radius:3px;
  font-weight:700;
}
.upload-card-top{
  display:flex;
  align-items:center;
  gap:13px;
  padding-bottom:15px;
  border-bottom:1px solid #e1e6ed;
}
.upload-file-icon{
  width:43px;height:43px;
  flex:0 0 43px;
  display:grid;place-items:center;
  background:#fff;
  border:1px solid #cbd4df;
  color:#1769df;
  font-size:18px;
  font-weight:700;
}
.upload-summary{min-width:0;flex:1}
.upload-summary strong{
  display:block;
  font-size:15px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.upload-summary span{display:block;font-size:12px;color:#738095;margin-top:4px}
.upload-state-label{
  flex:0 0 auto;
  font-size:12px;
  padding:5px 9px;
  border:1px solid #cdd5df;
  background:#fff;
}
.upload-state-label.selected{color:#1769df;border-color:#9cb9e5;background:#f7faff}
.upload-state-label.uploading,.upload-state-label.verifying{color:#1769df;border-color:#9cb9e5;background:#f3f8ff}
.upload-state-label.success{color:#267b4c;border-color:#9bc7ae;background:#f3faf6}
.upload-state-label.error{color:#a43b3b;border-color:#d9abab;background:#fff5f5}
.upload-state-label.notice{color:#5f6e82;background:#f7f8fa}
.upload-selected-state{border-style:solid;border-color:#8eb0e0;background:#f8fbff}
.upload-uploading-state,.upload-verifying-state{
  border-style:solid;border-color:#6e9ddd;background:#f5f9ff;
}
.upload-success-state{border-style:solid;border-color:#79b28f;background:#f5faf7}
.upload-error-state{border-style:solid;border-color:#d08f8f;background:#fff8f8}
.upload-recovered-state{border-style:solid;border-color:#9aaabd;background:#f8fafc}
.upload-file-row{
  display:flex;
  align-items:center;
  gap:13px;
  padding:16px 2px 8px;
}
.upload-file-info{min-width:0}
.upload-file-info strong{
  display:block;
  font-size:14px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.upload-file-info span{display:block;margin-top:4px;font-size:12px;color:#748096}
.upload-image-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  padding:16px 0 4px;
}
.upload-thumb{
  min-width:0;
  border:1px solid #d8dee7;
  background:#fff;
  padding:7px;
}
.upload-thumb img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  display:block;
  background:#edf1f5;
}
.upload-thumb span{
  display:block;
  margin-top:7px;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.upload-thumb small{display:block;margin-top:3px;color:#8490a1;font-size:10px}
.upload-more-count{
  min-height:90px;
  display:grid;place-items:center;
  border:1px dashed #bdc6d2;
  color:#66758a;
  font-size:12px;
}
.upload-inline-note{
  margin-top:15px;
  padding:11px 12px;
  background:#fff;
  border-left:3px solid #8091a8;
  color:#5e6c80;
  font-size:12px;
  line-height:1.7;
}
.upload-checking{border-left-color:#1769df;background:#f7faff}
.upload-checking b{
  display:inline-block;width:9px;height:9px;
  border:2px solid #a9c0e4;
  border-top-color:#1769df;
  border-radius:50%;
  margin-right:7px;
  animation:uploadSpin .75s linear infinite;
}
@keyframes uploadSpin{to{transform:rotate(360deg)}}
.upload-progress-copy{
  margin-top:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#234466;
  font-size:13px;
}
.upload-progress{
  height:10px;
  margin-top:10px;
  background:#dfe7f1;
  overflow:hidden;
}
.upload-progress i{
  display:block;
  height:100%;
  background:#1769df;
  transition:width .12s linear;
}
.upload-success-panel,.upload-error-panel{
  margin-top:15px;
  padding:12px 13px;
  background:#fff;
  font-size:12px;
  line-height:1.75;
}
.upload-success-panel{border-left:3px solid #2f8c58;color:#326747}
.upload-error-panel{border-left:3px solid #bc4747;color:#8a3434}
.upload-success-panel strong,.upload-error-panel strong{display:block;font-size:13px}
.upload-success-panel span,.upload-error-panel span{display:block;margin-top:3px}
.upload-card-actions{
  display:flex;
  gap:9px;
  justify-content:flex-end;
  margin-top:16px;
}
.upload-card-actions button{
  height:37px;
  padding:0 14px;
  border:1px solid #c5cfdb;
  background:#fff;
  border-radius:3px;
  color:#344158;
}
.upload-card-actions button:disabled{color:#8b96a6;background:#f2f4f7;cursor:not-allowed}
.upload-card-actions .upload-retry{
  color:#fff;
  border-color:#1769df;
  background:#1769df;
}
#primaryAction:disabled{
  background:#9aa8ba;
  border-color:#9aa8ba;
  cursor:not-allowed;
}
@media(max-width:1180px){
 .upload-image-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:760px){
 .upload-component,.upload-card{min-height:235px}
 .upload-card{padding:18px}
 .upload-card-top{align-items:flex-start}
 .upload-state-label{font-size:11px;padding:4px 7px}
 .upload-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .upload-card-actions{justify-content:stretch}
 .upload-card-actions button{flex:1;padding:0 9px}
}


/* =========================================================
   V5.3.2 上传组件简化与格式提醒
   只调整展示层，不改变上传状态机
   ========================================================= */

/* 初始状态：大而清楚，但信息只有三层 */
.upload-empty-state{
  min-height:250px;
  padding:28px 24px;
}
.upload-empty-state .upload-main-icon{
  width:52px;height:52px;
  margin-bottom:13px;
}
.upload-empty-state>strong{
  font-size:18px;
  margin-bottom:6px;
}
.upload-drag-copy{
  color:#778398!important;
  font-size:12px!important;
  margin-bottom:16px;
}
.upload-core-hints{
  font-size:12px;
  color:#657286;
  line-height:1.8;
  text-align:center;
}
.upload-core-hints div+div{color:#8792a3}
.upload-primary-mini{display:none}

/* 格式与限制：默认收起，避免主界面堆字 */
.upload-rules{
  position:relative;
  margin-top:9px;
  font-size:12px;
  text-align:center;
  align-self:center;
}
.upload-rules summary{
  list-style:none;
  cursor:pointer;
  color:#1769df;
  user-select:none;
}
.upload-rules summary::-webkit-details-marker{display:none}
.upload-rules summary:after{
  content:"⌄";
  display:inline-block;
  margin-left:5px;
  font-size:11px;
}
.upload-rules[open] summary:after{transform:rotate(180deg)}
.upload-rules-panel{
  position:absolute;
  z-index:15;
  left:50%;
  top:25px;
  transform:translateX(-50%);
  width:340px;
  max-width:calc(100vw - 60px);
  text-align:left;
  padding:13px 15px;
  border:1px solid #ccd5e0;
  background:#fff;
  box-shadow:0 8px 20px rgba(24,34,53,.10);
  color:#59677b;
  line-height:1.8;
}
.upload-rules-panel div:before{
  content:"";
  display:inline-block;
  width:4px;height:4px;
  margin-right:8px;
  vertical-align:2px;
  background:#8b98aa;
}
.upload-rules-panel a{
  display:inline-block;
  margin-top:6px;
  color:#1769df;
}

/* 选择文件后自动收紧 */
.upload-selected-state,
.upload-uploading-state,
.upload-verifying-state,
.upload-success-state,
.upload-error-state{
  min-height:150px;
  padding:18px 20px;
  justify-content:flex-start;
}
.upload-card-top{
  padding-bottom:12px;
}
.upload-summary.single strong{
  font-size:14px;
}
.upload-file-row{display:none}
.upload-state-copy{
  margin-top:12px;
  color:#667489;
  font-size:12px;
}
.upload-verifying-copy{
  margin-top:13px;
  padding:10px 0 0;
  color:#4e6075;
  font-size:12px;
}
.upload-verifying-copy b{
  display:inline-block;
  width:9px;height:9px;
  margin-right:7px;
  border:2px solid #aec1dc;
  border-top-color:#1769df;
  border-radius:50%;
  animation:uploadSpin .75s linear infinite;
}

/* 成功和失败各只表达一次 */
.upload-result-copy{
  margin-top:13px;
  padding:11px 12px;
  background:#fff;
  font-size:12px;
  line-height:1.7;
}
.upload-result-copy strong{display:block;font-size:13px}
.upload-result-copy span{display:block;margin-top:2px}
.upload-result-copy.success{
  border-left:3px solid #2f8c58;
  color:#326747;
}
.upload-result-copy.error{
  border-left:3px solid #bc4747;
  color:#8a3434;
}
.upload-success-panel,
.upload-error-panel,
.upload-inline-note{
  display:none!important;
}

/* 进度仅在真正上传时显示；校验和成功不再保留100%横条 */
.upload-progress{height:9px}
.upload-success-state .upload-progress,
.upload-verifying-state .upload-progress{display:none}
.upload-progress-copy{margin-top:13px}

/* 图片只展示前4张和 +N */
.upload-image-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;
  padding:13px 0 0;
}
.upload-more-count{
  min-height:82px;
  font-size:16px;
  font-weight:700;
  background:#fff;
}
.upload-thumb img{aspect-ratio:4/3}
.upload-thumb span,.upload-thumb small{font-size:10px}

/* 操作按钮只在组件内部出现一次 */
.upload-card-actions{
  margin-top:13px;
}
.upload-result-primary{
  color:#fff!important;
  border-color:#1769df!important;
  background:#1769df!important;
}
.upload-actions-hidden{display:none!important}

/* 成功状态不再使用过多绿色面积 */
.upload-success-state{
  background:#f7faf8;
}
.upload-error-state{
  background:#fff9f9;
}

/* 上传区下方只保留主流程按钮，提示引导改为综合内容 */
.upload-component:after{
  content:"需要同时添加文字、图片、文档、音频或视频？可使用综合内容";
  display:block;
  margin-top:10px;
  color:#7a8798;
  font-size:12px;
  text-align:center;
}

@media(max-width:760px){
  .upload-empty-state{min-height:225px;padding:22px 16px}
  .upload-selected-state,
  .upload-uploading-state,
  .upload-verifying-state,
  .upload-success-state,
  .upload-error-state{
    min-height:145px;
    padding:16px;
  }
  .upload-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .upload-rules-panel{width:290px}
}


/* =========================================================
   V5.3.3 快速生成＋继续编辑页面分流
   ========================================================= */
.actions .edit-action{border-color:#1769df;color:#1769df}
.quick-edit-bridge{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:11px;
  padding:10px 12px;
  border:1px solid #e0e5ec;
  background:#fafbfc;
  font-size:12px;
  color:#6b7789;
}
.quick-edit-bridge button{
  border:0;background:transparent;color:#1769df;font-weight:700;cursor:pointer;padding:0;
}
.quick-edit-bridge .batch-bridge{width:100%;text-align:center;color:#5f6d81;font-size:11px}
.upload-component:after{display:none!important}
.upload-recovered-copy{margin-top:13px;font-size:12px;color:#637187;line-height:1.7}
.quick-light-settings{
  display:flex;align-items:center;gap:18px;
  margin-top:13px;padding:10px 12px;
  border-top:1px solid #e3e7ed;border-bottom:1px solid #e3e7ed;
  font-size:12px;color:#4f5d71;
}
.quick-light-settings strong{margin-right:4px}
.quick-light-settings label{display:inline-flex;align-items:center;gap:5px}
.download-toggle{font-weight:600}
.quick-image-list{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;
}
.quick-file-item{
  position:relative;border:1px solid #d7dee7;background:#fff;
}
.quick-image-item img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#edf1f5}
.quick-file-meta{padding:8px;min-width:0}
.quick-file-meta strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quick-file-meta span{display:block;font-size:10px;color:#8490a1;margin-top:3px}
.quick-item-actions{
  position:absolute;right:5px;top:5px;display:flex;gap:3px;opacity:0;transition:opacity .15s ease;
}
.quick-file-item:hover .quick-item-actions,.quick-file-item:focus-within .quick-item-actions{opacity:1}
.quick-item-actions button{
  width:25px;height:25px;border:1px solid #cbd4df;background:#fff;padding:0;color:#40506a;cursor:pointer;
}
.drag-source{opacity:.45}
.quick-document-list{margin-top:13px;border-top:1px solid #e2e7ed}
.quick-document-item{
  display:flex;align-items:center;gap:12px;padding:12px 8px;border:0;border-bottom:1px solid #e7ebf0;
}
.quick-document-item .document-type{
  width:48px;height:38px;display:grid;place-items:center;border:1px solid #cfd7e1;background:#f8fafc;color:#1769df;font-size:10px;font-weight:700;
}
.quick-document-item .quick-file-meta{flex:1;padding:0}
.quick-document-item .quick-item-actions{position:static;opacity:1}
.quick-single-file{display:flex;align-items:center;gap:13px;margin-top:13px}
.phone-image-preview{width:100%;max-height:118px;object-fit:contain;display:block}
.mock-media-preview span{display:block;font-size:11px;margin-top:7px;color:#728096}

/* 综合内容编辑器 */
.editor-page,.batch-page{min-height:calc(100vh - 68px);background:#f2f5f8;padding:34px 0 54px}
.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}
.editor-work,.editor-preview,.editor-empty,.batch-main,.batch-empty{background:#fff;border:1px solid #d8dee7}
.editor-work{padding:25px}
.editor-page-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e1e6ec;padding-bottom:18px}
.editor-page-head small,.batch-head small{color:#1769df;font-weight:700}
.editor-page-head h1,.batch-head h1{margin:6px 0 5px;font-size:26px}
.editor-page-head p,.batch-head p{margin:0;color:#687487;font-size:12px}
.editor-page-head>span{font-size:11px;color:#778398}
.editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:19px 0}
.editor-fields label{font-size:12px;font-weight:700}
.editor-fields input,.editor-fields textarea{display:block;width:100%;margin-top:7px;border:1px solid #cbd4df;padding:10px;font:inherit}
.editor-fields textarea{height:76px;resize:vertical}
.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #e2e7ed}
.editor-toolbar button{height:36px;border:1px solid #c7d2df;background:#fff;padding:0 12px}
.editor-modules{border-top:1px solid #e2e7ed}
.editor-module{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 4px;border-bottom:1px solid #e7ebef}
.editor-module-type{height:38px;display:grid;place-items:center;background:#f3f6f9;color:#1769df;font-size:12px;font-weight:700}
.editor-module strong{font-size:13px}.editor-module small{display:block;color:#738095;margin-top:4px}
.editor-module-actions{display:flex;gap:5px}
.editor-module-actions button{height:30px;border:1px solid #cbd4df;background:#fff}
.editor-no-module{padding:24px;text-align:center;color:#7b8798}
.editor-source-note{margin-top:14px;padding:11px 12px;border-left:3px solid #1769df;background:#f6f9fe;color:#596a80;font-size:12px}
.editor-bottom-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.editor-bottom-actions button{height:41px;padding:0 16px}
.editor-preview{padding:18px}
.editor-preview>strong{font-size:14px}
.editor-phone{height:480px;margin-top:13px;border:1px solid #ccd5df;background:#fafbfc;padding:18px}
.editor-phone-title{text-align:center;padding-bottom:13px;border-bottom:1px solid #e2e6eb;font-weight:700}
.editor-phone p{font-size:12px;color:#778398;line-height:1.8;margin-top:40px;text-align:center}
.editor-empty,.batch-empty{padding:50px;text-align:center}
.editor-empty h1,.batch-empty h1{margin:0 0 9px}
.editor-empty p,.batch-empty p{color:#687487}
.editor-empty a,.batch-empty a{display:inline-flex;height:39px;align-items:center;padding:0 15px;background:#1769df;color:#fff;margin-top:10px}

/* 批量生码 */
.batch-main{padding:25px}
.batch-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #e1e6ec}
.batch-head>b{color:#1769df}
.batch-list{border-top:1px solid #e3e7ed}
.batch-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 4px;border-bottom:1px solid #e7ebef}
.batch-item>span{width:32px;height:32px;display:grid;place-items:center;background:#f2f5f8;color:#1769df;font-weight:700}
.batch-item strong{font-size:13px}.batch-item small{display:block;color:#778398;margin-top:3px}
.batch-item>b{font-size:11px;color:#4e6075}
.batch-result{margin-top:15px}
.batch-result:not(:empty){padding:12px;border-left:3px solid #2f8c58;background:#f5faf7;color:#326747}
.batch-result strong,.batch-result span{display:block}.batch-result span{margin-top:4px;font-size:12px}
.batch-actions{text-align:center;margin-top:19px}.batch-actions button{height:43px;padding:0 22px}

@media(max-width:900px){
 .editor-layout{grid-template-columns:1fr}
 .editor-preview{display:none}
 .quick-image-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
 .actions{flex-wrap:wrap}
 .actions button{min-width:0;flex:1}
 .quick-image-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .quick-item-actions{opacity:1}
 .editor-page,.batch-page{min-height:calc(100vh - 59px);padding:20px 0 36px}
 .editor-work,.batch-main{padding:17px}
 .editor-fields{grid-template-columns:1fr}
 .editor-page-head,.batch-head{display:block}
 .editor-page-head>span{display:block;margin-top:9px}
 .editor-module{grid-template-columns:55px minmax(0,1fr)}
 .editor-module-actions{grid-column:2}
 .batch-item{grid-template-columns:35px minmax(0,1fr)}
 .batch-item>b{grid-column:2}
}


/* =========================================================
   V5.3.4 匿名自动上传＋实时预览＋高级内容编辑
   ========================================================= */
.auto-upload-copy,.auto-upload-ready{
  margin-top:13px;padding:11px 12px;background:#fff;font-size:12px;line-height:1.7;
}
.auto-upload-copy{border-left:3px solid #1769df;color:#53657c}
.auto-upload-ready{border-left:3px solid #2f8c58;color:#326747}
.auto-upload-copy strong,.auto-upload-ready strong{display:block;font-size:13px}
.auto-upload-copy span,.auto-upload-ready span{display:block;margin-top:3px}
.item-progress,.single-progress,.item-inline-progress{height:5px;background:#e1e7ef;overflow:hidden}
.item-progress{margin:0 8px 8px}
.item-inline-progress{width:120px;flex:0 0 120px}
.single-progress{width:150px;flex:0 0 150px}
.item-progress i,.single-progress i,.item-inline-progress i{
 display:block;height:100%;background:#1769df;transition:width .12s linear;
}
.single-status{font-size:11px;padding:4px 7px;border:1px solid #cbd4df;background:#fff;white-space:nowrap}
.single-status.ready{color:#267b4c;border-color:#9bc7ae;background:#f3faf6}
.single-status.uploading,.single-status.queued,.single-status.processing{color:#1769df;border-color:#a8c1e5;background:#f5f9ff}
.single-status.error{color:#a43b3b;border-color:#d9abab;background:#fff5f5}
.item-preview-placeholder{
 width:100%;aspect-ratio:4/3;display:grid;place-items:center;background:#edf1f5;color:#1769df;font-size:22px;
}
.quick-single-file{
 padding:13px 0;border-bottom:1px solid #e2e7ed;
}
.quick-document-item .quick-file-meta{min-width:0}
.upload-card-top .upload-state-label.uploading{color:#1769df;border-color:#9cb9e5;background:#f3f8ff}
.upload-card-top .upload-state-label.success{color:#267b4c;border-color:#9bc7ae;background:#f3faf6}
.upload-card-top .upload-state-label.error{color:#a43b3b;border-color:#d9abab;background:#fff5f5}

/* 实时预览 */
.realtime-preview{height:auto;min-height:145px;padding:8px}
.realtime-preview .phone-image-preview{
 width:100%;height:112px;object-fit:contain;background:#edf1f5;
}
.live-media-box{margin-top:16px;min-height:120px;background:#eef2f6;padding:10px;display:grid;place-items:center}
.live-media-box audio,.live-media-box video{width:100%;max-height:170px}
.live-media-box small{display:block;margin-top:7px;color:#6f7d91;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.document-live-preview{
 margin-top:15px;min-height:165px;border:1px solid #dbe1e8;background:#f8fafc;padding:8px;display:grid;place-items:center;
}
.pdf-preview{width:100%;height:145px;border:0;background:#fff}
.document-live-preview>small{font-size:10px;color:#718096}
.office-processing,.office-preview-card,.restored-preview{
 width:100%;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#5f6e82;
}
.office-processing b{
 width:17px;height:17px;border:2px solid #aec1dc;border-top-color:#1769df;border-radius:50%;animation:uploadSpin .75s linear infinite;margin-bottom:10px;
}
.office-processing strong,.office-preview-card strong{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.office-processing span,.office-preview-card span,.restored-preview small{font-size:10px;margin-top:5px;color:#8590a1}
.office-preview-card b{width:46px;height:46px;display:grid;place-items:center;background:#e8eef7;color:#1769df;margin-bottom:10px}
.quick-edit-bridge button{font-size:12px}
.actions .edit-action{font-weight:700}
.editor-page-head small{font-size:12px}
.editor-source-note{line-height:1.75}

/* 单音频和单视频只显示一次文件信息 */
.quick-single-file .upload-summary{flex:1;min-width:0}
.quick-single-file+.upload-summary,.quick-single-file~.quick-file-row{display:none!important}

@media(max-width:760px){
 .item-inline-progress,.single-progress{width:85px;flex-basis:85px}
 .quick-single-file{flex-wrap:wrap}
 .single-progress{order:5;width:100%;flex-basis:100%}
 .live-media-box video{max-height:220px}
}


/* V5.3.4.1 preview lifecycle and single-file fixes */
.realtime-preview{max-height:250px;overflow:auto;display:block;padding:8px}
.phone-image-list.flat{display:flex;flex-direction:column;gap:8px}
.phone-image-list.carousel{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}
.phone-image-card{margin:0;position:relative;background:#eef2f6;border:1px solid #dde3ea;flex:0 0 auto}
.phone-image-list.flat .phone-image-card{width:100%}
.phone-image-list.carousel .phone-image-card{width:88%;scroll-snap-align:start}
.phone-image-card img{display:block;width:100%;max-height:180px;object-fit:contain;background:#edf1f5}
.phone-image-card figcaption{position:absolute;right:5px;bottom:5px;padding:2px 5px;background:rgba(20,28,40,.72);color:#fff;font-size:9px}
.phone-image-card.missing{min-height:100px;display:grid;place-items:center;color:#778398;font-size:11px}

.document-live-preview{display:block;min-height:165px;max-height:245px;overflow:auto;padding:7px}
.preview-file-list{width:100%;background:#fff}
.preview-file-row{display:grid;grid-template-columns:38px minmax(0,1fr) 20px;gap:8px;align-items:center;padding:9px 5px;border-bottom:1px solid #e6ebf0}
.preview-file-row:last-child{border-bottom:0}
.preview-file-icon{width:36px;height:34px;display:grid;place-items:center;background:#eef3fa;color:#1769df;font-size:9px;font-weight:700}
.preview-file-info{min-width:0}
.preview-file-info strong{display:block;font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.preview-file-info small{display:block;margin-top:3px;font-size:9px;color:#8490a1}
.preview-file-order{width:18px;height:18px;display:grid;place-items:center;border:1px solid #ccd5df;font-size:9px;color:#6c798c}

.video-poster-preview{width:100%;display:block;background:#e9edf2;position:relative}
.video-poster-preview img{display:block;width:100%;max-height:185px;object-fit:contain;background:#e9edf2;pointer-events:none;user-select:none}
.video-poster-preview span{display:block;padding:6px 4px;text-align:center;color:#66758a;font-size:10px;background:#f8fafc}
.video-poster-fallback{width:100%;min-height:145px;display:grid;place-items:center;background:#e9edf2;color:#6c798c;font-size:11px}
#videoLivePreview video{display:none!important}

.upload-card:not(.upload-empty-state)>.quick-single-file{margin-top:0;padding:14px 10px;border:1px solid #e0e5ec;background:#fff}
.quick-single-file .upload-summary.single strong{font-size:13px}


/* =========================================================
   V5.3.4.2 草稿恢复提示与文档下载权益
   ========================================================= */
.draft-recovery-card{
  min-height:150px;
  display:grid;
  grid-template-columns:50px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:22px;
  border:1px solid #cad5e3;
  background:#fff;
}
.draft-recovery-icon{
  width:44px;height:44px;display:grid;place-items:center;
  border:1px solid #abc2e4;background:#f4f8fe;color:#1769df;
  font-size:24px;
}
.draft-recovery-copy strong{display:block;font-size:15px}
.draft-recovery-copy span{display:block;margin-top:6px;color:#5d6d82;font-size:12px}
.draft-recovery-copy small{display:block;margin-top:6px;color:#8994a4;font-size:11px}
.draft-recovery-actions{display:flex;gap:8px}
.draft-recovery-actions button{height:38px;padding:0 13px;border:1px solid #c8d2de;background:#fff}
.draft-recovery-actions .primary{background:#1769df;border-color:#1769df;color:#fff}

.download-setting{
  justify-content:flex-start;
  flex-wrap:wrap;
}
.download-entitlement-note{
  font-size:11px;
  margin-left:auto;
}
.download-entitlement-note.locked{color:#8b5b27}
.download-entitlement-note.enabled{color:#2e7650}
.download-toggle input:disabled{cursor:not-allowed}
.download-toggle:has(input:disabled){color:#808b9b}

@media(max-width:760px){
 .draft-recovery-card{grid-template-columns:42px minmax(0,1fr)}
 .draft-recovery-actions{grid-column:1 / -1}
 .draft-recovery-actions button{flex:1}
 .download-entitlement-note{width:100%;margin-left:0}
}


/* =========================================================
   V5.3.4.3 说明文字可读性优化
   仅调整字号、行距和必要留白，不修改业务逻辑与布局结构
   ========================================================= */

.generator-head p,
.editor p,
.phone-body p{
  font-size:14px;
  line-height:1.8;
}

.upload-empty-state{
  min-height:270px;
}
.upload-drag-copy{
  font-size:14px!important;
  line-height:1.75;
  margin-bottom:17px;
}
.upload-core-hints{
  font-size:14px;
  line-height:1.9;
  color:#59677b;
}
.upload-core-hints div+div{
  color:#748196;
}
.upload-rules{
  font-size:14px;
  margin-top:11px;
}
.upload-rules summary{
  line-height:1.6;
}
.upload-rules summary:after{
  font-size:13px;
}
.upload-rules-panel{
  font-size:13px;
  line-height:1.9;
  width:370px;
}

.upload-summary span,
.upload-state-copy,
.upload-verifying-copy,
.upload-progress-copy{
  font-size:13px;
}
.upload-result-copy,
.auto-upload-copy,
.auto-upload-ready{
  font-size:13px;
  line-height:1.8;
}
.upload-result-copy strong,
.auto-upload-copy strong,
.auto-upload-ready strong{
  font-size:14px;
}

.quick-edit-bridge{
  font-size:14px;
  line-height:1.75;
  padding:12px 14px;
}
.quick-edit-bridge .batch-bridge{
  font-size:13px;
  line-height:1.7;
}

.quick-file-meta strong{
  font-size:12px;
}
.quick-file-meta span{
  font-size:11px;
  line-height:1.55;
}
.preview-file-info strong{
  font-size:12px;
}
.preview-file-info small{
  font-size:11px;
  line-height:1.45;
}

.download-entitlement-note{
  font-size:13px;
  line-height:1.65;
}
.draft-recovery-copy span{
  font-size:13px;
}
.draft-recovery-copy small{
  font-size:12px;
  line-height:1.65;
}

@media(max-width:760px){
  .generator-head p,
  .editor p,
  .phone-body p,
  .upload-drag-copy,
  .upload-core-hints,
  .upload-rules,
  .quick-edit-bridge{
    font-size:14px;
  }
  .upload-empty-state{
    min-height:260px;
  }
  .upload-rules-panel{
    width:310px;
    font-size:13px;
  }
}

/* V5.4 首页本地最终收口 */
.skip-link{position:fixed;left:12px;top:-60px;z-index:9999;background:#0f4fbf;color:#fff;padding:10px 14px;text-decoration:none}.skip-link:focus{top:10px}
:focus-visible{outline:3px solid rgba(23,105,223,.35);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}.field-note{font-size:14px;color:#68768a;margin-top:10px;line-height:1.7}
.card-link,.list-item>span{display:inline-block;margin-top:12px;color:#1769df;font-size:13px}.page-hero.compact{padding:32px 0}.page-hero.article-hero small{color:#1769df;font-weight:700}
.price-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.price-card{position:relative;border:1px solid #d7dee8;background:#fff;padding:28px;min-height:420px;display:flex;flex-direction:column}.price-card.featured{border:2px solid #1769df}.price-card small{font-size:14px;color:#607088}.price-card h2{font-size:32px;margin:14px 0}.price-card h2 em{font-size:14px;font-style:normal}.price-card p{min-height:50px;color:#66758a;line-height:1.7}.price-card ul{padding-left:19px;line-height:2;color:#26364d;flex:1}.price-card a,.price-card button,.primary-link{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:0 16px;background:#1769df;color:#fff;border:1px solid #1769df;text-decoration:none}.recommend{position:absolute;right:16px;top:16px;background:#1769df;color:#fff;padding:4px 8px;font-size:12px}.pricing-notes{margin-top:22px;border-left:3px solid #1769df;background:#f4f7fb;padding:22px}.pricing-notes h2{font-size:18px;margin:0 0 8px}.pricing-notes p{margin:0;line-height:1.8}
.help-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px}.help-categories{border:1px solid #d8e0e9;background:#fff;padding:20px;height:max-content}.help-categories strong{display:block;margin-bottom:12px}.help-categories a{display:block;padding:10px 0;border-top:1px solid #edf0f4;color:#26364d;text-decoration:none}.faq-list h2{margin-top:0}.faq-item{border-bottom:1px solid #dfe5ec}.faq-item button{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:0;padding:18px 2px;text-align:left;font-size:16px;font-weight:700}.faq-answer{display:none;padding:0 2px 18px;color:#59697f;line-height:1.8}.faq-item.open .faq-answer{display:block}.faq-item.open button i{transform:rotate(45deg)}
.article-page{max-width:1180px;margin:0 auto;padding:42px 24px 70px;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:40px}.article-content{font-size:16px;line-height:1.9}.article-content h2{margin-top:34px}.step-list{list-style:none;padding:0}.step-list li{display:grid;grid-template-columns:34px 1fr;gap:13px;margin:16px 0}.step-list li strong{width:30px;height:30px;display:grid;place-items:center;background:#1769df;color:#fff}.article-aside{border-left:1px solid #dce3eb;padding-left:24px;height:max-content}.article-aside strong,.article-aside a{display:block;margin-bottom:14px}.article-cta{display:flex;justify-content:space-between;align-items:center;border:1px solid #cbd8e8;background:#f5f8fc;padding:20px;margin-top:34px}.article-cta span{display:block;color:#6b788b;font-size:14px}.article-cta a{background:#1769df;color:#fff;padding:10px 16px;text-decoration:none}
.policy-page{max-width:900px;margin:0 auto;padding:42px 24px 70px;font-size:16px;line-height:1.9}.policy-page section{margin-bottom:28px}.policy-page h2{font-size:20px}.policy-date{color:#7b8798;border-top:1px solid #e0e5eb;padding-top:18px}
.toolbar-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.toolbar-line>a:not(.primary-link){color:#1769df}.qr-list{border-top:1px solid #dce3eb}.qr-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:18px 4px;border-bottom:1px solid #e1e6ec}.qr-row span{display:block;color:#788497;font-size:13px;margin-top:5px}.qr-row code{font-size:12px}.qr-symbol{width:44px;height:44px;border:2px solid #17263b;position:relative}.qr-symbol i{position:absolute;width:10px;height:10px;border:3px solid #17263b}.qr-symbol i:nth-child(1){left:4px;top:4px}.qr-symbol i:nth-child(2){right:4px;top:4px}.qr-symbol i:nth-child(3){left:4px;bottom:4px}.row-actions{display:flex;gap:8px}.row-actions button{background:#fff;border:1px solid #cbd4df;padding:8px 10px}.danger-text{color:#a33}.empty-state{text-align:center;border:1px solid #d9e1ea;background:#fff;padding:60px 20px}.empty-state p{color:#66758a;margin-bottom:22px}
.usage-panel{max-width:900px;margin:auto}.usage-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.usage-head small{color:#718096}.usage-head h2{margin:4px 0 0}.usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.usage-card{border:1px solid #d7dfe8;padding:22px;background:#fff}.usage-card b{display:block;font-size:20px;margin:14px 0}.meter{height:8px;background:#e5eaf0}.meter i{display:block;height:100%;background:#1769df}.limit-list{margin-top:18px;border:1px solid #d7dfe8;background:#fff;padding:20px}.limit-list>div{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #edf0f4}
.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px}.tool-panel{border:1px solid #d7dfe8;background:#fff;padding:24px}.upload-inline{display:flex;justify-content:space-between;align-items:center;border:1px dashed #9db5d2;padding:20px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.form-grid label{display:flex;flex-direction:column;gap:8px}.form-grid input,.form-grid select{height:42px}.notice-box{margin-top:20px;background:#f4f7fb;border-left:3px solid #1769df;padding:16px;line-height:1.7}.beautify-preview{--qr-fg:#111827;--qr-bg:#fff;background:#eef2f6;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:420px}.qr-placeholder{width:240px;height:240px;background:var(--qr-bg);display:grid;place-items:center;color:#7d8998}.qr-placeholder img{display:none;width:100%;height:100%;object-fit:contain;filter:grayscale(1)}.beautify-preview.has-image .qr-placeholder span{display:none}.beautify-preview.has-image .qr-placeholder img{display:block}.beautify-preview[data-frame=simple] .qr-placeholder{border:12px solid var(--qr-fg)}.beautify-preview[data-frame=caption]{border:8px solid var(--qr-fg);background:var(--qr-bg)}.beautify-preview>b{display:none;margin-top:16px;color:var(--qr-fg)}.beautify-preview[data-frame=caption]>b{display:block}
.decode-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.decode-drop,.decode-result{min-height:260px;border:1px dashed #9db5d2;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.decode-drop input{margin:18px}.decode-drop span{color:#748196}.decode-result{border-style:solid;word-break:break-all}.decode-result strong{color:#15803d}.decode-result p{line-height:1.8}
@media(max-width:900px){.price-cards{grid-template-columns:1fr 1fr}.help-layout,.article-page,.tool-layout,.decode-layout{grid-template-columns:1fr}.article-aside{border-left:0;border-top:1px solid #dce3eb;padding:20px 0}.qr-row{grid-template-columns:48px 1fr}.qr-row code,.row-actions{grid-column:2}.usage-grid{grid-template-columns:1fr}}
@media(max-width:600px){.price-cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.qr-row{padding:16px 0}.article-cta{align-items:flex-start;gap:18px;flex-direction:column}.toolbar-line{align-items:flex-start;gap:14px;flex-direction:column}}


/* VHOW_HOME_ISOLATED_INTEGRATION_R2_FINAL */
.integration-r1-banner{
  max-width:1180px;margin:12px auto 0;padding:11px 14px;border-left:4px solid #1769df;
  background:#f3f7fc;color:#4f6076;font-size:13px;line-height:1.7
}
.integration-r1-banner strong{color:#173b70;margin-right:8px}
.isolated-note{margin-top:12px;padding:10px 12px;background:#f5f7fa;border-left:3px solid #7e8da1;color:#5f6d80;font-size:13px;line-height:1.7}
.local-file-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.local-file-row{display:flex;gap:10px;align-items:center;border:1px solid #dfe5ec;background:#fff;padding:9px 10px}
.local-file-row strong{font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.local-file-row span{font-size:11px;color:#758196;margin-left:auto;white-space:nowrap}
.local-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.local-image-grid img{width:100%;height:94px;object-fit:cover;background:#eef2f6}
.local-media-preview{margin-top:12px;padding:10px;border:1px solid #dfe5ec;background:#f7f9fb}
.local-media-preview audio{width:100%}
.local-video-poster{width:100%;max-height:190px;object-fit:contain;background:#e9edf2}
.auth-error{padding:10px 12px;margin-bottom:12px;border-left:3px solid #b83f3f;background:#fff3f3;color:#923737;font-size:13px;line-height:1.6}
.real-login-form{display:flex;flex-direction:column;gap:8px}
.real-login-submit{width:100%;margin-top:8px}
.auth-disabled-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.auth-disabled-methods button{min-height:38px;border:1px solid #d7dee7;background:#f3f5f8;color:#8a95a4}
.single-auth{grid-template-columns:minmax(0,680px);justify-content:center}
.register-closed-card h1{font-size:28px;margin:10px 0}
@media(max-width:760px){
  .integration-r1-banner{margin:8px 10px 0}
  .local-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .auth-disabled-methods{grid-template-columns:1fr}
}