:root{
      --bg:#0b0d10;
      --panel:#13171d;
      --panel-2:#191f27;
      --text:#f5f7fa;
      --muted:#aab3bf;
      --line:#2a323d;
      --accent:#d7ff4f;
      --accent-dark:#b9df3c;
      --white:#fff;
      --max:1180px;
      --radius:22px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
      "PingFang HK","PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;
      background:var(--bg);
      color:var(--text);
      line-height:1.55;
    }
    a{text-decoration:none;color:inherit}
    .wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
    .nav{
      position:sticky;top:0;z-index:50;
      backdrop-filter:blur(16px);
      background:rgba(11,13,16,.78);
      border-bottom:1px solid rgba(255,255,255,.06);
    }
    .nav-inner{
      height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;
    }
    .brand{font-weight:800;letter-spacing:-.03em;font-size:20px}
    .brand span{color:var(--accent)}
    .nav-links{display:flex;gap:24px;color:#cbd2db;font-size:14px}
    .nav-actions{display:flex;gap:10px}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;
      min-height:46px;padding:0 20px;border-radius:999px;
      font-weight:700;font-size:14px;border:1px solid var(--line);
      transition:.2s ease;cursor:pointer;
    }
    .btn:hover{transform:translateY(-1px)}
    .btn-primary{background:var(--accent);color:#10150a;border-color:var(--accent)}
    .btn-primary:hover{background:var(--accent-dark)}
    .btn-ghost{background:transparent;color:var(--text)}
    .hero{
      padding:92px 0 76px;
      background:
        radial-gradient(circle at 80% 10%, rgba(215,255,79,.13), transparent 30%),
        radial-gradient(circle at 25% 35%, rgba(84,118,255,.08), transparent 30%);
    }
    .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
    .eyebrow{
      display:inline-flex;align-items:center;gap:10px;
      color:#dfe8ec;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.08em;
      margin-bottom:22px;
    }
    .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px var(--accent)}
    h1{
      font-size:clamp(46px,7vw,84px);
      line-height:.98;margin:0 0 26px;letter-spacing:-.055em;
      max-width:880px;
    }
    h1 .accent{color:var(--accent)}
    .hero p{
      font-size:20px;color:#c3ccd6;max-width:720px;margin:0 0 30px;
    }
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
    .subnote{margin-top:17px;color:#8f9ba8;font-size:13px}
    .hero-card{
      background:linear-gradient(180deg,var(--panel-2),var(--panel));
      border:1px solid var(--line);
      border-radius:30px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.28);
    }
    .card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
    .card-title{font-weight:800;font-size:18px}
    .status{
      padding:7px 10px;border-radius:999px;background:rgba(215,255,79,.11);
      color:var(--accent);font-size:12px;font-weight:800;
    }
    .designer{
      display:flex;align-items:center;gap:14px;padding:17px;border-radius:18px;background:#0f1318;border:1px solid #242b34;
    }
    .avatar{
      width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
      background:linear-gradient(145deg,#404c59,#242a31);font-weight:900;
    }
    .designer small{color:#8f99a7}
    .progress{margin:22px 0 12px;height:8px;background:#222933;border-radius:999px;overflow:hidden}
    .progress span{display:block;height:100%;width:68%;background:var(--accent)}
    .mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
    .mini{
      background:#0f1318;border:1px solid #242b34;border-radius:16px;padding:15px;
    }
    .mini b{display:block;font-size:24px}
    .mini span{color:#8f99a7;font-size:12px}
    section{padding:82px 0}
    .section-kicker{color:var(--accent);text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.12em}
    h2{
      margin:10px 0 18px;font-size:clamp(34px,5vw,58px);
      letter-spacing:-.04em;line-height:1.05;
    }
    .lead{font-size:18px;color:#abb6c3;max-width:780px}
    .three{
      margin-top:38px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
    }
    .feature{
      background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px;
    }
    .num{
      width:38px;height:38px;border-radius:12px;background:var(--accent);color:#11180b;
      display:grid;place-items:center;font-weight:900;margin-bottom:22px;
    }
    .feature h3{font-size:22px;margin:0 0 10px}
    .feature p{color:#9eabb8;margin:0}
    .use-cases{
      display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:38px;
    }
    .case{
      padding:28px;border-radius:var(--radius);border:1px solid var(--line);
      background:linear-gradient(180deg,#141920,#101419);
    }
    .case strong{font-size:20px}
    .case p{color:#9eabb8}
    .tagrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
    .tag{border:1px solid #323b46;padding:8px 11px;border-radius:999px;color:#cbd3dc;font-size:13px}
    .trial{
      background:var(--accent);color:#10150a;
    }
    .trial-grid{display:grid;grid-template-columns:1fr .8fr;gap:48px;align-items:center}
    .trial h2{max-width:700px}
    .trial p{color:#293019;font-size:18px;max-width:700px}
    .trial-box{
      background:rgba(255,255,255,.55);border:1px solid rgba(16,21,10,.14);
      border-radius:22px;padding:26px;
    }
    .trial-box ul{margin:12px 0 0;padding-left:20px}
    .trial-box li{margin:8px 0}
    .credit-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:start;margin-top:36px}
    .price{
      background:var(--panel);border:1px solid var(--line);border-radius:26px;padding:30px;
    }
    .price .amount{font-size:56px;font-weight:900;letter-spacing:-.05em}
    .price .muted{color:#92a0ae}
    .price .creditline{
      margin:22px 0;padding:18px;border-radius:16px;background:#0d1116;border:1px solid #242c35;
    }
    .price .creditline b{font-size:24px}
    .usage{display:grid;gap:12px}
    .usage-row{
      display:flex;justify-content:space-between;align-items:center;gap:20px;
      background:#10151b;border:1px solid #252d37;border-radius:16px;padding:17px 18px;
    }
    .usage-row span:last-child{font-weight:800;color:var(--accent)}
    .channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
    .channel{
      background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:26px;
    }
    .channel .icon{font-size:28px;margin-bottom:16px}
    .channel p{color:#98a6b4}
    .final-cta{text-align:center;padding:105px 0}
    .final-cta p{color:#a8b3c0;font-size:18px;max-width:720px;margin:0 auto 28px}
    footer{
      border-top:1px solid var(--line);padding:28px 0 40px;color:#7f8b97;font-size:13px;
    }
    .footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
    @media(max-width:900px){
      .nav-links{display:none}
      .hero-grid,.trial-grid,.credit-grid,.use-cases{grid-template-columns:1fr}
      .three,.channel-grid{grid-template-columns:1fr}
      .hero{padding-top:62px}
      .hero-card{margin-top:10px}
    }
    @media(max-width:560px){
      .wrap{width:min(var(--max),calc(100% - 26px))}
      .nav-inner{height:64px}
      .nav-actions .btn-ghost{display:none}
      h1{font-size:48px}
      .hero p{font-size:17px}
      section{padding:64px 0}
      .mini-grid{grid-template-columns:1fr}
      .price .amount{font-size:44px}
    }
  
.form-shell{min-height:100vh;padding:50px 20px;background:radial-gradient(circle at 80% 10%,rgba(215,255,79,.10),transparent 30%),var(--bg)}
.form-card{width:min(820px,100%);margin:auto;background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:32px}
.form-card h1{font-size:clamp(34px,6vw,58px);margin:20px 0}.form-card h3{margin-top:26px}
label{display:block;color:#cbd3dc;font-size:14px;font-weight:700;margin:14px 0}
input,textarea,select{width:100%;margin-top:7px;padding:13px 14px;border-radius:12px;border:1px solid #323b46;background:#0d1116;color:#fff;font:inherit}
textarea{min-height:140px;resize:vertical}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.help{font-size:12px;color:#8995a2;font-weight:400}
.notice{padding:14px 16px;border-radius:12px;margin:14px 0}.notice.error{background:#3a1719;border:1px solid #6d292d}.notice.ok{background:#183019;border:1px solid #315d31}.notice.info{background:#172534;border:1px solid #29475f}
.checkbox{display:flex;gap:10px;align-items:flex-start}.checkbox input{width:auto;margin-top:4px}.hp{position:absolute;left:-99999px;width:1px;height:1px;overflow:hidden}
.admin-wrap{width:min(1240px,calc(100% - 32px));margin:30px auto}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.admin-nav{display:flex;gap:10px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.stat{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px}.stat b{display:block;font-size:30px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--panel)}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:14px 15px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;vertical-align:top}th{color:#9ba8b5;background:#101419}.badge{display:inline-block;padding:6px 9px;border-radius:999px;background:#26303a;font-size:12px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.filters input,.filters select{width:auto;margin:0}.muted{color:#92a0ae}.actions{display:flex;gap:8px;flex-wrap:wrap}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form select{width:auto;margin:0}
@media(max-width:760px){.grid2,.stats{grid-template-columns:1fr}.form-card{padding:22px}.admin-wrap{width:min(100% - 20px,1240px)}}