:root{
  --bg:#f6f8fc;
  --bg-soft:#eef4ff;
  --surface:#ffffff;
  --surface-soft:rgba(255,255,255,.82);
  --surface-strong:rgba(255,255,255,.94);
  --text:#0f172a;
  --muted:#66758d;
  --line:#dbe4f0;
  --line-strong:#c7d4e5;
  --primary:#2563eb;
  --primary-2:#4f46e5;
  --accent:#0ea5e9;
  --success:#16a34a;
  --warning:#d97706;
  --danger:#dc2626;
  --shadow-sm:0 10px 26px rgba(15,23,42,.05);
  --shadow-md:0 18px 50px rgba(15,23,42,.08);
  --shadow-lg:0 32px 90px rgba(37,99,235,.12);
  --brand-grad:linear-gradient(135deg,#2563eb 0%,#4f46e5 48%,#7c3aed 100%);
  --radius-xl:32px;
  --radius-lg:24px;
  --radius-md:18px;
  --radius-sm:14px;
  --page-width:1240px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  background:
    radial-gradient(circle at 0% 0%, rgba(37,99,235,.12), transparent 24%),
    radial-gradient(circle at 100% 0%, rgba(124,58,237,.1), transparent 28%),
    linear-gradient(180deg,#f8fbff 0%,#f5f7fb 42%,#f7f9fc 100%);
  font:16px/1.6 "Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}
body.modal-open,
body.ftb-modal-locked,
html.ftb-modal-locked{overflow:hidden;}
body.modal-open,body.ftb-modal-locked{touch-action:none;}
.page-auth{
  background:
    radial-gradient(circle at 20% 0%, rgba(37,99,235,.18), transparent 26%),
    radial-gradient(circle at 80% 0%, rgba(14,165,233,.14), transparent 24%),
    linear-gradient(180deg,#f0f6ff 0%,#f5f8fc 46%,#f6f8fc 100%);
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
code{
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  background:#eff4fb;
  color:#17335f;
  padding:2px 8px;
  border-radius:999px;
}
pre{
  margin:0;
  padding:14px 16px;
  overflow:auto;
  border-radius:16px;
  background:#0f172a;
  color:#e2e8f0;
}
pre code{
  background:transparent;
  color:inherit;
  padding:0;
  border-radius:0;
}

.site-shell{min-height:100vh}
.site-main{padding-bottom:40px}
.page-auth .site-main{
  min-height:calc(100vh - 110px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px 0 48px;
}
.site-header{
  position:sticky;
  top:0;
  z-index:1300;
  width:100%;
  padding-top:12px;
  pointer-events:auto;
  isolation:isolate;
  transform:none;
  overflow:visible;
}
.nav{
  --glass-x:50%;
  --glass-y:45%;
  width:min(calc(100% - 32px),1280px);
  margin:0 auto;
  min-height:78px;
  display:flex;
  align-items:center;
  gap:18px;
  padding:12px 18px;
  border:1px solid rgba(255,255,255,.62);
  border-radius:28px;
  background:
    radial-gradient(circle at var(--glass-x) var(--glass-y), rgba(255,255,255,.96) 0%, rgba(255,255,255,.62) 20%, rgba(255,255,255,.34) 44%, rgba(255,255,255,.72) 100%),
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(238,242,255,.42) 52%, rgba(255,255,255,.7));
  box-shadow:0 22px 70px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.92), inset 0 -1px 0 rgba(148,163,184,.16);
  backdrop-filter:blur(24px) saturate(1.8);
  -webkit-backdrop-filter:blur(24px) saturate(1.8);
  position:relative;
  overflow:visible;
  transition:box-shadow .25s ease, border-color .25s ease, background .12s linear, transform .2s ease;
}
.nav::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    radial-gradient(circle at var(--glass-x) var(--glass-y), rgba(99,102,241,.25), rgba(56,189,248,.14) 18%, transparent 42%),
    linear-gradient(115deg, rgba(255,255,255,.38), transparent 38%, rgba(255,255,255,.22) 72%, transparent);
  mix-blend-mode:screen;
  opacity:.78;
  transition:opacity .2s ease;
}
.nav::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.46);
  box-shadow:inset 0 0 24px rgba(255,255,255,.32);
}
/* vNext-6.5G root-cause unified navigation, modal and scroll rules. */
.site-header{position:sticky;top:0;z-index:1300;width:100%;padding-top:12px;pointer-events:auto;transform:none;overflow:visible;}
.site-header .nav{width:min(calc(100% - 32px),1280px);margin:0 auto;position:relative;top:auto;}
.site-main,.wrap{min-width:0;}
body:has(.admin-layout){overflow-x:hidden;}
.admin-layout{align-items:flex-start;overflow:visible;min-width:0;}
.admin-layout main{min-width:0;max-width:100%;overflow-x:hidden;}
.admin-layout .side{position:sticky;top:92px;max-height:calc(100dvh - 108px);overflow-y:auto;align-self:flex-start;z-index:90;scrollbar-width:thin;}
:where(.modal-backdrop,.admin-modal-backdrop,.coupon-wallet-modal,.member-ledger-modal,.dashboard-task-modal){position:fixed;inset:0;z-index:9000;display:none;align-items:center;justify-content:center;padding:clamp(16px,3vh,32px) clamp(12px,3vw,32px);background:rgba(15,23,42,.48);overflow:hidden;overscroll-behavior:contain;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
:where(.modal-backdrop,.admin-modal-backdrop,.coupon-wallet-modal,.member-ledger-modal,.dashboard-task-modal).is-visible,:where(.modal-backdrop,.admin-modal-backdrop,.coupon-wallet-modal,.member-ledger-modal,.dashboard-task-modal).is-open{display:flex;}
:where(.modal-card,.admin-user-modal,.admin-detail-modal,.coupon-wallet-dialog,.member-ledger-dialog,.dashboard-task-dialog){width:min(1040px,calc(100vw - 32px));max-height:86vh;display:flex;flex-direction:column;overflow:hidden;margin:0;}
:where(.modal-head,.admin-modal-head,.coupon-wallet-head,.member-ledger-head,.dashboard-task-modal-head){flex:0 0 auto;}
:where(.admin-user-tabs,.admin-detail-tabs,.modal-tabs){flex:0 0 auto;overflow-x:auto;overflow-y:hidden;white-space:nowrap;}
:where(.admin-modal-body,.admin-user-tab-panels,.member-ledger-table-wrap,.dashboard-task-modal-body,.coupon-wallet-grid){flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;}
:where(.table-wrap,.admin-table-wrap,.admin-wide-table,.member-ledger-table-wrap){max-width:100%;overflow-x:auto;overflow-y:visible;}
:where(.modal-card,.admin-user-modal,.admin-detail-modal) :where(.table-wrap,.admin-table-wrap,.admin-wide-table){overflow-x:auto;overflow-y:visible;}
[data-coupon-float],.coupon-float-widget,.coupon-floating,.coupon-float,.coupon-float-box{position:fixed;right:28px;top:var(--coupon-float-y,62vh);bottom:auto;z-index:1350;touch-action:none;}
.coupon-float-ball{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:96px;min-height:54px;border:1px solid rgba(255,255,255,.68);border-radius:24px;padding:9px 14px 9px 10px;background:radial-gradient(circle at 20% 14%,rgba(255,255,255,.45),transparent 28%),linear-gradient(135deg,#fb923c 0%,#ef4444 50%,#7c3aed 100%);color:#fff;box-shadow:0 18px 42px rgba(239,68,68,.26),0 8px 18px rgba(79,70,229,.14),inset 0 1px 0 rgba(255,255,255,.48);cursor:grab;user-select:none;transition:transform .16s ease,box-shadow .16s ease;}
.coupon-float-ball:hover{transform:translateY(-1px);box-shadow:0 22px 52px rgba(239,68,68,.31),0 10px 22px rgba(79,70,229,.16),inset 0 1px 0 rgba(255,255,255,.54);}
.coupon-float-ball:active{cursor:grabbing;}
.coupon-float-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:14px;background:rgba(255,255,255,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);font-weight:950;}
.coupon-float-text{font-weight:950;letter-spacing:.02em;white-space:nowrap;}
.coupon-float-ball em{position:absolute;right:-5px;top:-7px;min-width:21px;height:21px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#fff;color:#e11d48;font-style:normal;font-size:12px;font-weight:950;box-shadow:0 8px 18px rgba(225,29,72,.22);}
.coupon-float-panel{display:none;}
[data-coupon-float].is-open .coupon-float-panel,.coupon-float-panel.is-open{display:block;}
.coupon-float-backdrop{display:none;}
.coupon-float-card{position:absolute;right:0;bottom:calc(100% + 14px);top:auto;width:min(390px,calc(100vw - 44px));max-height:min(470px,calc(100dvh - 96px));overflow:auto;border-radius:26px;background:radial-gradient(circle at 100% 0,rgba(251,146,60,.13),transparent 30%),linear-gradient(180deg,#fff,#fffaf7 62%,#fff);border:1px solid rgba(254,202,202,.88);box-shadow:0 28px 76px rgba(15,23,42,.22);padding:16px;scrollbar-width:thin;}
/* vNext-6.5H modal content style restore: only inner content, keeping 6.5G sticky/modal shell unchanged. */
:where(.modal-backdrop,.admin-modal-backdrop,.coupon-wallet-modal,.member-ledger-modal,.dashboard-task-modal){background:rgba(15,23,42,.38);}
:where(.modal-card,.admin-user-modal,.admin-detail-modal,.member-ledger-dialog,.dashboard-task-dialog,.coupon-wallet-dialog){background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.96);border-radius:26px;box-shadow:0 28px 80px rgba(15,23,42,.22);}
:where(.modal-head,.admin-modal-head,.coupon-wallet-head,.member-ledger-head,.dashboard-task-modal-head){display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px 16px;border-bottom:1px solid rgba(226,232,240,.82);background:rgba(255,255,255,.96);}
:where(.modal-head,.admin-modal-head,.coupon-wallet-head,.member-ledger-head,.dashboard-task-modal-head) h3{margin:0 0 6px;font-size:22px;line-height:1.25;color:#0f172a;letter-spacing:-.02em;}
:where(.modal-head,.admin-modal-head,.coupon-wallet-head,.member-ledger-head,.dashboard-task-modal-head) p{margin:0;color:#64748b;line-height:1.6;max-width:680px;}
.modal-close-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:74px;min-height:36px;border-radius:999px;}
.admin-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:18px 22px 22px;}
.admin-user-tab-panels{overflow:visible;min-height:0;}
.admin-user-overview,.admin-detail-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:0 0 16px;}
.admin-user-overview>div,.admin-detail-summary-card{min-width:0;padding:15px 16px;border:1px solid rgba(203,213,225,.86);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 10px 26px rgba(15,23,42,.055);}
.admin-user-overview span,.admin-detail-summary-card span{display:block;font-size:12px;font-weight:800;color:#64748b;margin-bottom:6px;}
.admin-user-overview b,.admin-detail-summary-card b{display:block;font-size:18px;line-height:1.25;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.admin-user-overview em,.admin-detail-summary-card em{display:block;margin-top:6px;font-style:normal;font-size:12px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.admin-user-tabs,.admin-detail-tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:9px;margin:4px 0 16px;border:1px solid rgba(226,232,240,.92);border-radius:18px;background:rgba(248,250,252,.92);}
.admin-user-tabs a,.admin-detail-tabs a,.admin-user-tabs button,.admin-detail-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 13px;border-radius:999px;border:1px solid transparent;color:#475569;text-decoration:none;font-weight:850;font-size:13px;white-space:nowrap;}
.admin-user-tabs a.active,.admin-detail-tabs a.active,.admin-user-tabs button.active,.admin-detail-tabs button.active,.admin-user-tabs [aria-selected="true"],.admin-detail-tabs [aria-selected="true"]{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 10px 24px rgba(15,23,42,.16);}
.admin-user-tab-section,.admin-business-section{margin:0 0 14px;padding:16px;border:1px solid rgba(226,232,240,.9);border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 12px 30px rgba(15,23,42,.045);}
.admin-user-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;}
.admin-user-section-head h3,.admin-business-section h4{margin:0 0 5px;font-size:17px;color:#0f172a;letter-spacing:-.01em;}
.admin-user-section-head p{margin:0;color:#64748b;line-height:1.6;}
.admin-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;}
.info-row{min-width:0;padding:12px 13px;border:1px solid rgba(226,232,240,.9);border-radius:16px;background:#fff;}
.info-row b{display:block;margin-bottom:6px;font-size:12px;color:#64748b;}
.info-row span{display:block;min-width:0;color:#0f172a;line-height:1.55;word-break:break-word;overflow-wrap:anywhere;}
.admin-user-detail-table-wrap,.admin-detail-table-wrap{max-width:100%;overflow-x:auto;overflow-y:visible;border:1px solid rgba(226,232,240,.9);border-radius:18px;background:#fff;}
.admin-user-detail-table{min-width:760px;width:100%;border-collapse:separate;border-spacing:0;}
.admin-user-detail-table th{position:sticky;top:0;background:#f8fafc;color:#475569;font-size:12px;text-align:left;z-index:1;}
.admin-user-detail-table th,.admin-user-detail-table td{padding:10px 12px;border-bottom:1px solid rgba(226,232,240,.78);vertical-align:top;max-width:260px;word-break:break-word;}
.admin-log-box,.admin-raw-details{border:1px solid rgba(203,213,225,.9);border-radius:18px;background:#0f172a;color:#e2e8f0;}
.admin-log-box{max-height:260px;overflow:auto;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.65;white-space:pre-wrap;}
.admin-raw-details{margin-top:14px;padding:0;background:#111827;overflow:hidden;}
.admin-raw-details summary{cursor:pointer;padding:12px 14px;font-weight:850;color:#e5e7eb;background:rgba(255,255,255,.06);}
.admin-raw-details .admin-detail-grid{padding:14px;}
.admin-raw-details .info-row{background:rgba(255,255,255,.06);border-color:rgba(148,163,184,.24);}
.admin-raw-details .info-row b{color:#cbd5e1;}.admin-raw-details .info-row span{color:#f8fafc;}
.task-file-actions{display:grid;gap:10px;margin-top:12px;}
.admin-action-hint{font-size:12px;color:#64748b;background:#f8fafc;border:1px dashed rgba(148,163,184,.5);border-radius:14px;padding:10px 12px;}
.file-path-line{display:flex;align-items:center;gap:8px;min-width:0;padding:10px 12px;border:1px solid rgba(226,232,240,.9);border-radius:14px;background:#fff;}
.file-path-line b{flex:0 0 auto;color:#334155;font-size:12px;}.file-path-line span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;}.file-path-line.is-empty span{font-family:inherit;color:#94a3b8;}
.member-ledger-dialog,.dashboard-task-dialog{transform:translateY(-2vh);}
.member-ledger-dialog .modal-head,.dashboard-task-dialog .modal-head{padding-right:18px;}
.member-ledger-table-wrap,.dashboard-task-modal-body{border-radius:18px;background:rgba(255,255,255,.86);}
@media(max-width:760px){.admin-modal-body{padding:14px}.admin-user-overview,.admin-detail-summary{grid-template-columns:1fr}.admin-detail-grid{grid-template-columns:1fr}.admin-user-tab-section,.admin-business-section{padding:14px}.file-path-line{align-items:flex-start;flex-direction:column}.file-path-line span{white-space:normal}.member-ledger-dialog,.dashboard-task-dialog{transform:none}}
@media (max-width:900px){.site-header{padding-top:8px;}.site-header .nav{width:min(calc(100% - 20px),1280px);}.admin-layout{display:block;}.admin-layout .side{position:relative;top:auto;max-height:none;overflow:visible;margin-bottom:14px;}:where(.modal-backdrop,.admin-modal-backdrop,.coupon-wallet-modal,.member-ledger-modal,.dashboard-task-modal){align-items:flex-start;padding:76px 10px 14px;}:where(.modal-card,.admin-user-modal,.admin-detail-modal,.coupon-wallet-dialog,.member-ledger-dialog,.dashboard-task-dialog){width:calc(100vw - 20px);max-height:calc(100dvh - 92px);border-radius:22px;}[data-coupon-float],.coupon-float-widget,.coupon-floating,.coupon-float,.coupon-float-box{right:14px;top:var(--coupon-float-y,64vh);bottom:auto;transform:scale(.94);transform-origin:right bottom;}.coupon-float-card{right:0;bottom:calc(100% + 12px);top:auto;width:min(360px,calc(100vw - 28px));max-height:calc(100dvh - 104px);}}

.nav.glass-active{
  border-color:rgba(147,197,253,.72);
  box-shadow:0 28px 90px rgba(37,99,235,.18), inset 0 1px 0 rgba(255,255,255,.96), inset 0 -1px 0 rgba(148,163,184,.18);
}
.nav.glass-active::before{opacity:1}
.nav > *{position:relative;z-index:1}
.auth-nav{
  width:min(calc(100% - 28px),980px);
  min-height:70px;
}
.brand{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  min-width:0;
  font-weight:900;
  font-size:20px;
}
.brand-text{
  white-space:nowrap;
  font-size:22px;
  letter-spacing:-.7px;
}
.brand-text span{color:var(--primary)}
.nav-toggle{
  display:none;
  margin-left:auto;
  width:46px;
  height:46px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  cursor:pointer;
}
.nav-toggle span{
  display:block;
  width:18px;
  height:2px;
  margin:4px auto;
  background:#334155;
  border-radius:999px;
}
.nav-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex:1 1 auto;
  min-width:0;
}
.nav-group{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.nav-secondary{margin-left:auto;justify-content:flex-end}
.nav-group a,
.nav-dropdown summary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 14px;
  border:1px solid transparent;
  border-radius:999px;
  color:#334155;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  list-style:none;
  transition:.18s ease;
}
.nav-group a:hover,
.nav-group a.active,
.nav-dropdown summary:hover,
.nav-dropdown summary.active{
  color:#1d4ed8;
  background:#eef4ff;
  border-color:#dbeafe;
}
.nav-dropdown{position:relative}
.nav-dropdown summary::-webkit-details-marker{display:none}
.nav-dropdown-menu{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  width:260px;
  padding:10px;
  display:grid;
  gap:6px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:var(--shadow-md);
}
.nav-dropdown-menu a{
  justify-content:flex-start;
  gap:10px;
  min-height:44px;
  padding:10px 12px;
  border-radius:14px;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:46px;
  padding:0 18px;
  border:0;
  border-radius:15px;
  background:var(--brand-grad);
  color:#fff;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 16px 32px rgba(79,70,229,.2);
  transition:.18s ease;
}
.btn:hover{transform:translateY(-1px);filter:saturate(1.05)}
.btn.ghost{
  background:#fff;
  color:#142033;
  border:1px solid var(--line);
  box-shadow:var(--shadow-sm);
}
.btn.compact{min-height:42px;padding:0 16px}
.btn:disabled{opacity:.72;cursor:wait;transform:none}

.wrap{
  width:min(calc(100% - 28px),var(--page-width));
  margin:0 auto;
  padding:40px 0 0;
}
.tool{width:min(calc(100% - 28px),1180px)}

.hero{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:26px;
  align-items:stretch;
  margin-bottom:28px;
}
.hero-copy{
  padding:24px 0;
}
.hero-eyebrow{
  display:none;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.75);
  border:1px solid #dbeafe;
  color:#1d4ed8;
  font-size:13px;
  font-weight:800;
}
.hero h1{
  margin:16px 0 16px;
  font-size:56px;
  line-height:1.02;
  letter-spacing:-2.2px;
}
.hero h1 .gradient{
  background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 52%,#6d28d9 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.hero p{
  margin:0;
  max-width:720px;
  color:var(--muted);
  font-size:18px;
  line-height:1.85;
}
.hero-home{
  grid-template-columns:1fr;
  gap:0;
  margin-bottom:40px;
  padding:26px 34px 30px;
  border:1px solid rgba(216,226,238,.95);
  border-radius:36px;
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.12), transparent 22%),
    radial-gradient(circle at top right, rgba(14,165,233,.1), transparent 24%),
    linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.72));
  box-shadow:var(--shadow-md);
}
.hero-home .hero-copy{
  max-width:1120px;
  margin:0 auto;
  padding:42px 0 22px;
  text-align:center;
}
.hero-home h1{
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
  font-size:64px;
  letter-spacing:-2.8px;
}
.hero-home p{
  max-width:780px;
  margin-left:auto;
  margin-right:auto;
}
.hero-home .hero-actions,
.hero-home .hero-pills{
  justify-content:center;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.hero-pills-wide{
  margin-top:-8px;
  margin-bottom:10px;
}
.hero-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:30px;
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
}
.hero-metrics div{
  padding:18px 20px;
  border:1px solid #dbeafe;
  border-radius:20px;
  background:rgba(255,255,255,.78);
}
.hero-metrics b{
  display:block;
  margin-bottom:6px;
  font-size:24px;
  line-height:1.1;
  letter-spacing:-1px;
}
.hero-metrics span{
  display:block;
  color:var(--muted);
  font-size:13px;
}
.hero-value-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:22px;
}
.hero-value-strip div{
  padding:16px 18px;
  border:1px solid #dbeafe;
  border-radius:18px;
  background:rgba(255,255,255,.82);
  text-align:left;
}
.hero-value-strip b{
  display:block;
  margin-bottom:6px;
  font-size:15px;
}
.hero-value-strip span{
  display:block;
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
}
.hero-showcase{
  align-content:stretch;
}
.hero-showcase-card{
  min-height:100%;
  display:grid;
  align-content:start;
  gap:18px;
  padding:32px;
}
.hero-showcase-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.hero-showcase-list{
  display:grid;
  gap:12px;
}
.hero-showcase-list div{
  padding:16px 18px;
  border:1px solid #dbeafe;
  border-radius:18px;
  background:rgba(248,251,255,.92);
}
.hero-showcase-list b{
  display:block;
  margin-bottom:4px;
}
.hero-showcase-list span{
  display:block;
  color:var(--muted);
  font-size:13px;
}
.pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid #dbeafe;
  background:#fff;
  color:#1d4ed8;
  font-size:13px;
  font-weight:800;
}

.card{
  position:relative;
  overflow:hidden;
  padding:28px;
  border:1px solid rgba(216,226,238,.95);
  border-radius:var(--radius-lg);
  background:var(--surface-strong);
  box-shadow:var(--shadow-md);
}
.card-soft{
  padding:22px;
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:var(--shadow-sm);
}
.card::after{
  content:"";
  position:absolute;
  right:-40px;
  bottom:-40px;
  width:120px;
  height:120px;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(37,99,235,.06),rgba(124,58,237,.08));
}
.card > *{position:relative;z-index:1}
.card h1,.card h2,.card h3{
  margin:0 0 12px;
  line-height:1.2;
  letter-spacing:-.6px;
}
.card h2{font-size:32px}
.card h3{font-size:22px}
.card p{margin:0;color:var(--muted);line-height:1.8}
.muted{color:var(--muted)}

.hero-panel{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-content:start;
}
.stat{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.stat > div{
  padding:18px;
  border:1px solid #dbeafe;
  border-radius:18px;
  background:rgba(255,255,255,.72);
}
.stat b{
  display:block;
  margin-bottom:6px;
  font-size:28px;
  letter-spacing:-1px;
}
.stat p{margin:0;color:var(--muted)}
.hero-stat{
  padding:18px;
  border:1px solid #dbeafe;
  border-radius:18px;
  background:rgba(255,255,255,.74);
}
.hero-stat b{
  display:block;
  margin-bottom:6px;
  font-size:28px;
  letter-spacing:-1px;
}
.hero-stack{
  display:grid;
  gap:14px;
  align-content:start;
}

.section-title{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin:52px 0 20px;
}
.section-title h2{
  margin:0 0 6px;
  font-size:32px;
}
.section-title p{margin:0;color:var(--muted)}

.grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.category-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}
.tools-grid{
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
.grid > .card,
.category-grid > .card{height:100%;display:flex;flex-direction:column}
.grid > .card .mini,
.category-grid > .card .mini{margin-top:auto}

.category-card,
.tool-card,
.trust-card,
.price-card{
  min-height:100%;
}
.category-card,
.tool-card{
  isolation:isolate;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.category-card::before,
.tool-card::before{
  content:"";
  position:absolute;
  right:-18%;
  bottom:-42%;
  width:180px;
  height:180px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(37,99,235,.18) 0%, rgba(79,70,229,.08) 42%, transparent 72%);
  opacity:0;
  transform:scale(.8);
  transition:opacity .22s ease, transform .22s ease;
  pointer-events:none;
}
.category-card:hover,
.category-card:focus-visible,
.tool-card:hover,
.tool-card:focus-visible{
  transform:translateY(-6px) scale(1.01);
  border-color:#9fc1ff;
  background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(243,248,255,.95) 100%);
  box-shadow:0 26px 60px rgba(37,99,235,.14);
}
.category-card:hover::before,
.category-card:focus-visible::before,
.tool-card:hover::before,
.tool-card:focus-visible::before{
  opacity:1;
  transform:scale(1);
}
.category-icon,
.tool-icon,
.trust-icon,
.tool-detail-icon{
  width:50px;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:#eef4ff;
  border:1px solid #dbeafe;
  margin-bottom:16px;
  font-size:24px;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.category-card:hover .category-icon,
.category-card:focus-visible .category-icon,
.tool-card:hover .tool-icon,
.tool-card:focus-visible .tool-icon{
  transform:scale(1.08) rotate(-4deg);
  box-shadow:0 18px 34px rgba(37,99,235,.16);
  border-color:#93c5fd;
  background:linear-gradient(135deg,#eff6ff,#ffffff);
}
.tool-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.badge{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:linear-gradient(135deg,#eef4ff,#f6f0ff);
  color:#2855b1;
  border:1px solid #d4e2ff;
  font-size:12px;
  font-weight:900;
}
.tool-card:hover .badge,
.tool-card:focus-visible .badge,
.category-card:hover .mini,
.category-card:focus-visible .mini,
.tool-card:hover .mini,
.tool-card:focus-visible .mini{
  color:#1d4ed8;
}

.category-card h3,
.tool-card h3,
.price-card h3{margin-bottom:10px}
.price{
  display:flex;
  align-items:flex-end;
  gap:4px;
  margin:14px 0 18px;
  font-size:44px;
  font-weight:900;
  line-height:1;
  letter-spacing:-1.8px;
  color:#1d4ed8;
}
.price small{font-size:15px;color:var(--muted)}
.price-feature-list{
  display:grid;
  gap:10px;
  margin-bottom:18px;
}
.price-feature-list span{
  display:flex;
  align-items:flex-start;
  gap:8px;
  color:#475569;
  font-size:13px;
  line-height:1.65;
}
.price-feature-list span::before{
  content:"•";
  color:#2563eb;
  font-weight:900;
}

.pricing-hero,
.catalog-hero,
.dashboard-hero{
  display:grid;
  gap:14px;
}
.pricing-hero{
  margin-bottom:10px;
  padding:34px 34px 30px;
}
.pricing-hero p{
  max-width:760px;
}
.pricing-metrics{
  margin-top:18px;
}

.tool-builder,
.tool-hero,
.task-hero{
  padding:30px;
}
.tool-builder-head,
.tool-hero-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
}
.tool-builder-main,
.tool-hero-main{min-width:0;display:grid;gap:12px}
.tool-builder-side,
.tool-hero-side{
  width:300px;
  min-width:300px;
  padding:20px;
  border:1px solid #dbeafe;
  border-radius:20px;
  background:linear-gradient(180deg,#f9fbff,#f3f7ff);
}
.tool-builder-side b,
.tool-hero-side b{
  display:block;
  margin:4px 0 8px;
  font-size:18px;
}
.tool-promise-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:24px;
}
.promise-item{
  padding:14px 16px;
  border:1px solid #dbeafe;
  border-radius:18px;
  background:rgba(248,251,255,.92);
}
.promise-item b{display:block;margin-bottom:6px}
.promise-item span{display:block;font-size:13px;color:var(--muted);line-height:1.6}

.tool-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:22px 0 0;
}
.tool-tabs a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--line);
  background:#fff;
  color:#334155;
  font-size:13px;
  font-weight:800;
}
.tool-tabs a.active{
  border-color:#cfe0ff;
  background:#eef4ff;
  color:#1d4ed8;
}

.tool-upload-card{
  margin-top:24px;
}
.tool-upload-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.tool-upload-head p{
  max-width:760px;
}
.tool-builder-meta{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
}
.tool-builder-meta span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid #dbeafe;
  background:#f8fbff;
  color:#2855b1;
  font-size:12px;
  font-weight:800;
}
.tool-workspace,
.tool-top-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  margin-top:24px;
  align-items:start;
}
.tool-main-column,
.tool-top-column{display:grid;gap:22px}
.tool-side-column{display:grid;gap:22px}
.tool-params-card{margin-top:0}
.tool-bottom-grid{
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
  gap:22px;
  margin-top:22px;
  align-items:stretch;
}
.tool-side-notes{
  min-height:100%;
}
.tool-params-card{
  height:100%;
}
.inner-card{padding:24px}

.upload-source-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:4px 0 14px;
}
.source-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid #dbeafe;
  font-size:13px;
  font-weight:800;
}
.source-pill.active{background:#eef4ff;color:#1d4ed8}
.source-pill.disabled{background:#f8fafc;color:#94a3b8}
.upload{
  position:relative;
  min-height:250px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:34px 28px;
  border:2px dashed #bdd6ff;
  border-radius:26px;
  background:linear-gradient(180deg,#fff,#f5f9ff);
  text-align:center;
  transition:.2s ease;
}
.upload.dragover,
.upload:hover{
  border-color:#8eb8ff;
  background:#eff6ff;
}
.upload::before{
  content:"";
  width:68px;
  height:68px;
  border-radius:22px;
  border:1px solid #cfe0ff;
  background:#eef4ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Crect x='10' y='10' width='44' height='44' rx='16' fill='%23ffffff'/%3E%3Cpath d='M32 18v16' stroke='%232563eb' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='m24 28 8-8 8 8' stroke='%232563eb' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='18' y='38' width='28' height='6' rx='3' fill='%2393c5fd'/%3E%3C/svg%3E") center/38px 38px no-repeat;
  box-shadow:0 18px 36px rgba(37,99,235,.1);
}
.upload p{
  color:#243449;
  max-width:720px;
  font-size:22px;
  font-weight:900;
  margin:0;
}
.upload-wide{min-height:332px}
.upload-input{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.upload-cta{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-width:280px;
  min-height:80px;
  padding:14px 22px;
  border-radius:20px;
  border:1px solid #cfe0ff;
  background:#fff;
  box-shadow:var(--shadow-sm);
  color:#0f172a;
  cursor:pointer;
  transition:.18s ease;
}
.upload-cta:hover{
  transform:translateY(-1px);
  border-color:#9ac0ff;
  box-shadow:0 18px 38px rgba(37,99,235,.12);
}
.upload-cta span{
  font-weight:900;
  font-size:16px;
}
.upload-cta small{
  color:var(--muted);
  font-size:12px;
}
.upload-safe-note,
.file-hint,
.field-help,
.mini{
  font-size:11px;
  line-height:1.55;
  color:var(--muted);
}
.upload-safe-note{
  max-width:260px;
  margin:0 auto;
}
.tool-upload-actions{
  align-items:center;
  justify-content:flex-start;
}
.tool-upload-actions .submit-feedback{
  margin-top:0;
  flex:1 1 280px;
}
small{color:var(--muted)}
.format-list{
  display:block;
  white-space:normal;
  overflow-wrap:anywhere;
}

.field-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.tool-fields-wide{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.form-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:16px 0;
}
.field-block label{
  display:block;
  margin-bottom:8px;
  font-size:14px;
  font-weight:800;
  color:#334155;
}
input,select,textarea{
  width:100%;
  min-height:48px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#fff;
  color:var(--text);
  outline:none;
  transition:.18s ease;
}
textarea{min-height:104px;resize:vertical}
input:focus,select:focus,textarea:focus{
  border-color:#9ac0ff;
  box-shadow:0 0 0 4px rgba(37,99,235,.1);
}
.advanced-box{
  margin-top:20px;
  padding:18px;
  border:1px solid #dbeafe;
  border-radius:18px;
  background:#f8fbff;
}
.advanced-box summary{
  cursor:pointer;
  font-weight:800;
  color:#1d4ed8;
  margin-bottom:14px;
}

.toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}
.page-shortcuts-wrap{
  padding-top:10px;
}
.page-shortcuts{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:10px;
}
.page-shortcuts .btn{
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  color:#475569;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(203,213,225,.9);
  box-shadow:none;
}
.page-shortcuts .btn::before{
  content:"\2039";
  font-size:18px;
  line-height:1;
}
.submit-feedback{margin-top:16px}

.notice{
  padding:15px 16px;
  border:1px solid #fed7aa;
  border-radius:18px;
  background:#fff7ed;
  color:#9a3412;
  line-height:1.7;
}
.notice.success{
  border-color:#bbf7d0;
  background:#ecfdf5;
  color:#047857;
}
.notice.error{
  border-color:#fecaca;
  background:#fef2f2;
  color:#b91c1c;
}
.modal-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:18px;
  margin-bottom:22px;
}
.modal-head h3{
  margin:0 0 8px;
  font-size:24px;
  line-height:1.2;
  max-width:520px;
}
.modal-head p{
  margin:0;
  color:#64748b;
  max-width:460px;
}
.modal-close-btn{
  min-height:40px !important;
  width:auto !important;
  min-width:88px;
  padding:0 16px !important;
  align-self:start;
  white-space:nowrap;
  box-shadow:none !important;
}

.task-meta{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:16px;
  margin:20px 0;
}
.task-metric{
  padding:18px;
  border:1px solid #dbe4f0;
  border-radius:18px;
  background:rgba(255,255,255,.7);
}
.task-metric b{
  display:block;
  font-size:28px;
  line-height:1.1;
  letter-spacing:-1px;
}

.progress{
  height:12px;
  border-radius:999px;
  background:#e5edf8;
  overflow:hidden;
}
.progress span{
  display:block;
  height:100%;
  background:linear-gradient(90deg,#2563eb,#7c3aed);
  border-radius:999px;
}

.detail-layout{
  display:grid;
  grid-template-columns:1.05fr .95fr .95fr;
  gap:20px;
  margin-top:22px;
}
.admin-user-top{
  grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);
  align-items:start;
}
.info-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:14px 0;
  border-bottom:1px solid #e7edf6;
}
.info-row:last-child{border-bottom:0}
.info-row b{font-size:15px}

.table-wrap{
  width:100%;
  overflow:auto;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
}
.table-scroll-hint{margin:0 0 8px}
table,.table{
  width:100%;
  min-width:860px;
  border-collapse:collapse;
}
th,td{
  padding:14px 16px;
  border-bottom:1px solid #edf2f8;
  text-align:left;
  vertical-align:top;
  overflow-wrap:anywhere;
}
th{
  background:#f8fbff;
  color:#334155;
  font-size:13px;
  font-weight:900;
}
tr:last-child td{border-bottom:0}
.dashboard-table th:nth-child(1){min-width:170px}
.dashboard-table th:nth-child(2){min-width:110px}
.dashboard-table th:nth-child(3){min-width:110px}
.dashboard-table th:nth-child(7){min-width:180px}
.dashboard-col-no{min-width:230px}
.dashboard-col-kind{min-width:112px;white-space:nowrap}
.dashboard-col-tool{min-width:120px}
.dashboard-col-status{min-width:112px;white-space:nowrap}
.dashboard-col-progress{min-width:96px}
.dashboard-col-size{min-width:92px;white-space:nowrap}
.dashboard-col-note{min-width:180px}
.dashboard-col-time{min-width:138px;white-space:nowrap}
.dashboard-col-action{min-width:126px;white-space:nowrap}
.dashboard-task-no{
  display:inline-block;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  border:1px solid currentColor;
  background:#fff;
}

.empty{
  padding:28px;
  text-align:center;
  color:var(--muted);
  border:1px dashed #cbd5e1;
  border-radius:18px;
  background:#f8fafc;
}

.status-success{color:var(--success);font-weight:900}
.status-failed{color:var(--danger);font-weight:900}
.status-running,.status-pending{color:var(--warning);font-weight:900}
.status-batch{color:#7c3aed;font-weight:900}
.status-normal{color:#1d4ed8;font-weight:900}

.admin-filter-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}
.dashboard-filter-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:end;
}
.admin-filter-actions{
  align-items:end;
  margin-top:30px;
}
.list-summary{
  margin:16px 0 0;
  color:#64748b;
}
.pagination{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:18px;
}
.page-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  min-height:42px;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  color:#334155;
  font-weight:800;
}
.page-link.active{
  border-color:#c7d2fe;
  background:#eef2ff;
  color:#4338ca;
}
.admin-detail-form{
  display:grid;
  gap:14px;
  margin-top:18px;
}
.check-row{
  display:flex;
  align-items:center;
  gap:10px;
  color:#334155;
  font-weight:700;
}
.check-row input{
  width:18px;
  min-height:auto;
  margin:0;
}

.auth-shell{
  width:min(calc(100% - 28px),1120px);
}
.auth-layout{
  display:grid;
  grid-template-columns:minmax(320px,.88fr) minmax(0,680px);
  justify-content:center;
  gap:22px;
  align-items:stretch;
}
.auth-side-card{
  display:grid;
  align-content:start;
  gap:20px;
  padding:34px 30px;
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.14), transparent 26%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,248,255,.9));
}
.auth-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:#eef4ff;
  color:#1d4ed8;
  font-size:13px;
  font-weight:900;
}
.auth-side-card h1{
  margin:0;
  font-size:42px;
  line-height:1.08;
  letter-spacing:-1.4px;
}
.auth-side-card p{
  margin:0;
  color:#5b6b82;
  line-height:1.9;
}
.auth-side-points{
  display:grid;
  gap:12px;
}
.auth-side-points div{
  display:grid;
  gap:6px;
  padding:16px 18px;
  border:1px solid #dbeafe;
  border-radius:18px;
  background:rgba(255,255,255,.82);
}
.auth-side-points b{
  font-size:16px;
}
.auth-side-points span{
  color:#64748b;
  font-size:14px;
  line-height:1.7;
}
.auth-card{
  display:grid;
  align-content:start;
  gap:22px;
  max-width:680px;
  margin:0 auto;
  padding:38px 38px 34px;
  border-radius:34px;
  background:rgba(255,255,255,.9);
  box-shadow:0 28px 80px rgba(15,23,42,.12);
}
.auth-card-head{
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:16px;
}
.auth-switch-link{
  white-space:nowrap;
  flex-shrink:0;
}
.auth-card-head h2{
  margin-bottom:10px;
  font-size:44px;
  letter-spacing:-1.2px;
}
.auth-card-head p{
  max-width:460px;
  color:#64748b;
}
.auth-mode-switch{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.auth-mode-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid #dbeafe;
  background:#f8fbff;
  color:#475569;
  font-size:14px;
  font-weight:800;
  transition:.18s ease;
}
.auth-mode-pill:hover{
  color:#1d4ed8;
  border-color:#93c5fd;
  background:#eff6ff;
}
.auth-mode-pill.active{
  color:#ffffff;
  border-color:transparent;
  background:linear-gradient(135deg,#2563eb,#4f46e5);
  box-shadow:0 16px 34px rgba(79,70,229,.18);
}
.auth-form{
  display:grid;
  gap:16px;
}
.auth-field-block{
  display:grid;
  gap:8px;
}
.auth-field-block input{
  min-height:54px;
  border-radius:18px;
  padding:14px 16px;
  background:#fbfdff;
}
.auth-code-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
}
.auth-code-row .btn{
  width:auto;
  margin-top:0;
}
.auth-helper-row{
  padding:12px 14px;
  border:1px solid #e2e8f0;
  border-radius:16px;
  background:#f8fbff;
  color:#64748b;
  font-size:13px;
  line-height:1.7;
}
.inline-link{
  display:inline;
  padding:0;
  border:0;
  background:transparent;
  color:#1d4ed8;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
.inline-link:hover{text-decoration:underline}
.auth-agree-row{
  align-items:flex-start;
  padding:2px 2px 0;
  font-weight:600;
}
.auth-agree-row span{
  line-height:1.75;
  color:#334155;
}
.auth-terms-panel{
  display:grid;
  gap:18px;
  padding:0;
}
.auth-terms-section{
  display:grid;
  gap:10px;
  padding:18px 18px 16px;
  border:1px solid #e2e8f0;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}
.auth-terms-section b{
  color:#0f172a;
  font-size:18px;
}
.auth-terms-section p{
  margin:0;
  color:#475569;
  font-size:15px;
  line-height:1.85;
}
.poster-shell{
  padding:26px;
}
.poster-template-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-bottom:18px;
}
.poster-template{
  display:grid;
  gap:6px;
  padding:16px 18px;
  border-radius:20px;
  border:1px solid #dbeafe;
  background:#fff;
  color:inherit;
  text-decoration:none;
  transition:.18s ease;
}
.poster-template:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 34px rgba(15,23,42,.08);
}
.poster-template.active{
  border-color:#60a5fa;
  background:linear-gradient(135deg,#eff6ff,#ffffff);
  box-shadow:0 18px 34px rgba(37,99,235,.1);
}
.poster-template b{font-size:15px}
.poster-template span{
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
}
.poster-card{
  display:block;
  padding:18px;
  border:1px solid #dbeafe;
  border-radius:28px;
  background:
    radial-gradient(circle at 0% 0%, rgba(255,184,0,.22), transparent 24%),
    radial-gradient(circle at 100% 0%, rgba(236,72,153,.24), transparent 28%),
    radial-gradient(circle at 100% 100%, rgba(14,165,233,.18), transparent 24%),
    linear-gradient(135deg,#ffffff 0%,#fff8f2 42%,#f4fbff 100%);
}
.poster-card img{
  width:100%;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.76);
  box-shadow:0 26px 70px rgba(15,23,42,.14);
}
.poster-preview{
  position:relative;
  width:100%;
  border-radius:22px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 26px 70px rgba(15,23,42,.14);
}
.poster-preview-bg{
  display:block;
  width:100%;
  height:auto;
  border:0;
  box-shadow:none;
}
.poster-preview-qr-shell{
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px;
  background:rgba(255,255,255,.98);
  box-shadow:0 14px 34px rgba(15,23,42,.14);
  border:1px solid rgba(255,255,255,.92);
  overflow:hidden;
}
.poster-preview-qr{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.poster-preview-qr img,
.poster-preview-qr canvas{
  display:block;
  width:100% !important;
  height:100% !important;
}
.poster-preview-loading{
  position:absolute;
  left:18px;
  bottom:18px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#334155;
  font-size:13px;
  font-weight:700;
  box-shadow:0 12px 28px rgba(15,23,42,.12);
}
.poster-copy{
  display:grid;
  align-content:start;
  gap:18px;
}
.poster-copy h1{
  margin:0;
  font-size:44px;
  line-height:1.08;
  letter-spacing:-1.6px;
}
.poster-points{
  display:grid;
  gap:12px;
}
.poster-points div{
  padding:16px 18px;
  border:1px solid #dbeafe;
  border-radius:18px;
  background:rgba(255,255,255,.82);
}
.poster-points b{
  display:block;
  margin-bottom:4px;
}
.poster-points span{
  display:block;
  color:var(--muted);
  font-size:13px;
}
.admin-user-overview,
.admin-record-grid{
  display:grid;
  gap:16px;
}
.admin-user-overview{
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-bottom:8px;
}
.admin-user-stat{
  padding:16px;
  border:1px solid #dbeafe;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}
.admin-user-stat b,
.record-item b{
  display:block;
  margin-bottom:6px;
}
.admin-user-stat span,
.record-item span,
.record-item small{
  display:block;
  color:var(--muted);
  line-height:1.6;
}
.admin-record-stack{
  display:grid;
  gap:18px;
  margin-top:24px;
}
.admin-record-section{
  display:grid;
  gap:18px;
}
.admin-record-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.admin-record-section-head p{
  margin:6px 0 0;
}
.admin-record-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:0;
}
.admin-record-wide{
  grid-column:1 / -1;
}
.record-item{
  padding:14px 0;
  border-bottom:1px solid #e7edf6;
}
.record-item:last-child{
  padding-bottom:0;
  border-bottom:0;
}
.mobile-task-list{
  display:none;
}
.mobile-task-card{
  display:grid;
  gap:12px;
  padding:18px;
}
.mobile-task-head,
.mobile-task-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.mobile-task-head b{
  font-size:15px;
  overflow-wrap:anywhere;
}
.mobile-task-meta{
  color:var(--muted);
  font-size:12px;
}
.mobile-task-note{
  color:#334155;
  font-size:13px;
  line-height:1.65;
}
.admin-home-hero{
  display:grid;
  gap:18px;
}
.admin-home-stat{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.admin-home-section{
  margin-top:28px;
}
.admin-home-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.side-group{
  display:grid;
  gap:4px;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #e7edf6;
}
.side-group:first-of-type{
  margin-top:0;
  padding-top:0;
  border-top:0;
}
.side-group-title{
  padding:4px 8px 6px;
  color:#94a3b8;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.admin-inline-form{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:4px 6px 4px 0;
}
.admin-inline-form input{
  width:140px;
  min-height:40px;
}
.poster-highlight{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(236,72,153,.18);
  background:linear-gradient(135deg,#fff1f2,#fff7ed);
  color:#be185d;
  font-size:12px;
  font-weight:900;
}
.poster-link{
  padding:14px 16px;
  border-radius:16px;
  background:linear-gradient(135deg,#0f172a,#172554);
  color:#eff6ff;
  font-size:13px;
  overflow-wrap:anywhere;
}
.poster-qr{
  display:grid;
  align-content:center;
  justify-items:center;
  gap:12px;
  text-align:center;
}
.poster-qr img{
  width:240px;
  height:240px;
  padding:14px;
  border-radius:24px;
  background:#fff;
  border:1px solid #fed7aa;
  box-shadow:0 24px 60px rgba(236,72,153,.14);
}
.poster-save-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.settings-toggle-list{
  display:grid;
  gap:12px;
}
.settings-toggle-list .check-row{
  padding:14px 16px;
  border:1px solid #dbeafe;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}
.settings-toggle-list .check-row span{
  font-weight:700;
  color:#1e293b;
}
.membership-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.membership-item{
  padding:16px 18px;
  border:1px solid #dbeafe;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}
.membership-item b,
.membership-item span{
  display:block;
}
.membership-item b{margin-bottom:6px}
.membership-item span{
  color:var(--muted);
  line-height:1.7;
}
.admin-subnav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.admin-subnav-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 14px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:#334155;
  font-size:13px;
  font-weight:800;
}
.admin-subnav-link.active{
  border-color:#bfdbfe;
  background:#eff6ff;
  color:#1d4ed8;
}
.auth-form{
  display:grid;
  gap:16px;
}
.auth-form .btn{
  width:100%;
  margin-top:6px;
}

.admin-layout{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:24px;
  align-items:start;
}
.admin-layout main{
  min-width:0;
  display:grid;
  gap:24px;
}
.admin-layout main > .card,
.admin-layout main > .grid,
.admin-layout main > .detail-layout,
.admin-layout main > section{
  margin-top:0 !important;
}
.side{
  position:sticky;
  top:106px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:24px;
  background:rgba(255,255,255,.9);
  box-shadow:var(--shadow-sm);
}
.side::after{display:none}
.side-title{
  margin-bottom:10px;
  padding:6px 8px 10px;
  color:#64748b;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.side a{
  display:block;
  padding:11px 12px;
  border-radius:14px;
  color:#334155;
  font-weight:700;
}
.side a:hover{
  color:#1d4ed8;
  background:#eef4ff;
}

.footer{
  padding:12px 0 36px;
  color:#64748b;
}
.footer-inner{
  width:min(calc(100% - 28px),var(--page-width));
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 0 0;
}
.footer-inner p{margin:6px 0 0;color:var(--muted)}
.footer-meta{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px 16px;
  font-size:13px;
}

@media (max-width:1100px){
  .hero{grid-template-columns:1fr}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-value-strip{grid-template-columns:1fr}
  .tool-builder-head,.tool-hero-head{flex-direction:column}
  .tool-builder-side,.tool-hero-side{width:100%;min-width:0}
  .tool-workspace,.tool-top-grid{grid-template-columns:1fr}
  .tool-bottom-grid{grid-template-columns:1fr}
  .detail-layout{grid-template-columns:1fr}
  .admin-layout{grid-template-columns:1fr}
  .side{position:static}
  .auth-layout{grid-template-columns:1fr}
  .auth-side-card{display:none}
  .admin-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .poster-card{grid-template-columns:1fr}
  .poster-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tool-upload-head{display:grid}
  .auth-code-row{grid-template-columns:1fr}
}

@media (max-width:820px){
  .nav{padding:12px 14px}
  .nav-toggle{display:block}
  .nav-panel{
    position:absolute;
    top:calc(100% + 12px);
    left:0;
    right:0;
    width:min(calc(100% - 28px),1280px);
    margin:0 auto;
    padding:14px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    border:1px solid var(--line);
    border-radius:24px;
    background:rgba(255,255,255,.96);
    box-shadow:var(--shadow-lg);
  }
  .nav.nav-open .nav-panel{display:flex}
  .nav-group{flex-direction:column;align-items:stretch}
  .nav-secondary{margin-left:0}
  .nav-group a,
  .nav-dropdown summary{justify-content:flex-start}
  .nav-dropdown-menu{
    position:static;
    width:100%;
    margin-top:10px;
    box-shadow:none;
  }
  .hero h1{font-size:42px}
  .hero-home h1{font-size:48px}
}

@media (max-width:640px){
  .site-header{padding-top:10px}
  .nav{width:min(calc(100% - 20px),1280px);border-radius:24px}
  .auth-nav{width:min(calc(100% - 20px),980px)}
  .nav-panel{width:min(calc(100% - 20px),1280px)}
  .wrap,.tool,.footer-inner{width:min(calc(100% - 20px),var(--page-width))}
  .wrap{padding-top:24px}
  .card,.tool-builder,.tool-hero,.task-hero{padding:20px}
  .hero h1{font-size:34px;letter-spacing:-1.4px}
  .hero-home h1{font-size:38px;letter-spacing:-1.6px}
  .hero p{font-size:16px}
  .hero-home{padding:18px 18px 22px}
  .hero-home .hero-copy{padding:22px 0 10px}
  .hero-value-strip{
    display:none;
  }
  .hero-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:18px;
  }
  .hero-metrics div{padding:12px 14px}
  .hero-metrics b{font-size:18px}
  .hero-metrics span{font-size:12px}
  .hero-panel,
  .hero-metrics,
  .stat,
  .grid,
  .category-grid,
  .admin-filter-grid,
  .field-grid,
  .form-row,
  .task-meta,
  .tool-promise-grid{grid-template-columns:1fr}
  .toolbar,
  .hero-actions{display:grid;grid-template-columns:1fr}
  .hero-home{
    padding:12px 12px 16px;
    border-radius:26px;
  }
  .hero-home .hero-actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .hero-pills-wide{
    margin-top:0;
    overflow:auto;
    white-space:nowrap;
    flex-wrap:nowrap;
    padding-bottom:4px;
  }
  .hero-pills-wide .pill{
    white-space:nowrap;
    flex:0 0 auto;
  }
  .hero-home .hero-actions .btn:first-child{
    grid-column:1 / -1;
  }
  .btn,.toolbar .btn{width:100%}
  .section-title{display:grid;gap:10px;align-items:start}
  .section-title h2{font-size:26px}
  .upload{min-height:240px;padding:24px 16px}
  .upload p{font-size:18px}
  .upload-cta{min-width:100%}
  .tool-tabs{
    flex-wrap:nowrap;
    overflow:auto;
    padding-bottom:4px;
  }
  .tool-tabs a{white-space:nowrap}
  .footer-inner{flex-direction:column;align-items:flex-start}
  .footer-meta{justify-content:flex-start}
  table,.table{min-width:720px}
  .desktop-table-only{display:none}
  .mobile-task-list{display:grid;gap:14px}
  .auth-card-head{display:grid}
  .auth-card{padding:24px 20px 22px}
  .auth-card-head h2{font-size:34px}
  .page-shortcuts,
  .pagination{display:grid;grid-template-columns:1fr}
  .modal-head{
    grid-template-columns:1fr;
    gap:12px;
  }
  .modal-head h3,
  .modal-head p{max-width:none}
  .modal-close-btn{
    justify-self:start;
  }
  .poster-copy h1{font-size:32px;letter-spacing:-1px}
  .poster-qr img{width:180px;height:180px;padding:10px;border-radius:20px}
  .poster-template-grid{grid-template-columns:1fr}
  .membership-grid{grid-template-columns:1fr}
  .admin-user-overview,
  .admin-record-grid{grid-template-columns:1fr}
  .admin-record-section{
    gap:14px;
  }
  .admin-record-section-head{
    display:grid;
  }
  .admin-home-grid,
  .admin-home-stat{grid-template-columns:1fr}
}

/* V6.7 后台布局与管理页面体验优化：只调整后台展示层，不修改业务处理逻辑 */
.admin-page-hero{
  display:grid;
  gap:18px;
  padding:26px;
  background:
    radial-gradient(circle at 0 0, rgba(37,99,235,.13), transparent 28%),
    radial-gradient(circle at 100% 0, rgba(124,58,237,.1), transparent 26%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.92));
}
.admin-page-hero-copy{
  display:grid;
  gap:10px;
}
.admin-page-hero h2{
  margin:0;
  font-size:34px;
  line-height:1.16;
  letter-spacing:-1px;
}
.admin-page-hero p{
  max-width:760px;
  margin:0;
  color:var(--muted);
  line-height:1.85;
}
.admin-page-mini-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.admin-page-mini-stats div{
  padding:14px 16px;
  border:1px solid #dbeafe;
  border-radius:18px;
  background:rgba(255,255,255,.82);
}
.admin-page-mini-stats b,
.admin-page-mini-stats span{
  display:block;
}
.admin-page-mini-stats b{
  font-size:22px;
  line-height:1.2;
}
.admin-page-mini-stats span{
  margin-top:4px;
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}
.admin-card-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
}
.admin-card-title h3{
  margin:0;
  font-size:22px;
  letter-spacing:-.4px;
}
.admin-card-title p{
  margin:6px 0 0;
  color:var(--muted);
  line-height:1.75;
}
.admin-form-panel p{
  margin:0;
}
.admin-form-panel .btn{
  width:auto;
}
.admin-panel-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.admin-compact-table,
.admin-panel-grid .table{
  min-width:420px;
}
.admin-edit-table input,
.admin-edit-table select{
  min-height:40px;
  border-radius:12px;
  padding:8px 10px;
}
.table-mini-input{
  width:88px;
}
.side-group.active{
  padding:12px;
  border-radius:18px;
  background:linear-gradient(180deg,#f8fbff 0%,#eef4ff 100%);
  border:1px solid #dbeafe;
}
.side-group.active .side-group-title{
  color:#1d4ed8;
}
.side a.active{
  color:#ffffff;
  background:linear-gradient(135deg,#2563eb,#4f46e5);
  box-shadow:0 12px 26px rgba(79,70,229,.18);
}
.side a.active:hover{
  color:#ffffff;
  background:linear-gradient(135deg,#2563eb,#4f46e5);
}
.admin-subnav{
  padding-top:2px;
}
.admin-subnav-link:hover{
  border-color:#bfdbfe;
  background:#eff6ff;
  color:#1d4ed8;
}
.table-wrap{
  box-shadow:0 12px 26px rgba(15,23,42,.035);
}
.table tr:hover td{
  background:#fbfdff;
}
.table code{
  word-break:break-all;
}

@media (max-width:1100px){
  .admin-page-mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-panel-grid{grid-template-columns:1fr}
  .side-group.active{padding:10px}
}
@media (max-width:640px){
  .admin-page-hero{padding:20px}
  .admin-page-hero h2{font-size:28px}
  .admin-page-mini-stats{grid-template-columns:1fr}
  .admin-card-title{display:grid}
  .admin-form-panel .btn{width:100%}
  .admin-subnav{flex-wrap:nowrap;overflow:auto;padding-bottom:4px}
  .admin-subnav-link{white-space:nowrap;flex:0 0 auto}
}

/* V6.8 后台列表/详情/统计增强：延续 V6.7 视觉，不改核心业务逻辑 */
.admin-filter-card{margin-top:24px}
.admin-wide-table .table{min-width:1180px}
.admin-user-table th,.admin-user-table td{white-space:nowrap}

/* v6.9 admin feature refinement */
.admin-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.admin-action-grid form{display:flex;flex-direction:column;gap:10px}.task-file-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.task-file-actions form,.toolbar form{display:inline-flex;margin:0}.btn.danger,.btn.ghost.danger{color:#dc2626;border-color:rgba(220,38,38,.28);background:rgba(254,242,242,.85)}.admin-ad-preview{width:100%;max-height:320px;object-fit:cover;border-radius:18px;border:1px solid rgba(148,163,184,.24)}.home-ad-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0}.home-ad-card{display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:center;padding:18px;border:1px solid rgba(148,163,184,.22);background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(239,246,255,.72));border-radius:28px;box-shadow:0 18px 45px rgba(15,23,42,.08);text-decoration:none;color:inherit;overflow:hidden}.home-ad-card img{width:160px;height:96px;object-fit:cover;border-radius:20px}.home-ad-card span{display:inline-flex;font-size:12px;font-weight:800;color:#4f46e5;background:rgba(79,70,229,.09);padding:5px 10px;border-radius:999px}.home-ad-card h3{margin:8px 0 4px}.home-ad-card p{margin:0;color:#64748b}.status-failed{background:#fee2e2;color:#b91c1c}@media (max-width:900px){.admin-action-grid,.home-ad-strip{grid-template-columns:1fr}.home-ad-card{grid-template-columns:1fr}.home-ad-card img{width:100%;height:150px}}

/* v6.11 stability/admin base fixes */
.task-file-stack{display:flex;flex-direction:column;gap:8px;min-width:220px}.task-file-line{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.task-file-actions{gap:6px}.status-failed{background:rgba(239,68,68,.12);color:#b91c1c;border-color:rgba(239,68,68,.22)}.admin-dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card b{display:block;font-size:28px;line-height:1.1}.stat-card p{margin:8px 0 0;color:var(--muted)}.admin-mini-chart{height:110px;display:flex;align-items:flex-end;gap:10px;padding:10px 4px 22px;border-radius:18px;background:rgba(255,255,255,.45);overflow-x:auto}.admin-mini-bar{position:relative;min-width:28px;border-radius:999px 999px 6px 6px;background:linear-gradient(180deg,rgba(88,120,255,.72),rgba(88,120,255,.22));box-shadow:0 10px 20px rgba(66,90,180,.12)}.admin-mini-bar span{position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);font-size:11px;color:var(--muted);white-space:nowrap}.admin-detail-modal .info-row span{max-width:100%;overflow:auto}.table-wrap{overflow-x:auto}@media(max-width:900px){.admin-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-file-line{align-items:flex-start}}@media(max-width:560px){.admin-dashboard-grid{grid-template-columns:1fr}.admin-mini-chart{gap:8px}.admin-mini-bar{min-width:24px}}

/* v6.12 admin experience enhancement */
.admin-batch-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px}.admin-batch-toolbar select{max-width:180px}.admin-detail-modal{width:min(1040px,94vw);max-height:86vh;overflow:hidden}.admin-modal-backdrop .modal-card{max-height:86vh;overflow:hidden}.admin-filter-card{overflow:visible}.admin-wide-table{overflow-x:auto}.table-wrap{overflow-x:auto}.table th,.table td{vertical-align:middle}.danger{color:#b42318!important;border-color:rgba(180,35,24,.28)!important}.admin-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.info-row{padding:12px;border:1px solid rgba(148,163,184,.25);border-radius:16px;background:rgba(255,255,255,.58)}.info-row b{display:block;font-size:12px;color:#64748b;margin-bottom:6px}.info-row span{word-break:break-word}.admin-ad-preview{max-width:100%;border-radius:16px;border:1px solid rgba(148,163,184,.25)}@media(max-width:760px){.admin-filter-grid{grid-template-columns:1fr!important}.admin-detail-grid{grid-template-columns:1fr}.admin-batch-toolbar{align-items:stretch}.admin-batch-toolbar .btn,.admin-batch-toolbar select{width:100%;max-width:none}.admin-modal-backdrop .modal-card{width:94vw;max-height:86vh}.table{min-width:900px}}

/* v6.13 frontend experience and conversion enhancement */
.ftb613-hero{padding:46px 42px;min-height:auto}.ftb613-hero .hero-copy{max-width:920px}.hero-search,.tool-search-box{display:flex;gap:10px;align-items:center;margin:22px 0 0;padding:8px;background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-sm)}.tool-search-box input{flex:1;min-width:180px;border:0;background:transparent;padding:12px 14px;outline:0;color:var(--text)}.quick-tool-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.quick-tool-row a{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#334155;font-size:14px;font-weight:700}.quick-tool-row a:hover{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.front-announcements{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.front-ann-card{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.86);box-shadow:var(--shadow-sm)}.front-ann-card span{font-size:12px;color:var(--primary);font-weight:800}.front-ann-card b{font-size:15px}.front-ann-card em{font-style:normal;color:var(--muted);font-size:13px}.front-ann-card.pinned{border-color:#bfdbfe;background:linear-gradient(135deg,#eff6ff,#fff)}.ftb613-category-grid .category-card,.ftb613-tools-grid .tool-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ftb613-category-grid .category-card:hover,.ftb613-tools-grid .tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#bfdbfe}.tool-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.tool-card-meta span{font-size:12px;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:4px 8px}.tool-card strong{display:inline-flex;margin-top:14px;color:#1d4ed8;font-size:14px}.ftb613-catalog-hero{display:grid;grid-template-columns:1fr;gap:16px}.ftb613-category-tabs{overflow:auto;white-space:nowrap;padding-bottom:2px}.ftb613-category-tabs .pill.active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.empty-search-card{text-align:center;margin-top:24px}.tool-detail-chips{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.tool-detail-chips span{padding:8px 12px;border-radius:999px;background:#f8fafc;border:1px solid var(--line);color:#475569;font-size:14px;font-weight:700}.ftb613-faq-card{margin-top:24px}.ftb613-faq-card details{border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-top:10px;background:#fff}.ftb613-faq-card summary{cursor:pointer;font-weight:800}.member-tip-card{background:linear-gradient(135deg,#fff,#eff6ff)}.ftb613-upload-zone{border-width:2px}.upload-status-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.upload-status-preview div{padding:12px;border:1px solid var(--line);border-radius:16px;background:#f8fafc}.upload-status-preview b{display:block}.upload-status-preview span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.ftb613-result-hero .btn:first-child{font-size:16px;padding-inline:22px}.result-summary-banner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.result-summary-banner div{padding:14px;border:1px solid var(--line);border-radius:18px;background:#f8fafc}.result-summary-banner b,.result-summary-banner span{display:block}.result-summary-banner span{color:var(--muted);font-size:13px;margin-top:4px;word-break:break-all}.ftb613-api-hero{display:grid;gap:16px}.price-card .price-feature-list{min-height:92px}.home-ad-card p{margin:.25rem 0 0;color:var(--muted)}
@media (max-width:900px){.ftb613-hero{padding:30px 20px}.hero-search,.tool-search-box{flex-direction:column;align-items:stretch}.front-announcements{grid-template-columns:1fr}.upload-status-preview,.result-summary-banner{grid-template-columns:1fr}.ftb613-category-tabs{display:flex;flex-wrap:nowrap}.ftb613-tools-grid{grid-template-columns:1fr}.tool-detail-chips span{font-size:13px}.home-ad-strip{grid-template-columns:1fr}.nav{min-height:62px;padding:8px 12px;border-radius:22px}.brand-text{font-size:19px}.site-header{padding-top:8px}}
@media (prefers-reduced-motion:reduce),(max-width:640px){.nav,.nav::before{transition:none}.ftb613-category-grid .category-card:hover,.ftb613-tools-grid .tool-card:hover{transform:none}}
/* v6.15 queue/performance enhancements */
.status-processing,.status-pending{color:var(--warning);font-weight:900}
.status-cleaned,.status-expired{color:var(--text-muted);font-weight:800}
.status-pill.status-processing{background:rgba(245,158,11,.12);color:#b45309}
.status-pill.status-cleaned,.status-pill.status-expired{background:rgba(100,116,139,.12);color:#475569}

/* v6.16 SEO 与内容增长增强 */
.breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;color:var(--muted,#6b7280);font-size:14px}.breadcrumb a{color:inherit;text-decoration:none}.breadcrumb a:hover{color:var(--primary,#2563eb)}.article-card h1{font-size:clamp(28px,4vw,44px);margin:10px 0}.article-content{margin-top:20px;line-height:1.9;font-size:16px;color:var(--text,#111827);white-space:normal}.seo-faq-card details{border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:14px 16px;margin:10px 0;background:rgba(255,255,255,.72)}.seo-faq-card summary{cursor:pointer;font-weight:700}.narrow{max-width:980px}.admin-form-panel .field-grid{align-items:start}@media(max-width:720px){.breadcrumb{font-size:13px;margin-top:4px}.article-card h1{font-size:28px}.article-content{font-size:15px}.seo-faq-card details{padding:12px}.admin-form-panel .field-grid{display:block}.admin-form-panel .field-block{margin-bottom:12px}}

/* =========================================================
   File ToolBox v6.18 UI 细节统一与品牌质感增强版
   仅统一视觉、交互反馈与移动端体验，不改变业务逻辑
   ========================================================= */
:root{
  --ui-bg:#f7f9fd;
  --ui-panel:rgba(255,255,255,.9);
  --ui-panel-solid:#ffffff;
  --ui-line:rgba(148,163,184,.26);
  --ui-line-strong:rgba(99,102,241,.26);
  --ui-primary:#2563eb;
  --ui-primary-dark:#1d4ed8;
  --ui-primary-soft:#eff6ff;
  --ui-info:#0284c7;
  --ui-success:#059669;
  --ui-success-soft:#ecfdf5;
  --ui-warning:#d97706;
  --ui-warning-soft:#fffbeb;
  --ui-danger:#dc2626;
  --ui-danger-soft:#fef2f2;
  --ui-muted:#64748b;
  --ui-text:#0f172a;
  --ui-radius-card:26px;
  --ui-radius-control:15px;
  --ui-shadow-card:0 18px 50px rgba(15,23,42,.075);
  --ui-shadow-hover:0 24px 64px rgba(37,99,235,.12);
  --ui-focus:0 0 0 4px rgba(37,99,235,.12);
}

body{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
::selection{background:rgba(37,99,235,.18)}

.site-header.is-scrolled .nav{
  min-height:68px;
  border-color:rgba(203,213,225,.7);
  box-shadow:0 18px 54px rgba(15,23,42,.13), inset 0 1px 0 rgba(255,255,255,.9);
}
.nav{
  will-change:background, box-shadow;
}
.nav-group a.active,.nav-dropdown summary.active,.admin-subnav-link.active,.side a.active{
  position:relative;
}
.nav-group a.active::after,.nav-dropdown summary.active::after{
  content:"";
  position:absolute;
  left:14px;right:14px;bottom:5px;height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#2563eb,#7c3aed);
}

.card,.tool-builder,.tool-hero,.task-hero,.auth-card,.admin-page-hero,.side,.modal-card,.admin-user-modal,.admin-detail-modal{
  border-color:var(--ui-line);
  box-shadow:var(--ui-shadow-card);
}
.card,.category-card,.tool-card,.home-ad-card,.front-ann-card{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.card:hover,.category-card:hover,.tool-card:hover,.home-ad-card:hover,.front-ann-card:hover{
  border-color:var(--ui-line-strong);
  box-shadow:var(--ui-shadow-hover);
}

.btn,button.btn,a.btn,input[type=submit].btn{
  min-height:44px;
  border-radius:var(--ui-radius-control);
  letter-spacing:.01em;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
}
.btn:not(.ghost):not(.danger):not(.text){
  background:linear-gradient(135deg,#2563eb,#4f46e5 54%,#7c3aed);
  box-shadow:0 16px 36px rgba(79,70,229,.22);
}
.btn.ghost{
  background:rgba(255,255,255,.86);
  border-color:var(--ui-line);
}
.btn.text{
  background:transparent!important;
  color:var(--ui-primary-dark);
  box-shadow:none!important;
  border:0!important;
  padding-inline:8px;
}
.btn.danger,.btn.ghost.danger,.danger.btn{
  background:var(--ui-danger-soft)!important;
  color:#b42318!important;
  border:1px solid rgba(220,38,38,.24)!important;
  box-shadow:none!important;
}
.btn.success{background:linear-gradient(135deg,#059669,#10b981)!important;color:#fff!important}
.btn.warning{background:var(--ui-warning-soft)!important;color:#92400e!important;border:1px solid rgba(217,119,6,.25)!important;box-shadow:none!important}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0);filter:saturate(.96)}
.btn:disabled,.btn[disabled],button:disabled{
  opacity:.62!important;
  cursor:not-allowed!important;
  transform:none!important;
  filter:grayscale(.12);
}
.toolbar,.hero-actions,.task-file-actions,.admin-batch-toolbar{
  align-items:center;
}
.toolbar .btn,.task-file-actions .btn,.admin-batch-toolbar .btn{white-space:nowrap}

input,select,textarea{
  border-color:var(--ui-line);
  background:rgba(255,255,255,.92);
}
input:hover,select:hover,textarea:hover{border-color:rgba(37,99,235,.32)}
input:focus,select:focus,textarea:focus{box-shadow:var(--ui-focus);border-color:#93c5fd;background:#fff}
label.required::after,.field-block.required label::after{content:" *";color:var(--ui-danger);font-weight:900}
.field-error,.form-error{margin-top:6px;color:var(--ui-danger);font-size:13px;font-weight:700}
.field-help,.mini,small{color:var(--ui-muted)}

.notice{
  border-radius:18px;
  background:var(--ui-warning-soft);
  border-color:rgba(217,119,6,.22);
  color:#92400e;
}
.notice.success{background:var(--ui-success-soft);border-color:rgba(5,150,105,.22);color:#047857}
.notice.error{background:var(--ui-danger-soft);border-color:rgba(220,38,38,.22);color:#b91c1c}
.notice.info{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}

.badge,.status-pill,.tool-card-meta span,.tool-detail-chips span,.source-pill{
  border-radius:999px;
  font-weight:800;
}
.status-pill,.status-success,.status-normal,.status-batch,.status-pending,.status-running,.status-failed{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:3px 10px;
  border-radius:999px;
  font-size:12px;
  border:1px solid currentColor;
  white-space:nowrap;
}
.status-success{background:rgba(5,150,105,.09);color:#047857!important}
.status-normal{background:rgba(37,99,235,.09);color:#1d4ed8!important}
.status-batch{background:rgba(124,58,237,.1);color:#6d28d9!important}
.status-pending,.status-running{background:rgba(217,119,6,.1);color:#b45309!important}
.status-failed{background:rgba(220,38,38,.1);color:#b91c1c!important}

.table-wrap{
  border-radius:22px;
  border-color:var(--ui-line);
  box-shadow:0 12px 34px rgba(15,23,42,.045);
}
.table th,table th{
  position:relative;
  background:linear-gradient(180deg,#f8fbff,#f3f7fc);
  color:#334155;
  white-space:nowrap;
}
.table td,table td{color:#1f2937}
.table tbody tr,table tr{transition:background .14s ease}
.table tbody tr:hover td,table tr:hover td{background:#fbfdff}
.table td code,table code{
  max-width:240px;
  display:inline-block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  vertical-align:middle;
}
.table .actions,.table .operation,.table td:last-child{white-space:nowrap}
.table td .btn.compact{min-height:34px;padding:0 11px;border-radius:12px;font-size:12px}
.table-scroll-hint::before{content:"提示：";font-weight:900;color:#475569}

.empty,.empty-state{
  display:grid;
  place-items:center;
  gap:10px;
  min-height:120px;
  padding:28px;
  text-align:center;
  color:var(--ui-muted);
  border:1px dashed rgba(148,163,184,.45);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(248,250,252,.9));
}
.empty::before,.empty-state::before{
  content:"";
  width:46px;height:46px;border-radius:18px;
  background:#eff6ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='M7 7v11a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V7'/%3E%3Cpath d='M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M10 11v5'/%3E%3Cpath d='M14 11v5'/%3E%3C/svg%3E") center/24px 24px no-repeat;
  box-shadow:0 10px 24px rgba(37,99,235,.12);
}
.empty[data-empty-icon="search"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")}

:root{
  --ux-line:rgba(148,163,184,.24);
  --ux-line-strong:rgba(96,165,250,.32);
  --ux-muted:#64748b;
  --ux-soft:#f8fbff;
  --ux-shadow:0 18px 46px rgba(15,23,42,.07);
  --ux-shadow-soft:0 10px 30px rgba(15,23,42,.045);
}
.site-header{padding-top:10px}.site-header.is-scrolled .nav{min-height:62px;background:rgba(255,255,255,.82)}
.nav{min-height:66px;padding:10px 16px}.nav-panel{gap:16px}.nav-group{gap:6px}.nav-group a,.nav-dropdown summary{min-height:38px;padding:0 13px}.nav-group a.active,.nav-dropdown summary.active{background:linear-gradient(180deg,#eff6ff,#f8fbff);border-color:#bfdbfe;color:#1d4ed8;box-shadow:inset 0 -2px 0 rgba(37,99,235,.22)}
.page-shortcuts-wrap{padding-top:10px}.page-shortcuts .btn{min-height:34px;font-size:13px;background:rgba(255,255,255,.72)}
.card{overflow:hidden}.card h1,.card h2,.card h3{line-height:1.2}.mini{line-height:1.55}.toolbar{gap:10px;flex-wrap:wrap}.toolbar .btn{white-space:nowrap}
.copy-chip,.truncate-chip,.mono-short{display:inline-flex;align-items:center;max-width:100%;min-width:0;gap:6px;font-weight:800;color:#172033;background:#f8fafc;border:1px solid var(--ux-line);border-radius:999px;padding:5px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.copy-chip[data-copy]{cursor:pointer}.copy-chip[data-copy]:hover{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.copy-chip code,.mono-short code{background:transparent;padding:0;max-width:100%;font-size:12px;color:inherit}.text-nowrap{white-space:nowrap}.text-truncate{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.muted-line{color:var(--ux-muted);font-size:12px;line-height:1.45}.status-pill{letter-spacing:.01em}.status-paid{background:rgba(5,150,105,.1);color:#047857!important}.status-cancelled,.status-expired{background:rgba(100,116,139,.12);color:#475569!important}.status-failed{border-color:rgba(220,38,38,.22)!important}.status-pending{border-color:rgba(217,119,6,.24)!important}

/* 前台任务结果页 */
.result-page .task-hero{padding:28px 30px}.result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.result-title{min-width:0}.result-title h1{margin:0 0 6px;font-size:clamp(26px,3.1vw,40px)}.result-title p{margin:0;color:var(--muted)}.result-success-badge{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:10px 14px;border-radius:999px;background:#ecfdf5;border:1px solid rgba(5,150,105,.18);color:#047857;font-weight:900}.result-primary-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 0}.result-primary-actions .btn:first-child{min-height:52px;font-size:16px;padding:0 24px}.result-summary-banner.ux-result-summary{grid-template-columns:1fr 1fr 1.1fr;gap:10px;margin:14px 0}.result-summary-banner.ux-result-summary div{padding:12px 14px;border-radius:16px}.result-summary-banner.ux-result-summary b{font-size:13px;color:#334155}.result-summary-banner.ux-result-summary span{font-size:13px}.task-meta.ux-result-metrics{grid-template-columns:1.35fr repeat(4,minmax(120px,.7fr));gap:10px;margin:14px 0}.ux-result-metrics .task-metric{padding:14px;border-radius:16px}.ux-result-metrics .task-metric b{font-size:clamp(18px,2vw,24px);word-break:break-word;line-height:1.2}.ux-result-metrics .task-metric.task-no-card b{font-size:15px}.ux-result-metrics .status-pill{font-size:14px;min-height:34px}.progress.compact-progress{height:8px;margin:12px 0;background:#eaf0fb}.result-detail-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.result-detail-cards .card{display:flex;flex-direction:column;min-height:210px}.result-detail-cards .info-row{padding:10px 0}.result-detail-cards .notice{margin-top:4px}.file-missing-hint{background:#fff7ed;border-color:#fed7aa;color:#9a3412}

/* 工具分类页 */
.tools-ux-section{margin-top:34px}.tools-ux-section .section-head,.category-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.tools-ux-section h2,.category-head h2{margin:0;font-size:clamp(24px,2.4vw,34px)}.tools-ux-section p,.category-head p{margin:6px 0 0;color:var(--muted);max-width:760px}.tool-card{display:flex;flex-direction:column;min-height:260px;padding:24px}.tool-card h3{margin-top:24px}.tool-card p{min-height:50px}.tool-card-meta{margin-top:auto}.tool-card strong,.tool-card .tool-use-btn{align-self:flex-start;margin-top:14px;padding:8px 13px;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-weight:900}.ftb613-tools-grid{gap:18px}.ftb613-category-tabs{position:sticky;top:84px;z-index:20;background:rgba(247,249,253,.82);backdrop-filter:blur(10px);border-radius:18px;padding:8px;margin:12px 0 4px}

/* 后台布局与侧边栏 */
.admin-layout{grid-template-columns:250px minmax(0,1fr);gap:24px}.admin-layout main{min-width:0}.side{max-height:calc(100vh - 112px);overflow:auto;scrollbar-width:thin}.side-group{padding:10px}.side-group-title{margin-bottom:8px}.side a{min-height:38px;padding:8px 10px;font-size:14px}.admin-page-hero{padding:24px}.admin-page-mini-stats{gap:10px}.admin-filter-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.admin-filter-actions{margin-top:0;align-self:end}.admin-filter-card{padding:20px}.admin-card-title{margin-bottom:14px}.admin-card-title h3{margin:0 0 4px}.admin-card-title p{margin:0;color:var(--muted)}

/* 后台表格防竖排与紧凑展示 */
.table-wrap{overflow-x:auto;max-width:100%;scrollbar-width:thin}.table{table-layout:auto}.table th,.table td{overflow-wrap:normal;word-break:normal;vertical-align:middle}.table td{line-height:1.45}.admin-orders-table{min-width:1180px}.admin-login-table{min-width:1080px}.admin-plans-table{min-width:980px}.admin-orders-table th:nth-child(1){min-width:178px}.admin-orders-table th:nth-child(2){min-width:190px}.admin-orders-table th:nth-child(7),.admin-orders-table th:nth-child(8){min-width:136px}.admin-orders-table th:last-child{min-width:260px}.admin-login-table th:nth-child(1){min-width:138px}.admin-login-table th:nth-child(2){min-width:210px}.admin-login-table th:nth-child(6){min-width:130px}.admin-login-table th:nth-child(7){min-width:110px}.admin-login-table th:nth-child(8){min-width:210px}.cell-order-no{max-width:170px}.cell-email{max-width:210px}.cell-ua{max-width:240px}.cell-time{white-space:nowrap;color:#334155;font-size:13px}.cell-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-inline-form{display:inline-flex!important;align-items:center;gap:8px;margin:0}.admin-inline-form input{width:130px;min-height:34px;padding:7px 10px;border-radius:12px;font-size:12px}.table .btn.compact{flex:0 0 auto}.admin-table-card{padding:22px}.admin-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.admin-table-toolbar .mini{margin:0}.detail-link{font-weight:900;color:#1d4ed8}

/* 套餐管理专用 */
.plan-summary{display:grid;gap:4px}.plan-summary b{font-size:16px}.plan-feature-inline{display:flex;gap:6px;flex-wrap:wrap}.plan-feature-inline span{display:inline-flex;border:1px solid var(--ux-line);background:#f8fafc;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:800;color:#475569}.plan-edit-modal .admin-modal-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.plan-edit-modal .modal-head{margin-bottom:14px}.plan-edit-modal .form-section-title{grid-column:1/-1;margin:4px 0 0;font-weight:900;color:#334155;border-top:1px solid var(--ux-line);padding-top:14px}.plan-edit-modal .toolbar{grid-column:1/-1;margin-top:8px}

/* 登录日志详情 */
.log-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.log-detail-grid .info-row{display:block;padding:12px}.log-detail-grid .info-row b{display:block;margin-bottom:6px;color:#64748b;font-size:12px}.log-detail-grid .wide{grid-column:1/-1}.ua-box{max-height:160px;overflow:auto;padding:12px;border-radius:16px;background:#f8fafc;border:1px solid var(--ux-line);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.6;word-break:break-all}

/* 邮件设置 */
.mail-settings-grid{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(360px,1.05fr);gap:20px;align-items:start}.mail-settings-grid .field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.toggle-group{border:1px solid var(--ux-line);border-radius:18px;padding:14px;background:rgba(248,250,252,.72)}.toggle-group h4{margin:0 0 10px}.check-row{align-items:flex-start}.check-row small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.mail-test-card .field-grid{grid-template-columns:minmax(280px,420px) auto;align-items:end}

/* 统计看板 */
.admin-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.admin-panel-grid.ux-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-chart-bars{min-height:180px;overflow:hidden;gap:8px}.admin-chart-bar{min-width:0;flex:1}.admin-rank-list{display:grid;gap:12px}.admin-rank-item{padding:10px;border:1px solid var(--ux-line);border-radius:14px;background:#fff}.recent-list-card{display:grid;gap:10px}.recent-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf2f8}.recent-list-item:last-child{border-bottom:0}.recent-list-item b{font-size:14px}.recent-list-item span{color:var(--muted);font-size:12px}

@media (max-width:1180px){.admin-layout{grid-template-columns:220px minmax(0,1fr)}.pricing-grid{grid-template-columns:1fr 1fr}.task-meta.ux-result-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.result-detail-cards{grid-template-columns:1fr}.mail-settings-grid{grid-template-columns:1fr}.toggle-groups{grid-template-columns:1fr}.admin-panel-grid.ux-stats-grid{grid-template-columns:1fr}.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.nav-panel{max-height:calc(100vh - 84px);overflow:auto}.nav-open .nav-panel{padding:10px}.ftb613-category-tabs{top:72px}.admin-layout{grid-template-columns:1fr}.side{position:relative;top:0;max-height:320px}.pricing-grid{grid-template-columns:1fr}.pricing-hero.ux-pricing-hero .hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.result-head{display:block}.result-success-badge{margin-top:12px}.result-summary-banner.ux-result-summary{grid-template-columns:1fr}.task-meta.ux-result-metrics{grid-template-columns:1fr}.price-card.ux-price-card{min-height:auto}.price-card.ux-price-card form{grid-template-columns:1fr}.plan-edit-modal .admin-modal-form{grid-template-columns:1fr}.mail-settings-grid .field-grid,.mail-test-card .field-grid{grid-template-columns:1fr}.admin-kpi-grid{grid-template-columns:1fr}.toggle-groups{grid-template-columns:1fr}.tool-card{min-height:auto}.table{min-width:880px}.admin-login-table{min-width:980px}.admin-orders-table{min-width:1080px}}
@media (max-width:640px){.nav{width:min(calc(100% - 16px),1280px);min-height:58px}.nav-group a,.nav-dropdown summary{min-height:38px}.result-page .task-hero,.pricing-hero.ux-pricing-hero{padding:20px}.result-primary-actions .btn{width:100%;justify-content:center}.pricing-hero.ux-pricing-hero .hero-metrics{grid-template-columns:1fr}.tool-card{padding:20px}.tools-ux-section{margin-top:26px}.tools-ux-section .section-head,.category-head{align-items:flex-start;display:grid}.admin-page-hero{padding:18px}.admin-filter-actions .btn{width:100%}.side-group:not(.active) a{display:flex}.side{max-height:380px}.cell-actions{display:grid;grid-template-columns:1fr}.admin-inline-form{display:grid!important;grid-template-columns:1fr auto}.admin-inline-form input{width:100%}.log-detail-grid{grid-template-columns:1fr}}

/* =========================================================
   UI体验与布局修复版 - 2026-04-27
   仅修复前台访问体验、卡片排版、指标布局和海报二维码显示，不改核心业务逻辑
   ========================================================= */
:root{
  --ui-fix-card-min: 320px;
  --ui-fix-gap: 18px;
  --ui-fix-blue:#2563eb;
  --ui-fix-purple:#6d5dfc;
  --ui-fix-line:rgba(148,163,184,.26);
  --ui-fix-soft:#f8fbff;
}

/* 顶部导航防遮挡：保持悬浮导航，但让主体内容有更稳定的顶部安全距离 */
.wrap{padding-top:28px;}
.breadcrumb{margin-top:4px;}
.site-header + .wrap,
.site-header + main .wrap{scroll-margin-top:92px;}

/* 一、价格套餐页：推荐角标、卡片底部对齐、内容层级统一 */
.pricing-grid{align-items:stretch;}
.price-card.ux-price-card{
  position:relative;
  min-height:620px;
  padding:30px 28px 24px;
  border-radius:28px;
  background:
    radial-gradient(circle at 100% 100%, rgba(99,102,241,.11), transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.92));
}
.price-card.ux-price-card:has(> .badge){
  border-color:rgba(99,102,241,.34);
  box-shadow:0 22px 66px rgba(79,70,229,.12);
}
.price-card.ux-price-card > h3{
  padding-right:92px;
  margin-bottom:14px;
  font-size:clamp(22px,2.2vw,28px);
}
.price-card.ux-price-card > .badge{
  position:absolute;
  top:22px;
  right:22px;
  min-height:30px;
  padding:0 12px;
  margin:0!important;
  color:#fff;
  border:0;
  background:linear-gradient(135deg,#2563eb,#7c3aed);
  box-shadow:0 12px 26px rgba(79,70,229,.24),0 0 0 5px rgba(99,102,241,.07);
}
.price-card.ux-price-card .price{
  align-items:baseline;
  margin:6px 0 18px;
  color:#3153db;
  font-size:clamp(38px,4.2vw,48px);
}
.price-card.ux-price-card .price small{
  font-size:13px;
  font-weight:900;
  color:#64748b;
  letter-spacing:0;
}
.price-card.ux-price-card .info-row{
  min-height:46px;
  padding:9px 0;
  border-color:rgba(148,163,184,.22);
}
.price-card.ux-price-card .info-row b{font-size:14px;color:#334155;}
.price-card.ux-price-card .info-row .mini{text-align:right;font-size:12px;font-weight:800;color:#64748b;}
.price-card.ux-price-card .price-feature-list{
  min-height:112px;
  gap:8px;
  margin:16px 0 18px;
}
.price-card.ux-price-card .price-feature-list span{
  font-size:13px;
  line-height:1.55;
}
.price-card.ux-price-card .toolbar{
  width:100%;
  margin-top:auto;
  padding-top:16px;
}
.price-card.ux-price-card form{width:100%;}
.price-card.ux-price-card form input{
  min-height:48px;
  border-radius:16px;
}
.price-card.ux-price-card .btn{
  justify-content:center;
  font-weight:900;
}

/* 二、工具卡片统一：限制长格式标签，按钮底部统一，卡片高度更平衡 */
.ftb613-tools-grid,
.tools-grid{
  align-items:stretch;
}
.ftb613-tools-grid .tool-card,
.tools-grid .tool-card{
  min-height:302px;
  height:100%;
  padding:26px;
  display:flex;
  flex-direction:column;
  border-radius:26px;
}
.tool-card .tool-card-top{margin-bottom:18px;}
.tool-card .tool-icon{flex:0 0 auto;margin-bottom:0;}
.tool-card h3{
  margin:18px 0 10px!important;
  font-size:clamp(21px,2vw,27px);
  line-height:1.2;
}
.tool-card p{
  min-height:54px;
  margin:0;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:#64748b;
  line-height:1.65;
}
.tool-card-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  max-height:72px;
  overflow:hidden;
  margin-top:auto!important;
  padding-top:16px;
}
.tool-card-meta span{
  max-width:100%;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  border-radius:999px;
}
.tool-card-meta span:first-child{
  flex:1 1 160px;
  max-width:100%;
}
.tool-card strong,
.tool-card .tool-use-btn{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:38px;
  margin-top:16px!important;
  padding:0 15px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#ffffff,#eff6ff)!important;
  border:1px solid #bfdbfe!important;
  color:#1d4ed8!important;
  box-shadow:0 8px 20px rgba(37,99,235,.08);
}
.tool-card:hover strong,
.tool-card:hover .tool-use-btn{
  background:linear-gradient(135deg,#2563eb,#6d5dfc)!important;
  color:#fff!important;
  border-color:transparent!important;
}

/* 三、多指标卡片统一：API、邀请、用户中心、后台统计避免孤立掉块 */
.hero-metrics,
.metric-grid,
.task-meta,
.admin-kpi-grid,
.admin-home-stat{
  gap:var(--ui-fix-gap);
}
.api-hero .hero-metrics{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:stretch;
  max-width:100%;
}
.api-hero .hero-metrics div{
  min-width:0;
  padding:18px 20px;
  border-radius:20px;
}
.api-hero .hero-metrics b{font-size:clamp(20px,2vw,28px);word-break:keep-all;}
.api-hero form{
  margin-top:2px;
  display:flex;
  justify-content:flex-start;
}
.api-hero form .btn{min-width:156px;}
.detail-layout > .card{
  height:100%;
}
.detail-layout > .card pre{
  overflow:auto;
  border-radius:16px;
  white-space:pre-wrap;
  word-break:break-word;
}
.referral-stats-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  margin:28px 0 0!important;
  align-items:stretch;
}
.referral-stats-grid .card{
  min-height:150px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-radius:26px;
}
.referral-stats-grid .price{
  margin:14px 0 0;
  font-size:clamp(34px,3.8vw,46px);
}
.referral-stats-grid + .card{margin-top:24px!important;}

/* 四、邀请页 Hero 间距修复 */
.hero .hero-stack .card{height:auto;}
.hero + .referral-stats-grid{margin-top:26px!important;}

/* 七、宣传海报二维码预览容器：对齐、留白、扫码识别优先 */
.poster-preview-qr-shell{
  padding:10px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.94));
  border:1px solid rgba(255,255,255,.96);
  box-shadow:0 18px 42px rgba(15,23,42,.15), inset 0 0 0 1px rgba(148,163,184,.12);
}
.poster-preview-qr{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border-radius:12px;
  overflow:hidden;
}
.poster-preview-qr img,
.poster-preview-qr canvas{
  object-fit:contain!important;
  image-rendering:auto;
}
.poster-card{padding:20px;}
.poster-save-row{margin-top:16px;justify-content:flex-start;}

/* 响应式 */
@media (max-width:1280px){
  .api-hero .hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));}
  .referral-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:1180px){
  .price-card.ux-price-card{min-height:590px;}
}
@media (max-width:900px){
  .wrap{padding-top:22px;}
  .price-card.ux-price-card{min-height:auto;}
  .price-card.ux-price-card > h3{padding-right:82px;}
  .api-hero .hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
  .detail-layout{gap:16px;}
  .ftb613-tools-grid .tool-card,.tools-grid .tool-card{min-height:auto;}
}
@media (max-width:640px){
  .wrap{padding-top:16px;}
  .price-card.ux-price-card{padding:24px 20px 20px;border-radius:24px;}
  .price-card.ux-price-card > .badge{top:18px;right:18px;min-height:28px;font-size:11px;}
  .price-card.ux-price-card .info-row .mini{text-align:left;}
  .price-card.ux-price-card form{grid-template-columns:1fr!important;}
  .api-hero .hero-metrics,
  .referral-stats-grid{grid-template-columns:1fr!important;}
  .api-hero form .btn{width:100%;}
  .tool-card-meta{max-height:68px;}
  .poster-shell{padding:18px;}
  .poster-card{padding:12px;border-radius:22px;}
}

/* 优惠券展示与前台入口增强版 */
.footer-links{display:flex;gap:10px 16px;flex-wrap:wrap;margin-top:10px;color:#475569;font-size:14px;font-weight:700}
.footer-links a{padding:6px 0;color:#475569}.footer-links a:hover{color:var(--primary)}
.frontend-coupon-box{margin:22px 0;padding:22px;border:1px solid rgba(191,219,254,.9);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(239,246,255,.82));box-shadow:0 18px 48px rgba(37,99,235,.08);position:relative;overflow:hidden}
.frontend-coupon-box:after{content:"";position:absolute;right:-54px;bottom:-68px;width:170px;height:170px;border-radius:50%;background:rgba(124,58,237,.08);pointer-events:none}.coupon-box-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px;position:relative;z-index:1}.coupon-box-head h2{margin:8px 0 4px;font-size:clamp(20px,2vw,28px)}.coupon-box-head p{margin:0;color:var(--muted)}.coupon-card-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;position:relative;z-index:1}.coupon-variant-compact .coupon-card-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.coupon-display-card{display:grid;grid-template-columns:1fr;gap:12px;padding:18px;border:1px solid rgba(148,163,184,.24);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:var(--shadow-sm)}.coupon-main span{display:inline-flex;padding:4px 9px;border-radius:999px;background:#eef4ff;color:#1d4ed8;font-size:12px;font-weight:800}.coupon-main strong{display:block;margin:9px 0 5px;font-size:28px;letter-spacing:-.03em;color:#1e3a8a}.coupon-main p{margin:0;color:#64748b;font-size:14px}.coupon-meta-list{display:grid;gap:6px;font-size:13px;color:#475569}.coupon-meta-list span{min-width:0;word-break:break-word}.coupon-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:auto}.coupon-actions form{margin:0}.coupon-actions .btn[disabled]{opacity:.68;cursor:not-allowed}.coupon-admin-form .full,.coupon-row-form .full{grid-column:1/-1}.checkbox-grid{display:flex;flex-wrap:wrap;gap:8px 14px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:#f8fafc}.checkbox-grid label{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#334155;font-weight:700}.checkbox-grid.single{display:grid;gap:8px}.admin-coupon-table td{vertical-align:top}.coupon-row-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:520px;margin-top:12px}.coupon-row-form input,.coupon-row-form select{width:100%}.dashboard-support-card{display:flex;align-items:center;justify-content:space-between;gap:18px}.dashboard-support-card p{margin:4px 0 0;color:var(--muted)}
.form-card .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-card .form-grid label{display:grid;gap:6px;font-weight:800;color:#334155}.form-card .form-grid .full{grid-column:1/-1}.form-card textarea{resize:vertical}.faq-item{border:1px solid rgba(148,163,184,.24);border-radius:16px;padding:12px 14px;margin:10px 0;background:rgba(255,255,255,.76)}.faq-item summary{cursor:pointer;font-weight:900;color:#111827}.faq-item p{color:#475569;line-height:1.85}.page-hero .hero-actions{display:flex;gap:10px;flex-wrap:wrap}.help-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.help-entry-card{padding:18px;border:1px solid var(--line);border-radius:20px;background:#fff}.help-entry-card b{display:block;margin-bottom:4px}.help-entry-card span{color:var(--muted);font-size:14px}
@media(max-width:980px){.coupon-card-row{grid-template-columns:1fr 1fr}.dashboard-support-card{display:grid}.help-entry-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.frontend-coupon-box{padding:16px;border-radius:22px}.coupon-box-head{display:grid}.coupon-box-head .btn{width:100%;justify-content:center}.coupon-card-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.coupon-display-card{min-width:270px;scroll-snap-align:start}.coupon-main strong{font-size:24px}.coupon-row-form{grid-template-columns:1fr;min-width:0}.form-card .form-grid{grid-template-columns:1fr}.help-entry-grid{grid-template-columns:1fr}.footer-links{gap:6px 12px}.dashboard-support-card .toolbar{display:grid;grid-template-columns:1fr}.dashboard-support-card .btn{width:100%;justify-content:center}}


/* 底栏排版样式优化与优惠券日期兼容修复版 */
.footer{
  padding:26px 0 42px;
  color:#64748b;
}
.footer-inner{
  position:relative;
  display:grid;
  grid-template-columns:minmax(260px,1.25fr) minmax(280px,1fr) auto;
  align-items:center;
  gap:18px 24px;
  width:min(calc(100% - 28px),var(--page-width));
  margin:0 auto;
  padding:22px 24px;
  border:1px solid rgba(148,163,184,.20);
  border-radius:28px;
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(248,250,252,.72));
  box-shadow:0 18px 48px rgba(15,23,42,.06);
  overflow:hidden;
}
.footer-inner:after{
  content:"";
  position:absolute;
  right:-44px;
  bottom:-56px;
  width:150px;
  height:150px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(79,70,229,.10),transparent 66%);
  pointer-events:none;
}
.footer-brand-block{position:relative;z-index:1;min-width:0}
.footer-brand-block b{display:inline-flex;align-items:center;font-size:18px;letter-spacing:-.02em;color:#0f172a}
.footer-inner p{max-width:560px;margin:7px 0 0;color:#64748b;line-height:1.75;font-size:14px}
.footer-links{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap;margin:0;justify-content:center}
.footer-links a{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border:1px solid rgba(148,163,184,.20);border-radius:999px;background:rgba(255,255,255,.68);color:#475569;font-size:13px;font-weight:800;line-height:1;transition:transform .18s ease,box-shadow .18s ease,color .18s ease,border-color .18s ease}
.footer-links a:hover{transform:translateY(-1px);border-color:rgba(79,70,229,.28);color:#4f46e5;box-shadow:0 10px 24px rgba(79,70,229,.08)}
.footer-meta{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:7px;font-size:12px;color:#94a3b8;white-space:nowrap}
.footer-meta span{display:inline-flex;align-items:center;min-height:26px;padding:5px 9px;border-radius:999px;background:rgba(248,250,252,.82);border:1px solid rgba(148,163,184,.16)}
@media(max-width:980px){
  .footer-inner{grid-template-columns:1fr;align-items:flex-start;padding:20px;border-radius:24px}
  .footer-links{justify-content:flex-start}
  .footer-meta{flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;white-space:normal}
}
@media(max-width:640px){
  .footer{padding:18px 0 28px}
  .footer-inner{width:min(calc(100% - 20px),var(--page-width));padding:18px 16px;gap:14px;border-radius:22px}
  .footer-inner p{font-size:13px;line-height:1.7}
  .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
  .footer-links a{justify-content:center;text-align:center;min-height:36px;padding:8px 10px}
  .footer-meta{font-size:12px;gap:6px}
}

/* Footer ICP record refinement: remove dense middle links and keep a clean filing-number area */
.footer-record-block{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:62px;padding:14px 18px;border:1px solid rgba(148,163,184,.20);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(248,250,252,.58));box-shadow:inset 0 1px 0 rgba(255,255,255,.70);text-align:center}
.footer-record-block .record-label{font-size:12px;font-weight:800;color:#64748b;letter-spacing:.04em}.footer-record-block .record-value{font-size:14px;font-weight:900;color:#334155;word-break:break-word;line-height:1.45}.footer-inner{grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr) auto}@media(max-width:900px){.footer-record-block{align-items:flex-start;text-align:left;width:100%;min-height:auto}}@media(max-width:640px){.footer-record-block{padding:13px 14px;border-radius:16px}.footer-record-block .record-value{font-size:13px}}

/* Footer restore patch: remove large filing card, keep version/copyright/ICP as right-side text */
.footer{
  padding:12px 0 36px !important;
  color:#64748b;
}
.footer-inner{
  width:min(calc(100% - 28px),var(--page-width)) !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  padding:18px 0 0 !important;
  border-top:1px solid rgba(148,163,184,.22) !important;
  border-left:0 !important;
  border-right:0 !important;
  border-bottom:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.footer-inner:after{display:none !important;content:none !important}
.footer-brand-block{min-width:0}
.footer-brand-block b{font-size:16px;color:#0f172a;font-weight:900}
.footer-inner p{margin:7px 0 0 !important;max-width:560px;color:#64748b;line-height:1.7;font-size:14px}
.footer-record-block{display:none !important}
.footer-meta{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  justify-content:center !important;
  gap:7px !important;
  color:#94a3b8 !important;
  font-size:13px !important;
  line-height:1.45 !important;
  text-align:right !important;
  white-space:nowrap !important;
}
.footer-meta span,
.footer-meta .footer-icp-line{
  display:block !important;
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#94a3b8 !important;
}
.footer-meta .footer-icp-line{font-size:12px}
@media(max-width:760px){
  .footer-inner{width:min(calc(100% - 20px),var(--page-width)) !important;flex-direction:column !important;align-items:flex-start !important;gap:12px !important;padding-top:16px !important}
  .footer-meta{align-items:flex-start !important;text-align:left !important;white-space:normal !important}
  .footer-inner p{font-size:13px}
}

/* PDF 与文档转换核心能力增强版 */
.tool-human-tips{
  margin:18px 0 0;
  display:grid;
  gap:8px;
  padding:14px 16px;
  border:1px solid rgba(99,102,241,.16);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(239,246,255,.62));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.tool-human-tips b{font-size:14px;color:#1e293b;font-weight:900}
.tool-human-tips span{position:relative;padding-left:16px;color:#64748b;font-size:13px;line-height:1.65}
.tool-human-tips span:before{content:"";position:absolute;left:2px;top:.75em;width:5px;height:5px;border-radius:999px;background:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.10)}
@media(max-width:640px){.tool-human-tips{padding:13px 14px;border-radius:16px}.tool-human-tips span{font-size:12px}}

/* =========================================================
   价格套餐与优惠券展示精修版 - 2026-04-27
   仅优化价格页视觉、优惠券悬浮展示与会员转化说明，不改支付/订单/优惠券核心逻辑
   ========================================================= */
.pricing-polish-hero{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
  align-items:center;
  gap:24px;
  padding:28px 32px!important;
  min-height:auto;
}
.pricing-kicker{
  display:inline-flex;
  align-items:center;
  height:28px;
  padding:0 12px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(124,58,237,.1));
  border:1px solid rgba(99,102,241,.18);
  color:#3153db;
  font-weight:900;
  font-size:13px;
}
.pricing-polish-hero h1{margin:10px 0 8px!important;}
.pricing-polish-hero p{margin:0;line-height:1.75;max-width:720px;}
.pricing-benefit-grid{margin-top:0!important;}
.pricing-benefit-grid div{
  min-height:92px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,251,255,.88));
  box-shadow:0 10px 30px rgba(15,23,42,.04);
}
.pricing-polish-card{
  min-height:650px!important;
  padding:30px 28px 24px!important;
  border-radius:30px!important;
}
.pricing-polish-card.is-recommended{
  border-color:rgba(239,68,68,.28)!important;
  box-shadow:0 22px 70px rgba(239,68,68,.1),0 16px 44px rgba(79,70,229,.08)!important;
}
.pricing-polish-card .recommended-badge{
  position:absolute!important;
  top:20px!important;
  right:20px!important;
  height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 13px!important;
  border-radius:999px!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.02em;
  background:linear-gradient(135deg,#ef4444,#f97316)!important;
  box-shadow:0 12px 28px rgba(239,68,68,.24),0 0 0 5px rgba(239,68,68,.07)!important;
  z-index:2;
}
.pricing-polish-card .plan-head{padding-right:92px;min-height:64px;}
.pricing-polish-card .plan-head h3{margin:0 0 8px!important;font-size:clamp(22px,2vw,28px);}
.pricing-polish-card .plan-head p{margin:0;color:#64748b;font-size:13px;line-height:1.55;}
.price-block{display:grid;gap:6px;margin:16px 0 18px;}
.pricing-polish-card .price{
  display:block!important;
  margin:0!important;
  font-size:clamp(40px,4.1vw,52px)!important;
  line-height:.95!important;
  letter-spacing:-2px!important;
  color:#3153db!important;
}
.price-period{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:5px 10px;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid rgba(148,163,184,.2);
  color:#64748b;
  font-weight:800;
  font-size:12px;
}
.plan-quota-list{display:grid;gap:0;margin-top:2px;}
.pricing-polish-card .info-row{
  min-height:44px!important;
  padding:9px 0!important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.pricing-polish-card .info-row b{font-size:14px;color:#334155;}
.pricing-polish-card .info-row .mini{font-size:12px;font-weight:900;text-align:right;color:#64748b;}
.pricing-polish-card .price-feature-list{
  min-height:96px!important;
  margin:16px 0 18px!important;
  gap:8px!important;
}
.plan-action-area{
  width:100%;
  margin-top:auto!important;
  padding-top:16px!important;
  border-top:1px solid rgba(148,163,184,.18);
}
.plan-action-area>.btn{width:100%;min-height:50px;justify-content:center;}
.pricing-buy-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 145px!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
}
.pricing-buy-form input{
  width:100%!important;
  min-height:50px!important;
  margin:0!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.92)!important;
}
.pricing-buy-form .btn{width:100%!important;min-height:50px!important;border-radius:16px!important;}
.pricing-faq-card{margin-top:24px;padding:26px 28px;}
.compact-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;}
.compact-head h2{margin:0 0 6px;font-size:clamp(22px,2.2vw,30px);}
.compact-head p{margin:0;color:#64748b;}
.pricing-faq-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.pricing-faq-list details{
  border:1px solid rgba(191,219,254,.72);
  border-radius:18px;
  background:rgba(255,255,255,.78);
  padding:14px 16px;
}
.pricing-faq-list summary{cursor:pointer;font-weight:900;color:#172033;list-style:none;}
.pricing-faq-list summary::-webkit-details-marker{display:none;}
.pricing-faq-list p{margin:10px 0 0;color:#64748b;font-size:13px;line-height:1.7;}

/* 价格页优惠券：红色悬浮球 + 稳定文字关闭，避免特殊符号乱码 */

/* TOOL_UX_SEO_CONTENT_ENHANCEMENT: 工具页体验、工具卡片和 SEO 后台状态优化 */
.tool-builder-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.tool-builder-meta span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:800}.tool-upload-card .upload-status-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-seo-content{margin-top:24px}.tool-seo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.tool-seo-head h2{margin:8px 0}.tool-seo-head p{margin:0;color:var(--muted);line-height:1.8}.tool-seo-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:18px}.tool-seo-detail,.tool-seo-side{padding:18px;border:1px solid var(--line);border-radius:22px;background:#fbfdff}.tool-seo-detail p{line-height:1.9;color:#475569}.tool-page-faq{margin-top:18px}.tool-page-faq details{border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-top:10px;background:#fff}.tool-page-faq summary{cursor:pointer;font-weight:900}.tool-page-faq p{color:#475569;line-height:1.8}.tool-card-meta{max-height:62px;overflow:hidden;position:relative}.tool-card-meta span:first-child{max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:1.4;border-radius:14px}.tool-card{justify-content:flex-start}.tool-card strong,.tool-card .tool-use-btn{margin-top:14px}.seo-progress{width:92px;height:10px;border-radius:999px;background:#eef2ff;border:1px solid #dbeafe;overflow:hidden}.seo-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#7c3aed)}.admin-seo-table{min-width:1120px}.admin-seo-table td{vertical-align:middle}.status-warning{background:#fff7ed!important;color:#c2410c!important;border-color:#fed7aa!important}.status-failed{background:#fef2f2!important;color:#b91c1c!important;border-color:#fecaca!important}.status-success{background:#ecfdf5!important;color:#047857!important;border-color:#a7f3d0!important}.danger{background:linear-gradient(135deg,#f97316,#ef4444)!important;color:#fff!important;border-color:transparent!important}
@media(max-width:900px){.tool-builder-head,.tool-hero-head,.tool-seo-head{display:grid}.tool-builder-meta{justify-content:flex-start}.tool-upload-card .upload-status-preview,.tool-seo-grid{grid-template-columns:1fr}.tool-seo-content{margin-top:18px}}
@media(max-width:640px){.tool-builder{padding:20px}.tool-upload-card{padding:18px}.tool-builder-meta span{font-size:11px}.tool-seo-detail,.tool-seo-side{padding:14px}.tool-page-faq details{padding:11px 12px}}

/* 优惠券查看与倒计时体验增强版 - 只优化优惠券展示与用户可查看性 */
.coupon-countdown-pill{background:#fff7ed!important;border-color:#fed7aa!important;color:#c2410c!important;}
.coupon-countdown-pill b{font-weight:950;color:#ea580c;margin-left:4px;}
.coupon-wallet{overflow:hidden;position:relative;}
.coupon-wallet:after{content:"";position:absolute;right:-46px;bottom:-56px;width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,rgba(248,113,113,.12),rgba(251,146,60,.10));pointer-events:none;}
.coupon-wallet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;position:relative;z-index:1;}
.coupon-wallet-kicker{display:inline-flex;padding:5px 10px;border-radius:999px;background:#fff1f2;color:#e11d48;border:1px solid #fecdd3;font-size:12px;font-weight:900;margin-bottom:8px;}
.coupon-wallet-head h2{margin:0 0 8px;font-size:26px;}
.coupon-wallet-head p{margin:0;color:#64748b;line-height:1.7;max-width:720px;}
.coupon-wallet-summary{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;position:relative;z-index:1;}
.coupon-wallet-summary span{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#f8fafc;border:1px solid rgba(148,163,184,.20);color:#64748b;font-size:13px;font-weight:800;}
.coupon-wallet-summary span:first-child{background:#fff1f2;color:#e11d48;border-color:#fecdd3;}
.coupon-wallet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;position:relative;z-index:1;}
.coupon-wallet-item{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;align-items:stretch;padding:14px;border-radius:24px;border:1px solid rgba(254,202,202,.72);background:rgba(255,255,255,.86);box-shadow:0 18px 42px rgba(15,23,42,.06);}
.coupon-wallet-item.is-muted{opacity:.72;border-color:rgba(148,163,184,.24);}
.coupon-wallet-value{border-radius:20px;background:linear-gradient(135deg,#fff1f2,#ffedd5);padding:16px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.coupon-wallet-item.is-muted .coupon-wallet-value{background:linear-gradient(135deg,#f8fafc,#eef2ff);}
.coupon-wallet-value span{font-size:12px;color:#be123c;font-weight:900;}
.coupon-wallet-item.is-muted .coupon-wallet-value span{color:#64748b;}
.coupon-wallet-value strong{font-size:23px;color:#e11d48;line-height:1.15;margin-top:7px;}
.coupon-wallet-item.is-muted .coupon-wallet-value strong{color:#64748b;}
.coupon-wallet-body{min-width:0;display:flex;flex-direction:column;gap:10px;}
.coupon-wallet-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.coupon-wallet-title b{font-size:16px;color:#111827;}
.coupon-wallet-title small{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#f8fafc;border:1px solid rgba(148,163,184,.18);color:#64748b;font-weight:800;}
.coupon-wallet-code{display:flex;align-items:center;gap:8px;min-width:0;padding:10px;border-radius:16px;background:#fff;border:1px solid rgba(226,232,240,.90);}
.coupon-wallet-code span{font-size:12px;color:#64748b;font-weight:900;white-space:nowrap;}
.coupon-wallet-code code{font-size:14px;font-weight:950;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.coupon-wallet-meta{display:flex;flex-wrap:wrap;gap:7px;}
.coupon-wallet-meta span{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:5px 8px;border-radius:999px;background:#f8fafc;border:1px solid rgba(148,163,184,.18);color:#64748b;font-size:12px;font-weight:800;}
@media(max-width:980px){.coupon-wallet-grid{grid-template-columns:1fr}.coupon-wallet-head{display:grid}.coupon-wallet-head .btn{width:max-content}}
@media(max-width:640px){.coupon-wallet{padding:18px!important}.coupon-wallet-item{grid-template-columns:1fr}.coupon-wallet-title{display:grid}.coupon-wallet-code{flex-wrap:wrap}.coupon-wallet-code code{max-width:100%}.coupon-wallet-head h2{font-size:22px}}
.mail-status-stack{display:grid;gap:10px;margin-bottom:18px}.coupon-wallet-entry{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid rgba(205,218,255,.95);border-radius:22px;background:rgba(255,255,255,.72);box-shadow:0 16px 42px rgba(30,64,175,.08)}.coupon-wallet-trigger{display:flex;align-items:center;gap:12px;border:0;background:transparent;padding:0;text-align:left;cursor:pointer;color:#111827}.coupon-wallet-trigger-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-weight:900}.coupon-wallet-trigger b{display:block;font-size:17px}.coupon-wallet-trigger small{display:block;color:#64748b;margin-top:3px}.coupon-wallet-modal{display:none}.coupon-wallet-modal.is-visible{display:flex}.coupon-wallet-dialog{max-width:920px;width:min(92vw,920px);max-height:88vh;overflow:auto}.coupon-wallet-summary.compact{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.coupon-wallet-summary.compact span{padding:8px 12px;border:1px solid #e1e8ff;border-radius:999px;background:#f8fbff;font-weight:800;color:#3653b8}.coupon-wallet-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.enhance-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.enhance-info-card{padding:13px 14px;border:1px solid #e1e8ff;border-radius:18px;background:#fff}.enhance-info-card b{display:block}.enhance-info-card span{display:block;color:#64748b;font-size:13px;margin-top:4px}.admin-tag-list{display:flex;gap:6px;flex-wrap:wrap}.admin-tag-list span{border:1px solid #e1e8ff;border-radius:999px;background:#f8fbff;padding:5px 9px;font-size:12px;font-weight:800;color:#3653b8}@media(max-width:720px){.coupon-wallet-entry{align-items:stretch;flex-direction:column}.coupon-wallet-grid.compact{grid-template-columns:1fr}.coupon-wallet-dialog{width:94vw;max-height:86vh}.coupon-wallet-trigger{width:100%}}

/* FRONT_BACK_RECORD_DISPLAY_ENHANCEMENT */
.coupon-wallet-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}.coupon-wallet-tabs button{border:1px solid #e1e8ff;background:#fff;border-radius:999px;padding:9px 14px;font-weight:900;color:#3653b8;cursor:pointer}.coupon-wallet-tabs button.is-active{background:linear-gradient(135deg,#ef4444,#f97316);border-color:transparent;color:#fff;box-shadow:0 12px 24px rgba(239,68,68,.18)}.coupon-wallet-panel{display:none}.coupon-wallet-panel.is-active{display:block}.record-detail-section{margin-top:24px}.record-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.record-detail-head p{margin:4px 0 0;color:#64748b}.record-table .mini{font-size:12px;color:#64748b}.record-table code,.copyable-text{display:inline-flex;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;background:#eef2ff;color:#3653b8;border:1px solid #dbe5ff}.source-pill.invite{background:#fff1f2;color:#e11d48;border-color:#fecdd3}.source-pill.history{background:#f8fafc;color:#64748b;border-color:#e2e8f0}.record-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:14px 0}.record-stat-card{border:1px solid #e1e8ff;border-radius:18px;background:#fff;padding:14px}.record-stat-card b{display:block;font-size:24px;color:#1d2b6b}.record-stat-card span{color:#64748b;font-size:13px}.order-discount-lines{line-height:1.7;color:#334155}.order-discount-lines b{color:#111827}.admin-user-table .source-col{min-width:86px}.admin-detail-linked{color:#3156d4;font-weight:900}.referral-copy-row{display:flex;gap:8px;align-items:center}.referral-copy-row input{min-width:0}.table .text-ellipsis{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-order-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.mobile-order-prices span{border:1px solid #e1e8ff;border-radius:14px;padding:8px;background:#fff;font-size:12px;color:#64748b}.mobile-order-prices b{display:block;color:#111827;font-size:15px}@media(max-width:720px){.record-detail-head{display:block}.coupon-wallet-tabs button{flex:1}.record-table{min-width:760px}.mobile-order-prices{grid-template-columns:1fr}.coupon-wallet-dialog{padding:18px}.record-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 用户中心弹窗体验修复版 */
.member-summary-card{overflow:hidden;}
.compact-membership-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
@media(max-width:720px){
  .member-ledger-dialog{width:94vw;max-height:86vh;padding:18px;}
  .member-ledger-table-wrap .record-table{min-width:720px;}
  .member-summary-card .record-detail-head{display:grid;gap:12px;}
  .member-summary-card .record-detail-head .btn{width:100%;}
}


/* Watermark basic tools */
.watermark-compliance{margin-top:16px;line-height:1.7;}
.watermark-preview-box{margin-top:18px;border:1px solid rgba(37,99,235,.16);background:rgba(248,250,252,.9);border-radius:18px;padding:16px;}
.watermark-preview-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px;flex-wrap:wrap;}
.watermark-canvas-wrap{width:100%;overflow:auto;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(241,245,249,.92));border:1px dashed rgba(15,23,42,.16);padding:10px;}
#watermark-select-canvas{max-width:100%;height:auto;display:block;margin:auto;cursor:crosshair;border-radius:10px;box-shadow:0 10px 28px rgba(15,23,42,.08);background:#fff;}
@media (max-width: 680px){.watermark-preview-head{display:block}.watermark-preview-box{padding:12px}}

/* BATCH_AND_UI_EXPERIENCE_FIX: 通用按钮、卡片、批量预览和后台密度优化 */
.btn, .btn.ghost, .btn.compact{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.15;gap:6px;}
.tool-seo-head .btn, a[href*="help"].btn{min-width:max-content;padding-left:14px;padding-right:14px;}
.card,.inner-card,.info-row,.tool-seo-detail,.tool-seo-side,.tool-page-faq details,.upload-status-preview>div,.task-metric,.hero-stat,.record-stat-card,.enhance-info-card{line-height:1.72;}
.inner-card,.tool-seo-detail,.tool-seo-side,.upload-status-preview>div,.task-metric,.hero-stat,.record-stat-card,.enhance-info-card{padding:16px 18px;}
.info-row{gap:12px;padding:12px 0;align-items:center;}
.info-row b{line-height:1.35;}
.info-row span,.mini{line-height:1.65;}
.watermark-batch-summary{margin:10px 0 12px;padding:10px 12px;border:1px solid rgba(37,99,235,.14);border-radius:14px;background:#fff;color:#475569;font-size:13px;font-weight:800;line-height:1.6;}
.watermark-preview-actions,.watermark-preview-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.watermark-preview-actions .mini{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid #e2e8f0;font-weight:900;color:#334155;}
.watermark-preview-toolbar{margin-top:12px;}
.watermark-preview-toolbar .btn{min-height:32px;padding:7px 11px;}
.price-card{display:flex;flex-direction:column;gap:14px;min-height:100%;}
.price-card .plan-quota-list{display:grid;gap:8px;margin-top:6px;}
.price-card .plan-quota-list .info-row{display:grid;grid-template-columns:minmax(108px,.8fr) minmax(0,1fr);padding:10px 12px;border-radius:14px;background:#f8fafc;border:1px solid rgba(148,163,184,.16);}
.price-card .price-feature-list{display:grid;gap:8px;margin-top:auto;}
.price-card .price-feature-list span{line-height:1.55;}
.pricing-buy-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;margin-top:auto;}
.pricing-buy-form input{min-width:0;}
.admin-modal-form .btn,.admin-detail-form .btn,.admin-action-grid .btn,.admin-filter-card .btn,.admin-table-toolbar .btn{min-height:32px;padding:7px 12px;border-radius:12px;font-size:13px;}
.admin-modal-form .field-block,.admin-detail-form .field-block{margin-bottom:10px;}
.admin-modal-form .check-row,.admin-detail-form .check-row{padding:8px 10px;border-radius:12px;min-height:34px;}
.admin-modal-form select,.admin-modal-form input,.admin-detail-form select,.admin-detail-form input{min-height:36px;padding:8px 10px;}
.batch-tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:20px 0;}
.batch-tool-card{border:1px solid var(--line);border-radius:22px;background:#fff;padding:18px;display:flex;flex-direction:column;gap:12px;min-height:180px;}
.batch-tool-card h3{margin:0}.batch-tool-card p{margin:0;color:#64748b;line-height:1.7}.batch-tool-card .toolbar{margin-top:auto;}
@media(max-width:760px){.tool-seo-head{gap:12px}.tool-seo-head .btn,a[href*="help"].btn{width:auto;max-width:100%;font-size:13px}.pricing-buy-form{grid-template-columns:1fr}.watermark-preview-actions,.watermark-preview-toolbar{display:grid;grid-template-columns:1fr}.watermark-preview-actions .btn,.watermark-preview-toolbar .btn{width:100%}.price-card .plan-quota-list .info-row{grid-template-columns:1fr;gap:4px}.admin-modal-form .btn,.admin-detail-form .btn{width:auto}.modal-card{max-width:94vw;}}

/* MODAL_BATCH_RESULT_UI_FIX: 后台弹窗、结果页、批量参数、套餐页、checkbox 与提交进度优化 */
.admin-user-modal{position:relative;scroll-behavior:smooth;}
.admin-user-modal .modal-head{position:relative;top:auto;z-index:40;background:rgba(255,255,255,.98);box-shadow:none;}
.admin-user-tabs{position:relative;top:auto;z-index:10;background:rgba(248,250,252,.96);border:1px solid rgba(226,232,240,.9);border-radius:18px;padding:10px;margin:12px 0 18px;box-shadow:0 12px 26px rgba(15,23,42,.06);}
.admin-user-tabs a{white-space:nowrap;scroll-margin-top:160px;}
.admin-user-tab-section{scroll-margin-top:172px;}
@media(max-width:760px){.admin-user-tabs{top:72px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.admin-user-tab-section{scroll-margin-top:152px}.admin-user-modal .modal-head{padding-right:58px}.modal-close-btn{position:absolute;right:12px;top:12px}}

/* vNext-6.5H precision content overrides: placed near existing modal content rules, not changing sticky/modal shell. */
.admin-modal-body .admin-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;}
.admin-modal-body .info-row{display:block;min-width:0;padding:12px 13px;border:1px solid rgba(226,232,240,.9);border-radius:16px;background:#fff;align-items:initial;}
.admin-modal-body .info-row b{display:block;margin:0 0 6px;font-size:12px;color:#64748b;line-height:1.35;}
.admin-modal-body .info-row span{display:block;min-width:0;color:#0f172a;line-height:1.55;word-break:break-word;overflow-wrap:anywhere;}
.admin-modal-body .admin-user-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:0 0 16px;}
.admin-modal-body .admin-user-overview>div{min-width:0;padding:15px 16px;border:1px solid rgba(203,213,225,.86);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 10px 26px rgba(15,23,42,.055);}
.admin-modal-body .admin-user-tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;position:relative;top:auto;margin:4px 0 16px;}
.admin-modal-body .admin-user-tab-panels{overflow:visible;min-height:0;}
.admin-modal-body .admin-user-tab-section,.admin-modal-body .admin-business-section{margin:0 0 14px;padding:16px;border:1px solid rgba(226,232,240,.9);border-radius:20px;background:rgba(255,255,255,.86);box-shadow:0 12px 30px rgba(15,23,42,.045);}
.admin-modal-body .file-path-line{display:flex;align-items:center;gap:8px;min-width:0;padding:10px 12px;border:1px solid rgba(226,232,240,.9);border-radius:14px;background:#fff;}
.admin-modal-body .file-path-line span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;}
.admin-modal-body .admin-log-box{max-height:260px;overflow:auto;padding:14px;border-radius:18px;background:#0f172a;color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.65;white-space:pre-wrap;}
.admin-modal-body .admin-raw-details{margin-top:14px;border:1px solid rgba(203,213,225,.9);border-radius:18px;background:#111827;color:#e2e8f0;overflow:hidden;}
.admin-modal-body .admin-raw-details summary{cursor:pointer;padding:12px 14px;font-weight:850;color:#e5e7eb;background:rgba(255,255,255,.06);}
.member-ledger-dialog .modal-head,.dashboard-task-dialog .modal-head,.coupon-wallet-dialog .modal-head{padding:18px 20px 14px;}
.member-ledger-dialog,.dashboard-task-dialog,.coupon-wallet-dialog{transform:translateY(-1vh);}
@media(max-width:760px){.admin-modal-body .admin-detail-grid{grid-template-columns:1fr}.admin-modal-body .file-path-line{align-items:flex-start;flex-direction:column}.admin-modal-body .file-path-line span{white-space:normal}.member-ledger-dialog,.dashboard-task-dialog,.coupon-wallet-dialog{transform:none}}

.coupon-code-hidden{font-weight:900;color:#b45309!important;background:#fff7ed!important;border-color:#fed7aa!important;}
.coupon-float-meta .coupon-code-hidden{padding:6px 10px;}

.result-page .result-detail-cards{align-items:start;}
.result-page .result-detail-cards>.card{border-radius:24px;padding:22px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 16px 40px rgba(15,23,42,.06);}
.result-page .result-detail-cards>.card h3{margin:0 0 14px;font-size:19px;letter-spacing:-.01em;}
.result-page .result-detail-cards .info-row{display:grid;grid-template-columns:minmax(120px,.42fr) minmax(0,1fr);gap:12px;align-items:start;border:1px solid rgba(226,232,240,.85);border-radius:16px;background:#f8fafc;padding:12px 14px;margin:8px 0;}
.result-page .result-detail-cards .info-row b{font-size:13px;color:#64748b;line-height:1.4;}
.result-page .result-detail-cards .info-row span{font-size:14px;color:#0f172a;font-weight:800;line-height:1.65;word-break:break-word;}
.result-page .result-summary-banner{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:18px;}
.result-page .result-summary-banner>div{min-width:0;padding:14px 16px;border-radius:18px;background:#f8fafc;border:1px solid rgba(226,232,240,.9);}
.result-page .result-summary-banner b{display:block;color:#64748b;font-size:12px;margin-bottom:6px;}
.result-page .result-summary-banner span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-weight:900;}
.result-page .table-wrap{border-radius:18px;}
.result-page .record-table td,.result-page .record-table th{vertical-align:middle;}
.result-page .result-primary-actions{gap:10px;flex-wrap:wrap;}
.file-missing-hint{width:100%;line-height:1.75;}
@media(max-width:720px){.result-page .result-detail-cards .info-row{grid-template-columns:1fr}.result-page .result-primary-actions .btn{width:100%}.result-page .table{min-width:760px}}

.submit-feedback .submit-progress{height:9px;border-radius:999px;background:#e2e8f0;overflow:hidden;margin-top:10px;border:1px solid rgba(148,163,184,.25)}
.submit-feedback .submit-progress span{display:block;height:100%;width:18%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#7c3aed);transition:width .6s ease;}
.async-form.is-submitting .upload,.async-form.is-submitting input,.async-form.is-submitting select,.async-form.is-submitting textarea{pointer-events:none;opacity:.72;}
.submit-notice p{margin:.35rem 0 0;}
.submit-stage{font-weight:900;color:#3156d4!important;}

[data-batch-param][hidden]{display:none!important;}
.batch-param-muted{display:none!important;}
.batch-tool-card .btn{min-width:96px;}

.pricing-grid{align-items:stretch;}
.pricing-polish-card{display:flex!important;flex-direction:column;min-height:640px;}
.pricing-polish-card .plan-head{min-height:88px;}
.pricing-polish-card .plan-quota-list{display:grid;grid-template-columns:1fr;gap:8px;}
.pricing-polish-card .price-feature-list{margin-top:0;display:grid;gap:7px;max-height:138px;overflow:auto;padding-right:2px;}
.pricing-polish-card .plan-action-area{margin-top:auto;}
.pricing-buy-form{grid-template-columns:1fr auto;align-items:stretch;background:#f8fafc;border:1px solid rgba(226,232,240,.9);border-radius:18px;padding:10px;}
.pricing-buy-form input[name="coupon_code"]{grid-column:1/2;min-height:40px;}
.pricing-buy-form [data-coupon-picker]{grid-column:2/3;min-height:40px;}
.pricing-buy-form [data-coupon-preview]{grid-column:1/-1;padding:4px 2px;}
.pricing-buy-form button[type="submit"]{grid-column:1/-1;min-height:42px;}
@media(max-width:900px){.pricing-polish-card{min-height:auto}.pricing-buy-form{grid-template-columns:1fr!important}.pricing-buy-form input[name="coupon_code"],.pricing-buy-form [data-coupon-picker],.pricing-buy-form [data-coupon-preview],.pricing-buy-form button[type="submit"]{grid-column:1/-1!important;width:100%}}

.admin-modal-form input[type="checkbox"],.admin-detail-form input[type="checkbox"],.admin-filter-card input[type="checkbox"],.admin-table-card input[type="checkbox"],.check-row input[type="checkbox"],input[type="checkbox"][data-check-all],input[type="checkbox"][data-check-item]{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;accent-color:#2563eb;margin:0 8px 0 0;vertical-align:middle;}
.check-row{display:flex!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;min-height:34px!important;}
.admin-modal-form .checkbox-card,.admin-modal-form .check-row,.admin-detail-form .check-row{font-size:13px;line-height:1.45;}
.admin-modal-form .toolbar .btn,.admin-detail-form .toolbar .btn,.admin-action-grid .btn{min-height:32px!important;padding:7px 12px!important;border-radius:12px!important;}


/* v: 全站工具页与后台信息架构体验优化版 */
.ux-tool-hero{padding:28px 30px;}
.ux-tool-hero-main{display:grid;gap:16px;}
.ux-tool-title-row{display:flex;align-items:flex-start;gap:16px;}
.ux-tool-title-row .tool-detail-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #dbeafe;font-size:30px;box-shadow:0 12px 28px rgba(37,99,235,.08);}
.ux-tool-title-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.ux-tool-title-line h1{margin:0;font-size:clamp(28px,3.2vw,42px);line-height:1.14;}
.ux-tool-title-row p{margin:8px 0 0;color:#475569;line-height:1.8;max-width:900px;}
.subtle-badge{font-size:12px;padding:5px 10px;background:#f8fafc;color:#64748b;border-color:#e2e8f0;}
.compact-chips{margin:2px 0 0!important;gap:8px!important;}
.compact-chips span{padding:7px 10px!important;font-size:13px!important;background:#fff!important;color:#334155!important;border-color:#e2e8f0!important;}
.ux-tool-actions{margin-top:2px;}

.ftb613-tools-grid .tool-card,.tools-grid .tool-card{min-height:286px;justify-content:flex-start;}
.tool-card-meta{display:flex!important;flex-wrap:wrap!important;gap:7px!important;max-height:70px!important;overflow:hidden!important;margin-top:auto!important;padding-top:14px!important;}
.tool-card-meta span{flex:0 1 auto!important;max-width:145px!important;min-height:26px!important;padding:5px 9px!important;border-radius:999px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#475569!important;font-size:12px!important;font-weight:800!important;}
.tool-card-meta span:first-child{flex:0 1 auto!important;display:inline-flex!important;line-height:1.25!important;-webkit-line-clamp:unset!important;}
.tool-card strong,.tool-card .tool-use-btn{margin-top:14px!important;align-self:flex-start!important;}

.dashboard-hero .hero-panel .hero-stat{cursor:default;}
.quota-overview-card{padding:18px 20px!important;background:linear-gradient(135deg,#ffffff,#f8fbff)!important;}
.quota-overview-card .record-detail-head{align-items:center;}
.quota-overview-card h2{margin:4px 0 6px;}
.quota-overview-card p{margin:0;color:#64748b;}
.member-ledger-dialog{max-height:calc(100vh - 96px);overflow:auto;}
.member-ledger-dialog .hero-panel{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));}

.side{scrollbar-color:#cbd5e1 transparent;}
.side::-webkit-scrollbar{width:8px;}
.side::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;}
.side-group{border:1px solid transparent;border-radius:18px;padding:9px 10px;margin-top:10px;background:rgba(255,255,255,.56);}
.side-group-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;color:#64748b;font-size:12px;letter-spacing:.02em;text-transform:none;border-radius:12px;}
.side-group-title::after{content:'›';font-size:18px;line-height:1;transform:rotate(90deg);opacity:.55;}
.side-group:not(.active) a{display:none;}
.side-group.active{background:linear-gradient(180deg,#eff6ff,#ffffff)!important;border-color:#bfdbfe!important;}
.side-group.active .side-group-title{color:#1d4ed8;}
.side-group.active .side-group-title::after{transform:rotate(-90deg);}
.side a{border-radius:12px;}
.side a.active{background:#2563eb!important;color:#fff!important;box-shadow:0 8px 18px rgba(37,99,235,.18);}
.admin-subnav{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px;}
.admin-subnav-link{padding:8px 12px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:13px;font-weight:800;}
.admin-subnav-link.active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;}

.admin-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px!important;align-items:start;}
.admin-form-grid .field-block{display:grid;gap:7px;padding:13px 14px;border:1px solid #e2e8f0;border-radius:18px;background:#fbfdff;}
.admin-form-grid .field-block>label:first-child{font-weight:900;color:#0f172a;}
.admin-form-grid input,.admin-form-grid select,.admin-form-grid textarea{width:100%;max-width:100%;border:1px solid #dbe3ef;border-radius:13px;padding:10px 12px;background:#fff;}
.admin-form-grid .full{grid-column:1/-1;}
.switch-line{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:#1e40af;font-weight:900!important;}
.switch-line input[type="checkbox"]{appearance:none;width:42px;height:24px;flex:0 0 42px;border-radius:999px;background:#cbd5e1;border:0;position:relative;transition:.16s;}
.switch-line input[type="checkbox"]::after{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(15,23,42,.25);transition:.16s;}
.switch-line input[type="checkbox"]:checked{background:#2563eb;}
.switch-line input[type="checkbox"]:checked::after{transform:translateX(18px);}
.admin-form-grid .toolbar.full{padding:0;border:0;background:transparent;display:flex;justify-content:flex-end;gap:10px;}

.tool-builder,.tool-upload-card,.result-card,.task-hero{border-radius:26px;}
.tool-builder-head,.tool-hero-head{gap:18px;}
.tool-builder-meta span{white-space:normal;}

@media(max-width:900px){
  .ux-tool-title-row{display:grid;}
  .ux-tool-title-line{display:grid;gap:8px;}
  .admin-form-grid{grid-template-columns:1fr!important;}
  .admin-form-grid .toolbar.full{justify-content:stretch;display:grid;}
  .admin-form-grid .toolbar.full .btn{width:100%;justify-content:center;}
}
@media(max-width:640px){
  .ux-tool-hero{padding:20px;}
  .ux-tool-title-row .tool-detail-icon{width:52px;height:52px;font-size:26px;}
  .compact-chips{max-height:76px;overflow:hidden;}
  .tool-card-meta span{max-width:128px!important;}
  .quota-overview-card .record-detail-head{display:grid;gap:12px;}
  .quota-overview-card .btn{width:100%;justify-content:center;}
  .member-ledger-dialog{width:min(100%, calc(100vw - 20px));max-height:calc(100vh - 72px);}
  .side-group:not(.active) a{display:none!important;}
}

.admin-form-section-title{padding:8px 2px 0!important;border:0!important;background:transparent!important}.admin-form-section-title h3{margin:0;font-size:18px}.admin-form-section-title p{margin:4px 0 0;color:#64748b;font-size:13px;line-height:1.6}

/* =========================================================
   全站前台页面精简美化与排版统一优化版 - 2026-04-28
   目标：减少无意义小标题/标签，统一卡片节奏，精简套餐、工具、结果和用户中心展示。
   ========================================================= */
.frontend-simplified-ui :where(.badge.subtle-badge,.pricing-kicker,.coupon-wallet-kicker){display:none!important}
.catalog-hero.ftb613-catalog-hero,.pricing-hero.ux-pricing-hero,.tool-hero.ux-tool-hero,.tool-builder.ux-tool-hero,.dashboard-hero{padding:clamp(22px,3vw,34px);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.9));box-shadow:0 18px 52px rgba(15,23,42,.07)}
.ftb613-catalog-hero h1,.ux-tool-title-line h1,.pricing-hero h1{margin:0;font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;line-height:1.08}.ftb613-catalog-hero p,.ux-tool-title-row p,.pricing-hero p{max-width:780px;color:#5f6f86;line-height:1.72;margin:.6rem 0 0}.breadcrumb{opacity:.72}.category-count{display:inline-flex;color:#64748b;font-size:13px;font-weight:800;background:#f8fafc;border:1px solid #e5edf7;border-radius:999px;padding:6px 10px;white-space:nowrap}
.section-title,.category-head{margin:38px 0 16px}.section-title h2,.category-head h2{font-size:clamp(23px,2.3vw,32px);letter-spacing:-.025em}.section-title p,.category-head p{font-size:14px;line-height:1.65;max-width:680px}.tools-ux-section{margin-top:28px}.ftb613-category-tabs{position:static;top:auto;background:transparent;border-radius:0;padding:0;margin:8px 0 0;display:flex;gap:8px;flex-wrap:wrap;white-space:normal;overflow:visible}.ftb613-category-tabs .pill{min-height:34px;padding:0 12px;font-size:13px;background:#fff;border-color:#e5edf7}.ftb613-category-tabs .pill:not(.active){color:#64748b}
.ftb613-tools-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.tool-card{min-height:252px;padding:22px;border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 12px 34px rgba(15,23,42,.055)}.tool-card:hover,.tool-card:focus-visible{transform:translateY(-3px);box-shadow:0 18px 46px rgba(37,99,235,.11)}.tool-card-top{justify-content:flex-start;margin-bottom:8px}.tool-card .tool-icon{width:48px;height:48px;margin-bottom:0;border-radius:16px}.tool-card h3{margin:16px 0 8px;font-size:19px}.tool-card p{min-height:48px;margin:0;color:#64748b;line-height:1.62;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-card-meta{gap:6px;margin-top:auto;padding-top:14px}.tool-card-meta span{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4px 9px;background:#f8fafc;border-color:#e7edf6;color:#52647c}.tool-card strong,.tool-card .tool-use-btn{margin-top:12px;padding:7px 12px;background:#eef4ff;border-color:#dbeafe}.tool-card .badge{display:none!important}
.ux-tool-title-row{display:flex;align-items:flex-start;gap:16px}.ux-tool-title-line{display:block}.tool-detail-icon{flex:0 0 auto;width:56px;height:56px;margin:0;border-radius:18px}.tool-detail-chips{gap:8px;margin:14px 0}.tool-detail-chips span{padding:6px 10px;font-size:13px;background:#f8fafc;color:#52647c;border-color:#e5edf7}.ftb613-tool-info-layout,.detail-layout.result-detail-cards{gap:16px}.ftb613-tool-info-layout .card,.result-detail-cards .card{padding:22px;border-radius:24px}.ftb613-tool-info-layout .card h3,.result-detail-cards .card h3{font-size:18px;margin:0 0 12px}.ftb613-faq-card{padding:22px}.ftb613-faq-card h2{font-size:22px}.ftb613-faq-card details:not(:first-of-type){display:none}.seo-faq-card details{background:#fbfdff}.tool-tabs{margin-top:16px;gap:8px}.tool-tabs a{min-height:34px;font-size:13px;padding:0 11px;background:#fff}.upload-status-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.upload-status-preview div{padding:10px 12px;border-radius:14px}.upload-status-preview span{font-size:12px}.tool-upload-head h3{margin-bottom:4px}.tool-upload-head p,.field-help{font-size:13px;line-height:1.6;color:#64748b}
.dashboard-support-card{padding:22px}.quota-summary-card{padding:20px}.hero-stat{padding:14px;border-radius:16px}.hero-stat b{font-size:clamp(21px,2.5vw,28px)}.member-ledger-dialog .hero-metrics{gap:10px}.modal-card{max-width:min(900px,calc(100vw - 28px))}.coupon-wallet-kicker{display:none!important}
.result-page .task-hero{padding:24px 26px}.result-title h1{font-size:clamp(26px,3vw,38px)}.result-title p{font-size:14px}.result-success-badge{padding:8px 12px}.result-primary-actions{margin-top:12px}.result-summary-banner.ux-result-summary{margin:12px 0;gap:8px}.result-summary-banner.ux-result-summary div{padding:10px 12px}.task-meta.ux-result-metrics{gap:8px}.ux-result-metrics .task-metric{padding:12px}.result-detail-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.result-detail-cards .card{min-height:auto}.result-detail-cards .card p,.result-detail-cards .notice{font-size:13px;line-height:1.65}.result-detail-cards .info-row .mini{font-size:12px;line-height:1.5}
@media(max-width:900px){.catalog-hero.ftb613-catalog-hero,.pricing-hero.ux-pricing-hero,.tool-hero.ux-tool-hero,.tool-builder.ux-tool-hero,.dashboard-hero{padding:22px}.ux-tool-title-row{align-items:flex-start}.pricing-hero.ux-pricing-hero .hero-metrics,.upload-status-preview{grid-template-columns:1fr 1fr}.tool-search-box{box-shadow:none;background:transparent;border:0;padding:0}.tool-search-box input{background:#fff;border:1px solid var(--line);border-radius:16px}.tool-card p{min-height:auto}.ftb613-tools-grid{grid-template-columns:1fr}}
@media(max-width:640px){.wrap{padding-top:18px}.breadcrumb{font-size:12px}.ftb613-catalog-hero h1,.ux-tool-title-line h1,.pricing-hero h1{font-size:30px}.ux-tool-title-row{gap:12px}.tool-detail-icon{width:50px;height:50px}.tool-detail-chips span:nth-child(n+4){display:none}.pricing-hero.ux-pricing-hero .hero-metrics,.upload-status-preview{grid-template-columns:1fr}.tool-card{padding:20px}.tool-card-meta span:nth-child(n+3){display:none}.result-head{display:grid}.result-primary-actions .btn,.toolbar .btn{width:100%;justify-content:center}.coupon-wallet-summary.compact span{width:100%;text-align:center}.ftb613-category-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.ftb613-category-tabs .pill{flex:0 0 auto}}

/* FRONTEND_LAYOUT_STRUCTURE_FIX - 前台页面结构与截图问题专项修复版 */
.ftb-layout-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.62fr);
  gap:24px;
  align-items:stretch;
  padding:30px!important;
  overflow:hidden;
}
.ftb-layout-hero .ux-tool-title-row{align-items:flex-start;gap:16px;max-width:760px}
.ftb-layout-hero .tool-detail-icon{width:58px;height:58px;min-width:58px;border-radius:20px;font-size:28px;box-shadow:0 16px 34px rgba(37,99,235,.11)}
.ftb-layout-hero h1{font-size:clamp(28px,3.1vw,42px)!important;line-height:1.12;letter-spacing:-.035em;margin:0 0 8px!important}
.ftb-layout-hero p{font-size:15px;line-height:1.75;max-width:720px;margin:0;color:#64748b}
.ftb-layout-hero-main{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:18px}
.ftb-layout-hero-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-self:stretch}
.ftb-layout-hero-side>div{display:flex;flex-direction:column;justify-content:center;min-height:96px;padding:16px;border:1px solid rgba(226,232,240,.92);border-radius:22px;background:linear-gradient(180deg,rgba(248,250,252,.95),rgba(255,255,255,.72));box-shadow:0 12px 28px rgba(15,23,42,.045)}
.ftb-layout-hero-side b{font-size:18px;line-height:1.2;color:#0f172a;word-break:break-word}
.ftb-layout-hero-side span{margin-top:7px;font-size:12px;font-weight:800;color:#64748b}
.ftb-layout-hero .ux-tool-actions{margin-top:4px;gap:10px;flex-wrap:wrap}
.ftb-layout-hero .ux-tool-actions .btn{min-height:44px;border-radius:14px}
.ftb-processing-hero+.tool-tabs,.ftb-layout-hero+.tool-tabs{margin-top:18px}
.tool-tabs{gap:8px;padding:8px!important;border-radius:18px;background:rgba(248,250,252,.72);border:1px solid rgba(226,232,240,.8)}
.tool-tabs a{min-height:38px;padding:0 12px;font-size:13px;border-radius:12px;white-space:nowrap}
.tool-human-tips{margin-top:14px;padding:14px 16px;border-radius:18px;background:#f8fafc;border:1px solid rgba(226,232,240,.9);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.tool-human-tips b{font-size:13px;color:#334155;margin-right:4px}.tool-human-tips span{font-size:13px;color:#64748b;background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:999px;padding:6px 10px}
.tool-upload-head{align-items:flex-start!important;gap:16px}.tool-upload-head h3{font-size:20px;margin:0 0 6px!important}.tool-upload-head p{max-width:760px;line-height:1.7}
.tool-builder-meta{justify-content:flex-start!important;max-width:520px}.tool-builder-meta span{font-size:12px;min-height:26px;padding:0 9px}
.tool-bottom-grid{display:grid;grid-template-columns:minmax(260px,.48fr) minmax(0,1fr);gap:18px;margin-top:18px;align-items:start}
.tool-side-notes,.tool-params-card{border-radius:22px!important;background:#fbfdff!important}.tool-side-notes h3,.tool-params-card h3{margin-top:0;font-size:19px}.tool-side-notes .info-row{padding:10px 12px;margin:8px 0}.tool-side-notes .info-row b{font-size:13px;margin-bottom:2px}.tool-side-notes .info-row span{font-size:12px;line-height:1.55}
.upload-status-preview{gap:10px}.upload-status-preview div{padding:12px 14px;border-radius:16px}.upload-status-preview span{line-height:1.55}
.ftb-tool-support-section{margin-top:22px;padding:24px!important}.ftb-tool-support-section .tool-seo-head{margin-bottom:14px}.ftb-tool-support-section h2{font-size:24px;margin:0 0 6px!important}.ftb-tool-support-section p{font-size:14px;line-height:1.8;color:#64748b}.ftb-support-grid{grid-template-columns:minmax(0,1.15fr) minmax(260px,.62fr)!important;gap:14px!important}.ftb-compact-faq details:not(:first-of-type){display:none}
.ftb-compact-info-layout{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(220px,.62fr) minmax(220px,.78fr) minmax(250px,.84fr)!important;gap:16px!important;align-items:stretch}.ftb-info-card{padding:22px!important;border-radius:24px!important;background:linear-gradient(180deg,#fff,#fbfdff)}.ftb-info-card h3{margin:0 0 12px;font-size:19px}.ftb-info-card p{margin:0;color:#64748b;font-size:14px;line-height:1.8}.ftb-info-card.primary p{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.ftb-step-list{display:grid;gap:10px;counter-reset:step}.ftb-step-list span{position:relative;padding:10px 12px 10px 38px;border:1px solid rgba(226,232,240,.9);border-radius:14px;background:#f8fafc;font-size:13px;font-weight:800;color:#334155}.ftb-step-list span:before{counter-increment:step;content:counter(step);position:absolute;left:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:999px;display:grid;place-items:center;background:#eaf2ff;color:#2563eb;font-size:11px}.ftb-scene-tags{display:flex;gap:8px;flex-wrap:wrap}.ftb-scene-tags span{font-size:13px;font-weight:800;color:#334155;background:#f8fafc;border:1px solid rgba(226,232,240,.9);border-radius:999px;padding:7px 10px}
.tools-grid .tool-card{min-height:250px}.tool-card-meta{gap:6px!important;margin-top:auto!important;max-height:58px!important}.tool-card-meta span{font-size:12px!important;padding:4px 8px!important;line-height:1.35!important}.tool-card .tool-use-btn{margin-top:12px!important;align-self:flex-start}
.dashboard-hero .hero-panel{align-items:stretch}.dashboard-hero .hero-stat{border:1px solid rgba(226,232,240,.86);appearance:none;text-align:left;font:inherit;color:inherit;cursor:default}.dashboard-hero button.hero-stat{cursor:pointer;transition:.18s ease}.dashboard-hero button.hero-stat:hover{transform:translateY(-2px);border-color:#bfdbfe;background:#eff6ff}.dashboard-hero button.hero-stat span{color:#1d4ed8}.member-ledger-dialog{max-width:min(980px,94vw)}
.result-page .task-hero{padding:26px!important}.result-title h1{font-size:clamp(24px,2.8vw,34px)!important}.result-success-badge{padding:8px 12px}.result-detail-cards{gap:14px!important}.result-detail-cards .card{min-height:auto!important}.result-detail-cards .card h3{font-size:18px!important}.result-detail-cards .card:last-child{display:none}.result-detail-cards .card:nth-last-child(2) .notice{font-size:14px;line-height:1.7}.result-summary-banner.ux-result-summary{margin:12px 0!important}.task-meta.ux-result-metrics{grid-template-columns:1.2fr repeat(4,minmax(110px,.65fr))!important}.ux-result-metrics .task-metric{padding:12px!important}
@media(max-width:1080px){.ftb-layout-hero,.ftb-compact-info-layout,.ftb-support-grid,.tool-bottom-grid{grid-template-columns:1fr!important}.ftb-layout-hero-side{grid-template-columns:repeat(2,minmax(0,1fr))}.task-meta.ux-result-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.ftb-layout-hero{padding:20px!important;gap:16px}.ftb-layout-hero .ux-tool-title-row{display:grid;gap:12px}.ftb-layout-hero .tool-detail-icon{width:52px;height:52px;min-width:52px}.ftb-layout-hero h1{font-size:28px!important}.ftb-layout-hero-side{grid-template-columns:1fr 1fr;gap:8px}.ftb-layout-hero-side>div{min-height:78px;padding:12px;border-radius:18px}.ftb-layout-hero-side b{font-size:15px}.tool-tabs{overflow:auto;flex-wrap:nowrap!important}.tool-bottom-grid,.ftb-support-grid{gap:12px!important}.tool-upload-head{display:grid!important}.tool-builder-meta{max-width:100%}.tool-upload-actions .btn,.ux-tool-actions .btn{width:100%;justify-content:center}.upload-status-preview{grid-template-columns:1fr!important}.ftb-compact-info-layout{gap:12px!important}.ftb-info-card{padding:18px!important}.dashboard-hero .toolbar{display:grid;grid-template-columns:1fr}.dashboard-hero .toolbar .btn{width:100%}.member-ledger-dialog .hero-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.result-head{display:grid!important}.result-primary-actions .btn{width:100%}.task-meta.ux-result-metrics{grid-template-columns:1fr!important}}

/* =========================================================
   前台 UI 质感统一与页面美化增强版 - 2026-04-28
   目标：统一前台卡片、按钮、标签、详情页、处理页、结果页、用户中心与套餐页视觉语言；不改业务逻辑。
   ========================================================= */
.frontend-simplified-ui{
  --polish-surface:rgba(255,255,255,.90);
  --polish-surface-strong:rgba(255,255,255,.96);
  --polish-border:rgba(148,163,184,.20);
  --polish-border-strong:rgba(147,197,253,.38);
  --polish-shadow:0 18px 52px rgba(15,23,42,.075);
  --polish-shadow-soft:0 10px 28px rgba(15,23,42,.045);
  --polish-radius:28px;
  --polish-radius-sm:18px;
  --polish-gap:18px;
}
.frontend-simplified-ui .wrap{padding-top:32px;}
.frontend-simplified-ui .card{
  border-color:var(--polish-border);
  border-radius:var(--polish-radius);
  background:linear-gradient(180deg,var(--polish-surface-strong),rgba(248,251,255,.88));
  box-shadow:var(--polish-shadow-soft);
}
.frontend-simplified-ui .card::after{opacity:.55;filter:blur(.2px)}
.frontend-simplified-ui .card h1,
.frontend-simplified-ui .card h2,
.frontend-simplified-ui .card h3{letter-spacing:-.035em;color:#0f172a;}
.frontend-simplified-ui .card p{color:#64748b;line-height:1.75;}
.frontend-simplified-ui .mini{color:#64748b;line-height:1.65;}
.frontend-simplified-ui .btn{
  min-height:46px;
  border-radius:16px;
  font-weight:900;
  letter-spacing:-.01em;
  box-shadow:0 14px 32px rgba(79,70,229,.18);
}
.frontend-simplified-ui .btn.ghost{
  color:#1e293b;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.94));
  border:1px solid rgba(148,163,184,.24);
  box-shadow:0 10px 26px rgba(15,23,42,.045);
}
.frontend-simplified-ui .btn.ghost:hover{border-color:rgba(37,99,235,.26);color:#1d4ed8;background:#fff;}
.frontend-simplified-ui .btn.compact{min-height:38px;border-radius:14px;padding-inline:14px;font-size:13px;}
.frontend-simplified-ui .badge,
.frontend-simplified-ui .pill,
.frontend-simplified-ui .status-pill,
.frontend-simplified-ui .tool-card-meta span,
.frontend-simplified-ui .tool-detail-chips span{
  border-radius:999px;
  border:1px solid rgba(147,197,253,.34);
  background:rgba(239,246,255,.78);
  color:#1d4ed8;
  font-size:12px;
  font-weight:900;
  line-height:1;
}
.frontend-simplified-ui .breadcrumb{margin-bottom:16px;color:#64748b;font-size:13px;}
.frontend-simplified-ui .breadcrumb a{color:#475569;font-weight:800;}
.frontend-simplified-ui .breadcrumb a:hover{color:#1d4ed8;}

/* 工具大全 / 分类页：更统一的工具卡片与搜索筛选 */
.frontend-simplified-ui .catalog-hero,
.frontend-simplified-ui .ftb613-catalog-hero{
  padding:28px 30px;
  border-radius:32px;
  background:
    radial-gradient(circle at 8% 0%,rgba(37,99,235,.10),transparent 26%),
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,251,255,.86));
}
.frontend-simplified-ui .catalog-hero h1,
.frontend-simplified-ui .page-hero h1{font-size:clamp(30px,4vw,48px);line-height:1.12;margin:0 0 10px;}
.frontend-simplified-ui .tool-search-box,
.frontend-simplified-ui .hero-search{
  border-radius:20px;
  padding:7px;
  background:rgba(255,255,255,.88);
  border-color:rgba(148,163,184,.22);
  box-shadow:0 12px 28px rgba(15,23,42,.045);
}
.frontend-simplified-ui .tool-search-box input,
.frontend-simplified-ui .hero-search input{min-height:44px;}
.frontend-simplified-ui .ftb613-category-tabs{gap:8px;background:rgba(255,255,255,.56);box-shadow:0 10px 24px rgba(15,23,42,.035);}
.frontend-simplified-ui .ftb613-category-tabs .pill{min-height:36px;padding-inline:13px;background:#fff;border-color:rgba(148,163,184,.18);color:#475569;}
.frontend-simplified-ui .ftb613-category-tabs .pill.active,
.frontend-simplified-ui .ftb613-category-tabs .pill:hover{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe;}
.frontend-simplified-ui .ftb613-tools-grid,
.frontend-simplified-ui .tools-grid{gap:20px;}
.frontend-simplified-ui .tool-card{
  min-height:286px;
  padding:24px 24px 22px;
  border-radius:28px;
  border-color:rgba(148,163,184,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.90));
  box-shadow:0 10px 30px rgba(15,23,42,.045);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.frontend-simplified-ui .tool-card:hover{transform:translateY(-3px);box-shadow:0 22px 58px rgba(37,99,235,.11);border-color:rgba(147,197,253,.62);}
.frontend-simplified-ui .tool-card .tool-icon,
.frontend-simplified-ui .tool-detail-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:54px;
  border-radius:20px;
  background:linear-gradient(135deg,#eff6ff,#eef2ff);
  border:1px solid rgba(147,197,253,.36);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 12px 28px rgba(37,99,235,.09);
}
.frontend-simplified-ui .tool-card h3{font-size:clamp(20px,1.8vw,24px);margin:18px 0 9px!important;}
.frontend-simplified-ui .tool-card p{font-size:14px;min-height:48px;line-height:1.68;color:#64748b;}
.frontend-simplified-ui .tool-card-meta{gap:7px;padding-top:14px;max-height:60px;}
.frontend-simplified-ui .tool-card-meta span{padding:7px 10px;max-width:148px;}
.frontend-simplified-ui .tool-card strong,
.frontend-simplified-ui .tool-card .tool-use-btn{min-height:38px;margin-top:14px!important;}
.frontend-simplified-ui .section-title,
.frontend-simplified-ui .tools-ux-section .section-head,
.frontend-simplified-ui .category-head{margin-bottom:16px;}
.frontend-simplified-ui .section-title h2,
.frontend-simplified-ui .tools-ux-section h2,
.frontend-simplified-ui .category-head h2{font-size:clamp(24px,2.4vw,34px);}

/* 工具详情页 / 处理页：产品页质感与上传参数层级 */
.frontend-simplified-ui .ftb-layout-hero,
.frontend-simplified-ui .tool-builder.ftb-processing-hero{
  grid-template-columns:minmax(0,1.18fr) minmax(290px,.82fr);
  gap:22px;
  padding:30px;
  border-radius:34px;
  background:
    radial-gradient(circle at 0 0,rgba(37,99,235,.10),transparent 25%),
    radial-gradient(circle at 100% 0,rgba(124,58,237,.08),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.88));
}
.frontend-simplified-ui .ux-tool-title-row{align-items:flex-start;gap:16px;}
.frontend-simplified-ui .ux-tool-title-line h1,
.frontend-simplified-ui .tool-builder h1{font-size:clamp(30px,3.8vw,44px)!important;line-height:1.12!important;margin:0 0 10px!important;}
.frontend-simplified-ui .ftb-layout-hero-main p{max-width:760px;font-size:15px;line-height:1.82;}
.frontend-simplified-ui .ux-tool-actions,
.frontend-simplified-ui .tool-upload-actions{gap:10px;margin-top:22px;}
.frontend-simplified-ui .ftb-layout-hero-side{
  align-self:stretch;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.frontend-simplified-ui .ftb-layout-hero-side > div,
.frontend-simplified-ui .hero-stat{
  padding:16px;
  border:1px solid rgba(147,197,253,.28);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(239,246,255,.58));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.74);
}
.frontend-simplified-ui .ftb-layout-hero-side b,
.frontend-simplified-ui .hero-stat b{font-size:clamp(18px,2vw,24px);line-height:1.15;letter-spacing:-.04em;}
.frontend-simplified-ui .ftb-layout-hero-side span,
.frontend-simplified-ui .hero-stat span{font-size:12px;color:#64748b;font-weight:800;}
.frontend-simplified-ui .detail-layout,
.frontend-simplified-ui .ftb613-tool-info-layout{gap:18px;}
.frontend-simplified-ui .ftb-info-card{padding:24px;border-radius:26px;}
.frontend-simplified-ui .ftb-info-card h3{font-size:20px;margin-bottom:10px;}
.frontend-simplified-ui .ftb-info-card p{font-size:14px;}
.frontend-simplified-ui .ftb-step-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.frontend-simplified-ui .ftb-step-list span,
.frontend-simplified-ui .ftb-scene-tags span{
  display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 10px;border-radius:16px;background:#f8fafc;border:1px solid rgba(148,163,184,.18);font-size:13px;font-weight:900;color:#334155;text-align:center;
}
.frontend-simplified-ui .ftb-scene-tags{display:flex;flex-wrap:wrap;gap:9px;}
.frontend-simplified-ui .ftb-scene-tags span{justify-content:flex-start;min-height:36px;border-radius:999px;}
.frontend-simplified-ui .ftb613-faq-card,
.frontend-simplified-ui .tool-page-faq{
  padding:24px;
  border-radius:28px;
}
.frontend-simplified-ui .ftb613-faq-card details,
.frontend-simplified-ui .tool-page-faq details,
.frontend-simplified-ui .faq-item{
  border-color:rgba(148,163,184,.20);
  border-radius:18px;
  background:rgba(255,255,255,.78);
}
.frontend-simplified-ui .ftb613-faq-card summary,
.frontend-simplified-ui .tool-page-faq summary{padding:2px 0;color:#0f172a;}
.frontend-simplified-ui .tool-upload-card,
.frontend-simplified-ui .inner-card{
  border-radius:26px;
  border-color:rgba(148,163,184,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,251,255,.86));
}
.frontend-simplified-ui .tool-upload-head h3{font-size:clamp(20px,2vw,26px);margin-bottom:6px;}
.frontend-simplified-ui .tool-upload-head p{font-size:14px;color:#64748b;}
.frontend-simplified-ui .upload{
  border-radius:28px;
  border:1.5px dashed rgba(37,99,235,.30);
  background:
    radial-gradient(circle at center,rgba(37,99,235,.07),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.92),rgba(239,246,255,.60));
}
.frontend-simplified-ui .upload:hover,
.frontend-simplified-ui .upload.dragover{border-color:rgba(37,99,235,.55);box-shadow:0 18px 48px rgba(37,99,235,.10);}
.frontend-simplified-ui .upload p{font-size:20px;line-height:1.45;}
.frontend-simplified-ui .upload-cta{border-radius:18px;}
.frontend-simplified-ui .upload-status-preview{gap:12px;}
.frontend-simplified-ui .upload-status-preview div{border-radius:18px;background:#fff;border-color:rgba(148,163,184,.18);}
.frontend-simplified-ui .field-block input,
.frontend-simplified-ui .field-block select,
.frontend-simplified-ui .field-block textarea,
.frontend-simplified-ui input,
.frontend-simplified-ui select,
.frontend-simplified-ui textarea{
  border-radius:16px;
  border:1px solid rgba(148,163,184,.24);
  background:rgba(255,255,255,.92);
}
.frontend-simplified-ui input:focus,
.frontend-simplified-ui select:focus,
.frontend-simplified-ui textarea:focus{outline:2px solid rgba(37,99,235,.12);border-color:rgba(37,99,235,.38);}

/* 结果页：成功/失败状态、下载、记录卡片统一 */
.frontend-simplified-ui .result-page .task-hero,
.frontend-simplified-ui .ftb613-result-hero{
  padding:30px;
  border-radius:34px;
  background:
    radial-gradient(circle at top left,rgba(22,163,74,.10),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.88));
}
.frontend-simplified-ui .result-head{gap:18px;align-items:center;}
.frontend-simplified-ui .result-success-badge{border-radius:999px;padding:9px 13px;font-weight:900;background:#ecfdf5;color:#047857;border:1px solid rgba(16,185,129,.22);}
.frontend-simplified-ui .result-primary-actions{gap:10px;margin-top:18px;}
.frontend-simplified-ui .result-primary-actions .btn:first-child{min-height:50px;padding-inline:22px;}
.frontend-simplified-ui .result-summary-banner.ux-result-summary,
.frontend-simplified-ui .task-meta.ux-result-metrics{gap:12px;}
.frontend-simplified-ui .result-summary-banner.ux-result-summary div,
.frontend-simplified-ui .task-meta.ux-result-metrics > div,
.frontend-simplified-ui .result-detail-cards .card{
  border-radius:22px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(148,163,184,.18);
}
.frontend-simplified-ui .progress{border-radius:999px;background:#e2e8f0;overflow:hidden;}
.frontend-simplified-ui .progress span{border-radius:999px;background:linear-gradient(135deg,#2563eb,#7c3aed);}
.frontend-simplified-ui .empty{border-radius:18px;background:rgba(248,250,252,.82);border:1px dashed rgba(148,163,184,.28);color:#64748b;}

/* 用户中心：概览卡片、弹窗、优惠券与帮助模块更一致 */
.frontend-simplified-ui .dashboard-hero{
  padding:30px;
  border-radius:34px;
  display:grid;
  gap:22px;
}
.frontend-simplified-ui .dashboard-hero h1{font-size:clamp(30px,3.8vw,46px);margin-bottom:8px;}
.frontend-simplified-ui .dashboard-hero .hero-panel{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.frontend-simplified-ui .quota-trigger{cursor:pointer;text-align:left;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.frontend-simplified-ui .quota-trigger:hover{transform:translateY(-2px);border-color:rgba(37,99,235,.36);box-shadow:0 18px 42px rgba(37,99,235,.10);}
.frontend-simplified-ui .frontend-coupon-box,
.frontend-simplified-ui .member-summary-card,
.frontend-simplified-ui .dashboard-support-card{border-radius:28px;}
.frontend-simplified-ui .coupon-display-card,
.frontend-simplified-ui .membership-item,
.frontend-simplified-ui .help-entry-card{border-radius:22px;border-color:rgba(148,163,184,.18);background:#fff;}
.frontend-simplified-ui .modal-card,
.frontend-simplified-ui .member-ledger-dialog{
  border-radius:30px;
  border:1px solid rgba(148,163,184,.24);
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.96));
  box-shadow:0 30px 110px rgba(15,23,42,.22);
}
.frontend-simplified-ui .modal-head{gap:14px;align-items:flex-start;}
.frontend-simplified-ui .member-ledger-table-wrap{border-radius:22px;}
.frontend-simplified-ui .table{border-collapse:separate;border-spacing:0;}
.frontend-simplified-ui .table th{background:#f8fafc;color:#475569;font-size:12px;letter-spacing:.02em;}
.frontend-simplified-ui .table td{border-color:rgba(148,163,184,.14);}

/* 价格套餐页：套餐卡片、权益、优惠券、FAQ 更适合转化 */
.frontend-simplified-ui .pricing-polish-hero{
  border-radius:34px;
  background:
    radial-gradient(circle at 0 0,rgba(37,99,235,.10),transparent 25%),
    radial-gradient(circle at 100% 0,rgba(249,115,22,.08),transparent 24%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.88));
}
.frontend-simplified-ui .pricing-polish-hero h1{font-size:clamp(34px,4.2vw,54px);line-height:1.1;}
.frontend-simplified-ui .pricing-kicker{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe;}
.frontend-simplified-ui .pricing-benefit-grid div{border-radius:20px;border-color:rgba(148,163,184,.18);}
.frontend-simplified-ui .pricing-grid{gap:20px;align-items:stretch;}
.frontend-simplified-ui .pricing-polish-card,
.frontend-simplified-ui .price-card.ux-price-card{
  border-radius:32px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.92));
  border-color:rgba(148,163,184,.18)!important;
  box-shadow:0 16px 44px rgba(15,23,42,.06)!important;
}
.frontend-simplified-ui .pricing-polish-card.is-recommended{border-color:rgba(37,99,235,.32)!important;box-shadow:0 24px 70px rgba(37,99,235,.13)!important;}
.frontend-simplified-ui .pricing-polish-card .recommended-badge{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;box-shadow:0 12px 30px rgba(37,99,235,.24)!important;}
.frontend-simplified-ui .plan-quota-list .info-row,
.frontend-simplified-ui .price-card.ux-price-card .info-row{border-color:rgba(148,163,184,.16);}
.frontend-simplified-ui .pricing-polish-card .price-feature-list span{padding-left:20px;position:relative;color:#475569;}
.frontend-simplified-ui .pricing-polish-card .price-feature-list span:before{content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;border-radius:999px;background:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.10);}
.frontend-simplified-ui .pricing-faq-card{border-radius:30px;}
.frontend-simplified-ui .pricing-faq-list details{border-radius:18px;background:#fff;border:1px solid rgba(148,163,184,.18);}

/* 响应式统一 */
@media (max-width:1180px){
  .frontend-simplified-ui .dashboard-hero .hero-panel{grid-template-columns:repeat(3,minmax(0,1fr));}
  .frontend-simplified-ui .pricing-polish-hero{grid-template-columns:1fr;}
}
@media (max-width:900px){
  .frontend-simplified-ui .wrap{padding-top:22px;}
  .frontend-simplified-ui .ftb-layout-hero,
  .frontend-simplified-ui .tool-builder.ftb-processing-hero{grid-template-columns:1fr;padding:24px;border-radius:28px;}
  .frontend-simplified-ui .ftb-layout-hero-side{grid-template-columns:repeat(2,minmax(0,1fr));}
  .frontend-simplified-ui .dashboard-hero .hero-panel{grid-template-columns:repeat(2,minmax(0,1fr));}
  .frontend-simplified-ui .ftb-step-list{grid-template-columns:repeat(2,minmax(0,1fr));}
  .frontend-simplified-ui .pricing-grid{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .frontend-simplified-ui .wrap{width:min(calc(100% - 18px),var(--page-width));padding-top:16px;}
  .frontend-simplified-ui .card{border-radius:22px;}
  .frontend-simplified-ui .catalog-hero,
  .frontend-simplified-ui .ftb613-catalog-hero,
  .frontend-simplified-ui .dashboard-hero,
  .frontend-simplified-ui .pricing-polish-hero,
  .frontend-simplified-ui .ftb-layout-hero,
  .frontend-simplified-ui .tool-builder.ftb-processing-hero,
  .frontend-simplified-ui .result-page .task-hero{padding:20px;border-radius:24px;}
  .frontend-simplified-ui .ux-tool-title-row{display:grid;grid-template-columns:auto 1fr;gap:12px;}
  .frontend-simplified-ui .tool-detail-icon{width:48px;height:48px;border-radius:17px;}
  .frontend-simplified-ui .ux-tool-title-line h1,
  .frontend-simplified-ui .tool-builder h1{font-size:28px!important;}
  .frontend-simplified-ui .ftb-layout-hero-side,
  .frontend-simplified-ui .dashboard-hero .hero-panel,
  .frontend-simplified-ui .ftb-step-list{grid-template-columns:1fr;}
  .frontend-simplified-ui .ux-tool-actions .btn,
  .frontend-simplified-ui .tool-upload-actions .btn,
  .frontend-simplified-ui .dashboard-hero .toolbar .btn,
  .frontend-simplified-ui .pricing-buy-form .btn{width:100%;}
  .frontend-simplified-ui .tool-card{padding:20px;border-radius:24px;}
  .frontend-simplified-ui .tool-card p{min-height:auto;-webkit-line-clamp:3;}
  .frontend-simplified-ui .tool-card-meta span{max-width:132px;}
  .frontend-simplified-ui .upload{min-height:220px;border-radius:22px;}
  .frontend-simplified-ui .modal-card,
  .frontend-simplified-ui .member-ledger-dialog{width:94vw;border-radius:24px;padding:18px;}
  .frontend-simplified-ui .pricing-polish-card{padding:24px 20px!important;}
}

/* GLOBAL_LIGHT_MOTION_MICRO_INTERACTION: 轻动效与微交互体验增强版 */
:root{
  --motion-fast:160ms;
  --motion-base:240ms;
  --motion-slow:320ms;
  --motion-ease:cubic-bezier(.2,.75,.24,1);
  --motion-glow:rgba(37,99,235,.16);
}

.frontend-simplified-ui .motion-page-ready .wrap,
.frontend-simplified-ui .motion-page-ready .site-main > .card:first-child,
.frontend-simplified-ui .motion-page-ready .hero-home,
.frontend-simplified-ui .motion-page-ready .catalog-hero,
.frontend-simplified-ui .motion-page-ready .dashboard-hero,
.frontend-simplified-ui .motion-page-ready .pricing-polish-hero,
.frontend-simplified-ui .motion-page-ready .ftb-layout-hero,
.frontend-simplified-ui .motion-page-ready .tool-builder,
.frontend-simplified-ui .motion-page-ready .task-hero{
  animation:ftbPageEnter var(--motion-slow) var(--motion-ease) both;
}
@keyframes ftbPageEnter{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}

.frontend-simplified-ui .motion-reveal{
  opacity:0;
  transform:translateY(18px);
  transition:
    opacity var(--motion-slow) var(--motion-ease),
    transform var(--motion-slow) var(--motion-ease),
    box-shadow var(--motion-base) ease,
    border-color var(--motion-base) ease,
    background var(--motion-base) ease;
  will-change:opacity,transform;
}
.frontend-simplified-ui .motion-reveal.is-visible{
  opacity:1;
  transform:translateY(0);
  will-change:auto;
}

.frontend-simplified-ui .tool-card,
.frontend-simplified-ui .category-card,
.frontend-simplified-ui .price-card,
.frontend-simplified-ui .pricing-polish-card,
.frontend-simplified-ui .dashboard-hero .hero-panel > *,
.frontend-simplified-ui .stat-card,
.frontend-simplified-ui .result-page .card,
.frontend-simplified-ui .info-row,
.frontend-simplified-ui .front-ann-card,
.frontend-simplified-ui .home-ad-card{
  transition:
    transform var(--motion-base) var(--motion-ease),
    box-shadow var(--motion-base) ease,
    border-color var(--motion-base) ease,
    background var(--motion-base) ease,
    opacity var(--motion-base) ease;
}
.frontend-simplified-ui .tool-card:hover,
.frontend-simplified-ui .category-card:hover,
.frontend-simplified-ui .home-ad-card:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 60px rgba(15,23,42,.11);
  border-color:rgba(37,99,235,.28);
}
.frontend-simplified-ui .price-card:hover,
.frontend-simplified-ui .pricing-polish-card:hover,
.frontend-simplified-ui .dashboard-hero .hero-panel > *:hover,
.frontend-simplified-ui .stat-card:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 56px rgba(15,23,42,.10);
  border-color:rgba(37,99,235,.22);
}
.frontend-simplified-ui .result-page .card:hover,
.frontend-simplified-ui .info-row:hover{
  border-color:rgba(37,99,235,.16);
  box-shadow:0 14px 36px rgba(15,23,42,.06);
}

.frontend-simplified-ui .btn,
.frontend-simplified-ui button,
.frontend-simplified-ui input,
.frontend-simplified-ui select,
.frontend-simplified-ui textarea,
.frontend-simplified-ui .badge,
.frontend-simplified-ui .tool-card-meta span,
.frontend-simplified-ui .quick-tool-row a,
.frontend-simplified-ui .category-filter a,
.frontend-simplified-ui summary{
  transition:
    transform var(--motion-fast) var(--motion-ease),
    box-shadow var(--motion-fast) ease,
    border-color var(--motion-fast) ease,
    background var(--motion-fast) ease,
    color var(--motion-fast) ease,
    opacity var(--motion-fast) ease;
}
.frontend-simplified-ui .btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(37,99,235,.18)}
.frontend-simplified-ui .btn:active{transform:translateY(0) scale(.985);box-shadow:0 6px 18px rgba(37,99,235,.12)}
.frontend-simplified-ui .btn.ghost:hover{box-shadow:0 10px 24px rgba(15,23,42,.08)}
.frontend-simplified-ui .btn:focus-visible,
.frontend-simplified-ui input:focus-visible,
.frontend-simplified-ui select:focus-visible,
.frontend-simplified-ui textarea:focus-visible,
.frontend-simplified-ui summary:focus-visible{
  outline:3px solid rgba(37,99,235,.16);
  outline-offset:3px;
}
.frontend-simplified-ui .btn:disabled,
.frontend-simplified-ui button:disabled{
  transform:none!important;
  box-shadow:none!important;
  cursor:not-allowed;
  filter:saturate(.75);
}
.frontend-simplified-ui input:focus,
.frontend-simplified-ui select:focus,
.frontend-simplified-ui textarea:focus,
.frontend-simplified-ui .tool-search-box:focus-within,
.frontend-simplified-ui .hero-search:focus-within{
  border-color:rgba(37,99,235,.35)!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.08),0 14px 36px rgba(15,23,42,.06)!important;
}

.frontend-simplified-ui .upload{
  transition:
    transform var(--motion-base) var(--motion-ease),
    border-color var(--motion-base) ease,
    background var(--motion-base) ease,
    box-shadow var(--motion-base) ease;
}
.frontend-simplified-ui .upload:hover,
.frontend-simplified-ui .upload.dragover,
.frontend-simplified-ui .upload.is-dragging{
  transform:translateY(-2px);
  border-color:rgba(37,99,235,.42)!important;
  background:linear-gradient(180deg,rgba(239,246,255,.92),rgba(255,255,255,.96))!important;
  box-shadow:0 22px 60px rgba(37,99,235,.12)!important;
}
.frontend-simplified-ui .upload.dragover .upload-cta,
.frontend-simplified-ui .upload.is-dragging .upload-cta{transform:translateY(-1px);box-shadow:0 14px 30px rgba(37,99,235,.16)}
.frontend-simplified-ui .async-form.is-submitting .btn[type="submit"]::before,
.frontend-simplified-ui .btn.is-loading::before{
  content:"";
  width:14px;
  height:14px;
  border-radius:999px;
  border:2px solid currentColor;
  border-right-color:transparent;
  animation:ftbSpin .72s linear infinite;
}
@keyframes ftbSpin{to{transform:rotate(360deg)}}
.frontend-simplified-ui .submit-progress span{transition:width var(--motion-slow) var(--motion-ease)}

.frontend-simplified-ui details[open] > summary{color:#1d4ed8;background:rgba(239,246,255,.72)}
.frontend-simplified-ui details > *:not(summary){animation:ftbDetailsOpen var(--motion-base) var(--motion-ease) both}
@keyframes ftbDetailsOpen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.frontend-simplified-ui .member-ledger-dialog,
.frontend-simplified-ui .coupon-wallet-dialog,
.frontend-simplified-ui .modal-card{
  max-height:min(86vh,820px)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.frontend-simplified-ui .member-ledger-dialog > .modal-head,
.frontend-simplified-ui .coupon-wallet-dialog > .modal-head,
.frontend-simplified-ui .modal-card > .modal-head{
  flex:0 0 auto;
}
.frontend-simplified-ui .member-ledger-dialog > :not(.modal-head),
.frontend-simplified-ui .coupon-wallet-dialog > :not(.modal-head){
  min-height:0;
}
.frontend-simplified-ui .member-ledger-table-wrap,
.frontend-simplified-ui .coupon-wallet-grid,
.frontend-simplified-ui .coupon-wallet-panel.is-active{
  overflow:auto!important;
  max-height:calc(86vh - 210px)!important;
  scrollbar-width:thin;
  scrollbar-color:#cbd5e1 transparent;
}
.frontend-simplified-ui .member-ledger-table-wrap::-webkit-scrollbar,
.frontend-simplified-ui .coupon-wallet-grid::-webkit-scrollbar{width:8px;height:8px}
.frontend-simplified-ui .member-ledger-table-wrap::-webkit-scrollbar-thumb,
.frontend-simplified-ui .coupon-wallet-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}

/* 6) 邀请返利页：首屏左右比例更均衡，右侧卡片不再过窄 */
.frontend-simplified-ui .hero:has(.hero-stack){
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(420px,.82fr)!important;
  gap:28px!important;
  align-items:stretch!important;
}
.frontend-simplified-ui .hero:has(.hero-stack) .hero-copy,
.frontend-simplified-ui .hero:has(.hero-stack) .hero-stack{
  min-width:0!important;
}
.frontend-simplified-ui .hero:has(.hero-stack) .hero-stack{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:16px!important;
}
.frontend-simplified-ui .hero:has(.hero-stack) .hero-stack .card{
  padding:22px!important;
  border-radius:26px!important;
}
.frontend-simplified-ui .hero:has(.hero-stack) .hero-stack input[readonly]{
  width:100%;
  min-height:46px;
  border-radius:16px;
  padding:0 14px;
  background:#fff;
  border:1px solid rgba(148,163,184,.24);
  overflow:hidden;
  text-overflow:ellipsis;
}
.frontend-simplified-ui .referral-stats-grid{
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  gap:16px!important;
}

/* 7) 会员天数来源 / 同类弹窗表格：列宽合理，不再一两个字一行 */
.frontend-simplified-ui #member-ledger-modal .record-table,
.frontend-simplified-ui .member-ledger-table-wrap .record-table,
.frontend-simplified-ui .member-ledger-table-wrap table,
.frontend-simplified-ui .table-wrap .record-table{
  table-layout:auto!important;
  min-width:860px!important;
}
.frontend-simplified-ui #member-ledger-modal th:first-child,
.frontend-simplified-ui #member-ledger-modal td:first-child,
.frontend-simplified-ui .member-ledger-table-wrap th:first-child,
.frontend-simplified-ui .member-ledger-table-wrap td:first-child{
  min-width:128px!important;
  width:128px!important;
  white-space:nowrap!important;
}
.frontend-simplified-ui .member-ledger-table-wrap th,
.frontend-simplified-ui .member-ledger-table-wrap td{
  white-space:nowrap;
  vertical-align:middle!important;
}
.frontend-simplified-ui .member-ledger-table-wrap td:last-child{
  white-space:normal;
  min-width:180px;
}
.frontend-simplified-ui .table-wrap{
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
}

/* 同类页面兜底：防止宽屏下卡片过窄和内容区大留白 */
.frontend-simplified-ui .detail-layout:not(.ftb-compact-info-layout):not(.result-detail-cards){
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;
}
.frontend-simplified-ui .result-detail-cards{
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;
}
.frontend-simplified-ui .tool-seo-grid.ftb-support-grid{
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)!important;
  gap:20px!important;
}
.frontend-simplified-ui .tool-seo-detail,
.frontend-simplified-ui .tool-seo-side{
  min-width:0!important;
}

@media(max-width:1100px){
  .frontend-simplified-ui .tool-bottom-grid,
  .frontend-simplified-ui .tool-seo-grid.ftb-support-grid,
  .frontend-simplified-ui .hero:has(.hero-stack){grid-template-columns:1fr!important;}
  .frontend-simplified-ui .tool-builder.ftb-processing-hero .detail-layout{grid-template-columns:1fr!important;}
  .frontend-simplified-ui .ftb-compact-info-layout,.frontend-simplified-ui .ftb613-tool-info-layout.ftb-compact-info-layout{grid-template-columns:1fr!important;}
  .frontend-simplified-ui .ftb-compact-info-layout .ftb-info-card.primary{grid-row:auto;}
}
@media(max-width:760px){
  .frontend-simplified-ui .member-ledger-modal.is-visible,
  .frontend-simplified-ui .coupon-wallet-modal.is-visible{align-items:center!important;padding:14px!important;}
  .frontend-simplified-ui .member-ledger-dialog,
  .frontend-simplified-ui .coupon-wallet-dialog,
  .frontend-simplified-ui .modal-card{width:100%!important;max-height:88vh!important;border-radius:24px!important;}
  .frontend-simplified-ui .member-ledger-table-wrap,
  .frontend-simplified-ui .coupon-wallet-grid,
  .frontend-simplified-ui .coupon-wallet-panel.is-active{max-height:calc(88vh - 190px)!important;}
  .frontend-simplified-ui .tool-side-notes .info-row{grid-template-columns:1fr!important;}
  .frontend-simplified-ui .ftb-step-list{grid-template-columns:1fr!important;}
  .frontend-simplified-ui .ftb613-category-tabs{flex-wrap:nowrap!important;overflow-x:auto!important;white-space:nowrap!important;padding-bottom:14px!important;}
  .frontend-simplified-ui .tool-builder.ftb-processing-hero > .card.inner-card:has(h3) .tool-upload-head{display:grid!important;}
}

/* =========================================================
   前台显示舒适性与排版细节优化版 - 2026-04-28
   目标：继续微调前台双栏比例、详情页信息区、使用说明区和邀请返利首屏，让页面更轻盈、平衡、耐看。
   ========================================================= */
.frontend-simplified-ui{
  --comfort-gap:22px;
  --comfort-card-radius:26px;
  --comfort-border:rgba(148,163,184,.18);
  --comfort-soft-bg:linear-gradient(180deg,rgba(255,255,255,.97),rgba(248,251,255,.88));
  --comfort-muted:#64748b;
  --comfort-title:#0f172a;
}

/* 1) 工具详情页首屏：让左侧介绍和右侧能力卡比例更自然，避免“能用但不舒服” */
.frontend-simplified-ui .ftb-layout-hero{
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr)!important;
  gap:clamp(20px,2.5vw,34px)!important;
  align-items:center!important;
  padding:clamp(26px,3.2vw,42px)!important;
  border-radius:32px!important;
}
.frontend-simplified-ui .ftb-layout-hero-main{
  gap:20px!important;
  justify-content:center!important;
}
.frontend-simplified-ui .ftb-layout-hero .ux-tool-title-row{
  max-width:820px!important;
  gap:18px!important;
}
.frontend-simplified-ui .ftb-layout-hero .tool-detail-icon{
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  border-radius:22px!important;
}
.frontend-simplified-ui .ftb-layout-hero h1{
  font-size:clamp(30px,3.2vw,44px)!important;
  line-height:1.08!important;
  margin-bottom:10px!important;
}
.frontend-simplified-ui .ftb-layout-hero p{
  max-width:760px!important;
  font-size:15px!important;
  line-height:1.78!important;
  color:#52647c!important;
}
.frontend-simplified-ui .ftb-layout-hero .ux-tool-actions{
  gap:10px!important;
  margin-top:2px!important;
}
.frontend-simplified-ui .ftb-layout-hero .ux-tool-actions .btn{
  min-height:44px!important;
  padding-inline:18px!important;
}
.frontend-simplified-ui .ftb-layout-hero-side{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  align-self:center!important;
}
.frontend-simplified-ui .ftb-layout-hero-side>div{
  min-height:104px!important;
  padding:17px 18px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,251,255,.86))!important;
  border-color:var(--comfort-border)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.045)!important;
}
.frontend-simplified-ui .ftb-layout-hero-side b{
  font-size:clamp(17px,1.35vw,21px)!important;
  letter-spacing:-.02em;
}
.frontend-simplified-ui .ftb-layout-hero-side span{
  font-size:12px!important;
  color:#718198!important;
}

/* 2) 详情页中部四卡：统一高度与行距，降低拥挤/空散感 */
.frontend-simplified-ui .ftb613-tool-info-layout.ftb-compact-info-layout{
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;
  gap:var(--comfort-gap)!important;
  margin-top:24px!important;
}
.frontend-simplified-ui .ftb-compact-info-layout .ftb-info-card{
  padding:26px!important;
  border-radius:var(--comfort-card-radius)!important;
  border-color:var(--comfort-border)!important;
  box-shadow:0 14px 36px rgba(15,23,42,.045)!important;
  background:var(--comfort-soft-bg)!important;
}
.frontend-simplified-ui .ftb-compact-info-layout .ftb-info-card h3{
  font-size:19px!important;
  margin-bottom:13px!important;
}
.frontend-simplified-ui .ftb-compact-info-layout .ftb-info-card p{
  line-height:1.82!important;
  font-size:14px!important;
  color:#5f6f86!important;
}
.frontend-simplified-ui .ftb-compact-info-layout .ftb-info-card.primary p{
  -webkit-line-clamp:7!important;
}
.frontend-simplified-ui .ftb-step-list{
  grid-template-columns:repeat(2,minmax(160px,1fr))!important;
  gap:11px!important;
}
.frontend-simplified-ui .ftb-step-list span{
  border-radius:16px!important;
  background:#f8fbff!important;
  border-color:rgba(226,232,240,.9)!important;
  line-height:1.45!important;
}
.frontend-simplified-ui .ftb-scene-tags{
  gap:9px!important;
}
.frontend-simplified-ui .ftb-scene-tags span{
  padding:8px 11px!important;
  background:#f8fbff!important;
  border-color:rgba(226,232,240,.9)!important;
  line-height:1.35!important;
}
.frontend-simplified-ui .member-tip-card .toolbar .btn{
  min-height:38px!important;
  box-shadow:none!important;
}

/* 3) 使用与注意事项：左侧说明更聚焦，右侧处理信息更紧凑精致，FAQ 衔接更自然 */
.frontend-simplified-ui .ftb-tool-support-section{
  margin-top:24px!important;
  padding:clamp(22px,2.4vw,30px)!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.82))!important;
}
.frontend-simplified-ui .ftb-tool-support-section .tool-seo-head{
  margin-bottom:18px!important;
  align-items:flex-end!important;
}
.frontend-simplified-ui .ftb-tool-support-section h2{
  font-size:clamp(22px,2.1vw,28px)!important;
  letter-spacing:-.03em!important;
}
.frontend-simplified-ui .ftb-tool-support-section .tool-seo-head p{
  max-width:780px!important;
  line-height:1.72!important;
}
.frontend-simplified-ui .tool-seo-grid.ftb-support-grid{
  grid-template-columns:minmax(0,1.18fr) minmax(300px,.64fr)!important;
  gap:20px!important;
  align-items:stretch!important;
}
.frontend-simplified-ui .tool-seo-detail,
.frontend-simplified-ui .tool-seo-side{
  padding:22px!important;
  border-radius:24px!important;
  border-color:var(--comfort-border)!important;
  background:#fbfdff!important;
  box-shadow:0 10px 28px rgba(15,23,42,.035)!important;
}
.frontend-simplified-ui .tool-seo-detail h3,
.frontend-simplified-ui .tool-seo-side h3{
  font-size:18px!important;
  margin:0 0 10px!important;
}
.frontend-simplified-ui .tool-seo-detail p{
  max-width:820px!important;
  line-height:1.84!important;
  font-size:14px!important;
  color:#5f6f86!important;
}
.frontend-simplified-ui .tool-seo-side{
  display:grid!important;
  align-content:start!important;
  gap:10px!important;
}
.frontend-simplified-ui .tool-seo-side .info-row{
  display:grid!important;
  grid-template-columns:minmax(76px,.42fr) minmax(0,1fr)!important;
  gap:10px!important;
  padding:11px 12px!important;
  margin:0!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(226,232,240,.86)!important;
}
.frontend-simplified-ui .tool-seo-side .info-row b,
.frontend-simplified-ui .tool-seo-side .info-row span{
  font-size:13px!important;
  line-height:1.45!important;
}
.frontend-simplified-ui .tool-page-faq{
  margin-top:20px!important;
}
.frontend-simplified-ui .tool-page-faq details{
  border-radius:18px!important;
  padding:14px 16px!important;
  background:#fbfdff!important;
}

/* 4) 邀请返利页：增强右侧信息区存在感，形成成熟活动页比例 */
.frontend-simplified-ui .hero:has(.hero-stack){
  grid-template-columns:minmax(0,.96fr) minmax(440px,.86fr)!important;
  gap:clamp(24px,3vw,40px)!important;
  padding:clamp(28px,3.4vw,44px)!important;
  align-items:center!important;
}
.frontend-simplified-ui .hero:has(.hero-stack) .hero-copy h1{
  font-size:clamp(34px,4vw,56px)!important;
  line-height:1.06!important;
  letter-spacing:-.045em!important;
}
.frontend-simplified-ui .hero:has(.hero-stack) .hero-copy p{
  max-width:720px!important;
  line-height:1.78!important;
}
.frontend-simplified-ui .hero:has(.hero-stack) .hero-stack{
  gap:18px!important;
}
.frontend-simplified-ui .hero:has(.hero-stack) .hero-stack .card{
  padding:24px 26px!important;
  border-radius:28px!important;
  background:var(--comfort-soft-bg)!important;
  box-shadow:0 16px 44px rgba(15,23,42,.06)!important;
}
.frontend-simplified-ui .hero:has(.hero-stack) .hero-stack .card h3{
  font-size:20px!important;
  margin-bottom:14px!important;
}
.frontend-simplified-ui .hero:has(.hero-stack) .hero-stack .info-row{
  display:grid!important;
  grid-template-columns:minmax(90px,.36fr) minmax(0,1fr)!important;
  gap:12px!important;
  padding:11px 0!important;
  border-bottom:1px solid rgba(226,232,240,.75)!important;
}
.frontend-simplified-ui .hero:has(.hero-stack) .hero-stack .info-row:last-of-type{border-bottom:0!important;}
.frontend-simplified-ui .hero:has(.hero-stack) .hero-stack .info-row b{font-size:13px!important;color:#64748b!important;}
.frontend-simplified-ui .hero:has(.hero-stack) .hero-stack .info-row span{font-size:14px!important;color:#0f172a!important;font-weight:800!important;line-height:1.55!important;}
.frontend-simplified-ui .hero:has(.hero-stack) .hero-stack input[readonly]{
  margin-top:4px!important;
  min-height:48px!important;
  font-size:14px!important;
}
.frontend-simplified-ui .hero:has(.hero-stack) .upload-safe-note{
  margin-top:10px!important;
  font-size:13px!important;
  color:#64748b!important;
}

/* 5) 同类双栏和信息卡兜底：避免内容少的模块过大、内容多的模块过挤 */
.frontend-simplified-ui .detail-layout:not(.ftb-compact-info-layout):not(.result-detail-cards),
.frontend-simplified-ui .grid:not(.tools-grid):not(.ftb613-tools-grid):not(.pricing-grid):not(.hero-panel):not(.referral-stats-grid){
  gap:20px!important;
}
.frontend-simplified-ui .info-row{
  line-height:1.62!important;
}
.frontend-simplified-ui .card .toolbar{
  gap:10px!important;
}
.frontend-simplified-ui .card .mini{
  line-height:1.66!important;
}
.frontend-simplified-ui .referral-stats-grid .card{
  min-height:150px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

@media(max-width:1120px){
  .frontend-simplified-ui .ftb-layout-hero,
  .frontend-simplified-ui .tool-seo-grid.ftb-support-grid,
  .frontend-simplified-ui .hero:has(.hero-stack){
    grid-template-columns:1fr!important;
  }
  .frontend-simplified-ui .ftb-layout-hero-side{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media(max-width:820px){
  .frontend-simplified-ui .ftb-layout-hero-side{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .frontend-simplified-ui .ftb613-tool-info-layout.ftb-compact-info-layout{grid-template-columns:1fr!important;}
  .frontend-simplified-ui .ftb-compact-info-layout .ftb-info-card.primary{grid-row:auto!important;}
  .frontend-simplified-ui .tool-seo-side .info-row{grid-template-columns:1fr!important;}
}
@media(max-width:640px){
  .frontend-simplified-ui .ftb-layout-hero{padding:22px!important;border-radius:26px!important;}
  .frontend-simplified-ui .ftb-layout-hero .ux-tool-title-row{display:grid!important;}
  .frontend-simplified-ui .ftb-layout-hero .tool-detail-icon{width:54px!important;height:54px!important;min-width:54px!important;}
  .frontend-simplified-ui .ftb-layout-hero h1{font-size:29px!important;}
  .frontend-simplified-ui .ftb-layout-hero-side{grid-template-columns:1fr 1fr!important;}
  .frontend-simplified-ui .ftb-layout-hero-side>div{min-height:86px!important;padding:14px!important;}
  .frontend-simplified-ui .ftb-step-list{grid-template-columns:1fr!important;}
  .frontend-simplified-ui .hero:has(.hero-stack){padding:22px!important;}
  .frontend-simplified-ui .hero:has(.hero-stack) .hero-copy h1{font-size:32px!important;}
}

/* 运营转化与用户信任增强版 */
.conversion-path-section,.trust-strip-section{margin-top:28px}.compact-section-title{margin-bottom:16px}.trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.trust-action-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;min-height:150px;border:1px solid rgba(226,232,240,.88);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.92));transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.trust-action-card:hover{transform:translateY(-2px);border-color:rgba(59,130,246,.28);box-shadow:0 18px 46px rgba(15,23,42,.08)}.trust-action-card b{font-size:17px;color:#0f172a}.trust-action-card span{color:#64748b;line-height:1.65;font-size:14px}.trust-action-card em{margin-top:auto;font-style:normal;font-weight:800;color:#2563eb;font-size:13px}.trust-page .trust-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:24px;align-items:center;margin-top:24px}.trust-page .trust-hero h1{font-size:42px;letter-spacing:-.04em;margin-bottom:12px}.trust-page .trust-hero p{max-width:760px;color:#475569;font-size:16px;line-height:1.75}.trust-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trust-mini-grid>div{padding:16px;border-radius:20px;background:#f8fafc;border:1px solid #e2e8f0}.trust-mini-grid b{display:block;color:#0f172a;margin-bottom:4px}.trust-mini-grid span{font-size:13px;color:#64748b}.trust-grid.member-rights-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px}.pricing-trust-card{margin-top:26px}.pricing-trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trust-faq-list{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-alert-grid{display:grid;gap:12px;margin-top:18px}.dashboard-trust-alert{display:flex;align-items:center;justify-content:space-between;gap:14px}.dashboard-trust-alert div{display:grid;gap:4px}.dashboard-trust-alert span{font-size:14px;color:#64748b}.dashboard-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.help-category-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.help-category-tabs a{padding:9px 14px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;text-decoration:none;font-weight:700;font-size:13px}.help-category-tabs a:hover{background:#eef6ff;color:#1d4ed8}.help-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.feedback-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.feedback-side-card{position:sticky;top:94px}.admin-feedback-table td{vertical-align:top}.admin-feedback-form{min-width:280px}.footer-links{display:flex;gap:10px;flex-wrap:wrap}.footer-links a{color:inherit;text-decoration:none}.footer-links a:hover{color:#2563eb}.nav-dropdown-menu a span:first-child{width:22px;text-align:center}.task-hero .toolbar a[href*="feedback"]{border-color:rgba(37,99,235,.24);color:#2563eb}
@media(max-width:1080px){.trust-grid,.trust-grid.member-rights-grid,.pricing-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-page .trust-hero,.feedback-layout{grid-template-columns:1fr}.feedback-side-card{position:static}.dashboard-service-grid{grid-template-columns:1fr}}
@media(max-width:680px){.trust-grid,.help-faq-grid,.trust-faq-list{grid-template-columns:1fr}.trust-page .trust-hero h1{font-size:32px}.trust-mini-grid{grid-template-columns:1fr}.dashboard-trust-alert{align-items:flex-start;flex-direction:column}.footer-links{display:grid;gap:6px}.help-category-tabs{flex-wrap:nowrap;overflow:auto;padding-bottom:4px}.help-category-tabs a{white-space:nowrap}}

/* 后台404与弹窗交互修复版：统一后台弹窗滚动、长文本、表格和编辑体验 */
.pricing-decision-box{margin-top:14px;display:grid;gap:10px;padding:14px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:rgba(255,255,255,.72)}
.pricing-decision-box div{display:grid;gap:4px}
.pricing-decision-box b{font-size:13px;color:#111827}
.pricing-decision-box span{font-size:12px;line-height:1.65;color:#64748b}
.tool-operate-toolbar .inline-form{display:inline-flex;margin:0}
.tool-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:14px}
.tool-mini-card{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:rgba(255,255,255,.76);text-decoration:none;color:inherit;transition:.18s ease}
.tool-mini-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.08)}
.tool-mini-card b{font-size:14px}.tool-mini-card span{font-size:12px;color:#64748b;line-height:1.6}
.dashboard-tool-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compact-tool-mini-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.admin-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
@media(max-width:760px){.dashboard-tool-columns{grid-template-columns:1fr}.tool-operate-toolbar{align-items:stretch}.tool-operate-toolbar .btn,.tool-operate-toolbar .inline-form,.tool-operate-toolbar button{width:100%}}

/* =========================================================
 * 全站视觉舒适度与交互反馈优化版
 * 目标：更干净的背景层级、更柔和的色彩、更明确的点击/加载反馈。
 * 说明：仅覆盖视觉与轻交互，不改变业务逻辑。
 * ========================================================= */
:root{
  --bg:#f8fbff;
  --bg-soft:#f2f6fc;
  --bg-warm:#fffaf2;
  --surface:#ffffff;
  --surface-soft:rgba(255,255,255,.76);
  --surface-strong:rgba(255,255,255,.91);
  --surface-muted:rgba(248,250,252,.68);
  --text:#122033;
  --muted:#66768c;
  --muted-light:#8291a6;
  --line:rgba(197,210,226,.72);
  --line-strong:rgba(171,190,214,.78);
  --primary:#3169d9;
  --primary-2:#5b5ee6;
  --accent:#1c9bd2;
  --success:#209b5a;
  --warning:#c9821e;
  --danger:#d14949;
  --shadow-xs:0 4px 14px rgba(20,36,60,.04);
  --shadow-sm:0 10px 24px rgba(20,36,60,.055);
  --shadow-md:0 18px 44px rgba(20,36,60,.075);
  --shadow-lg:0 28px 70px rgba(48,98,180,.12);
  --brand-grad:linear-gradient(135deg,#3169d9 0%,#5b5ee6 58%,#7a58d6 100%);
  --comfort-grad:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,251,255,.78));
  --soft-grad:linear-gradient(180deg,rgba(255,255,255,.82),rgba(245,249,255,.56));
  --motion-fast:170ms;
  --motion-base:220ms;
  --motion-slow:280ms;
}

html{background:#f8fbff;}
body.frontend-simplified-ui{
  background:
    radial-gradient(circle at 12% -6%, rgba(49,105,217,.10), transparent 28%),
    radial-gradient(circle at 92% 0%, rgba(28,155,210,.08), transparent 30%),
    radial-gradient(circle at 48% 100%, rgba(255,247,237,.70), transparent 34%),
    linear-gradient(180deg,#fbfdff 0%,#f5f8fd 46%,#f9fbff 100%);
  color:var(--text);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body.frontend-simplified-ui::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(49,105,217,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(49,105,217,.03) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.34),transparent 72%);
}

/* 顶部细加载条：fixed，不占页面高度 */
.ftb-progress-bar{
  position:fixed;
  left:0;
  top:0;
  z-index:9999;
  width:100%;
  height:3px;
  pointer-events:none;
  opacity:0;
  transition:opacity var(--motion-base) ease;
}
.ftb-progress-bar span{
  display:block;
  width:0%;
  height:100%;
  border-radius:0 999px 999px 0;
  background:linear-gradient(90deg,#3169d9,#1c9bd2,#7a58d6);
  box-shadow:0 0 18px rgba(49,105,217,.25);
  transform-origin:left center;
  transition:width var(--motion-slow) cubic-bezier(.2,.8,.2,1);
}
.ftb-progress-bar.is-active{opacity:1;}
.ftb-progress-bar.is-done{opacity:0;}

.site-main{
  animation:ftbPageIn 240ms ease both;
}
@keyframes ftbPageIn{
  from{opacity:.86;transform:translateY(6px)}
  to{opacity:1;transform:translateY(0)}
}

.nav,
.side,
.card,
.tool-builder,
.tool-hero,
.task-hero,
.auth-card,
.auth-side-card,
.price-card,
.tool-card,
.category-card,
.trust-card,
.admin-home-section,
.admin-record-section,
.poster-card,
.pricing-hero,
.catalog-hero,
.dashboard-hero{
  border-color:var(--line) !important;
  background:var(--comfort-grad) !important;
  box-shadow:var(--shadow-md);
}
.nav{
  background:
    radial-gradient(circle at var(--glass-x) var(--glass-y), rgba(255,255,255,.92), rgba(255,255,255,.52) 36%, rgba(255,255,255,.78) 100%),
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(239,246,255,.44) 52%, rgba(255,255,255,.66)) !important;
  border-color:rgba(255,255,255,.72) !important;
}
.card::after,
.tool-builder::after,
.tool-hero::after,
.task-hero::after{
  opacity:.62;
  filter:blur(.2px);
}
.card-soft,
.inner-card,
.tool-builder-side,
.tool-hero-side,
.tool-upload-card,
.tool-params-card,
.task-metric,
.hero-stat,
.hero-metrics div,
.hero-value-strip div,
.hero-showcase-list div,
.stat > div,
.empty,
.notice,
.admin-user-stat,
.mobile-task-card,
.field-block,
.pricing-polish-card,
.membership-card,
.front-ann-card,
.home-ad-card,
.api-card,
.faq-item,
details,
.result-card{
  border-color:rgba(207,219,235,.72) !important;
  background:var(--soft-grad) !important;
  box-shadow:var(--shadow-xs);
}
.card-soft,
.inner-card,
.tool-builder-side,
.tool-hero-side,
.task-metric,
.empty,
.notice{
  backdrop-filter:saturate(1.1) blur(8px);
  -webkit-backdrop-filter:saturate(1.1) blur(8px);
}

/* 视觉层级：主内容更清楚，次级说明更轻 */
.section-title h2,
.card h1,
.card h2,
.card h3,
.hero h1,
.tool-builder-main h1,
.tool-hero-main h1{
  color:#102033;
}
.section-title p,
.card p,
.mini,
.field-help,
.help-text,
small,
.hero-showcase-list span,
.hero-value-strip span{
  color:var(--muted);
}
.mini,
.help-text,
.field-help{line-height:1.72;}
.badge,
.pill,
.status-pill{
  background:rgba(239,246,255,.74) !important;
  border-color:rgba(191,213,255,.82) !important;
  color:#2855a7 !important;
  box-shadow:none;
}
.status-success{color:var(--success) !important;}
.status-failed,.danger{color:var(--danger) !important;}
.status-running,.status-pending{color:var(--warning) !important;}

/* 卡片质感：轻边框、轻阴影、轻浮起 */
.card,
.tool-card,
.category-card,
.price-card,
.trust-card,
.admin-home-stat,
.mobile-task-card{
  transition:transform var(--motion-base) ease, box-shadow var(--motion-base) ease, border-color var(--motion-base) ease, background var(--motion-base) ease, opacity var(--motion-base) ease;
}
.tool-card:hover,
.category-card:hover,
.price-card:hover,
.trust-card:hover,
.card.interactive:hover,
a.card:hover{
  transform:translateY(-4px);
  border-color:rgba(132,169,226,.86) !important;
  box-shadow:0 22px 54px rgba(39,84,150,.105);
}
.category-card::before,
.tool-card::before{
  background:radial-gradient(circle, rgba(49,105,217,.13) 0%, rgba(28,155,210,.07) 42%, transparent 72%);
}

/* 按钮、链接、标签交互反馈 */
.btn,
button,
.page-link,
.nav-group a,
.nav-dropdown summary,
.tool-tabs a,
.filter-chip,
.tab-link,
[data-open-modal],
[data-modal-open]{
  transition:transform var(--motion-fast) ease, box-shadow var(--motion-fast) ease, border-color var(--motion-fast) ease, background var(--motion-fast) ease, color var(--motion-fast) ease, opacity var(--motion-fast) ease, filter var(--motion-fast) ease;
}
.btn{
  box-shadow:0 12px 26px rgba(49,105,217,.17);
}
.btn:hover,
button:hover,
.page-link:hover,
.tool-tabs a:hover{
  transform:translateY(-1px);
}
.btn:active,
button:active,
.page-link:active,
.nav-group a:active,
.tool-tabs a:active{
  transform:translateY(1px) scale(.985);
}
.btn:focus-visible,
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible{
  outline:3px solid rgba(49,105,217,.16);
  outline-offset:2px;
}
.btn.ghost,
.page-link,
.nav-group a,
.nav-dropdown summary{
  background:rgba(255,255,255,.68);
}
.btn.ghost:hover,
.page-link:hover,
.nav-group a:hover,
.nav-dropdown summary:hover{
  background:rgba(239,246,255,.86);
  border-color:rgba(177,201,238,.88);
}
.btn:disabled,
button:disabled,
.btn.disabled{
  opacity:.58;
  cursor:not-allowed;
  filter:saturate(.8);
  box-shadow:none;
}
.btn.is-loading,
button.is-loading,
form.is-loading .btn[type="submit"],
form.is-submitting .btn[type="submit"]{
  position:relative;
  pointer-events:none;
  color:transparent !important;
}
.btn.is-loading::after,
button.is-loading::after,
form.is-loading .btn[type="submit"]::after,
form.is-submitting .btn[type="submit"]::after{
  content:"";
  position:absolute;
  width:16px;
  height:16px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.72);
  border-top-color:rgba(255,255,255,.18);
  animation:ftbSpin .76s linear infinite;
}
.btn.ghost.is-loading::after,
button.ghost.is-loading::after,
form.is-loading .btn.ghost[type="submit"]::after{
  border-color:rgba(49,105,217,.42);
  border-top-color:rgba(49,105,217,.10);
}
@keyframes ftbSpin{to{transform:rotate(360deg)}}

/* 表单与筛选反馈 */
input,select,textarea{
  border-color:rgba(198,212,230,.86) !important;
  background:rgba(255,255,255,.78) !important;
  transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, background var(--motion-fast) ease;
}
input:hover,select:hover,textarea:hover{border-color:rgba(153,184,230,.95) !important;}
input:focus,select:focus,textarea:focus{
  border-color:rgba(49,105,217,.72) !important;
  box-shadow:0 0 0 4px rgba(49,105,217,.10);
  background:#fff !important;
}
.admin-filter-card,
.filter-bar,
.toolbar{
  transition:opacity var(--motion-base) ease, transform var(--motion-base) ease;
}
.filter-bar.is-loading,
.admin-filter-card.is-loading,
form.is-loading{
  opacity:.78;
}

/* 上传区：拖拽/悬停更清楚，但不重 */
.upload{
  background:
    radial-gradient(circle at 50% 0%, rgba(49,105,217,.08), transparent 40%),
    linear-gradient(180deg,rgba(255,255,255,.82),rgba(245,249,255,.64)) !important;
  border-color:rgba(183,204,232,.86) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), var(--shadow-xs);
  transition:transform var(--motion-base) ease, border-color var(--motion-base) ease, box-shadow var(--motion-base) ease, background var(--motion-base) ease;
}
.upload:hover,
.upload.dragover,
.upload.is-dragging{
  transform:translateY(-2px);
  border-color:rgba(49,105,217,.55) !important;
  box-shadow:0 16px 36px rgba(49,105,217,.09), inset 0 1px 0 rgba(255,255,255,.92);
  background:
    radial-gradient(circle at 50% 0%, rgba(49,105,217,.12), transparent 40%),
    linear-gradient(180deg,rgba(255,255,255,.90),rgba(239,246,255,.72)) !important;
}
.upload.dragover::before,
.upload.is-dragging::before{opacity:.94;}
.file-hint{transition:color var(--motion-fast) ease;}
.upload.dragover .file-hint,
.upload.is-dragging .file-hint{color:#2457b5;}

/* 表格：不压迫、不撑开，筛选时有局部反馈 */
.table-wrap{
  background:rgba(255,255,255,.76) !important;
  border-color:rgba(204,216,232,.82) !important;
  box-shadow:var(--shadow-xs);
}
th{
  background:rgba(245,249,255,.92) !important;
  color:#34445a;
}
td{color:#334155;}
tr{transition:background var(--motion-fast) ease;}
tbody tr:hover,
table tr:hover td{background:rgba(239,246,255,.38);}
.table-wrap.is-loading,
.card.is-loading{
  position:relative;
  min-height:96px;
}
.table-wrap.is-loading::after,
.card.is-loading::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent);
  transform:translateX(-100%);
  animation:ftbSkeleton 1.2s ease infinite;
  pointer-events:none;
}
@keyframes ftbSkeleton{to{transform:translateX(100%)}}

@media (prefers-reduced-motion:reduce){
  .frontend-simplified-ui .btn.is-loading::after{animation:none !important;}
}

.frontend-simplified-ui .lite-reveal{opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease;}
.frontend-simplified-ui .lite-reveal.is-visible{opacity:1;transform:none;}
.frontend-simplified-ui .modal-card.has-scrolled .modal-head,
.frontend-simplified-ui .admin-user-modal.has-scrolled .modal-head,
.frontend-simplified-ui .admin-detail-modal.has-scrolled .modal-head{box-shadow:0 8px 18px rgba(15,23,42,.055);}
.frontend-simplified-ui .admin-filter-grid.is-loading,
.frontend-simplified-ui .dashboard-filter-grid.is-loading,
.frontend-simplified-ui .filter-bar.is-loading{opacity:.82;}
@media (prefers-reduced-motion:reduce){.frontend-simplified-ui .lite-reveal{opacity:1 !important;transform:none !important;transition:none !important;}}

/* =========================================================
   全站视觉层级与色彩体系重构版 - 2026-04-29
   目标：解决“太平、太灰、卡片无区分、视觉疲劳”；只重构视觉层级，不改业务逻辑。
   三层体系：一级核心模块 / 二级功能信息 / 三级辅助信息。
   ========================================================= */
.frontend-simplified-ui{
  --vh-bg:#f7f9fc;
  --vh-bg-2:#f3f7fd;
  --vh-bg-warm:#fbfaf7;
  --vh-core:#ffffff;
  --vh-core-tint:#f7fbff;
  --vh-function:#f8fafc;
  --vh-info:#f1f5f9;
  --vh-line:rgba(148,163,184,.20);
  --vh-line-soft:rgba(203,213,225,.52);
  --vh-line-core:rgba(147,197,253,.34);
  --vh-text:#101827;
  --vh-muted:#5d6b7f;
  --vh-soft:#7b8798;
  --vh-blue:#2563eb;
  --vh-blue-soft:#eff6ff;
  --vh-purple:#6d5dfc;
  --vh-purple-soft:#f3f1ff;
  --vh-cyan-soft:#ecfeff;
  --vh-green:#168a4a;
  --vh-green-soft:#ecfdf3;
  --vh-red:#c64d4d;
  --vh-red-soft:#fff1f2;
  --vh-warning:#b76b12;
  --vh-warning-soft:#fff7ed;
  --vh-core-shadow:0 24px 70px rgba(15,23,42,.105),0 4px 18px rgba(37,99,235,.045);
  --vh-card-shadow:0 12px 34px rgba(15,23,42,.058);
  --vh-soft-shadow:0 6px 18px rgba(15,23,42,.035);
  --vh-radius-core:30px;
  --vh-radius-card:23px;
  --vh-radius-info:16px;
  color:var(--vh-text);
}
.frontend-simplified-ui,
.frontend-simplified-ui body{
  background:
    radial-gradient(circle at 6% -4%,rgba(37,99,235,.095),transparent 26%),
    radial-gradient(circle at 92% 0%,rgba(109,93,252,.075),transparent 30%),
    linear-gradient(180deg,#fbfdff 0%,var(--vh-bg) 46%,#f9fafb 100%) !important;
}
.frontend-simplified-ui .site-main{background:transparent;}
.frontend-simplified-ui .wrap{width:min(calc(100% - 32px),1260px);}
.frontend-simplified-ui .tool{width:min(calc(100% - 32px),1188px);}

/* 一级核心模块：更高对比度、更明显背景和阴影，承载主操作/页面主焦点 */
.frontend-simplified-ui :where(.visual-tier-core,.hero-home,.catalog-hero,.pricing-hero,.pricing-polish-hero,.dashboard-hero,.tool-hero,.tool-builder,.task-hero,.ftb-layout-hero,.tool-upload-card,.admin-page-hero,.result-page .task-hero,.ftb613-result-hero){
  border:1px solid var(--vh-line-core) !important;
  border-radius:var(--vh-radius-core) !important;
  background:
    radial-gradient(circle at 0% 0%,rgba(37,99,235,.095),transparent 26%),
    radial-gradient(circle at 100% 0%,rgba(14,165,233,.06),transparent 30%),
    linear-gradient(180deg,var(--vh-core) 0%,var(--vh-core-tint) 100%) !important;
  box-shadow:var(--vh-core-shadow) !important;
}
.frontend-simplified-ui :where(.visual-tier-core,.hero-home,.catalog-hero,.pricing-hero,.pricing-polish-hero,.dashboard-hero,.tool-hero,.tool-builder,.task-hero,.ftb-layout-hero,.tool-upload-card,.admin-page-hero,.result-page .task-hero) h1{
  color:#0b1220;
  letter-spacing:-.055em;
}
.frontend-simplified-ui :where(.visual-tier-core,.hero-home,.catalog-hero,.pricing-hero,.pricing-polish-hero,.dashboard-hero,.tool-hero,.tool-builder,.task-hero,.ftb-layout-hero,.tool-upload-card,.admin-page-hero,.result-page .task-hero) > p,
.frontend-simplified-ui :where(.visual-tier-core,.hero-home,.catalog-hero,.pricing-hero,.pricing-polish-hero,.dashboard-hero,.tool-hero,.tool-builder,.task-hero,.ftb-layout-hero,.tool-upload-card,.admin-page-hero,.result-page .task-hero) .muted{
  color:var(--vh-muted) !important;
}

/* 二级功能卡片：工具能力、步骤、参数、统计、数据卡片，弱阴影 + 轻背景 */
.frontend-simplified-ui :where(.visual-tier-function,.card,.tool-card,.category-card,.price-card,.pricing-polish-card,.ftb-info-card,.inner-card,.card-soft,.trust-card,.stat>div,.hero-stat,.admin-kpi-card,.stat-card,.admin-home-stat,.dashboard-card,.table-wrap,.tool-params-card,.ftb613-faq-card,.tool-page-faq,.faq-item,.home-ad-card,.front-ann-card){
  border:1px solid var(--vh-line) !important;
  border-radius:var(--vh-radius-card) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,var(--vh-function) 100%) !important;
  box-shadow:var(--vh-card-shadow) !important;
}
.frontend-simplified-ui :where(.tool-card,.category-card,.price-card,.pricing-polish-card,.ftb-info-card,.inner-card,.trust-card,.admin-kpi-card,.stat-card,.admin-home-stat){
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.frontend-simplified-ui :where(.tool-card,.category-card,.price-card,.pricing-polish-card,.ftb-info-card,.inner-card,.trust-card,.admin-kpi-card,.stat-card,.admin-home-stat):hover{
  transform:translateY(-2px);
  border-color:rgba(147,197,253,.46) !important;
  box-shadow:0 18px 42px rgba(37,99,235,.095) !important;
}
.frontend-simplified-ui .card::after{opacity:.28 !important;background:linear-gradient(135deg,rgba(37,99,235,.055),rgba(14,165,233,.055)) !important;}

/* 三级辅助信息：标签、说明、提示、状态小块，扁平、极弱背景、低视觉重量 */
.frontend-simplified-ui :where(.visual-tier-info,.badge,.pill,.status-pill,.mini,.notice,.promise-item,.tool-builder-meta span,.tool-card-meta span,.tool-detail-chips span,.ftb-scene-tags span,.ftb-step-list span,.price-feature-list,.source-pill,.upload-status-preview div,.result-summary-banner.ux-result-summary div,.task-meta.ux-result-metrics>div,.admin-page-mini-stats div,.tag,.label){
  border:1px solid var(--vh-line-soft) !important;
  background:rgba(241,245,249,.62) !important;
  box-shadow:none !important;
  color:#334155;
}
.frontend-simplified-ui :where(.badge,.pill,.status-pill,.tool-builder-meta span,.tool-card-meta span,.tool-detail-chips span,.source-pill){
  min-height:28px;
  padding:5px 10px;
  border-radius:999px !important;
  font-size:12px;
  line-height:1.2;
}
.frontend-simplified-ui .mini{background:transparent !important;border-color:transparent !important;color:var(--vh-soft) !important;}
.frontend-simplified-ui .notice{padding:13px 15px !important;border-radius:var(--vh-radius-info) !important;line-height:1.68;}

/* 轻微色彩倾向：只用于功能分区和状态，不让所有模块同色 */
.frontend-simplified-ui :where(.tool-upload-card,.upload,.tool-builder,.tool-hero,.ftb-layout-hero){
  background:
    radial-gradient(circle at 0% 0%,rgba(37,99,235,.10),transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f5f9ff 100%) !important;
}
.frontend-simplified-ui :where(.admin-kpi-card,.stat-card,.stat>div,.hero-stat,.dashboard-hero .hero-panel>*),
.frontend-simplified-ui .visual-data-zone{
  background:linear-gradient(180deg,#ffffff 0%,var(--vh-purple-soft) 100%) !important;
  border-color:rgba(167,139,250,.22) !important;
}
.frontend-simplified-ui :where(.security-card,.safe-card,.tool-side-notes,.trust-card,.ftb-info-card.security,.notice.safe){
  background:linear-gradient(180deg,#ffffff 0%,var(--vh-cyan-soft) 100%) !important;
  border-color:rgba(45,212,191,.22) !important;
}
.frontend-simplified-ui :where(.result-success-badge,.status-success,.status-completed,.status-done,.notice.success){
  color:var(--vh-green) !important;
  background:var(--vh-green-soft) !important;
  border-color:rgba(34,197,94,.24) !important;
}
.frontend-simplified-ui :where(.status-running,.status-pending,.status-processing,.notice.info){
  color:#1d4ed8 !important;
  background:var(--vh-blue-soft) !important;
  border-color:rgba(59,130,246,.24) !important;
}
.frontend-simplified-ui :where(.status-failed,.status-error,.status-danger,.notice.danger,.notice.error){
  color:var(--vh-red) !important;
  background:var(--vh-red-soft) !important;
  border-color:rgba(239,68,68,.22) !important;
}
.frontend-simplified-ui :where(.status-warning,.notice.warning,.coupon-alert){
  color:var(--vh-warning) !important;
  background:var(--vh-warning-soft) !important;
  border-color:rgba(245,158,11,.24) !important;
}

/* 页面焦点：主按钮更突出，次按钮更轻，3 秒内知道下一步 */
.frontend-simplified-ui .btn:not(.ghost):not(.secondary){
  background:linear-gradient(135deg,#2563eb 0%,#4f46e5 56%,#6d5dfc 100%) !important;
  color:#fff !important;
  box-shadow:0 16px 34px rgba(37,99,235,.22) !important;
}
.frontend-simplified-ui .btn:not(.ghost):not(.secondary):hover{
  transform:translateY(-2px);
  box-shadow:0 22px 44px rgba(37,99,235,.28) !important;
}
.frontend-simplified-ui .btn.ghost,
.frontend-simplified-ui .btn.secondary,
.frontend-simplified-ui button.ghost{
  background:rgba(255,255,255,.82) !important;
  color:#263448 !important;
  border:1px solid var(--vh-line) !important;
  box-shadow:var(--vh-soft-shadow) !important;
}
.frontend-simplified-ui :where(.tool-tabs a,.admin-subnav-link,.page-link,.filter-chip){
  background:rgba(255,255,255,.72) !important;
  border:1px solid var(--vh-line) !important;
  color:#475569 !important;
  box-shadow:none !important;
}
.frontend-simplified-ui :where(.tool-tabs a.active,.admin-subnav-link.active,.page-link.active,.filter-chip.active){
  background:var(--vh-blue-soft) !important;
  border-color:rgba(37,99,235,.30) !important;
  color:#1d4ed8 !important;
}

/* 表单与表格：保持清晰，但降低厚重感 */
.frontend-simplified-ui :where(input,select,textarea){
  background:rgba(255,255,255,.86) !important;
  border:1px solid rgba(148,163,184,.24) !important;
  color:#172033 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75) !important;
}
.frontend-simplified-ui :where(input,select,textarea):focus{
  border-color:rgba(37,99,235,.42) !important;
  box-shadow:0 0 0 4px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.9) !important;
  outline:0 !important;
}
.frontend-simplified-ui .admin-filter-grid,
.frontend-simplified-ui .dashboard-filter-grid,
.frontend-simplified-ui .filter-bar{
  background:rgba(255,255,255,.55) !important;
  border:1px solid var(--vh-line-soft) !important;
  border-radius:20px !important;
  box-shadow:none !important;
}
.frontend-simplified-ui .table-wrap{background:rgba(255,255,255,.80) !important;}
.frontend-simplified-ui .table th{background:#f6f8fb !important;color:#334155 !important;font-weight:850 !important;}
.frontend-simplified-ui .table td{color:#273449 !important;}
.frontend-simplified-ui .table tr:hover td{background:rgba(239,246,255,.62) !important;}

/* 文字层级：标题、正文、说明更清楚，不再灰一片 */
.frontend-simplified-ui h1{color:#0b1220;}
.frontend-simplified-ui h2,
.frontend-simplified-ui h3{color:#111827;}
.frontend-simplified-ui p{color:var(--vh-muted);}
.frontend-simplified-ui .section-title p,
.frontend-simplified-ui .card p,
.frontend-simplified-ui .tool-card p,
.frontend-simplified-ui .price-feature-list span{color:var(--vh-muted) !important;}
.frontend-simplified-ui .section-title h2{letter-spacing:-.045em;}

/* 后台：运营控制台层级更清楚 */
.frontend-simplified-ui .admin-layout{gap:20px !important;}
.frontend-simplified-ui .side{
  background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(248,250,252,.66)) !important;
  border-color:var(--vh-line) !important;
  box-shadow:var(--vh-soft-shadow) !important;
}
.frontend-simplified-ui .side a.active,
.frontend-simplified-ui .side a:hover{
  background:var(--vh-blue-soft) !important;
  color:#1d4ed8 !important;
}
.frontend-simplified-ui .admin-page-hero{background:linear-gradient(180deg,#fff,#f5f9ff) !important;}
.frontend-simplified-ui .admin-home-grid,
.frontend-simplified-ui .dashboard-grid{gap:16px !important;}

/* 响应式：手机端保留层级，但降低阴影和动画重量 */
@media (max-width:680px){
  .frontend-simplified-ui .wrap,
  .frontend-simplified-ui .tool{width:min(calc(100% - 20px),1260px) !important;}
  .frontend-simplified-ui :where(.visual-tier-core,.hero-home,.catalog-hero,.pricing-hero,.dashboard-hero,.tool-hero,.tool-builder,.task-hero,.ftb-layout-hero,.tool-upload-card,.admin-page-hero,.result-page .task-hero){
    border-radius:24px !important;
    box-shadow:0 14px 34px rgba(15,23,42,.075) !important;
  }
  .frontend-simplified-ui :where(.card,.tool-card,.category-card,.price-card,.ftb-info-card,.inner-card,.table-wrap){
    border-radius:20px !important;
    box-shadow:0 8px 22px rgba(15,23,42,.045) !important;
  }
  .frontend-simplified-ui .btn:not(.ghost):not(.secondary):hover,
  .frontend-simplified-ui :where(.tool-card,.category-card,.price-card,.ftb-info-card,.inner-card):hover{transform:none;}
}
@media (prefers-reduced-motion:reduce){
  .frontend-simplified-ui :where(.tool-card,.category-card,.price-card,.ftb-info-card,.inner-card,.btn){transition:none !important;}
}

/* =========================================================
   全站轻量化与组件尺寸优化版 - 2026-04-29
   目标：解决页面厚重、按钮偏大、筛选区占空间、表单控件原生感、卡片 padding 过厚。
   仅追加轻量化视觉覆盖，不修改业务逻辑、不涉及数据库。
   ========================================================= */
.frontend-simplified-ui{
  --size-radius-sm:10px;
  --size-radius-md:14px;
  --size-radius-lg:18px;
  --size-radius-xl:22px;
  --size-gap-xs:6px;
  --size-gap-sm:8px;
  --size-gap-md:12px;
  --size-gap-lg:16px;
  --size-card-pad-sm:12px;
  --size-card-pad-md:16px;
  --size-card-pad-lg:20px;
  --size-control-h:38px;
  --size-control-h-sm:32px;
  --size-control-h-lg:42px;
  --size-shadow-soft:0 8px 22px rgba(15,23,42,.045);
  --size-shadow-card:0 12px 30px rgba(15,23,42,.055);
}

/* 1) 按钮体系轻量化：主按钮保留识别度，次级/表格/标签按钮降低视觉重量 */
.frontend-simplified-ui :where(.btn,button.btn,a.btn,input[type=submit].btn){
  min-height:var(--size-control-h)!important;
  padding:0 15px!important;
  border-radius:var(--size-radius-md)!important;
  font-size:14px!important;
  font-weight:800!important;
  gap:6px!important;
  line-height:1.15!important;
  box-shadow:0 9px 20px rgba(37,99,235,.13)!important;
}
.frontend-simplified-ui :where(.hero-actions .btn,.ux-tool-actions .btn,.tool-upload-actions .btn,.result-primary-actions .btn:first-child,.pricing-buy-form .btn,.plan-action-area>.btn){
  min-height:var(--size-control-h-lg)!important;
  padding:0 18px!important;
  border-radius:16px!important;
  font-size:15px!important;
}
.frontend-simplified-ui :where(.btn.ghost,.btn.secondary,button.ghost,.toolbar .btn,.admin-table-toolbar .btn,.admin-filter-actions .btn){
  min-height:36px!important;
  padding:0 13px!important;
  border-radius:13px!important;
  box-shadow:0 5px 14px rgba(15,23,42,.04)!important;
  background:rgba(255,255,255,.76)!important;
}
.frontend-simplified-ui :where(.btn.compact,.table .btn,.table td .btn.compact,.cell-actions .btn,.task-file-actions .btn,.admin-inline-form .btn,.admin-batch-toolbar .btn,.modal-card .btn,.admin-modal-form .btn,.admin-detail-form .btn,.coupon-actions .btn){
  min-height:var(--size-control-h-sm)!important;
  padding:0 10px!important;
  border-radius:11px!important;
  font-size:12px!important;
  font-weight:800!important;
  gap:5px!important;
  box-shadow:none!important;
}
.frontend-simplified-ui :where(.badge,.pill,.status-pill,.tool-card-meta span,.tool-builder-meta span,.tool-detail-chips span,.quick-tool-row a,.category-filter a,.source-pill,.tag,.label,.filter-chip,.tool-tabs a,.admin-subnav-link,.page-link){
  min-height:26px!important;
  padding:4px 9px!important;
  border-radius:999px!important;
  font-size:12px!important;
  line-height:1.18!important;
  font-weight:750!important;
  box-shadow:none!important;
}
.frontend-simplified-ui .btn:hover{transform:translateY(-1px)!important;box-shadow:0 10px 24px rgba(37,99,235,.16)!important;}
.frontend-simplified-ui .btn:active{transform:translateY(0) scale(.99)!important;}
.frontend-simplified-ui :where(.btn.compact,.table .btn,.cell-actions .btn,.filter-chip,.tool-tabs a):hover{box-shadow:0 5px 14px rgba(15,23,42,.055)!important;}

/* 2) 筛选区压缩：输入/按钮横向更紧凑，减少首屏占用 */
.frontend-simplified-ui :where(.admin-filter-grid,.dashboard-filter-grid,.filter-bar,.admin-filter-card,.toolbar,.admin-batch-toolbar){
  gap:var(--size-gap-sm)!important;
}
.frontend-simplified-ui :where(.admin-filter-grid,.dashboard-filter-grid,.filter-bar){
  padding:10px!important;
  border-radius:var(--size-radius-lg)!important;
  align-items:end!important;
  background:rgba(255,255,255,.50)!important;
}
.frontend-simplified-ui .admin-filter-grid{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
}
.frontend-simplified-ui .dashboard-filter-grid{
  grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;
}
.frontend-simplified-ui .filter-bar{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
}
.frontend-simplified-ui :where(.admin-filter-grid label,.dashboard-filter-grid label,.admin-modal-form label,.form-grid label){
  gap:5px!important;
  font-size:12px!important;
  color:#526174!important;
}
.frontend-simplified-ui :where(.admin-filter-actions,.filter-actions,.toolbar){
  gap:var(--size-gap-sm)!important;
}

/* 3) 表单控件统一：input/select/date/textarea 更薄、更统一，不像默认浏览器控件 */
.frontend-simplified-ui :where(input,select,textarea,input[type=date],input[type=datetime-local],input[type=time],input[type=number],input[type=search],input[type=email],input[type=text],input[type=password],input[type=url]){
  min-height:var(--size-control-h)!important;
  padding:8px 11px!important;
  border-radius:var(--size-radius-md)!important;
  font-size:13px!important;
  line-height:1.35!important;
  border:1px solid rgba(148,163,184,.25)!important;
  background-color:rgba(255,255,255,.78)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;
}
.frontend-simplified-ui select{
  appearance:none!important;
  -webkit-appearance:none!important;
  padding-right:34px!important;
  background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%)!important;
  background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%!important;
  background-size:5px 5px,5px 5px!important;
  background-repeat:no-repeat!important;
}
.frontend-simplified-ui textarea{min-height:96px!important;resize:vertical;}
.frontend-simplified-ui :where(input,select,textarea):focus{
  border-color:rgba(37,99,235,.42)!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.09),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.frontend-simplified-ui :where(input,select,textarea):disabled{
  opacity:.66!important;
  background:rgba(241,245,249,.78)!important;
  cursor:not-allowed!important;
}
.frontend-simplified-ui :where(.admin-inline-form input,.coupon-row-form input,.coupon-row-form select,.admin-batch-toolbar select){
  min-height:var(--size-control-h-sm)!important;
  padding:6px 10px!important;
  font-size:12px!important;
  border-radius:11px!important;
}

/* 4) 卡片 padding 与间距体系：更薄、更紧凑，但保留呼吸感 */
.frontend-simplified-ui :where(.card,.tool-card,.category-card,.price-card,.pricing-polish-card,.ftb-info-card,.inner-card,.trust-card,.stat>div,.hero-stat,.admin-kpi-card,.stat-card,.admin-home-stat,.dashboard-card,.table-wrap,.tool-params-card,.ftb613-faq-card,.tool-page-faq,.faq-item,.home-ad-card,.front-ann-card){
  padding:var(--size-card-pad-md)!important;
  border-radius:var(--size-radius-xl)!important;
  box-shadow:var(--size-shadow-soft)!important;
}
.frontend-simplified-ui :where(.visual-tier-core,.hero-home,.catalog-hero,.pricing-hero,.pricing-polish-hero,.dashboard-hero,.tool-hero,.tool-builder,.task-hero,.ftb-layout-hero,.tool-upload-card,.admin-page-hero,.result-page .task-hero,.ftb613-result-hero){
  padding:var(--size-card-pad-lg)!important;
  border-radius:24px!important;
  box-shadow:var(--size-shadow-card)!important;
}
.frontend-simplified-ui :where(.notice,.info-row,.upload-status-preview div,.result-summary-banner div,.task-meta.ux-result-metrics>div,.admin-page-mini-stats div,.promise-item,.price-feature-list,.checkbox-grid){
  padding:10px 12px!important;
  border-radius:var(--size-radius-lg)!important;
}
.frontend-simplified-ui :where(.section,.tools-ux-section,.pricing-section,.dashboard-section){
  margin-top:24px!important;
}
.frontend-simplified-ui :where(.tool-grid,.category-grid,.pricing-grid,.admin-home-grid,.dashboard-grid,.result-detail-cards,.coupon-card-row,.front-announcements){
  gap:var(--size-gap-md)!important;
}
.frontend-simplified-ui :where(.tool-card h3,.category-card h3,.price-card h3,.card h3,.ftb-info-card h3){
  margin-bottom:6px!important;
}
.frontend-simplified-ui :where(.tool-card p,.category-card p,.price-card p,.card p,.ftb-info-card p,.mini){
  line-height:1.58!important;
}

/* 5) 表格与后台列表：操作更快，不再因为按钮和筛选撑高页面 */
.frontend-simplified-ui .table th{padding:10px 11px!important;font-size:12px!important;}
.frontend-simplified-ui .table td{padding:9px 11px!important;font-size:13px!important;}
.frontend-simplified-ui .cell-actions{gap:6px!important;}
.frontend-simplified-ui .admin-table-card{padding:16px!important;}
.frontend-simplified-ui .admin-table-toolbar{margin-bottom:10px!important;gap:8px!important;}
.frontend-simplified-ui .side{padding:10px!important;}
.frontend-simplified-ui .side a{min-height:34px!important;padding:8px 10px!important;border-radius:12px!important;font-size:13px!important;}
.frontend-simplified-ui .admin-layout{gap:16px!important;}
.frontend-simplified-ui .admin-page-hero{gap:10px!important;}

/* 6) 前台工具页/结果页：重要操作靠前，说明更轻 */
.frontend-simplified-ui .upload{min-height:210px!important;border-radius:20px!important;}
.frontend-simplified-ui .tool-upload-card{padding:18px!important;}
.frontend-simplified-ui .tool-bottom-grid{gap:16px!important;}
.frontend-simplified-ui .tool-params-card .field-grid,
.frontend-simplified-ui .tool-fields-wide{gap:10px!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;}
.frontend-simplified-ui .result-primary-actions{gap:8px!important;margin-top:12px!important;}
.frontend-simplified-ui .result-summary-banner.ux-result-summary{gap:8px!important;margin:12px 0!important;}

/* 7) 弹窗内部也轻量化，避免内容显得厚和挤 */
.frontend-simplified-ui :where(.modal-card,.member-ledger-dialog,.admin-user-modal,.admin-detail-modal){
  border-radius:22px!important;
}
.frontend-simplified-ui :where(.modal-head,.record-detail-head,.admin-modal-head){
  padding:12px 16px!important;
}
.frontend-simplified-ui :where(.modal-body,.record-detail-body,.admin-modal-body){
  padding:14px 16px!important;
}
.frontend-simplified-ui .admin-modal-form{gap:10px!important;}

/* 8) 移动端：不牺牲可点性，按钮仍保持适合手指点击 */
@media (max-width:760px){
  .frontend-simplified-ui{--size-control-h:42px;--size-control-h-sm:38px;--size-control-h-lg:44px;}
  .frontend-simplified-ui :where(.btn,button.btn,a.btn,input[type=submit].btn){min-height:42px!important;padding:0 14px!important;}
  .frontend-simplified-ui :where(input,select,textarea,input[type=date],input[type=datetime-local],input[type=time]){min-height:42px!important;font-size:14px!important;}
  .frontend-simplified-ui :where(.card,.tool-card,.category-card,.price-card,.pricing-polish-card,.ftb-info-card,.inner-card,.table-wrap){padding:15px!important;border-radius:18px!important;}
  .frontend-simplified-ui :where(.visual-tier-core,.hero-home,.catalog-hero,.pricing-hero,.dashboard-hero,.tool-hero,.tool-builder,.task-hero,.ftb-layout-hero,.tool-upload-card,.admin-page-hero){padding:17px!important;border-radius:20px!important;}
  .frontend-simplified-ui :where(.admin-filter-grid,.dashboard-filter-grid,.filter-bar){grid-template-columns:1fr!important;padding:10px!important;}
  .frontend-simplified-ui :where(.toolbar .btn,.admin-filter-actions .btn,.result-primary-actions .btn,.tool-upload-actions .btn,.ux-tool-actions .btn){width:100%;justify-content:center;}
  .frontend-simplified-ui .upload{min-height:180px!important;}
}

/* =========================================================
   全站交互反馈与加载体验优化版 - 2026-04-29
   目标：解决“像静态页面、没反馈”；只增加轻量反馈层，不改变业务逻辑。
   ========================================================= */
.frontend-simplified-ui.interaction-loading-v5{
  --ix-primary:#2563eb;
  --ix-primary-2:#4f46e5;
  --ix-info:#0ea5e9;
  --ix-success:#16a34a;
  --ix-danger:#dc2626;
  --ix-warning:#d97706;
  --ix-ease:cubic-bezier(.2,.8,.2,1);
}

/* 1) 顶部加载条：2px fixed，不占高度，不遮挡内容 */
.frontend-simplified-ui .ftb-progress-bar{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:3px!important;
  z-index:2147483000!important;
  pointer-events:none!important;
  opacity:0;
  background:transparent!important;
  transform:translateZ(0);
  transition:opacity .18s ease!important;
}
.frontend-simplified-ui .ftb-progress-bar span{
  display:block!important;
  width:0%;
  height:100%!important;
  border-radius:0 999px 999px 0!important;
  background:linear-gradient(90deg,var(--ix-primary),var(--ix-info),var(--ix-primary-2))!important;
  box-shadow:0 0 12px rgba(37,99,235,.22),0 0 22px rgba(14,165,233,.16)!important;
  transition:width .28s var(--ix-ease)!important;
  will-change:width;
}
.frontend-simplified-ui .ftb-progress-bar.is-active{opacity:1!important;}
.frontend-simplified-ui .ftb-progress-bar.is-done{opacity:0!important;}

/* 2) 按钮/可点击元素：hover、按下、loading 都有明确但轻量的反馈 */
.frontend-simplified-ui :where(.btn,button,.page-link,.pill,.filter-chip,.tab-link,.tool-tabs a,.admin-subnav-link,.cell-actions a,.cell-actions button,[data-open-modal],[data-modal-open]){
  transition:transform .16s var(--ix-ease),box-shadow .16s var(--ix-ease),border-color .16s var(--ix-ease),background .16s var(--ix-ease),color .16s var(--ix-ease),opacity .16s var(--ix-ease),filter .16s var(--ix-ease)!important;
  -webkit-tap-highlight-color:transparent;
}
.frontend-simplified-ui :where(.btn,button,.page-link,.pill,.filter-chip,.tab-link,.tool-tabs a,.admin-subnav-link):hover{
  transform:translateY(-1px);
  filter:saturate(1.03);
}
.frontend-simplified-ui :where(.btn,button,.page-link,.pill,.filter-chip,.tab-link,.tool-tabs a,.admin-subnav-link).is-pressing,
.frontend-simplified-ui :where(.btn,button,.page-link,.pill,.filter-chip,.tab-link,.tool-tabs a,.admin-subnav-link):active{
  transform:translateY(1px) scale(.985)!important;
  filter:saturate(.96) brightness(.98);
}
.frontend-simplified-ui :where(.btn,button,.page-link,.pill,.filter-chip,.tab-link,.tool-tabs a,.admin-subnav-link):focus-visible{
  outline:3px solid rgba(37,99,235,.16)!important;
  outline-offset:2px!important;
}
.frontend-simplified-ui :where(.btn,button).is-loading,
.frontend-simplified-ui form.is-loading :where(button[type="submit"],input[type="submit"],.btn[type="submit"]),
.frontend-simplified-ui form.is-submitting :where(button[type="submit"],input[type="submit"],.btn[type="submit"]){
  pointer-events:none!important;
  opacity:.84!important;
  position:relative!important;
}
.frontend-simplified-ui :where(.btn,button).is-loading::after,
.frontend-simplified-ui form.is-loading :where(button[type="submit"],.btn[type="submit"])::after,
.frontend-simplified-ui form.is-submitting :where(button[type="submit"],.btn[type="submit"])::after{
  content:""!important;
  display:inline-block!important;
  width:13px!important;
  height:13px!important;
  margin-left:7px!important;
  border-radius:50%!important;
  border:2px solid currentColor!important;
  border-right-color:transparent!important;
  animation:ftbInteractionSpin .72s linear infinite!important;
  vertical-align:-2px;
}
@keyframes ftbInteractionSpin{to{transform:rotate(360deg)}}

/* 3) 弹窗交互：打开轻微浮入，关闭自然，遮罩透明度适中 */

/* 弹窗系统与交互体验全面修复版 */

/* vNext-6.5I global UI layout restore: page-level/business component styles only. 6.5G sticky and modal shell rules are intentionally not redefined. */
.wrap{width:min(calc(100% - 32px),var(--page-width,1240px));margin:0 auto;}
.site-main>.wrap,.site-main>.auth-wrap{padding-top:24px;}
.card{position:relative;border:1px solid rgba(205,218,255,.86);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,251,255,.86));box-shadow:0 18px 52px rgba(30,64,175,.075);padding:24px;min-width:0;}
.card h1,.card h2,.card h3{margin-top:0;letter-spacing:-.02em;color:#0f172a;}
.card p{color:#64748b;line-height:1.75;}
.section-head,.section-title,.record-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px;}
.section-head h2,.section-title h2,.record-detail-head h2{margin:0 0 4px;font-size:22px;}
.section-head p,.section-title p,.record-detail-head p{margin:0;color:#64748b;}
.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border:1px solid transparent;border-radius:999px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;font-weight:850;cursor:pointer;box-shadow:0 12px 28px rgba(37,99,235,.18);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;}
.btn:hover{transform:translateY(-1px);box-shadow:0 18px 38px rgba(37,99,235,.22);}
.btn:active{transform:translateY(0);}
.btn.ghost{background:rgba(255,255,255,.86);color:#1d4ed8;border-color:rgba(191,219,254,.92);box-shadow:0 10px 24px rgba(37,99,235,.08);}
.btn.compact{min-height:34px;padding:7px 12px;font-size:13px;}
input,select,textarea{border:1px solid rgba(203,213,225,.95);border-radius:14px;background:#fff;padding:11px 12px;color:#0f172a;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;}
input:focus,select:focus,textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.16);}
.empty{padding:18px;border:1px dashed rgba(148,163,184,.48);border-radius:18px;background:#f8fafc;color:#64748b;text-align:center;}
.mini{font-size:12px;color:#64748b;}
.badge,.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:850;border:1px solid rgba(148,163,184,.22);background:#f8fafc;color:#475569;white-space:nowrap;}
.status-success,.status-paid,.status-completed{background:#ecfdf5;color:#047857;border-color:#bbf7d0;}
.status-failed,.status-error{background:#fef2f2;color:#b91c1c;border-color:#fecaca;}
.status-pending,.status-running,.status-processing{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe;}
.status-expired,.status-cancelled{background:#f8fafc;color:#64748b;border-color:#e2e8f0;}
.table-wrap,.admin-table-wrap{border:1px solid rgba(226,232,240,.95);border-radius:22px;background:rgba(255,255,255,.9);box-shadow:0 14px 34px rgba(15,23,42,.045);overflow-x:auto;overflow-y:visible;}
.table{width:100%;border-collapse:separate;border-spacing:0;min-width:820px;}
.table th{background:#f8fafc;color:#475569;font-size:12px;text-align:left;font-weight:900;}
.table th,.table td{padding:12px 14px;border-bottom:1px solid rgba(226,232,240,.78);vertical-align:middle;}
.table tr:last-child td{border-bottom:0;}
.table td{color:#334155;}
.cell-actions,.admin-table-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.text-ellipsis,.table code,.copyable-text{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle;}

.admin-mini-bar span,.admin-chart-bar small{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);font-size:11px;color:#64748b;white-space:nowrap;background:transparent;box-shadow:none;}
.admin-chart-bar b{position:absolute;top:-22px;font-size:12px;color:#334155;}
.admin-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.admin-rank-list{display:grid;gap:12px;}.admin-rank-item{display:grid;gap:8px;padding:13px;border:1px solid rgba(226,232,240,.9);border-radius:18px;background:#fff;}.admin-rank-item div{display:flex;align-items:center;justify-content:space-between;gap:12px;}.admin-rank-item b{color:#0f172a;}.admin-rank-item span{color:#64748b;font-size:13px;}.admin-rank-item em{display:block;height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden;}.admin-rank-item i{display:block;height:100%;border-radius:inherit;background:linear-gradient(135deg,#2563eb,#22c55e);}
.admin-table-card{padding:0;overflow:hidden;}.admin-table-card .section-head,.admin-table-card .record-detail-head{padding:20px 22px 0;}.admin-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;}
.admin-notice-list,.notification-list{display:grid;gap:12px;}.notification-item{padding:16px;border:1px solid rgba(226,232,240,.9);border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.045);}

@media(max-width:1180px){.dashboard-hero.dashboard-unified-hero{grid-template-columns:1fr}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard-grid,.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-panel-grid{grid-template-columns:1fr}.admin-layout{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:900px){.wrap{width:min(calc(100% - 20px),var(--page-width,1240px));}.card{padding:18px;border-radius:22px}.dashboard-tool-columns,.dashboard-service-grid,.trust-grid,.detail-layout,.tool-bottom-grid,.tool-guide-grid,.tool-seo-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}.hero-panel,.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-buy-form{grid-template-columns:1fr}.admin-layout{display:block}.side{margin-bottom:16px}.admin-dashboard-grid,.admin-kpi-grid{grid-template-columns:1fr}.member-ledger-dialog>.hero-panel{grid-template-columns:1fr 1fr}.mobile-task-list{display:grid;gap:12px}.desktop-table-only{display:none}.section-head,.section-title,.record-detail-head,.tool-upload-head,.coupon-box-head,.coupon-wallet-head{display:grid}.admin-chart-bars,.admin-mini-chart{height:190px}}
@media(max-width:560px){.hero-panel,.hero-metrics,.member-ledger-dialog>.hero-panel{grid-template-columns:1fr}.toolbar .btn,.dashboard-quick-toolbar .btn{width:100%;}.coupon-wallet-grid{grid-template-columns:1fr;padding:14px}.modal-head{padding:16px}.admin-modal-body,.dashboard-task-modal-body{padding:14px}.table{min-width:760px}}

/* vNext-6.6-X Clean operational UI baseline
   Consolidated the former 6.5J-6.6W patch stack into one scoped section.
   Scope: frontend polish and data-modal/table detail only; sticky/modal/fixed core remains defined above. */
:root{
  --ftb-clean-line:rgba(226,232,240,.92);
  --ftb-clean-line-strong:rgba(191,219,254,.9);
  --ftb-clean-muted:#64748b;
  --ftb-clean-title:#0f172a;
  --ftb-clean-soft:#f8fafc;
  --ftb-clean-primary:#2563eb;
  --ftb-clean-radius-card:24px;
  --ftb-clean-radius-control:14px;
  --ftb-clean-shadow:0 14px 34px rgba(15,23,42,.055);
  --ftb-clean-shadow-hover:0 18px 44px rgba(37,99,235,.12);
}

/* shared detail polish */
.frontend-simplified-ui :where(.btn,a.btn,button.btn){min-height:42px;border-radius:var(--ftb-clean-radius-control);}
.frontend-simplified-ui :where(input,select,textarea){border-radius:13px;}
.frontend-simplified-ui :where(input,select,textarea):focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.16);}
.frontend-simplified-ui :where(.empty){border-style:solid;background:linear-gradient(180deg,#fff,#f8fafc);border-radius:18px;color:var(--ftb-clean-muted);}
.frontend-simplified-ui :where(.table tbody tr:hover,.admin-table tbody tr:hover){background:#fbfdff;}
.frontend-simplified-ui :where(.card,.inner-card,.tool-mini-card){border-color:var(--ftb-clean-line);}

/* pricing card visual baseline: vNext-6.6-Y12 */
.frontend-simplified-ui .pricing-polish-hero{padding:30px 34px;border-radius:32px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:24px;align-items:center;}
.frontend-simplified-ui .pricing-polish-hero h1{font-size:clamp(38px,4.4vw,58px);line-height:1.02;margin-bottom:12px;}
.frontend-simplified-ui .pricing-polish-hero p{font-size:15px;line-height:1.75;max-width:720px;color:#53657d;}
.frontend-simplified-ui .pricing-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.frontend-simplified-ui .pricing-benefit-grid div{min-height:86px;padding:16px;border-radius:22px;background:rgba(255,255,255,.72);border:1px solid rgba(191,219,254,.72);box-shadow:0 12px 28px rgba(37,99,235,.05);}
.frontend-simplified-ui .pricing-benefit-grid b{font-size:18px;line-height:1.25;}
.frontend-simplified-ui .pricing-benefit-grid span{font-size:12px;line-height:1.45;color:#64748b;}
.pricing-claimed-coupon-strip{margin:20px 0 18px;padding:18px 22px!important;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,247,237,.72));border:1px solid rgba(254,202,202,.8);box-shadow:0 14px 36px rgba(251,146,60,.08);}
.pricing-claimed-coupon-strip .record-detail-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;}
.pricing-claimed-coupon-strip h2{font-size:22px;margin:0 0 5px;}
.pricing-claimed-coupon-strip p{margin:0;color:#64748b;}
.pricing-claimed-coupon-strip .coupon-wallet-summary{margin:0;gap:8px;}
.pricing-claimed-coupon-strip .coupon-wallet-summary span{padding:7px 11px;}
.frontend-simplified-ui .pricing-grid{gap:20px;align-items:stretch;}
.frontend-simplified-ui .pricing-polish-card,.frontend-simplified-ui .price-card.ux-price-card{display:flex!important;flex-direction:column;gap:16px;min-height:auto!important;padding:24px!important;border-radius:30px!important;background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(248,251,255,.94));border:1px solid rgba(226,232,240,.92)!important;box-shadow:0 18px 46px rgba(15,23,42,.06)!important;overflow:hidden;}
.frontend-simplified-ui .pricing-polish-card.is-recommended{border-color:rgba(37,99,235,.40)!important;box-shadow:0 26px 72px rgba(37,99,235,.14)!important;}
.frontend-simplified-ui .pricing-polish-card .plan-head{min-height:auto;display:grid;gap:6px;}
.frontend-simplified-ui .pricing-polish-card .plan-head h3{font-size:25px;line-height:1.18;margin:0;}
.frontend-simplified-ui .pricing-polish-card .plan-head p{margin:0;color:#64748b;font-size:13px;}
.frontend-simplified-ui .pricing-polish-card .price-block{margin:2px 0 0;}
.frontend-simplified-ui .pricing-polish-card .price{font-size:clamp(42px,4.8vw,58px);line-height:1;color:#3153d4;}
.frontend-simplified-ui .pricing-polish-card .price-period{display:inline-flex;margin-top:8px;padding:5px 10px;border-radius:999px;background:#eef4ff;color:#3153d4;font-size:12px;font-weight:900;}
.frontend-simplified-ui .pricing-polish-card .recommended-badge{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;box-shadow:0 12px 30px rgba(37,99,235,.24)!important;}
.frontend-simplified-ui .pricing-polish-card .plan-value-line{display:flex;flex-wrap:wrap;gap:8px;margin:0;}
.frontend-simplified-ui .pricing-polish-card .plan-value-line span{padding:6px 10px;border-radius:999px;background:#f1f5ff;border:1px solid rgba(191,219,254,.78);color:#3653b8;font-size:12px;font-weight:850;}
.price-card.ux-price-card .plan-quota-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:12px;border-radius:22px;background:linear-gradient(135deg,rgba(239,246,255,.82),rgba(248,250,252,.96));border:1px solid rgba(191,219,254,.72);}
.price-card.ux-price-card .plan-quota-list .info-row{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border:1px solid rgba(226,232,240,.88);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 8px 18px rgba(15,23,42,.035);}
.price-card.ux-price-card .plan-quota-list .info-row b{min-width:0;font-size:12px;font-weight:900;color:#64748b;line-height:1.25;}
.price-card.ux-price-card .plan-quota-list .info-row .mini{min-width:0;text-align:right;font-size:15px;font-weight:950;color:#0f172a;line-height:1.2;overflow-wrap:anywhere;}
.price-card.ux-price-card.is-recommended .plan-quota-list{background:linear-gradient(135deg,rgba(219,234,254,.94),rgba(237,233,254,.82));border-color:rgba(147,197,253,.88);}
.price-card.ux-price-card.is-recommended .plan-quota-list .info-row .mini{color:#1d4ed8;}
.price-card.ux-price-card .price-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:10px;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(226,232,240,.86);max-height:none;overflow:visible;}
.price-card.ux-price-card .price-feature-list span{position:relative;display:flex;align-items:center;min-height:32px;width:100%;padding:0 10px 0 25px;border-radius:999px;background:#fff;border:1px solid rgba(226,232,240,.95);font-size:12px;font-weight:850;color:#334155;line-height:1.2;white-space:normal;}
.price-card.ux-price-card .price-feature-list span::before{content:"";position:absolute;left:10px;top:50%;width:6px;height:6px;border-radius:999px;background:#2563eb;transform:translateY(-50%);box-shadow:0 0 0 4px rgba(37,99,235,.08);}
.pricing-decision-box{margin-top:0;display:grid;grid-template-columns:1fr;gap:9px;padding:12px;border:1px solid rgba(226,232,240,.86);border-radius:18px;background:rgba(255,255,255,.72)}
.pricing-decision-box div{display:grid;gap:3px}.pricing-decision-box b{font-size:13px;color:#111827}.pricing-decision-box span{font-size:12px;line-height:1.55;color:#64748b}
.pricing-buy-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:12px;border-radius:20px;background:#f8fafc;border:1px solid rgba(226,232,240,.9);}
.pricing-buy-form input[name="coupon_code"]{grid-column:1/2;height:42px;background:#fff;}
.pricing-buy-form [data-coupon-picker]{grid-column:2/3;height:42px;white-space:nowrap;}
.pricing-buy-form .coupon-inline-preview{grid-column:1/-1;margin:0;padding:8px 10px;border-radius:12px;background:#fff;border:1px dashed rgba(148,163,184,.45);line-height:1.45;color:#64748b;}
.pricing-buy-form button[type="submit"]{grid-column:1/-1;min-height:48px;font-weight:950;background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 14px 32px rgba(37,99,235,.22);}
.price-card.is-recommended .pricing-buy-form button[type="submit"]{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 16px 38px rgba(79,70,229,.26);}
.pricing-buy-form button[type="submit"]:hover{transform:translateY(-1px);box-shadow:0 18px 42px rgba(37,99,235,.30);}

.coupon-float-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;}
.coupon-float-kicker{display:inline-flex;margin-bottom:7px;padding:5px 9px;border-radius:999px;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;font-size:12px;font-weight:900;}
.coupon-float-head h2{margin:0;font-size:22px;line-height:1.18;letter-spacing:-.03em;color:#111827;}
.coupon-float-head p{margin:7px 0 0;color:#64748b;line-height:1.55;font-size:13px;}
.coupon-float-close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:34px;border-radius:999px;border:1px solid rgba(226,232,240,.95);background:#fff;color:#334155;font-size:13px;font-weight:900;box-shadow:0 8px 20px rgba(15,23,42,.06);cursor:pointer;}
.coupon-float-close:hover{border-color:#fecaca;color:#dc2626;background:#fff7f7;}
.coupon-float-list{display:grid;gap:10px;}
.coupon-float-item{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid rgba(254,202,202,.78);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 10px 28px rgba(251,146,60,.08);}
.coupon-float-value{display:grid;align-content:center;justify-items:center;min-height:72px;border-radius:17px;background:linear-gradient(135deg,#fff7ed,#fff1f2);border:1px solid #fed7aa;text-align:center;}
.coupon-float-value span{font-size:11px;font-weight:900;color:#c2410c;}
.coupon-float-value strong{margin-top:4px;font-size:19px;line-height:1.1;color:#e11d48;}
.coupon-float-info{min-width:0;display:grid;gap:7px;}
.coupon-float-info b{font-size:14px;line-height:1.4;color:#111827;}
.coupon-float-meta{display:flex;flex-wrap:wrap;gap:6px;}
.coupon-float-meta span{display:inline-flex;align-items:center;max-width:100%;padding:4px 8px;border-radius:999px;background:#f8fafc;border:1px solid rgba(226,232,240,.9);color:#64748b;font-size:12px;font-weight:800;line-height:1.2;}
.coupon-float-actions{display:flex;align-items:center;justify-content:flex-end;}
.coupon-float-actions form{margin:0;}
.coupon-float-actions .btn{min-height:34px;border-radius:999px;padding-inline:13px;}
.coupon-float-foot{margin-top:12px;padding-top:11px;border-top:1px solid rgba(254,202,202,.55);color:#64748b;font-size:12px;line-height:1.55;}
@media(max-width:620px){.coupon-float-item{grid-template-columns:1fr;}.coupon-float-value{justify-items:start;text-align:left;padding:10px 12px;min-height:auto}.coupon-float-actions{justify-content:stretch}.coupon-float-actions .btn,.coupon-float-actions form{width:100%;}.coupon-float-head{align-items:flex-start}.coupon-float-close{min-width:52px}}
/* user center workspace: vNext-6.6-Y11 de-duplicated service layout */
.dashboard-unified-page{display:grid;grid-template-columns:1fr;gap:16px;align-items:start;}
.dashboard-unified-page>.dashboard-hero,.dashboard-unified-page>.dashboard-alert-grid,.dashboard-workspace-layout{grid-column:1/-1;}
.dashboard-hero.dashboard-unified-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:20px;padding:26px;align-items:start;}
.dashboard-hero.dashboard-unified-hero>.dashboard-quick-toolbar{grid-column:1/-1;}
.dashboard-hero-intro{min-width:0;align-self:center;}
.dashboard-unified-page .dashboard-hero h1{margin:0 0 8px;font-size:34px;letter-spacing:-.04em;}
.dashboard-hero-intro p{margin:0 0 6px;color:#475569;line-height:1.55;}
.dashboard-hero-intro .mini{max-width:560px;color:#64748b;}
.dashboard-primary-metrics{gap:10px;}
.dashboard-unified-page .hero-stat{min-height:80px;padding:13px 14px;border-radius:18px;}
.dashboard-unified-page .hero-stat b{font-size:19px;line-height:1.15;}
.dashboard-unified-page .hero-stat span{font-size:12px;line-height:1.35;}
.dashboard-quick-toolbar{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(226,232,240,.72);}
.dashboard-quick-toolbar .btn{min-height:40px;padding:9px 14px;}
.dashboard-workspace-layout.dashboard-workspace-balanced{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.72fr);gap:18px;align-items:start;margin-top:0;}
.dashboard-workspace-main,.dashboard-workspace-side{min-width:0;}
.dashboard-tool-shortcut-card{padding:24px 26px;align-self:start;margin-top:0!important;overflow:hidden;}
.dashboard-tool-shortcut-card .record-detail-head{align-items:center;gap:12px;}
.dashboard-tool-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch;margin-top:15px;}
.dashboard-tool-columns>div{min-width:0;display:grid;align-content:start;}
.dashboard-tool-columns h3{font-size:16px;margin:0 0 11px;}
.dashboard-unified-page .tool-mini-grid{gap:10px;}
.dashboard-unified-page .tool-mini-card{padding:14px;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdff);}
.dashboard-unified-page .tool-mini-card span{font-size:13px;line-height:1.5;}
.dashboard-tool-list-wrap{display:grid;gap:10px;}
.dashboard-tool-shortcut-card .empty{min-height:98px;display:grid;place-items:center;text-align:center;line-height:1.7;}
.dashboard-account-service-card{display:grid;gap:14px;padding:20px;border-radius:26px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:var(--ftb-clean-shadow);}
.dashboard-service-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;}
.dashboard-service-head h2{font-size:22px;margin:0 0 6px;letter-spacing:-.03em;}
.dashboard-service-head p{margin:0;color:#64748b;line-height:1.6;font-size:14px;}
.dashboard-member-summary-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;border:1px solid rgba(191,219,254,.7);border-radius:20px;background:linear-gradient(135deg,rgba(239,246,255,.92),rgba(255,255,255,.96));}
.dashboard-member-summary-card>div{min-width:0;display:grid;gap:4px;padding:10px 11px;border-radius:15px;background:rgba(255,255,255,.82);border:1px solid rgba(226,232,240,.75);}
.dashboard-member-summary-card span{font-size:12px;color:#64748b;line-height:1.25;}
.dashboard-member-summary-card b{font-size:15px;color:#0f172a;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dashboard-member-summary-card .btn{grid-column:1/-1;justify-content:center;width:100%;}
.dashboard-service-links{display:grid;grid-template-columns:1fr;gap:9px;}
.dashboard-service-links a{display:grid;gap:4px;min-width:0;padding:13px 14px;border:1px solid rgba(226,232,240,.92);border-radius:17px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 8px 20px rgba(15,23,42,.035);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;}
.dashboard-service-links a:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.28);box-shadow:0 14px 34px rgba(37,99,235,.08);}
.dashboard-service-links b{font-size:14px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dashboard-service-links span{font-size:12px;line-height:1.45;color:#64748b;}
.dashboard-tool-list.is-collapsed .tool-mini-card:nth-child(n+7){display:none;}
.dashboard-tool-list.is-expanded .tool-mini-card{display:block;}

/* dashboard task modal: data dialog with controlled width and readable columns */
#dashboard-task-modal .dashboard-task-dialog{width:min(1080px,calc(100vw - 72px));max-height:86vh;}
#dashboard-task-modal .dashboard-task-modal-body{padding:16px 20px 20px;}
#dashboard-task-modal .dashboard-filter-grid{grid-template-columns:repeat(5,minmax(128px,1fr));gap:10px;margin:0 0 12px;padding:14px;border-radius:20px;}
#dashboard-task-modal .dashboard-filter-grid .toolbar{align-items:end;}
#dashboard-task-modal .task-meta{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 12px;}
#dashboard-task-modal .task-metric{min-height:64px;padding:11px 13px;border-radius:16px;}
#dashboard-task-modal .task-metric b{font-size:21px;line-height:1.08;}
#dashboard-task-modal .task-metric span{font-size:12px;color:var(--ftb-clean-muted);}
#dashboard-task-modal .table-wrap{padding:10px 14px 12px;border-radius:20px;overflow-x:auto;overflow-y:visible;scrollbar-gutter:stable both-edges;}
#dashboard-task-modal .dashboard-table{min-width:1080px;table-layout:fixed;}
#dashboard-task-modal .dashboard-table th,#dashboard-task-modal .dashboard-table td{padding:10px 11px;vertical-align:middle;}
#dashboard-task-modal .dashboard-table th{white-space:nowrap;}
#dashboard-task-modal .dashboard-col-no{width:190px;}
#dashboard-task-modal .dashboard-col-kind{width:94px;}
#dashboard-task-modal .dashboard-col-tool{width:136px;}
#dashboard-task-modal .dashboard-col-status{width:104px;}
#dashboard-task-modal .dashboard-col-progress{width:106px;}
#dashboard-task-modal .dashboard-col-size{width:82px;}
#dashboard-task-modal .dashboard-col-note{width:210px;}
#dashboard-task-modal .dashboard-col-time{width:150px;}
#dashboard-task-modal .dashboard-col-action{width:108px;text-align:right;}
#dashboard-task-modal .dashboard-task-no{display:inline-block;max-width:166px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;}
#dashboard-task-modal .dashboard-col-note{line-height:1.35;}
#dashboard-task-modal .dashboard-col-note .mini{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#dashboard-task-modal .dashboard-col-note .mini + .mini{margin-top:3px;color:#64748b;}
#dashboard-task-modal .dashboard-col-action .btn{width:84px;justify-content:center;}
#dashboard-task-modal .list-summary{padding:0 2px;color:var(--ftb-clean-muted);}

/* tool processing page and guide cards */
.tool-builder.ftb-processing-hero{max-width:1180px;margin-inline:auto;padding:clamp(20px,3vw,30px);border-radius:30px;}
.tool-builder.ftb-processing-hero>form.async-form,
.tool-builder.ftb-processing-hero>.tool-operate-toolbar,
.tool-builder.ftb-processing-hero>.tool-tabs,
.tool-builder.ftb-processing-hero>.tool-human-tips,
.tool-builder.ftb-processing-hero>.notice{grid-column:1/-1;width:100%;}
.tool-builder.ftb-processing-hero>form.async-form{display:grid;grid-template-columns:1fr;gap:18px;margin-top:8px;}
.tool-builder.ftb-processing-hero>form.async-form>.tool-upload-card{width:100%;max-width:none;margin-inline:0;padding:28px;border-radius:28px;}
.tool-builder.ftb-processing-hero .tool-upload-head{margin-bottom:18px;}
.tool-builder.ftb-processing-hero .upload.upload-wide{min-height:230px;padding:30px 26px;border-radius:26px;}
.tool-builder.ftb-processing-hero .upload.upload-wide p{margin:7px 0;line-height:1.55;}
.tool-builder.ftb-processing-hero .upload-cta{min-height:44px;border-radius:14px;}
.tool-builder.ftb-processing-hero .upload-cta:hover{border-color:rgba(37,99,235,.38);box-shadow:0 12px 26px rgba(37,99,235,.10);}
.tool-builder.ftb-processing-hero .tool-upload-actions{gap:10px;align-items:center;}
.tool-builder.ftb-processing-hero .tool-upload-actions .btn{min-height:44px;border-radius:14px;}
.tool-builder.ftb-processing-hero .upload-status-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px;}
.tool-builder.ftb-processing-hero .upload-status-preview>div{min-height:80px;padding:14px 15px;border-radius:18px;justify-content:center;}
.tool-builder.ftb-processing-hero .upload-status-preview b{font-size:14px;}
.tool-builder.ftb-processing-hero .upload-status-preview span{font-size:12.5px;line-height:1.45;}
.tool-builder.ftb-processing-hero>form.async-form>.tool-bottom-grid{width:100%;max-width:none;margin:18px 0 0;gap:16px;align-items:stretch;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);}
.tool-builder.ftb-processing-hero .tool-side-notes,.tool-builder.ftb-processing-hero .tool-params-card{min-width:0;border-radius:22px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:var(--ftb-clean-shadow);}
.tool-builder.ftb-processing-hero .tool-side-notes h3,.tool-builder.ftb-processing-hero .tool-params-card h3{font-size:18px;margin-bottom:10px;}
.tool-builder.ftb-processing-hero .tool-side-notes .info-row{padding:10px 0;border-bottom:1px solid rgba(226,232,240,.72);}
.tool-builder.ftb-processing-hero .tool-side-notes .info-row:last-child{border-bottom:0;}
.tool-unified-guide{max-width:1180px;margin-inline:auto;padding:24px;border-radius:28px;background:linear-gradient(180deg,#fff,#f8fafc);}
.tool-unified-guide .tool-guide-head{display:block;margin-bottom:16px;}
.tool-unified-guide .tool-guide-head h2{font-size:23px;margin-bottom:7px;}
.tool-unified-guide .tool-guide-head p{max-width:780px;line-height:1.72;}
.ftb65r-guide-grid{align-items:stretch;gap:14px;}
.ftb65r-guide-grid article{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:22px;min-height:0;box-shadow:0 10px 26px rgba(15,23,42,.035);}
.ftb65r-guide-grid article>b{display:block;font-size:15px;margin-bottom:5px;}
.ftb65r-guide-grid article ol{display:grid;gap:9px;margin:0;padding:0;counter-reset:guide-step;list-style:none;}
.ftb65r-guide-grid article ol li{position:relative;padding-left:34px;line-height:1.55;color:#475569;}
.ftb65r-guide-grid article ol li::before{counter-increment:guide-step;content:counter(guide-step);position:absolute;left:0;top:-1px;width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:#eff6ff;color:var(--ftb-clean-primary);font-weight:900;font-size:12px;}
.ftb-scenario-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px;}
.ftb-scenario-tags span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:800;}
.ftb65r-guide-grid article:nth-child(3){background:linear-gradient(180deg,#fff,rgba(236,253,245,.72));border-color:rgba(167,243,208,.70);}
.ftb65r-guide-grid article:nth-child(4) .info-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;padding:9px 0;border-bottom:1px solid rgba(226,232,240,.72);}
.ftb65r-guide-grid article:nth-child(4) .info-row:last-child{border-bottom:0;}
.tool-page-faq{margin-top:18px;padding-top:2px;}
.tool-page-faq details,.ftb65r-inline-faq details{border:1px solid var(--ftb-clean-line);border-radius:16px;background:#fbfdff;padding:12px 14px;margin-top:10px;}
.tool-page-faq summary,.ftb65r-inline-faq summary{font-weight:850;cursor:pointer;color:var(--ftb-clean-title);}

/* recommendations */
.tool-recommend-card{padding:22px;border-radius:28px;}
.tool-recommend-card .section-head{margin-bottom:14px;}
.tool-recommend-card .tool-mini-grid{gap:12px;}
.tool-recommend-card .tool-mini-card{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-areas:"icon title" "icon desc";column-gap:14px;row-gap:5px;align-items:center;min-height:112px;padding:16px;border-radius:20px;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--ftb-clean-line);box-shadow:0 12px 28px rgba(15,23,42,.045);}
.tool-recommend-card .tool-mini-icon{grid-area:icon;width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#eff6ff,#f5f3ff);box-shadow:inset 0 0 0 1px rgba(191,219,254,.7);font-style:normal;font-size:20px;}
.tool-recommend-card .tool-mini-card b{grid-area:title;font-size:15px;line-height:1.35;}
.tool-recommend-card .tool-mini-card span{grid-area:desc;font-size:13px;line-height:1.52;color:var(--ftb-clean-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.tool-recommend-card .tool-mini-card:hover{border-color:rgba(37,99,235,.32);box-shadow:var(--ftb-clean-shadow-hover);transform:translateY(-1px);}

@media(max-width:1180px){
  .dashboard-unified-page{grid-template-columns:1fr;}
  .dashboard-unified-page .dashboard-hero.dashboard-unified-hero{grid-template-columns:1fr;}
  .dashboard-workspace-layout.dashboard-workspace-balanced{grid-template-columns:1fr;}
  .dashboard-account-service-card{max-width:none;}
  #dashboard-task-modal .dashboard-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  #dashboard-task-modal .task-meta{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:760px){
  .pricing-buy-form,.dashboard-member-summary-card{grid-template-columns:1fr;}
  .dashboard-unified-page .hero-panel{grid-template-columns:1fr;}
  .pricing-buy-form input[name="coupon_code"],.pricing-buy-form [data-coupon-picker],.pricing-buy-form .coupon-inline-preview,.pricing-buy-form button[type="submit"]{grid-column:1/-1;width:100%;}
  #dashboard-task-modal .dashboard-task-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 92px);}
  #dashboard-task-modal .dashboard-filter-grid,#dashboard-task-modal .task-meta{grid-template-columns:1fr;}
  .price-card.ux-price-card .plan-quota-list{grid-template-columns:1fr;}
  .tool-builder.ftb-processing-hero>form.async-form>.tool-bottom-grid{grid-template-columns:1fr;}
  .tool-recommend-card .tool-mini-card{grid-template-columns:42px minmax(0,1fr);padding:15px;}
}