:root{
      --purple:#6d36a6;
      --purple-deep:#2f2254;
      --purple-soft:#f6ecff;
      --gold:#d2a24f;
      --gold-deep:#A8752B;
      --cream:#fff9ed;
      --cream-2:#fff3d8;
      --ink:#25223a;
      --muted:#746b85;
      --line:rgba(128,79,153,.18);
      --max:1120px;
      --nav-h:62px;
    }

    *{
      box-sizing:border-box;
    }
    html{
      scroll-behavior:smooth;
    }
    html,body{
      width:100%;
      max-width:100%;
    }
    body{
      margin:0 !important;
      padding:0 !important;
    }
    body.MOBILE{
      overflow-x:hidden;
      overflow-y:auto !important;
      -webkit-overflow-scrolling:touch;
    }
    #CM829 a{
      color:inherit;
      text-decoration:none;
    }
    #CM829 img{
      max-width:100%;
      display:block;
    }

    #CM829{
      width:100%;
      height:auto;
      font-family:"Noto Sans TC","Noto Sans CJK TC","PingFang TC","Microsoft JhengHei",Arial,sans-serif;
      color:var(--ink);
      background:var(--cream);
      font-size:18px;
      line-height:1.9;
      letter-spacing:.02em;
      box-sizing:border-box;
    }

    .MOBILE #CM829{
      margin-top:45px;
      overflow:visible;
    }

    .MOBILE #CM829 .top-nav{
      top:45px;
    }

    #CM829 .top-nav{
      position:sticky;
      top:0;
      z-index:50;
      min-height:var(--nav-h);
      background:#D2A24F;
      border-bottom:0;
      box-shadow:0 8px 18px rgba(140,92,30,.22);
    }
    #CM829 .top-nav::before{
      content:"";
      position:absolute;
      left:0;
      right:0;
      top:0;
      height:1px;
      background:rgba(255,255,255,.25);
    }
    #CM829 .top-nav .nav-inner{
      max-width:960px;
      min-height:var(--nav-h);
      margin:0 auto;
      display:flex;
      align-items:stretch;
      justify-content:center;
      padding:0;
    }
    #CM829 .top-nav a{
      position:relative;
      flex:1 1 0;
      max-width:25%;
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:var(--nav-h);
      padding:0 24px;
      box-sizing: border-box;
      color:#fff;
      font-size:1.5rem;
      font-weight:700;
      letter-spacing:.08em;
      text-align:center;
      border-left:1px solid rgba(255,255,255,.22);
      transition:background-color .2s ease,color .2s ease;
    }
    #CM829 .top-nav a:last-child{
      border-right:1px solid rgba(255,255,255,.22);
    }
    #CM829 .top-nav a + a::before,#CM829 .top-nav a::after{
      content:none;
    }
    #CM829 .top-nav a:hover,#CM829 .top-nav a:focus{
      color:#fff;
      background:#B17B2F;
    }

    #CM829 .hero{
      position:relative;
      overflow:hidden;
      background:#f7e6ff;
    }
    #CM829 .hero picture{
      display:block;
    }
    #CM829 .hero picture img{
      width:100%;
      height:auto;
      display:block;
    }

    #CM829 section{
      scroll-margin-top:calc(var(--nav-h) + 24px);
    }
    #CM829 .article-section,#CM829 .intro-section{
      padding:88px 20px;
    }
    #CM829 .section-alt{
      background:linear-gradient(180deg,var(--purple-soft),#fffaf0);
    }
    #CM829 .article-inner,#CM829 .section-inner{
      max-width:var(--max);
      margin:0 auto;
    }
    #CM829 .article-header{
      text-align:left;
      max-width:860px;
      margin:0 auto 64px;
    }
    #CM829 .article-header h1{
      margin:0;
      font-size:42px;
      line-height:1.35;
      letter-spacing:.02em;
      color:var(--purple-deep);
    }
    #CM829 .article-header h4{
      margin:18px 0 0;
      font-size:22px;
      line-height:1.7;
      color:var(--gold-deep);
      font-weight:700;
    }
    #CM829 .content-block{
      max-width:860px;
      margin:0 auto 64px;
    }
    #CM829 .content-block h3{
      font-size:30px;
      line-height:1.45;
      margin:0 0 24px;
      color:var(--purple-deep);
      position:relative;
    }
    #CM829 .content-block h3::before{
      content:"";
      display:block;
      width:54px;
      height:3px;
      background:linear-gradient(90deg,var(--gold),var(--purple));
      border-radius:3px;
      margin-bottom:16px;
    }
    #CM829 .content-block p{
      margin:0 0 20px;
    }
    #CM829 .quote{
      margin:32px 0;
      padding:24px 28px;
      border-left:5px solid var(--gold);
      background:rgba(255,255,255,.58);
      border-radius:0 18px 18px 0;
      font-size:24px;
      font-weight:800;
      color:var(--purple);
      line-height:1.6;
    }
    #CM829 .feature-list{
      padding-left:1.35em;
      margin:18px 0 28px;
      list-style:disc;
    }
    #CM829 .feature-list li{
      margin:6px 0;
      padding-left:.15em;
      color:var(--ink);
      font-weight:400;
    }
    #CM829 .source-note-list{
      margin:18px 0 30px;
      padding-left:1.35em;
      list-style:disc;
      color:var(--ink);
    }
    #CM829 .source-note-list li{
      margin:8px 0;
    }
    #CM829 .source-note-list a{
      color:var(--purple);
      font-weight:800;
      text-decoration:underline;
      text-underline-offset:4px;
    }
    #CM829 .source-note-list a:hover{
      color:var(--gold-deep);
    }
    #CM829 .context-photo{
      max-width:980px;
      margin:42px auto 58px;
      border-radius:24px;
      overflow:hidden;
      box-shadow:0 18px 42px rgba(61,42,91,.14);
      border:1px solid rgba(210,162,79,.22);
      background:#fff;
    }
    #CM829 .context-photo img{
      width:100%;
      aspect-ratio:16/9;
      object-fit:cover;
      display:block;
    }

    #CM829 .star-grid{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:18px;
      margin-top:28px;
    }
    #CM829 .star-card{
      background:#fff;
      border:1px solid var(--line);
      border-radius:22px;
      padding:24px;
      box-shadow:0 14px 34px rgba(71,40,110,.07);
    }
    #CM829 .star-card h4{
      margin:0 0 12px;
      color:var(--purple);
      font-size:21px;
      line-height:1.45;
    }
    #CM829 .star-card p{
      margin:0 0 10px;
      color:#3c344f;
    }

    #CM829 .bridge{
      padding:82px 20px;
      background:linear-gradient(135deg,var(--purple-deep),#7b3dac);
      color:#fff;
    }
    #CM829 .bridge .article-inner{
      max-width:860px;
    }
    #CM829 .bridge h3{
      margin:0 0 22px;
      font-size:34px;
      line-height:1.45;
      color:#fff;
    }
    #CM829 .bridge p{
      color:rgba(255,255,255,.88);
      margin:0 0 20px;
    }
    #CM829 .answer-gradient{
      background:radial-gradient(circle at 18% 18%, rgba(255,255,255,.24), transparent 32%),linear-gradient(135deg,#4B2B73 0%,#6D36A6 46%,#A8752B 100%) !important;
      color:#fff;
    }
    #CM829 .answer-gradient h3,#CM829 .answer-gradient p{
      color:#fff;
    }

    #CM829 .product-section{
      padding:86px 20px;
      background:var(--cream);
    }
    #CM829 .product-section.section-alt{
      background:var(--purple-soft);
    }
    #CM829 .section-heading{
      text-align:center;
      margin:0 auto 34px;
      max-width:850px;
    }
    #CM829 .eyebrow{
      color:var(--gold-deep);
      text-transform:uppercase;
      font-size:14px;
      letter-spacing:.18em;
      font-weight:800;
    }
    #CM829 .section-heading h2{
      margin:6px 0 0;
      color:var(--purple-deep);
      font-size:34px;
      line-height:1.45;
    }
    #CM829 .carousel{
      position:relative;
    }
    #CM829 .carousel-track{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:28px;
      padding:4px 2px 18px;
    }
    #CM829 .carousel-btn{
      display:none;
    }
    #CM829 .product-card{
      background:#fff;
      border-radius:24px;
      overflow:hidden;
      border:1px solid rgba(109,54,166,.14);
      box-shadow:0 18px 40px rgba(55,32,86,.09);
      display:flex;
      flex-direction:column;
    }
    #CM829 .product-card img{
      aspect-ratio:5/3;
      object-fit:cover;
      width:100%;
      background:#eee;
    }
    #CM829 .product-body{
      padding:22px;
      display:flex;
      flex-direction:column;
      gap:14px;
    }
    #CM829 .product-body h3{
      margin:0;
      font-size:20px;
      line-height:1.4;
      color:var(--purple-deep);
    }
    #CM829 .product-body p{
      margin:0;
      font-size:16px;
      line-height:1.75;
      color:#514b61;
      flex:1;
    }
    #CM829 .product-cta{
      align-self:center;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:min(260px,82%);
      min-height:46px;
      padding:0 30px;
      border-radius:999px;
      background:#D2A24F;
      color:#fff;
      font-size:16px;
      font-weight:800;
      letter-spacing:.04em;
      line-height:1.2;
      white-space:nowrap;
      box-shadow:0 10px 18px rgba(176,123,47,.26);
      transition:.2s ease;
    }
    #CM829 .product-cta:hover{
      transform:translateY(-1px);
      background:#7D4E9F;
      color:#fff;
      box-shadow:0 14px 24px rgba(104,64,143,.30);
    }

    #CM829 .footer-note{
      padding:56px 20px;
      text-align:center;
      color:var(--muted);
      background:#fff;
      font-size:15px;
    }

    @media (max-width:1080px){
      #CM829 .carousel-track{
        grid-template-columns:repeat(2,minmax(0,1fr));
      }
      #CM829 .feature-list{
        padding-left:1.35em;
      }
    }

    @media(max-width:767px){
      :root{
        --nav-h:58px;
      }
      #CM829{
        font-size:20px;
        line-height:1.9;
      }
      #CM829 .top-nav{
        overflow-x:auto;
      }
      #CM829 .top-nav .nav-inner{
        width: 100%;
        justify-content:flex-start;
        min-width:max-content;
      }
      #CM829 .top-nav a{
        flex:0 0 auto;
        min-width:25%;
        max-width:none;
        padding:0 0px;
        box-sizing: border-box;
        min-height:var(--nav-h);
        font-size:1.4rem;
        letter-spacing:.08em;
      }
      #CM829 .top-nav a + a::before,#CM829 .top-nav a::after{
        content:none;
      }
      #CM829 .hero picture img{
        width:100%;
      }
      #CM829 .article-section,#CM829 .intro-section{
        padding:30px 18px;
      }
      #CM829 .article-header{
        margin-bottom:44px;
      }
      #CM829 .article-header h1{
        font-size:32px;
        text-align:left;
      }
      #CM829 .article-header h4{
        font-size:21px;
        text-align:left;
      }
      #CM829 .content-block{
        margin-bottom:48px;
      }
      #CM829 .content-block h3{
        font-size:28px;
      }
      #CM829 .quote{
        font-size:24px;
        padding:22px 20px;
      }
      #CM829 .feature-list{
        padding-left:1.35em;
      }
      #CM829 .context-photo{
        margin:32px auto 42px;
        border-radius:18px;
      }
      #CM829 .context-photo img{
        aspect-ratio:4/3;
      }
      #CM829 .star-grid{
        grid-template-columns:1fr;
      }
      #CM829 .star-card{
        padding:22px;
      }
      #CM829 .star-card h4{
        font-size:22px;
      }
      #CM829 .bridge{
        padding:62px 18px;
      }
      #CM829 .bridge h3{
        font-size:30px;
      }
      #CM829 .product-section{
        padding:62px 18px;
      }
      #CM829 .section-heading{
        text-align:left;
      }
      #CM829 .section-heading h2{
        font-size:30px;
      }
      #CM829 .carousel-track{
        grid-template-columns:1fr;
        gap:22px;
        padding-bottom:12px;
      }
      #CM829 .carousel-btn{
        display:none;
      }
      #CM829 .product-body h3{
        font-size:21px;
      }
      #CM829 .product-body p,#CM829 .product-cta{
        font-size:18px;
      }

    }