/* =========================================================
   SITE · www.cantaibao.com · 紫调尊享 · 暗夜奢华
   Palette: deep violet / gold foil
   Type:    serif display · gold rules · shimmer sweep
   FX:      gold glow · card shimmer on hover
   ========================================================= */

:root{
  --ct-bg:#160d2e;
  --ct-bg2:#1f1340;
  --ct-surface:#241450;
  --ct-primary:#7c3aed;
  --ct-gold:#d4af37;
  --ct-text:#ece6ff;
  --ct-muted:#a99fd0;
  --ct-line:rgba(212,175,55,.30);
  --ct-radius:16px;
  --ct-maxw:1120px;
  --ct-serif:"Source Han Serif SC","Songti SC",Georgia,serif;
  --ct-sans:"PingFang SC","Microsoft YaHei",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--ct-sans);color:var(--ct-text);background:var(--ct-bg);line-height:1.7;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
::selection{background:var(--ct-gold);color:#160d2e;}
.ct-wrap{max-width:var(--ct-maxw);margin:0 auto;padding:0 28px;}

/* glow */
.ct-glow{position:fixed;top:-160px;left:50%;transform:translateX(-50%);width:680px;height:480px;background:radial-gradient(circle,rgba(124,58,237,.30),transparent 65%);filter:blur(20px);pointer-events:none;z-index:0;}

/* header */
.ct-head{position:sticky;top:0;z-index:120;background:rgba(22,13,46,.8);backdrop-filter:blur(14px);border-bottom:1px solid var(--ct-line);}
.ct-bar{max-width:var(--ct-maxw);margin:0 auto;padding:13px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.ct-brand{display:flex;align-items:center;gap:11px;}
.ct-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--ct-gold),#b8932e);color:#160d2e;display:grid;place-items:center;font-weight:800;font-size:17px;}
.ct-brandtext{font-size:15px;font-weight:700;display:flex;flex-direction:column;line-height:1.1;}
.ct-brandtext em{font-style:normal;font-size:9px;letter-spacing:.24em;color:var(--ct-gold);}
.ct-nav{display:flex;align-items:center;gap:26px;}
.ct-nav a{font-size:14px;color:var(--ct-text);position:relative;padding-bottom:3px;transition:.18s;}
.ct-nav a:not(.ct-nav-cta)::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--ct-gold);transition:width .2s;}
.ct-nav a:not(.ct-nav-cta):hover::after{width:100%;}
.ct-nav-cta{border:1px solid var(--ct-gold);color:var(--ct-gold);padding:7px 18px;border-radius:8px;font-weight:600;}
.ct-nav-cta:hover{background:var(--ct-gold);color:#160d2e;}
.ct-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:6px;}
.ct-burger span{width:24px;height:2px;background:var(--ct-text);transition:.2s;}

/* hero */
.ct-hero{position:relative;z-index:1;padding:108px 0 92px;text-align:center;}
.ct-hero-in{max-width:760px;margin:0 auto;}
.ct-eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--ct-gold);}
.ct-h1{font-family:var(--ct-serif);font-size:clamp(40px,6vw,76px);line-height:1.08;font-weight:700;letter-spacing:.01em;margin:22px 0 24px;}
.ct-rule{display:block;width:80px;height:2px;background:linear-gradient(90deg,transparent,var(--ct-gold),transparent);margin:0 auto 26px;}
.ct-lead{font-size:17px;color:var(--ct-muted);max-width:52ch;margin:0 auto;}
.ct-cta{display:flex;gap:16px;margin-top:34px;justify-content:center;flex-wrap:wrap;}
.ct-btn{padding:14px 30px;border-radius:10px;font-size:14px;font-weight:600;transition:.2s;}
.ct-btn-gold{background:linear-gradient(135deg,var(--ct-gold),#b8932e);color:#160d2e;box-shadow:0 12px 28px rgba(212,175,55,.28);}
.ct-btn-gold:hover{transform:translateY(-2px);}
.ct-btn-line{border:1px solid var(--ct-line);color:var(--ct-text);}
.ct-btn-line:hover{border-color:var(--ct-gold);color:var(--ct-gold);}

/* sections */
.ct-sec{position:relative;z-index:1;padding:82px 0;border-bottom:1px solid var(--ct-line);}
.ct-sec-alt{background:var(--ct-bg2);}
.ct-sec-head{display:flex;align-items:baseline;gap:14px;margin-bottom:18px;}
.ct-kicker{font-size:11px;font-weight:700;letter-spacing:.26em;color:var(--ct-gold);border:1px solid var(--ct-line);padding:4px 10px;border-radius:6px;}
.ct-sec-head h2{font-family:var(--ct-serif);font-size:clamp(24px,3vw,36px);font-weight:700;letter-spacing:.01em;}
.ct-lead-c{font-size:16px;color:var(--ct-muted);max-width:60ch;margin-bottom:34px;}

/* cards */
.ct-cards2{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.ct-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.ct-card{position:relative;overflow:hidden;background:var(--ct-surface);border:1px solid var(--ct-line);border-radius:var(--ct-radius);padding:28px 24px;transition:transform .25s,border-color .25s;}
.ct-card:hover{transform:translateY(-5px);border-color:var(--ct-gold);}
.ct-no{display:inline-block;font-size:13px;font-weight:800;color:var(--ct-gold);letter-spacing:.12em;margin-bottom:12px;}
.ct-card h3{font-family:var(--ct-serif);font-size:19px;margin-bottom:8px;font-weight:700;}
.ct-card p{font-size:14px;color:var(--ct-muted);}
.ct-shimmer::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(212,175,55,.18),transparent);transform:skewX(-18deg);transition:left .6s;}
.ct-shimmer:hover::after{left:140%;}

/* scope list */
.ct-list{list-style:none;border-top:1px solid var(--ct-line);}
.ct-list li{display:flex;gap:22px;align-items:flex-start;padding:24px 0;border-bottom:1px solid var(--ct-line);}
.ct-n{flex:none;font-family:var(--ct-serif);font-size:24px;color:var(--ct-gold);line-height:1;}
.ct-list h3{font-family:var(--ct-serif);font-size:20px;font-weight:700;margin-bottom:6px;}
.ct-list p{font-size:15px;color:var(--ct-muted);}

/* steps */
.ct-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.ct-step{position:relative;overflow:hidden;background:var(--ct-surface);border:1px solid var(--ct-line);border-radius:var(--ct-radius);padding:28px 20px;}
.ct-step:hover{border-color:var(--ct-gold);}
.ct-step-no{font-size:13px;font-weight:800;color:var(--ct-gold);letter-spacing:.1em;}
.ct-step b{display:block;font-family:var(--ct-serif);font-size:21px;margin:12px 0 8px;font-weight:700;}
.ct-step span{font-size:13px;color:var(--ct-muted);}

/* faq */
.ct-faq{display:flex;flex-direction:column;gap:14px;}
.ct-item{background:var(--ct-surface);border:1px solid var(--ct-line);border-radius:var(--ct-radius);overflow:hidden;}
.ct-item summary{list-style:none;cursor:pointer;padding:20px 26px;font-size:16px;font-weight:600;display:flex;justify-content:space-between;align-items:center;}
.ct-item summary::-webkit-details-marker{display:none;}
.ct-chev{font-style:normal;font-size:22px;color:var(--ct-gold);transition:transform .2s;}
.ct-item[open] .ct-chev{transform:rotate(45deg);}
.ct-item p{padding:0 26px 22px;font-size:14px;color:var(--ct-muted);}

/* contact */
.ct-contact{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--ct-line);border-radius:var(--ct-radius);overflow:hidden;background:var(--ct-surface);}
.ct-co{padding:24px 22px;border-right:1px solid var(--ct-line);border-bottom:1px solid var(--ct-line);}
.ct-co span{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ct-muted);margin-bottom:8px;}
.ct-co b{font-size:14px;font-weight:600;line-height:1.5;color:var(--ct-text);}
.ct-notice{margin-top:26px;font-size:12px;color:var(--ct-muted);border-left:3px solid var(--ct-gold);padding-left:14px;max-width:70ch;}

/* footer */
.ct-foot{border-top:1px solid var(--ct-line);padding:44px 0 62px;background:var(--ct-bg2);position:relative;z-index:1;}
.ct-foot-in{display:flex;flex-direction:column;gap:12px;}
.ct-foot-l{font-family:var(--ct-serif);font-size:13px;font-weight:700;color:var(--ct-gold);}
.ct-foot-r{font-size:12px;color:var(--ct-muted);}
.ct-foot-icp{font-size:12px;color:var(--ct-muted);}
.ct-foot-icp a{color:var(--ct-gold);border-bottom:1px solid var(--ct-gold);}
.ct-foot-icp a:hover{color:#fff;}

/* back top */
.ct-top{position:fixed;right:24px;bottom:24px;width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:var(--ct-gold);color:#160d2e;opacity:0;pointer-events:none;transition:.2s;z-index:130;}
.ct-top.show{opacity:1;pointer-events:auto;}
.ct-top:hover{background:#fff;}

/* reveal */
.ct-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.ct-reveal.in{opacity:1;transform:none;}

@media(max-width:1024px){
  .ct-cards2{grid-template-columns:1fr;}
  .ct-grid4{grid-template-columns:repeat(2,1fr);}
  .ct-steps{grid-template-columns:repeat(2,1fr);}
  .ct-contact{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:680px){
  .ct-wrap{padding:0 18px;}
  .ct-bar{padding:12px 18px;}
  .ct-nav{position:fixed;top:62px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:rgba(22,13,46,.97);border-bottom:1px solid var(--ct-line);max-height:0;overflow:hidden;transition:max-height .25s ease;z-index:110;}
  .ct-nav.open{max-height:340px;}
  .ct-nav a{padding:15px 18px;border-bottom:1px solid var(--ct-line);}
  .ct-burger{display:flex;}
  .ct-hero{padding:64px 0 54px;}
  .ct-sec{padding:56px 0;}
  .ct-grid4,.ct-steps,.ct-contact{grid-template-columns:1fr;}
  .ct-list li{flex-direction:column;gap:8px;}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .ct-reveal{opacity:1;transform:none;transition:none;}
}