#luhu-customer-prototype {
      color: light-dark(#243329, #eef5ef);
      font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
      --img-hero: url('images/c-01.webp');
      --img-forest: url('images/c-02.webp');
      --img-island: url('images/c-03.webp');
      --img-yakushima: url('images/c-04.webp');
      --img-alpine: url('images/c-05.webp');
      width: 100%;
    }
    #luhu-customer-prototype * { box-sizing: border-box; }
    #luhu-customer-prototype .lh-stage {
      display: grid;
      grid-template-columns: minmax(320px, 390px);
      justify-content: center;
      align-items: start;
      gap: 24px;
    }
    #luhu-customer-prototype .lh-map {
      padding-top: 18px;
      display: grid;
      gap: 8px;
    }
    #luhu-customer-prototype .lh-map-title {
      font-weight: 500;
      margin: 0 0 6px;
    }
    #luhu-customer-prototype .lh-map-label {
      margin: 10px 12px 2px;
      color: light-dark(#8a958f, #8f9c94);
      font-size: 11px;
    }
    #luhu-customer-prototype .lh-map button {
      appearance: none;
      border: 0;
      background: transparent;
      color: light-dark(#506158, #b9c7bd);
      text-align: left;
      padding: 10px 12px;
      border-radius: 12px;
      cursor: pointer;
      font: inherit;
      min-height: 44px;
    }
    #luhu-customer-prototype .lh-map button[aria-pressed="true"] {
      background: light-dark(#dfeadf, #304b38);
      color: light-dark(#204d30, #eef8f0);
      font-weight: 500;
    }
    #luhu-customer-prototype .lh-map-note {
      color: light-dark(#718079, #9eaaa2);
      padding: 8px 12px 0;
    }
    #luhu-customer-prototype .lh-phone {
      position: relative;
      overflow: hidden;
      min-height: 720px;
      border-radius: 30px;
      background: light-dark(#f7f5ed, #17241b);
      color: light-dark(#223128, #eef5ef);
      box-shadow: 0 16px 45px light-dark(rgba(35,64,42,.18), rgba(0,0,0,.42));
    }
    #luhu-customer-prototype .lh-status {
      height: 30px;
      padding: 9px 20px 0;
      display: flex;
      justify-content: space-between;
      font-size: 11px;
      font-weight: 500;
      background: light-dark(#f7f5ed, #17241b);
    }
    #luhu-customer-prototype .lh-view {
      min-height: 630px;
      padding-bottom: 76px;
    }
    #luhu-customer-prototype .lh-topbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 12px 18px;
    }
    #luhu-customer-prototype .lh-brand { font-weight: 500; letter-spacing: .08em; }
    #luhu-customer-prototype .lh-slogan { color: light-dark(#728079, #a9b6ad); font-size: 11px; }
    #luhu-customer-prototype .lh-hero {
      margin: 0 14px;
      min-height: 198px;
      border-radius: 22px;
      padding: 24px 20px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      color: #fffdf7;
      background:
        linear-gradient(180deg, rgba(19,49,29,.03), rgba(18,47,27,.84)),
        radial-gradient(circle at 76% 18%, #a9c99b 0, #6d9871 28%, #386344 60%, #20412d 100%);
    }
    #luhu-customer-prototype .lh-hero-kicker { font-size: 12px; opacity: .86; }
    #luhu-customer-prototype .lh-hero h2 { margin: 5px 0 6px; font-size: 25px; font-weight: 500; line-height: 1.28; }
    #luhu-customer-prototype .lh-hero p { margin: 0 0 15px; font-size: 13px; opacity: .9; }
    #luhu-customer-prototype .lh-primary,
    #luhu-customer-prototype .lh-secondary {
      min-height: 44px;
      border-radius: 22px;
      padding: 10px 17px;
      font: inherit;
      font-weight: 500;
      cursor: pointer;
    }
    #luhu-customer-prototype .lh-primary {
      border: 0;
      background: #2e7d32;
      color: #ffffff;
    }
    #luhu-customer-prototype .lh-hero .lh-primary { align-self: flex-start; background: #fffaf0; color: #285336; }
    #luhu-customer-prototype .lh-secondary {
      border: 1px solid light-dark(#b9c7bc, #506554);
      background: light-dark(#fffef9, #233329);
      color: light-dark(#2d5138, #e8f2ea);
    }
    #luhu-customer-prototype .lh-stats {
      margin: 14px;
      padding: 14px 8px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      background: light-dark(#fffdf8, #223127);
      border-radius: 18px;
    }
    #luhu-customer-prototype .lh-stat { text-align: center; border-right: 1px solid light-dark(#e5e4da, #39483d); }
    #luhu-customer-prototype .lh-stat:last-child { border-right: 0; }
    #luhu-customer-prototype .lh-stat strong { display: block; color: light-dark(#a27421, #e1bd6a); }
    #luhu-customer-prototype .lh-stat span { color: light-dark(#718079, #a7b2aa); font-size: 11px; }
    #luhu-customer-prototype .lh-section { padding: 5px 16px 14px; }
    #luhu-customer-prototype .lh-section-head { display: flex; justify-content: space-between; align-items: baseline; margin: 7px 0 10px; }
    #luhu-customer-prototype .lh-section-head h3 { margin: 0; font-size: 17px; font-weight: 500; }
    #luhu-customer-prototype .lh-section-head span { color: light-dark(#728079, #a9b6ad); font-size: 11px; }
    #luhu-customer-prototype .lh-quick { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
    #luhu-customer-prototype .lh-quick button {
      border: 0;
      background: transparent;
      color: inherit;
      padding: 5px 0;
      min-height: 68px;
      cursor: pointer;
      font: inherit;
      font-size: 12px;
    }
    #luhu-customer-prototype .lh-quick i { display: grid; place-items: center; width: 40px; height: 40px; margin: 0 auto 7px; border-radius: 15px; background: light-dark(#e2ede0, #2d4634); color: light-dark(#2e6c39, #bfe0c4); }
    #luhu-customer-prototype .lh-recommend {
      display: grid;
      grid-template-columns: 88px 1fr;
      gap: 12px;
      padding: 10px;
      border-radius: 18px;
      background: light-dark(#fffdf8, #223127);
    }
    #luhu-customer-prototype .lh-thumb {
      min-height: 92px;
      border-radius: 14px;
      background-image: var(--img-forest);
      background-size: cover;
      background-position: center;
    }
    #luhu-customer-prototype .lh-recommend h4 { margin: 3px 0 5px; font-weight: 500; }
    #luhu-customer-prototype .lh-recommend p { margin: 0 0 7px; color: light-dark(#718079, #aab6ae); font-size: 12px; line-height: 1.5; }
    #luhu-customer-prototype .lh-price { color: light-dark(#a27421, #e1bd6a); font-weight: 500; }
    #luhu-customer-prototype .lh-tags { display: flex; gap: 6px; flex-wrap: wrap; margin: 8px 0; }
    #luhu-customer-prototype .lh-tag { padding: 4px 8px; border-radius: 10px; background: light-dark(#e4eee2, #2c4433); color: light-dark(#356440, #c4ddc8); font-size: 11px; }
    #luhu-customer-prototype .lh-page-head { padding: 10px 18px 14px; display: flex; align-items: center; gap: 10px; }
    #luhu-customer-prototype .lh-page-head h2 { margin: 0; font-size: 19px; font-weight: 500; }
    #luhu-customer-prototype .lh-icon-button { border: 0; background: transparent; color: inherit; min-width: 44px; min-height: 44px; cursor: pointer; }
    #luhu-customer-prototype .lh-progress { height: 5px; margin: 0 18px 18px; background: light-dark(#e0e2da, #34433a); border-radius: 5px; overflow: hidden; }
    #luhu-customer-prototype .lh-progress span { display: block; height: 100%; background: #2e7d32; transition: width .2s ease; }
    #luhu-customer-prototype .lh-question { padding: 0 18px; }
    #luhu-customer-prototype .lh-question h3 { margin: 0 0 5px; font-size: 21px; font-weight: 500; }
    #luhu-customer-prototype .lh-question > p { color: light-dark(#718079, #a9b6ad); margin: 0 0 18px; }
    #luhu-customer-prototype .lh-options { display: grid; gap: 10px; }
    #luhu-customer-prototype .lh-option {
      display: flex;
      align-items: center;
      gap: 12px;
      width: 100%;
      min-height: 58px;
      padding: 11px 14px;
      border: 1px solid light-dark(#d6dbd1, #3a4d40);
      border-radius: 16px;
      background: light-dark(#fffdf8, #223127);
      color: inherit;
      text-align: left;
      cursor: pointer;
      font: inherit;
    }
    #luhu-customer-prototype .lh-option[aria-pressed="true"] { border-color: #2e7d32; background: light-dark(#e8f1e5, #294333); }
    #luhu-customer-prototype .lh-match-actions { padding: 20px 18px; display: grid; grid-template-columns: 1fr 1.6fr; gap: 10px; }
    #luhu-customer-prototype .lh-result {
      margin: 0 16px 14px;
      padding: 18px;
      border-radius: 22px;
      color: #fffdf8;
      background: linear-gradient(150deg, #315c3d, #183d29);
    }
    #luhu-customer-prototype .lh-result small { opacity: .76; }
    #luhu-customer-prototype .lh-result h3 { margin: 8px 0 6px; font-size: 21px; font-weight: 500; }
    #luhu-customer-prototype .lh-result p { margin: 0 0 13px; opacity: .9; line-height: 1.6; }
    #luhu-customer-prototype .lh-product-list { display: grid; gap: 11px; padding: 0 14px 20px; }
    #luhu-customer-prototype .lh-product { display: grid; grid-template-columns: 98px 1fr; gap: 12px; padding: 10px; background: light-dark(#fffdf8, #223127); border-radius: 18px; cursor: pointer; }
    #luhu-customer-prototype .lh-product .lh-thumb { min-height: 104px; }
    #luhu-customer-prototype .lh-product h3 { margin: 3px 0 5px; font-size: 15px; font-weight: 500; }
    #luhu-customer-prototype .lh-product p { margin: 0 0 8px; color: light-dark(#718079, #aab6ae); font-size: 11px; line-height: 1.5; }
    #luhu-customer-prototype .lh-detail-hero { min-height: 245px; padding: 16px; display: flex; flex-direction: column; justify-content: space-between; color: #fff; background: linear-gradient(180deg, rgba(18,39,25,.08), rgba(14,35,22,.78)), radial-gradient(circle at 50% 28%, #aac99f, #668c68 45%, #284e36 100%); }
    #luhu-customer-prototype .lh-detail-body { margin-top: -22px; padding: 20px 18px 90px; border-radius: 22px 22px 0 0; background: light-dark(#f7f5ed, #17241b); }
    #luhu-customer-prototype .lh-detail-body h2 { margin: 0 0 7px; font-size: 21px; font-weight: 500; }
    #luhu-customer-prototype .lh-trust { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 16px 0; }
    #luhu-customer-prototype .lh-trust div { padding: 10px 4px; text-align: center; border-radius: 13px; background: light-dark(#e7eee3, #293e30); font-size: 11px; }
    #luhu-customer-prototype .lh-detail-section { padding: 13px 0; border-top: 1px solid light-dark(#dedfd7, #34443a); }
    #luhu-customer-prototype .lh-detail-section h3 { margin: 0 0 7px; font-size: 15px; font-weight: 500; }
    #luhu-customer-prototype .lh-detail-section p { margin: 0; color: light-dark(#617068, #aab6ae); font-size: 12px; line-height: 1.7; }
    #luhu-customer-prototype .lh-bottom-action { position: absolute; left: 0; right: 0; bottom: 0; z-index: 4; display: grid; grid-template-columns: 1fr 1.8fr; gap: 10px; padding: 10px 14px 16px; background: light-dark(rgba(255,253,248,.96), rgba(27,40,31,.96)); backdrop-filter: blur(12px); }
    #luhu-customer-prototype .lh-profile { margin: 8px 14px 14px; padding: 18px; border-radius: 22px; color: #fff; background: linear-gradient(135deg,#355f41,#24462f); }
    #luhu-customer-prototype .lh-profile-row { display:flex; align-items:center; gap:12px; }
    #luhu-customer-prototype .lh-avatar { width: 48px; height: 48px; border-radius: 50%; background: #d9c69e; display:grid; place-items:center; color:#3c493f; }
    #luhu-customer-prototype .lh-profile h3 { margin: 0 0 3px; font-weight: 500; }
    #luhu-customer-prototype .lh-profile p { margin: 0; opacity: .8; font-size: 12px; }
    #luhu-customer-prototype .lh-menu { margin: 0 14px; background: light-dark(#fffdf8, #223127); border-radius: 18px; overflow: hidden; }
    #luhu-customer-prototype .lh-menu button { width:100%; min-height:52px; border:0; border-bottom:1px solid light-dark(#e5e3da,#34443a); background:transparent; color:inherit; display:flex; align-items:center; justify-content:space-between; padding:10px 15px; font:inherit; cursor:pointer; }
    #luhu-customer-prototype .lh-menu button:last-child { border-bottom:0; }
    #luhu-customer-prototype .lh-banner {
      margin: 0 14px 14px;
      padding: 15px;
      border-radius: 18px;
      display: flex;
      gap: 12px;
      align-items: center;
      background: light-dark(#eee4cf, #493f2b);
      color: light-dark(#5d4b27, #f4e4bd);
    }
    #luhu-customer-prototype .lh-banner strong { display:block; margin-bottom:3px; font-weight:500; }
    #luhu-customer-prototype .lh-banner span { font-size:11px; opacity:.82; }
    #luhu-customer-prototype .lh-base-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
    #luhu-customer-prototype .lh-base {
      min-height: 145px;
      border: 0;
      border-radius: 18px;
      padding: 14px;
      color: #fff;
      text-align: left;
      display:flex;
      flex-direction:column;
      justify-content:flex-end;
      cursor:pointer;
      background:linear-gradient(180deg,rgba(19,45,27,.05),rgba(18,43,27,.78)),radial-gradient(circle at 50% 20%,#b9d1ad,#67906b 50%,#31523a);
      font:inherit;
      background-size:cover;
      background-position:center;
    }
    #luhu-customer-prototype .lh-base:nth-child(2n) { background:linear-gradient(180deg,rgba(21,49,51,.04),rgba(17,45,47,.78)),radial-gradient(circle at 50% 20%,#b8d5d2,#588684 50%,#2f5554); }
    #luhu-customer-prototype .lh-base strong { font-weight:500; margin-bottom:4px; }
    #luhu-customer-prototype .lh-base span { font-size:11px; opacity:.86; }
    #luhu-customer-prototype .lh-form { padding:0 18px 20px; display:grid; gap:14px; }
    #luhu-customer-prototype .lh-form label { display:grid; gap:7px; font-size:13px; }
    #luhu-customer-prototype .lh-form input,
    #luhu-customer-prototype .lh-form select,
    #luhu-customer-prototype .lh-form textarea {
      width:100%;
      min-height:44px;
      border:1px solid light-dark(#d3d9d0,#405247);
      border-radius:12px;
      padding:10px 12px;
      background:light-dark(#fffdf8,#223127);
      color:inherit;
      font:inherit;
    }
    #luhu-customer-prototype .lh-dates { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
    #luhu-customer-prototype .lh-date { min-height:60px; border:1px solid light-dark(#d4dad1,#405247); border-radius:13px; background:light-dark(#fffdf8,#223127); color:inherit; cursor:pointer; font:inherit; }
    #luhu-customer-prototype .lh-date[aria-pressed="true"] { border-color:#2e7d32; background:light-dark(#e7f0e4,#294333); }
    #luhu-customer-prototype .lh-summary { margin:0 18px 14px; padding:15px; border-radius:16px; background:light-dark(#fffdf8,#223127); }
    #luhu-customer-prototype .lh-summary-row { display:flex; justify-content:space-between; gap:16px; padding:6px 0; font-size:13px; }
    #luhu-customer-prototype .lh-summary-row span:first-child { color:light-dark(#748078,#a5b0a8); }
    #luhu-customer-prototype .lh-success { padding:32px 22px 18px; text-align:center; }
    #luhu-customer-prototype .lh-success-icon { width:70px; height:70px; border-radius:50%; display:grid; place-items:center; margin:0 auto 16px; background:light-dark(#dfeedd,#2d4a35); color:light-dark(#2e7d32,#bfe5c5); }
    #luhu-customer-prototype .lh-success h2 { margin:0 0 7px; font-size:22px; font-weight:500; }
    #luhu-customer-prototype .lh-success p { margin:0; color:light-dark(#6d7b73,#aab6ae); line-height:1.6; }
    #luhu-customer-prototype .lh-timeline { padding:4px 20px 18px 28px; }
    #luhu-customer-prototype .lh-step { position:relative; padding:0 0 22px 25px; border-left:2px solid light-dark(#ccd7cd,#3c5142); }
    #luhu-customer-prototype .lh-step:last-child { border-left-color:transparent; }
    #luhu-customer-prototype .lh-step::before { content:""; position:absolute; left:-7px; top:1px; width:12px; height:12px; border-radius:50%; background:#2e7d32; }
    #luhu-customer-prototype .lh-step.is-future::before { background:light-dark(#c6cec7,#526158); }
    #luhu-customer-prototype .lh-step strong { display:block; font-weight:500; margin-bottom:3px; }
    #luhu-customer-prototype .lh-step span { color:light-dark(#718078,#a8b4ac); font-size:11px; }
    #luhu-customer-prototype .lh-coupon { margin:0 14px 11px; display:grid; grid-template-columns:95px 1fr; overflow:hidden; border-radius:17px; background:light-dark(#fffdf8,#223127); }
    #luhu-customer-prototype .lh-coupon-value { display:grid; place-items:center; background:light-dark(#e6efe2,#2c4433); color:light-dark(#2f6a3a,#c8e4cc); font-size:20px; font-weight:500; }
    #luhu-customer-prototype .lh-coupon-info { padding:13px; }
    #luhu-customer-prototype .lh-coupon-info strong { display:block; margin-bottom:5px; font-weight:500; }
    #luhu-customer-prototype .lh-coupon-info span { color:light-dark(#718078,#a8b4ac); font-size:11px; line-height:1.5; }
    #luhu-customer-prototype .lh-report { margin:0 14px 14px; padding:18px; border-radius:20px; background:light-dark(#fffdf8,#223127); }
    #luhu-customer-prototype .lh-report h3 { margin:0 0 12px; font-weight:500; }
    #luhu-customer-prototype .lh-report-item { margin:12px 0; }
    #luhu-customer-prototype .lh-report-label { display:flex; justify-content:space-between; margin-bottom:6px; font-size:12px; }
    #luhu-customer-prototype .lh-report-track { height:7px; border-radius:7px; background:light-dark(#e1e5de,#35453a); overflow:hidden; }
    #luhu-customer-prototype .lh-report-track span { display:block; height:100%; background:#2e7d32; }
    #luhu-customer-prototype .lh-poster { margin:0 30px 18px; min-height:430px; padding:26px 22px; border-radius:22px; color:#fff; text-align:center; display:flex; flex-direction:column; justify-content:space-between; background-image:linear-gradient(180deg,rgba(24,61,37,.12),rgba(18,48,29,.9)),var(--img-forest); background-size:cover; background-position:center; }
    #luhu-customer-prototype .lh-poster h2 { margin:9px 0; font-weight:500; line-height:1.4; }
    #luhu-customer-prototype .lh-qr { width:96px; height:96px; margin:0 auto 10px; border:9px solid #fff; background:repeating-linear-gradient(45deg,#1e3b28 0 5px,#fff 5px 10px); }
    #luhu-customer-prototype .lh-consult {
      position: absolute;
      right: 14px;
      bottom: 78px;
      z-index: 5;
      width: 54px;
      height: 54px;
      border-radius: 50%;
      border: 0;
      background: #6d4c41;
      color: #fff;
      display: grid;
      place-items: center;
      box-shadow: 0 7px 20px rgba(42,30,25,.27);
      cursor: pointer;
    }
    #luhu-customer-prototype .lh-tabbar {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 3;
      height: 68px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      background: light-dark(rgba(255,253,248,.97), rgba(27,40,31,.97));
      backdrop-filter: blur(12px);
      border-top: 1px solid light-dark(#e4e2da, #34443a);
    }
    #luhu-customer-prototype .lh-tabbar button { border: 0; background: transparent; color: light-dark(#7a867f, #9fa9a2); display: grid; place-items: center; align-content: center; gap: 4px; cursor: pointer; font: inherit; font-size: 11px; }
    #luhu-customer-prototype .lh-tabbar button[aria-pressed="true"] { color: light-dark(#276334, #bfe0c4); }
    #luhu-customer-prototype .lh-dialog { position:absolute; inset:0; z-index:8; display:none; align-items:flex-end; background:rgba(9,20,13,.48); }
    #luhu-customer-prototype .lh-dialog.is-open { display:flex; }
    #luhu-customer-prototype .lh-dialog-panel { width:100%; padding:22px 18px 24px; border-radius:24px 24px 0 0; background:light-dark(#fffdf8,#223127); }
    #luhu-customer-prototype .lh-dialog-panel h3 { margin:0 0 7px; font-weight:500; }
    #luhu-customer-prototype .lh-dialog-panel p { margin:0 0 16px; color:light-dark(#68766e,#aab6ae); line-height:1.6; }
    #luhu-customer-prototype .lh-dialog-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
    #luhu-customer-prototype .lh-advisor-card { display:grid; grid-template-columns:72px 1fr; gap:14px; align-items:center; margin:14px 0 18px; padding:12px; border-radius:16px; background:light-dark(#edf2e9,#293a2e); }
    #luhu-customer-prototype .lh-mini-qr { width:72px; height:72px; border:7px solid #fff; background:repeating-linear-gradient(45deg,#244b31 0 4px,#fff 4px 8px); }
    #luhu-customer-prototype .lh-advisor-card strong { display:block; margin-bottom:5px; font-weight:500; }
    #luhu-customer-prototype .lh-advisor-card span { color:light-dark(#68766e,#aab6ae); font-size:11px; line-height:1.5; }
    #luhu-customer-prototype .lh-filter-row { display:flex; gap:8px; padding:0 14px 12px; overflow-x:auto; scrollbar-width:none; }
    #luhu-customer-prototype .lh-filter-row::-webkit-scrollbar { display:none; }
    #luhu-customer-prototype .lh-filter { flex:0 0 auto; min-height:38px; padding:8px 13px; border:1px solid light-dark(#d5dbd2,#405247); border-radius:18px; background:light-dark(#fffdf8,#223127); color:inherit; font:inherit; font-size:12px; cursor:pointer; }
    #luhu-customer-prototype .lh-filter[aria-pressed="true"] { border-color:#2e7d32; background:light-dark(#e4efe2,#294333); color:light-dark(#245d30,#c8e4cc); }
    #luhu-customer-prototype .lh-product-actions { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-top:7px; }
    #luhu-customer-prototype .lh-link { min-height:38px; border:0; background:transparent; color:light-dark(#2e6b39,#bfe0c4); font:inherit; font-size:12px; cursor:pointer; }
    #luhu-customer-prototype .lh-notice { margin:0 14px 14px; padding:13px 14px; border-radius:15px; background:light-dark(#eef2e9,#26372c); color:light-dark(#58685f,#bcc8c0); font-size:11px; line-height:1.6; }
    #luhu-customer-prototype .lh-toolbar { display:flex; gap:8px; align-items:center; }
    #luhu-customer-prototype .lh-chip-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
    #luhu-customer-prototype .lh-info-card { padding:14px; border-radius:16px; background:light-dark(#fffdf8,#223127); }
    #luhu-customer-prototype .lh-info-card strong { display:block; margin-bottom:5px; font-size:13px; font-weight:500; }
    #luhu-customer-prototype .lh-info-card span { color:light-dark(#718078,#a8b4ac); font-size:11px; line-height:1.5; }
    #luhu-customer-prototype .lh-compare { margin:0 14px 12px; overflow:hidden; border-radius:17px; background:light-dark(#fffdf8,#223127); }
    #luhu-customer-prototype .lh-compare-row { display:grid; grid-template-columns:88px 1fr 1fr; border-bottom:1px solid light-dark(#e5e3da,#34443a); }
    #luhu-customer-prototype .lh-compare-row:last-child { border-bottom:0; }
    #luhu-customer-prototype .lh-compare-row > * { padding:10px 8px; font-size:11px; line-height:1.45; }
    #luhu-customer-prototype .lh-compare-row > :first-child { color:light-dark(#718078,#a8b4ac); background:light-dark(#f1f0e9,#1e2d24); }
    #luhu-customer-prototype .lh-checkline { display:flex; gap:9px; align-items:flex-start; color:light-dark(#58685f,#bcc8c0); font-size:11px; line-height:1.55; }
    #luhu-customer-prototype .lh-checkline input { width:18px; height:18px; margin-top:1px; accent-color:#2e7d32; }
    #luhu-customer-prototype .lh-chat { padding:4px 16px 18px; display:grid; gap:10px; }
    #luhu-customer-prototype .lh-bubble { max-width:86%; padding:11px 13px; border-radius:16px; font-size:12px; line-height:1.6; background:light-dark(#fffdf8,#223127); }
    #luhu-customer-prototype .lh-bubble.is-user { justify-self:end; background:light-dark(#dfeee0,#2d4935); }
    #luhu-customer-prototype .lh-chat-compose { display:grid; grid-template-columns:1fr auto; gap:8px; margin:4px 14px 18px; }
    #luhu-customer-prototype .lh-chat-compose input { min-width:0; min-height:44px; border:1px solid light-dark(#d3d9d0,#405247); border-radius:22px; padding:10px 14px; background:light-dark(#fffdf8,#223127); color:inherit; font:inherit; }
    #luhu-customer-prototype .lh-switch-row { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:58px; padding:10px 0; border-bottom:1px solid light-dark(#e5e3da,#34443a); }
    #luhu-customer-prototype .lh-switch-row:last-child { border-bottom:0; }
    #luhu-customer-prototype .lh-switch-row strong { display:block; font-size:13px; font-weight:500; }
    #luhu-customer-prototype .lh-switch-row span { color:light-dark(#718078,#a8b4ac); font-size:11px; }
    #luhu-customer-prototype .lh-switch { width:42px; height:24px; padding:2px; border:0; border-radius:14px; background:#2e7d32; cursor:pointer; }
    #luhu-customer-prototype .lh-switch::after { content:""; display:block; width:20px; height:20px; border-radius:50%; background:#fff; margin-left:18px; }
    #luhu-customer-prototype .lh-switch[aria-pressed="false"] { background:#aeb7b0; }
    #luhu-customer-prototype .lh-switch[aria-pressed="false"]::after { margin-left:0; }
    #luhu-customer-prototype .lh-rating { display:flex; gap:5px; color:#d4a843; }
    #luhu-customer-prototype .lh-onboarding { min-height:630px; padding:42px 24px 24px; display:flex; flex-direction:column; justify-content:space-between; color:#fff; background-image:linear-gradient(180deg,rgba(17,48,28,.08),rgba(14,40,24,.9)),var(--img-hero); background-size:cover; background-position:center; }
    #luhu-customer-prototype .lh-onboarding h1 { margin:10px 0 8px; font-size:30px; font-weight:500; line-height:1.3; }
    #luhu-customer-prototype .lh-onboarding p { margin:0; opacity:.86; line-height:1.7; }
    #luhu-customer-prototype .lh-onboarding .lh-primary { width:100%; background:#fffaf0; color:#285336; }
    #luhu-customer-prototype .lh-onboarding .lh-link { color:#fff; opacity:.86; width:100%; }
    /* 视觉升级：东方自然感、轻奢但克制 */
    #luhu-customer-prototype .lh-stage { padding:24px; border-radius:32px; background:light-dark(linear-gradient(145deg,#edf2e9 0%,#f8f2e7 48%,#e8efe7 100%),linear-gradient(145deg,#142019,#201d17)); }
    #luhu-customer-prototype .lh-map { padding:18px; border-radius:24px; background:light-dark(rgba(255,255,255,.54),rgba(31,45,35,.58)); box-shadow:inset 0 0 0 1px light-dark(rgba(255,255,255,.7),rgba(255,255,255,.06)); backdrop-filter:blur(16px); }
    #luhu-customer-prototype .lh-map-title { color:light-dark(#244a31,#dce9de); font-size:17px; letter-spacing:.04em; }
    #luhu-customer-prototype .lh-phone { border:1px solid light-dark(rgba(255,255,255,.9),rgba(255,255,255,.08)); background:light-dark(#f6f4eb,#152219); box-shadow:0 24px 70px light-dark(rgba(35,64,42,.24),rgba(0,0,0,.5)),0 2px 10px rgba(35,64,42,.08); }
    #luhu-customer-prototype .lh-status { background:transparent; }
    #luhu-customer-prototype .lh-topbar { padding:15px 18px 13px; }
    #luhu-customer-prototype .lh-brand { color:light-dark(#214b31,#dcecdf); font-size:17px; }
    #luhu-customer-prototype .lh-hero { position:relative; overflow:hidden; min-height:224px; padding:28px 22px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 12px 30px rgba(27,62,37,.2); background-image:linear-gradient(155deg,rgba(18,58,34,.08),rgba(12,38,24,.88)),var(--img-hero); background-size:cover; background-position:center; }
    #luhu-customer-prototype .lh-hero::before { content:""; position:absolute; width:170px; height:170px; right:-48px; top:-58px; border-radius:50%; border:1px solid rgba(255,255,255,.22); box-shadow:0 0 0 24px rgba(255,255,255,.04),0 0 0 48px rgba(255,255,255,.035); }
    #luhu-customer-prototype .lh-hero > * { position:relative; z-index:1; }
    #luhu-customer-prototype .lh-hero h2 { font-family:"STKaiti","KaiTi","PingFang SC",sans-serif; font-size:28px; letter-spacing:.04em; }
    #luhu-customer-prototype .lh-primary { box-shadow:0 7px 16px rgba(46,125,50,.2); transition:transform .16s ease,box-shadow .16s ease; }
    #luhu-customer-prototype .lh-primary:active { transform:translateY(1px); box-shadow:none; }
    #luhu-customer-prototype .lh-section-head h3 { color:light-dark(#263f2e,#e5eee7); letter-spacing:.02em; }
    #luhu-customer-prototype .lh-stats,#luhu-customer-prototype .lh-recommend,#luhu-customer-prototype .lh-product,#luhu-customer-prototype .lh-menu,#luhu-customer-prototype .lh-summary,#luhu-customer-prototype .lh-report,#luhu-customer-prototype .lh-info-card { border:1px solid light-dark(rgba(91,112,94,.08),rgba(255,255,255,.05)); box-shadow:0 8px 24px light-dark(rgba(43,68,49,.07),rgba(0,0,0,.18)); }
    #luhu-customer-prototype .lh-quick i { box-shadow:inset 0 0 0 1px light-dark(rgba(46,125,50,.08),rgba(255,255,255,.04)); }
    #luhu-customer-prototype .lh-thumb { position:relative; overflow:hidden; background-size:cover; background-position:center; }
    #luhu-customer-prototype .lh-thumb::after { content:""; position:absolute; inset:auto -18px -26px 16px; height:72px; border-radius:70% 0 0 0; background:rgba(255,255,255,.12); transform:rotate(-12deg); }
    #luhu-customer-prototype .lh-detail-hero { min-height:270px; background-image:linear-gradient(180deg,rgba(18,39,25,.05),rgba(14,35,22,.82)),var(--img-hero); background-size:cover; background-position:center; }
    #luhu-customer-prototype .lh-detail-body { box-shadow:0 -10px 32px rgba(11,30,18,.14); }
    #luhu-customer-prototype .lh-trust div { min-height:52px; display:grid; place-items:center; line-height:1.35; }
    #luhu-customer-prototype .lh-banner { border:1px solid light-dark(rgba(160,124,54,.12),rgba(255,255,255,.04)); box-shadow:0 8px 22px rgba(83,67,34,.07); }
    #luhu-customer-prototype .lh-bottom-action,#luhu-customer-prototype .lh-tabbar { box-shadow:0 -8px 24px light-dark(rgba(41,62,46,.07),rgba(0,0,0,.18)); }
    #luhu-customer-prototype .lh-consult::after { content:"顾问"; position:absolute; right:48px; padding:5px 8px; border-radius:10px; background:light-dark(#fffaf0,#3e302b); color:light-dark(#6d4c41,#f1dfd7); font-size:10px; box-shadow:0 5px 14px rgba(42,30,25,.16); }
    #luhu-customer-prototype .lh-proof-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
    #luhu-customer-prototype .lh-proof { min-height:76px; padding:12px; border-radius:16px; background:light-dark(linear-gradient(145deg,#eef3e9,#fffdf7),linear-gradient(145deg,#27392c,#202e25)); }
    #luhu-customer-prototype .lh-proof i { color:light-dark(#a17828,#e2c678); margin-bottom:7px; }
    #luhu-customer-prototype .lh-proof strong { display:block; font-size:12px; font-weight:500; }
    #luhu-customer-prototype .lh-proof span { display:block; margin-top:3px; color:light-dark(#718078,#a8b4ac); font-size:10px; line-height:1.4; }
    #luhu-customer-prototype .lh-carousel-dots { display:flex; gap:5px; justify-content:center; }
    #luhu-customer-prototype .lh-carousel-dots span { width:5px; height:5px; border-radius:5px; background:rgba(255,255,255,.5); }
    #luhu-customer-prototype .lh-carousel-dots span:first-child { width:18px; background:#fff; }
    #luhu-customer-prototype .lh-video-wrap { margin:0 14px 14px; overflow:hidden; border-radius:20px; background:#13251a; box-shadow:0 12px 30px rgba(20,45,28,.2); }
    #luhu-customer-prototype .lh-video-wrap video { display:block; width:100%; height:220px; object-fit:cover; background-color:#13251a; background-image:var(--img-hero); background-size:cover; background-position:center; }
    #luhu-customer-prototype .lh-video-credit { display:block; padding:8px 12px; color:#dce9de; font-size:10px; text-decoration:none; background:#1c3324; }
    #luhu-customer-prototype .lh-section-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin:0 14px 14px; padding:5px; border-radius:18px; background:light-dark(#e9ece4,#223128); }
    #luhu-customer-prototype .lh-section-tabs button { min-height:40px; border:0; border-radius:14px; background:transparent; color:light-dark(#607067,#a9b6ad); font:inherit; font-size:12px; cursor:pointer; }
    #luhu-customer-prototype .lh-section-tabs button:first-child { background:light-dark(#fffdf8,#304537); color:light-dark(#285d34,#e4f0e6); box-shadow:0 3px 10px rgba(35,64,42,.08); }
    @media (prefers-reduced-motion: reduce) { #luhu-customer-prototype .lh-primary { transition:none; } }
    @media (max-width: 620px) {
      #luhu-customer-prototype .lh-stage { grid-template-columns: minmax(300px, 390px); padding:8px; border-radius:20px; }
      #luhu-customer-prototype .lh-map { display: flex; overflow-x: auto; padding:6px; gap: 4px; border-radius:16px; }
      #luhu-customer-prototype .lh-map-title, #luhu-customer-prototype .lh-map-label, #luhu-customer-prototype .lh-map-note { display:none; }
      #luhu-customer-prototype .lh-map button { white-space: nowrap; }
      #luhu-customer-prototype .lh-phone { border-radius:24px; }
    }
  
html,body{margin:0;min-height:100%;background:#edf1eb}body{font-family:"PingFang SC","Microsoft YaHei",sans-serif}.prototype-state[hidden],[hidden]{display:none!important}.lh-svg-icon{display:block;width:1em;height:1em}

/* 首页与疗愈产品页使用统一的微信小程序视口；长内容仅在页面内容区滚动。 */
body:is([data-page="home"],[data-page="products"]) #luhu-customer-prototype .lh-phone {
  height: clamp(720px, calc(100dvh - 48px), 844px);
  min-height: 0;
}
body:is([data-page="home"],[data-page="products"]) #luhu-customer-prototype .lh-view {
  height: calc(100% - 30px);
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
body:is([data-page="home"],[data-page="products"]) #luhu-customer-prototype .lh-view::-webkit-scrollbar {
  display: none;
}
/* 产品缩略图由外部样式表解析，确保拆分后的独立 HTML 页面仍从 assets/images 取图。 */
body[data-page="products"] .lh-product:is([data-product="0"],[data-product="1"]) .lh-thumb {
  background-image: var(--img-forest) !important;
}
body[data-page="products"] .lh-product:is([data-product="2"],[data-product="3"],[data-product="9"]) .lh-thumb {
  background-image: var(--img-hero) !important;
}
body[data-page="products"] .lh-product:is([data-product="4"],[data-product="6"],[data-product="7"],[data-product="8"]) .lh-thumb {
  background-image: var(--img-island) !important;
}
body[data-page="products"] .lh-product[data-product="5"] .lh-thumb {
  background-image: var(--img-yakushima) !important;
}
body[data-page="products"] .lh-product:is([data-product="10"],[data-product="11"]) .lh-thumb {
  background-image: var(--img-alpine) !important;
}
@media (max-width: 620px) {
  body:is([data-page="home"],[data-page="products"]) {
    height: 100dvh;
    overflow: hidden;
  }
  body:is([data-page="home"],[data-page="products"]) #luhu-customer-prototype .lh-phone {
    height: calc(100dvh - 16px);
  }
}