:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#15120b;background:#f4ead3}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(115deg,#0b0a08 0%,#17130d 46%,transparent 46%),#f4ead3}button,input,select,textarea{font:inherit}button{min-height:40px;border:1px solid #15120b;border-radius:8px;background:#fffaf0;color:#15120b;font-weight:800;padding:0 14px;cursor:pointer}.gold,.tab.active{border-color:#d6b45f;background:linear-gradient(135deg,#17130c,#8a6727);color:#fff}.shell{width:min(1240px,calc(100% - 28px));margin:0 auto;padding:14px 0}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:14px;color:#fff}.brand{min-width:190px}.brand small,.eyebrow{display:block;color:#e7c46e;font-size:.76rem;font-weight:900;text-transform:uppercase}.brand h1{margin:2px 0 0;font-size:clamp(1.4rem,2.4vw,2.3rem);line-height:.95}.tabs{display:flex;gap:7px;overflow:auto;flex:1;padding:5px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.08)}.tab{white-space:nowrap;min-width:70px}.langbox{display:grid;gap:5px;text-align:center;padding:7px;border-radius:8px;background:rgba(20,17,11,.78);font-size:.76rem;font-weight:900}.langbox>div{display:flex;gap:5px}.lang{min-width:50px;min-height:32px}.view{display:none}.view.active{display:block}.hero{max-width:760px;color:#fff6dd}.hero h2,.pagehead h2,.landing h2{margin:6px 0 10px;font-size:clamp(2rem,4.4vw,3.7rem);line-height:.95}.hero p,.pagehead p,.landing p{line-height:1.45;color:rgba(255,255,255,.82)}#home{display:none}#home.active{display:grid;gap:14px;min-height:calc(100vh - 120px);align-content:center}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cards article,.panel,.price{border:1px solid #dfcf9e;border-radius:8px;background:#fffaf0;padding:14px;box-shadow:0 16px 50px rgba(40,30,12,.08)}.cards article{min-height:124px}.cards h3{margin:8px 0 6px;font-size:.96rem}.cards p{font-size:.84rem;line-height:1.35;color:#5d5547}.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);gap:18px}.pagehead{color:#fff6dd;margin:36px 0 20px}.landing{min-height:calc(100vh - 130px);align-items:center;color:#fff6dd}.stats,.timer{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.stats div,.timer div{border:1px solid rgba(231,196,110,.3);border-radius:8px;padding:14px;background:rgba(255,255,255,.08);color:white}.timer{grid-template-columns:repeat(2,160px)}.timer b{font-size:4rem}label{display:grid;gap:6px;font-weight:800;color:#3a3021}input,select,textarea{width:100%;border:1px solid #ccb982;border-radius:8px;background:white;min-height:42px;padding:9px 11px}textarea{min-height:80px;resize:vertical}.hint{font-size:.88rem;color:#6d6250}.video,.stage{display:grid;place-items:center;min-height:320px;border-radius:8px;background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.65)),url('https://images.unsplash.com/photo-1557804506-669a67965ba0?auto=format&fit=crop&w=1200&q=80');background-size:cover;color:white;font-size:3rem}.stage{min-height:520px}.dash{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);gap:14px;background:#f7f1e4;border-radius:8px;padding:16px}.metrics{grid-column:1/-1;display:grid;grid-template-columns:1fr repeat(3,140px);gap:10px;align-items:center;background:#14110b;color:white;border-radius:8px;padding:16px}.metrics div{border:1px solid rgba(231,196,110,.3);border-radius:8px;padding:10px}.maincrm{min-width:0}.pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.pipe-col{border:1px solid #dfcf9e;border-radius:8px;background:#f6efe0}.pipe-head{display:flex;justify-content:space-between;padding:9px 10px;border-bottom:1px solid #dfcf9e;font-weight:900}.pipe-body{display:grid;gap:8px;min-height:110px;max-height:190px;overflow:auto;padding:8px}.lead-card{display:grid;gap:5px;border:1px solid #d8c896;border-radius:8px;background:white;padding:10px;cursor:grab}.badge{display:inline-grid;width:max-content;border-radius:999px;padding:2px 9px;font-size:.72rem;font-weight:900}.cold{background:#eef2f4;color:#4d5d66}.warm{background:#fff0cc;color:#8a5b00}.hot{background:#ffe1db;color:#9f3325}.tablewrap{overflow:auto;border:1px solid #dfcf9e;border-radius:8px;background:white}table{width:100%;min-width:980px;border-collapse:collapse}th,td{border-bottom:1px solid #eadfbe;padding:10px;text-align:left;vertical-align:top}th{position:sticky;top:0;background:#fff4d6;font-size:.76rem;text-transform:uppercase}.inline-note{min-height:58px}.save-row{margin-right:6px}.backend{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.copy-output article,#copyOut article{border:1px solid #dfcf9e;border-radius:8px;background:white;padding:12px;margin-bottom:10px}pre{white-space:pre-wrap;font:inherit}.drop-over{outline:2px dashed #b99045;outline-offset:-6px}@media(max-width:980px){body{background:#17130d}.topbar{align-items:stretch;flex-direction:column}.two,.backend,.dash,.pipeline,.cards,.metrics{grid-template-columns:1fr}.landing,#home.active{min-height:auto}.stage{min-height:340px}}
/* Standardized editable lead table */
#leadRows input,
#leadRows select,
#leadRows textarea {
  min-height: 38px;
  height: 38px;
  padding: 7px 9px;
  font-size: 0.9rem;
}
#leadRows .inline-name {
  min-width: 150px;
  font-weight: 800;
}
#leadRows .inline-note {
  min-width: 150px;
  height: 42px;
  min-height: 42px;
  margin-top: 6px;
  resize: vertical;
}
#leadRows td {
  min-width: 140px;
}
#leadRows td:first-child {
  min-width: 170px;
}

/* Fit complete contact table inside the dashboard without horizontal scrolling */
.tablewrap {
  overflow-x: hidden;
}
table {
  min-width: 0;
  table-layout: fixed;
}
th, td {
  padding: 7px 8px;
}
th {
  font-size: 0.68rem;
  white-space: nowrap;
}
th:nth-child(1), td:nth-child(1) { width: 22%; }
th:nth-child(2), td:nth-child(2) { width: 14%; }
th:nth-child(3), td:nth-child(3) { width: 16%; }
th:nth-child(4), td:nth-child(4) { width: 14%; }
th:nth-child(5), td:nth-child(5) { width: 11%; }
th:nth-child(6), td:nth-child(6) { width: 12%; }
th:nth-child(7), td:nth-child(7) { width: 11%; }
#leadRows td {
  min-width: 0;
}
#leadRows td:first-child {
  min-width: 0;
}
#leadRows input,
#leadRows select,
#leadRows textarea {
  min-width: 0;
  height: 36px;
  min-height: 36px;
  padding: 6px 7px;
  font-size: 0.82rem;
  border-radius: 6px;
}
#leadRows .inline-name,
#leadRows .inline-note {
  min-width: 0;
}
#leadRows .inline-note {
  height: 38px;
  min-height: 38px;
  margin-top: 6px;
  resize: none;
}
#leadRows td:last-child {
  display: grid;
  gap: 5px;
}
#leadRows td:last-child button {
  width: 100%;
  min-height: 30px;
  padding: 0 6px;
  font-size: 0.74rem;
  border-radius: 6px;
}
@media (max-width: 900px) {
  th:nth-child(3), td:nth-child(3),
  th:nth-child(4), td:nth-child(4) {
    width: 13%;
  }
  th:nth-child(1), td:nth-child(1) { width: 24%; }
}

/* AI copywriter result stays visible beside the controls */
.copy-panel {
  max-width: 860px;
  margin: 0 auto;
}
.button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 2px 0 14px;
}
.copy-result {
  margin-top: 14px;
  border-top: 1px solid #dfcf9e;
  padding-top: 14px;
}
.copy-output-box {
  min-height: 120px;
  border: 1px solid #dfcf9e;
  border-radius: 8px;
  background: #fff;
  padding: 12px;
}
.copy-output-box:empty::before {
  content: '生成的文案会显示在这里';
  color: #7a705f;
}

/* Complete high-converting landing page */
.landing-page{color:#fff6dd;padding-bottom:24px}.landing-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.48fr);gap:22px;align-items:center;min-height:calc(100vh - 120px);padding:34px 0}.landing-copy{max-width:790px}.landing-copy h2{margin:8px 0 14px;font-size:clamp(2.4rem,5.6vw,5.2rem);line-height:.92}.landing-copy p{max-width:720px;color:rgba(255,250,232,.88);font-size:1.08rem;line-height:1.55}.landing-bullets{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.landing-bullets span{border:1px solid rgba(231,196,110,.38);border-radius:999px;background:rgba(255,255,255,.08);padding:7px 12px;font-weight:900}.register-card{background:rgba(255,250,240,.96);box-shadow:0 28px 80px rgba(0,0,0,.22)}.template-section,.landing-band,.final-cta{border:1px solid rgba(223,207,158,.72);border-radius:8px;background:rgba(255,250,240,.94);color:#15120b;padding:22px;margin:16px 0}.template-section h3,.landing-band h3,.final-cta h3{margin:6px 0 16px;font-size:clamp(1.4rem,2.4vw,2.2rem)}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.template-card{display:grid;text-align:left;gap:7px;min-height:130px;padding:16px;border-color:#d7c38e;background:#fffaf0}.template-card b{color:#9b742a}.template-card span{font-size:1.05rem}.template-card small{color:#6b604d;line-height:1.35}.template-card.active{background:#14110b;color:#fff6dd;border-color:#d6b45f}.template-card.active small{color:#e8d6a7}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.feature-grid article{border:1px solid #e2d2a2;border-radius:8px;background:white;padding:16px}.feature-grid h4{margin:6px 0 8px;font-size:1.08rem}.feature-grid p{margin:0;color:#5f5545;line-height:1.45}.light-band{background:#fffaf0}.process{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.process div{display:grid;gap:8px;align-content:start;border:1px solid #ddca96;border-radius:8px;background:white;padding:14px;min-height:110px}.process b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#14110b;color:#e7c46e}.quote-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote-row blockquote{margin:0;border-left:4px solid #b99045;background:#fff;padding:18px;border-radius:8px;font-weight:800;line-height:1.5}.faq-band details{border:1px solid #ddca96;border-radius:8px;background:white;padding:14px;margin-top:10px}.faq-band summary{cursor:pointer;font-weight:900}.faq-band p{color:#5f5545;line-height:1.5}.final-cta{text-align:center;padding:32px}.final-cta button{min-width:180px}.template-premium .landing-hero{background:radial-gradient(circle at 25% 20%,rgba(214,180,95,.22),transparent 30%)}.template-coach .landing-hero{background:linear-gradient(135deg,rgba(125,84,200,.22),rgba(214,180,95,.08))}.template-agency .landing-hero{background:linear-gradient(135deg,rgba(0,122,255,.2),rgba(231,196,110,.1))}.template-clinic .landing-hero{background:linear-gradient(135deg,rgba(51,153,128,.22),rgba(255,250,240,.08))}.template-property .landing-hero{background:linear-gradient(135deg,rgba(134,92,43,.25),rgba(231,196,110,.1))}.template-ecom .landing-hero{background:linear-gradient(135deg,rgba(218,73,95,.22),rgba(231,196,110,.12))}@media(max-width:980px){.landing-hero,.template-grid,.feature-grid,.process,.quote-row{grid-template-columns:1fr}.landing-hero{min-height:auto}.landing-copy h2{font-size:2.4rem}}

/* Thank-you page countdown and webinar link */
.thankyou-layout{align-items:start}.thanks-timer{display:grid;grid-template-columns:repeat(2,minmax(120px,160px));gap:10px;margin-top:14px}.thanks-timer div{border:1px solid rgba(231,196,110,.4);border-radius:8px;background:rgba(255,255,255,.1);color:#fff;padding:14px}.thanks-timer b{display:block;font-size:3rem;line-height:1}.thanks-card{display:grid;gap:12px}.webinar-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;background:linear-gradient(135deg,#17130c,#8a6727);color:#fff;text-decoration:none;font-weight:900;padding:0 16px}.webinar-link:hover{filter:brightness(1.08)}

/* Modern template link cards */
.template-section{
  background:linear-gradient(180deg,rgba(255,250,240,.98),rgba(248,239,216,.96));
}
.template-grid{
  align-items:stretch;
}
.template-card{
  position:relative;
  cursor:pointer;
  overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.template-card::after{
  content:'';
  position:absolute;
  inset:auto -30px -42px auto;
  width:110px;
  height:110px;
  border-radius:50%;
  background:rgba(214,180,95,.18);
  pointer-events:none;
}
.template-card:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 48px rgba(43,31,12,.14);
  border-color:#b99045;
}
.template-links{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:8px;
}
.template-links a{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  border:1px solid #d7c38e;
  border-radius:999px;
  background:#fff;
  color:#15120b;
  text-decoration:none;
  font-size:.72rem;
  font-weight:900;
  padding:0 10px;
}
.template-card.active .template-links a{
  border-color:rgba(231,196,110,.46);
  background:rgba(255,255,255,.12);
  color:#fff6dd;
}
.template-links a:hover{
  background:#d6b45f;
  color:#15120b;
}
.landing-page .landing-hero{
  border:1px solid rgba(231,196,110,.2);
  border-radius:8px;
  padding:34px 22px;
  margin-bottom:16px;
}

/* Landing template manager: preview left, links right */
.landing-builder{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(340px,.55fr);
  gap:16px;
  align-items:start;
}
.preview-pane,.template-link-panel{
  border:1px solid rgba(223,207,158,.72);
  border-radius:8px;
  background:rgba(255,250,240,.94);
  box-shadow:0 18px 50px rgba(33,24,10,.12);
  overflow:hidden;
}
.preview-topbar{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:42px;
  border-bottom:1px solid #e3d3a2;
  background:#15120b;
  color:#fff6dd;
  padding:0 14px;
  font-size:.78rem;
  font-weight:900;
}
.preview-topbar span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#d6b45f;
}
.preview-topbar span:nth-child(2){background:#fff6dd}.preview-topbar span:nth-child(3){background:#7d725c}.preview-topbar b{margin-left:8px}
.preview-hero{
  grid-template-columns:minmax(0,1fr) minmax(280px,.46fr);
  min-height:560px;
  margin:0;
  border:0;
  border-radius:0;
  padding:28px;
}
.preview-hero .landing-copy h2{
  font-size:clamp(2.1rem,4vw,4rem);
}
.template-link-panel{
  display:grid;
  gap:12px;
  padding:18px;
  color:#15120b;
  max-height:calc(100vh - 125px);
  overflow:auto;
}
.template-link-panel h3{
  margin:0 0 4px;
  font-size:1.35rem;
}
.template-list{
  display:grid;
  gap:10px;
}
.template-list .template-card{
  min-height:auto;
  padding:14px;
  background:#fff;
}
.template-list .template-card.active{
  background:#15120b;
}
.template-list .template-card span{
  font-size:.98rem;
}
.template-list .template-links{
  margin-top:8px;
}
.template-list .template-links a{
  flex:1;
  justify-content:center;
}
@media(max-width:980px){
  .landing-builder,.preview-hero{grid-template-columns:1fr}.template-link-panel{max-height:none}.preview-hero{min-height:auto}
}

/* Stronger preview contrast and clearer right-side links */
.preview-pane{
  background:#0f0d08;
}
.preview-hero{
  position:relative;
  background:linear-gradient(118deg,#0b0a07 0%,#15120b 52%,#f4ead3 52%,#efe3c8 100%) !important;
  color:#fff6dd;
}
.preview-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 16% 18%,rgba(214,180,95,.2),transparent 28%);
  pointer-events:none;
}
.preview-hero .landing-copy,
.preview-hero .register-card{
  position:relative;
  z-index:1;
}
.preview-hero .landing-copy h2,
.preview-hero .landing-copy p,
.preview-hero .landing-bullets span{
  opacity:1;
  color:#fff6dd;
}
.preview-hero .landing-copy p{
  color:rgba(255,246,221,.88);
}
.preview-hero .landing-bullets span{
  background:rgba(214,180,95,.16);
  border-color:rgba(214,180,95,.55);
}
.preview-hero .register-card{
  background:rgba(255,250,240,.98);
  color:#15120b;
}
.template-link-panel{
  max-height:none;
  overflow:visible;
  background:#fff9eb;
}
.template-list{
  max-height:none;
  overflow:visible;
}
.template-list .template-card{
  border:1px solid #dfcf9e;
  box-shadow:0 8px 24px rgba(34,25,10,.08);
}
.template-list .template-card.active{
  background:#0f0d08;
  color:#fff6dd;
}
.template-list .template-card small{
  color:#5f5545;
}
.template-list .template-card.active small{
  color:#e8d6a7;
}
.template-list .template-links{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.template-list .template-links a{
  min-height:34px;
  border-color:#d6b45f;
  background:#fffaf0;
  color:#15120b;
  font-size:.72rem;
}
.template-list .template-card.active .template-links a{
  background:rgba(214,180,95,.14);
  color:#fff6dd;
}
@media(max-width:980px){
  .preview-hero{background:#11100b !important}
  .template-list .template-links{grid-template-columns:1fr}
}
.preview-hero{
  min-height:500px;
}
.template-link-panel .eyebrow,
.template-link-panel h3{
  position:sticky;
  top:0;
  z-index:2;
  background:#fff9eb;
}

/* Distinct template color themes and copyable links */
.template-premium .preview-hero{background:linear-gradient(118deg,#0b0a07 0%,#15120b 52%,#f4ead3 52%,#efe3c8 100%) !important}
.template-coach .preview-hero{background:linear-gradient(118deg,#2a1748 0%,#58358f 52%,#fff1df 52%,#f6d8c7 100%) !important}
.template-agency .preview-hero{background:linear-gradient(118deg,#071a2f 0%,#0e4c86 52%,#edf7ff 52%,#d9ecff 100%) !important}
.template-clinic .preview-hero{background:linear-gradient(118deg,#07352f 0%,#18796b 52%,#f3fff9 52%,#d8f4e8 100%) !important}
.template-property .preview-hero{background:linear-gradient(118deg,#251406 0%,#7d5428 52%,#fff3df 52%,#ead3ad 100%) !important}
.template-ecom .preview-hero{background:linear-gradient(118deg,#3b0717 0%,#b6244e 52%,#fff1f5 52%,#ffdbe5 100%) !important}
.template-coach .preview-topbar{background:#2a1748}.template-agency .preview-topbar{background:#071a2f}.template-clinic .preview-topbar{background:#07352f}.template-property .preview-topbar{background:#251406}.template-ecom .preview-topbar{background:#3b0717}
.preview-extra{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;max-width:680px}.preview-extra article{border:1px solid rgba(255,246,221,.24);border-radius:8px;background:rgba(255,255,255,.1);padding:12px;color:#fff6dd}.preview-extra b{display:block;color:#e7c46e;margin-bottom:8px}.preview-extra span{font-size:.86rem;font-weight:800;line-height:1.35}
.copy-link-box{display:grid;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(214,180,95,.28)}.copy-link-box label{gap:4px;font-size:.68rem;color:inherit}.copy-link-box input{min-height:32px;height:32px;border-radius:6px;font-size:.72rem;padding:5px 7px;background:#fff;color:#15120b}.copy-link-box .copy-url{min-height:34px;border-color:#d6b45f;background:#d6b45f;color:#15120b;font-size:.75rem}.template-card.active .copy-link-box input{background:rgba(255,255,255,.94);color:#15120b}.template-card.active .copy-link-box .copy-url{background:#d6b45f;color:#15120b}
.preview-hero{min-height:620px}.template-link-panel{min-width:360px}.template-list .template-card{padding:16px}
@media(max-width:980px){.preview-extra{grid-template-columns:1fr}.preview-hero{min-height:auto}.template-link-panel{min-width:0}}

/* Public landing link mode: hide system shell navigation */
body.public-landing .topbar,
body.public-landing .template-link-panel,
body.public-landing .preview-topbar{
  display:none;
}
body.public-landing .shell{
  width:100%;
  padding:0;
}
body.public-landing .landing-builder{
  display:block;
}
body.public-landing .preview-pane{
  border:0;
  border-radius:0;
  box-shadow:none;
}
body.public-landing .preview-hero{
  min-height:100vh;
  border:0;
  border-radius:0;
  padding:clamp(24px,5vw,64px);
}

/* Login and register gate */
body.locked .shell{display:none}
.auth-screen{display:none;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(135deg,#0b0a07 0%,#17130d 52%,#f4ead3 52%,#efe3c8 100%)}
body.locked .auth-screen{display:grid}
body.public-landing .auth-screen{display:none}
body.public-landing.locked .shell{display:block}
.auth-card{width:min(460px,100%);border:1px solid rgba(214,180,95,.55);border-radius:8px;background:#fffaf0;padding:24px;box-shadow:0 28px 90px rgba(0,0,0,.28)}
.auth-card h1{margin:6px 0 8px;font-size:2rem;line-height:1}.auth-sub{color:#5f5545;line-height:1.45}.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.auth-tab.active{background:#15120b;color:#fff6dd;border-color:#d6b45f}.auth-form{display:none;gap:12px}.auth-form.active{display:grid}.auth-msg{min-height:22px;margin:12px 0 0;font-weight:900;color:#1f6f3d}.auth-msg.bad{color:#a12520}#logoutBtn{min-width:78px;background:#15120b;color:#fff6dd;border-color:#d6b45f}