*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-weight:300;font-size:14px;line-height:1.9;letter-spacing:1.5px;color:var(--dark);background:#fff;}

  .wrap{max-width:860px;margin:0 auto;padding:24px;}

  /* ============ HERO ============ */
  .hero{
    background:linear-gradient(135deg,#2B2B2B 0%,#4A4A4A 55%,#5C4A32 100%);
    color:#fff;
    text-align:center;
    padding:72px 24px 56px;
    position:relative;
    overflow:hidden;
  }

  .hero::before{
    content:"";
    position:absolute;top:-60px;right:-60px;width:220px;height:220px;
    background:radial-gradient(circle,rgba(240,130,0,.25),transparent 70%);
  }

  .hero .tag{
    display:inline-block;border:1px solid rgba(255,255,255,.5);
    border-radius:20px;padding:4px 18px;font-size:12px;letter-spacing:3px;
    color:#fff;margin-bottom:28px;
  }

  .hero h1{
    font-size:34px;font-weight:600;letter-spacing:6px;margin-bottom:16px;
  }

  .hero .sub{
    font-size:16px;font-weight:400;letter-spacing:3px;color:rgba(255,255,255,.85);
    margin-bottom:36px;
  }

  .hero .quote{
    font-size:14px;font-weight:300;color:rgba(255,255,255,.9);max-width:580px;margin:0 auto;
    line-height:2;
  }

  .hero .quote .src{display:block;margin-top:8px;font-size:12px;color:rgba(255,255,255,.55);}

  /* ============ SECTION ============ */
  section{padding:56px 0;}

  .sec-head .en{
    font-size:11px;letter-spacing:4px;color:var(--orange);margin-bottom:8px;
  }

  .sec-head h2{
    font-size:22px;font-weight:600;letter-spacing:4px;color:var(--dark);
  }

  .sec-head .line{width:40px;height:2px;background:var(--orange);margin:16px auto 0;}

  /* ============ 痛点 ============ */
  .pain{background:var(--light-gray);}

  .pain .lead{
    text-align:center;font-size:15px;font-weight:400;line-height:2.1;letter-spacing:1.5px;
    max-width:680px;margin:0 auto 36px;color:var(--dark);
  }

  .pain .lead b{color:var(--orange);font-weight:500;}

  .pain .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}

  .pain-card .icon{font-size:24px;margin-bottom:10px;}

  .pain-card h4{font-size:15px;font-weight:500;margin-bottom:8px;letter-spacing:1px;}

  .pain-card p{font-size:13px;color:var(--gray);line-height:1.85;}

  .pain .answer{
    margin-top:36px;background:var(--orange-light);border:1px solid #F7D9B0;border-radius:12px;
    padding:24px 28px;text-align:center;
  }

  .pain .answer p{font-size:15px;font-weight:400;letter-spacing:1.5px;line-height:2;color:var(--dark);}

  .pain .answer b{color:var(--orange);font-weight:500;}

  /* 两条弯路 */
  .crossroads{margin-top:40px;}

  .crossroads .ct{
    text-align:center;font-size:15px;font-weight:500;letter-spacing:2px;margin-bottom:18px;color:var(--dark);
  }

  .crossroads .roads{display:grid;grid-template-columns:1fr 1fr;gap:16px;}

  .crossroads .road{
    background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 20px;
  }

  .crossroads .road h4{font-size:15px;font-weight:500;margin-bottom:8px;letter-spacing:1px;}

  .crossroads .road p{font-size:13px;color:var(--gray);line-height:1.85;}

  /* ============ WHAT IS ============ */
  .whatis .one{
    font-size:18px;font-weight:500;text-align:center;letter-spacing:2px;margin-bottom:8px;
  }

  .whatis .one b{color:var(--orange);font-weight:600;}

  .whatis .intro{text-align:center;color:var(--gray);font-size:13px;margin-bottom:36px;}

  .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}

  .card{
    border:1px solid var(--line);border-radius:12px;padding:22px 20px;
    transition:box-shadow .3s;
  }

  .card:hover{box-shadow:0 6px 24px rgba(0,0,0,.06);}

  .card .icon{font-size:22px;margin-bottom:10px;}

  .card h4{font-size:15px;font-weight:500;margin-bottom:6px;letter-spacing:1px;}

  .card p{font-size:13px;color:var(--gray);line-height:1.8;}

  /* 玩法理念 */
  .philosophy{
    margin-top:36px;background:var(--orange-light);border:1px solid #F7D9B0;border-radius:14px;
    padding:32px 34px;text-align:center;
  }

  .philosophy .tag-line{
    font-size:11px;letter-spacing:4px;color:var(--orange);margin-bottom:14px;
  }

  .philosophy h4{font-size:19px;font-weight:500;letter-spacing:2px;margin-bottom:14px;}

  .philosophy p{font-size:14px;color:var(--dark);line-height:2.1;letter-spacing:1.5px;max-width:600px;margin:0 auto;}

  .philosophy p b{color:var(--orange);font-weight:500;}

  .philosophy .quote{
    margin-top:18px;font-size:13px;color:var(--gray);line-height:2;padding-top:16px;
    border-top:1px dashed #E8C9A0;
  }

  .philosophy .quote .src{display:block;font-size:12px;color:#B99A6E;margin-top:6px;}

  /* ============ COMPARE ============ */
  .cmp-head{
    display:flex;align-items:center;justify-content:center;margin-bottom:24px;
  }

  .cmp-head .col{
    flex:1;text-align:center;padding:16px 8px;border-radius:12px;font-size:16px;font-weight:500;letter-spacing:2px;
  }

  .cmp-head .col.car{background:var(--orange-light);color:#B35F00;}

  .cmp-head .col.bus{background:#F0F0F0;color:#555;}

  .cmp-head .vs{width:56px;text-align:center;font-size:13px;color:#bbb;flex-shrink:0;}

  table.cmp{
    width:100%;table-layout:fixed;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;
    font-size:13px;
  }

  table.cmp th,table.cmp td{
    padding:14px 14px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.75;
  }

  table.cmp th{
    font-size:12px;letter-spacing:2px;color:#999;font-weight:400;text-align:center;
    background:#FAFAFA;white-space:nowrap;
  }

  table.cmp td.dim{font-weight:500;font-size:13px;white-space:nowrap;color:#333;width:16%;}

  table.cmp td.car{color:var(--dark);width:42%;}

  table.cmp td.bus{color:var(--dark);width:42%;}

  table.cmp td b{font-weight:500;}

  table.cmp td .g{color:var(--green);font-weight:400;}

  table.cmp td .w{color:var(--gray);}

  /* ============ 三大能力 ============ */
  .ability{background:var(--light-gray);}

  .abi-item{
    background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px 28px;margin-bottom:20px;
  }

  .abi-item .num{
    display:inline-block;background:var(--orange);color:#fff;border-radius:6px;
    font-size:12px;letter-spacing:2px;padding:4px 14px;margin-bottom:14px;
  }

  .abi-item h3{font-size:18px;font-weight:500;letter-spacing:2px;margin-bottom:10px;}

  .abi-item .desc{font-size:14px;color:var(--gray);line-height:2;margin-bottom:14px;}

  .abi-item ul{list-style:none;}

  .abi-item li{
    font-size:13px;color:var(--dark);line-height:1.85;margin-bottom:8px;
    padding-left:20px;position:relative;
  }

  .abi-item li::before{content:"✓";position:absolute;left:0;color:var(--orange);}

  .careful h3{font-size:17px;font-weight:500;letter-spacing:2px;margin-bottom:14px;color:#B35F00;}

  .careful p{font-size:14px;color:var(--dark);line-height:2.1;letter-spacing:1.5px;}

  .careful p b{color:var(--orange);font-weight:500;}

  /* ============ DEST ============ */
  .dest-item{
    border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:24px;
    transition:box-shadow .3s;
  }

  .dest-item:hover{box-shadow:0 8px 28px rgba(0,0,0,.07);}

  .dest-head{
    display:flex;align-items:center;gap:16px;padding:22px 26px;
    background:linear-gradient(90deg,#fff 60%,#FBFBFB 100%);
  }

  .dest-head .num{
    width:44px;height:44px;border-radius:50%;background:var(--orange);color:#fff;
    display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:500;flex-shrink:0;
  }

  .dest-head .t1{font-size:17px;font-weight:500;letter-spacing:2px;}

  .dest-head .t2{font-size:12px;color:#999;letter-spacing:1px;margin-top:2px;}

  .dest-head .lvl{margin-left:auto;font-size:12px;color:var(--orange);letter-spacing:1px;flex-shrink:0;}

  .dest-body{padding:6px 26px 26px;border-top:1px dashed var(--line);}

  .dest-body .desc{font-size:13px;color:var(--gray);line-height:1.85;margin:18px 0 14px;}

  .route a{text-decoration:none;color:inherit;display:block;}

  .route a:hover .rt{color:var(--orange);}

  .route .rt{font-size:14px;font-weight:500;color:var(--dark);margin-bottom:4px;letter-spacing:.5px;transition:color .2s;}

  .route .rt .go{font-size:11px;color:var(--orange);font-weight:400;margin-left:6px;letter-spacing:0;}

  .route .rd{font-size:12px;color:var(--gray);line-height:1.7;}

  .kw b{color:var(--orange);font-weight:400;}

  /* ============ COMMIT ============ */
  .commit .list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px;}

  .commit .item{
    display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.8;color:var(--dark);
  }

  .commit .item .ok{color:var(--green);flex-shrink:0;}

  .commit .slogan{
    text-align:center;margin-top:36px;font-size:15px;font-weight:400;letter-spacing:2px;color:var(--dark);
  }

  .commit .slogan b{color:var(--orange);font-weight:500;}

  /* ============ FAQ ============ */
  .faq-cat{
    font-size:14px;font-weight:500;letter-spacing:2px;color:var(--orange);
    margin:28px 0 10px;padding-bottom:8px;border-bottom:1px dashed var(--line);
  }

  .faq-cat:first-of-type{margin-top:0;}

  .faq-item details{overflow:hidden;}

  .faq-item summary{
    list-style:none;cursor:pointer;padding:16px 4px;font-size:14px;font-weight:500;
    letter-spacing:1px;display:flex;align-items:center;justify-content:space-between;gap:12px;
    position:relative;transition:color .2s;
  }

  .faq-item summary::-webkit-details-marker{display:none;}

  .faq-item summary:hover{color:var(--orange);}

  .faq-item summary::after{
    content:"＋";flex-shrink:0;font-size:16px;color:var(--orange);transition:transform .25s;
  }

  .faq-item details[open] summary::after{transform:rotate(45deg);}

  .faq-item .a{
    font-size:13px;color:var(--gray);line-height:1.85;padding:0 4px 16px;
  }

  /* ============ 底部导流 ============ */
  .bottom-nav{background:var(--light-gray);padding:56px 0;}

  .bn-card:hover{box-shadow:0 8px 28px rgba(0,0,0,.08);transform:translateY(-2px);}

  .bn-card .icon{font-size:30px;margin-bottom:10px;}

  .bn-card .name{font-size:16px;font-weight:500;letter-spacing:2px;color:var(--dark);margin-bottom:6px;}

  .bn-card .num{font-size:12px;color:var(--gray);letter-spacing:1px;margin-bottom:12px;}

  .bn-card .status{
    display:inline-block;font-size:11px;letter-spacing:2px;padding:4px 14px;border-radius:20px;
  }

  .bn-card .status.on{background:var(--orange);color:#fff;}

  .bn-card .status.now{background:var(--orange-light);color:#B35F00;border:1px solid #F7D9B0;}

  .coming h3{font-size:15px;font-weight:500;letter-spacing:2px;margin-bottom:18px;text-align:center;}

  .coming .list{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}

  .coming .item{
    text-align:center;padding:14px 8px;border:1px dashed var(--line);border-radius:10px;
    font-size:12px;color:var(--gray);letter-spacing:1px;
  }

  .coming .item .e{font-size:20px;display:block;margin-bottom:6px;}

  .coming .item .t{display:block;margin-bottom:4px;color:var(--dark);font-weight:400;}

  .coming .item .w{font-size:11px;color:#bbb;}

  /* ============ 联系驴屋 ============ */
  .contact{padding:56px 0 48px;}

  .ct-card:hover{box-shadow:0 8px 28px rgba(0,0,0,.06);}

  .ct-card .icon{font-size:28px;margin-bottom:10px;}

  .ct-card .qrcode{
    width:140px;height:140px;margin:0 auto 12px;border-radius:10px;overflow:hidden;
    background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;
  }

  .ct-card .qrcode img{width:100%;height:100%;object-fit:contain;display:block;}

  .ct-card .name{font-size:14px;font-weight:500;letter-spacing:1px;color:var(--dark);margin-bottom:8px;}

  .ct-card .val{font-size:14px;color:var(--orange);font-weight:500;letter-spacing:1px;margin-bottom:4px;}

  .ct-card .sub{font-size:11px;color:#999;letter-spacing:1px;line-height:1.7;}

  /* ============ CTA ============ */
  .cta{background:var(--dark);color:#fff;text-align:center;padding:56px 24px;}

  .cta h2{font-size:20px;font-weight:500;letter-spacing:3px;margin-bottom:14px;}

  .cta p{font-size:13px;color:rgba(255,255,255,.7);line-height:2;margin-bottom:28px;}

  .cta .btn{
    display:inline-block;background:var(--orange);color:#fff;font-size:14px;letter-spacing:3px;
    padding:14px 52px;border-radius:30px;text-decoration:none;font-weight:400;
    transition:opacity .3s;
  }

  .cta .btn:hover{opacity:.88;}

  .cta .quote{margin-top:36px;font-size:13px;color:rgba(255,255,255,.6);line-height:2;}

  .cta .quote .src{display:block;font-size:12px;color:rgba(255,255,255,.4);margin-top:6px;}

  footer{background:#1E1E1E;color:rgba(255,255,255,.4);text-align:center;padding:24px;font-size:12px;letter-spacing:1px;}

  /* ============ 图片样式 ============ */
  .photo{
    width:100%;border-radius:12px;overflow:hidden;background:var(--light-gray);
    border:1px solid var(--line);
  }

  .photo img{width:100%;height:auto;display:block;object-fit:cover;}

  .photo.ratio-43 img{aspect-ratio:4/3;object-fit:cover;}

  .photo.ratio-32 img{aspect-ratio:3/2;object-fit:cover;}

  .photo .cap{
    font-size:12px;color:#999;text-align:center;padding:8px 10px;letter-spacing:1px;
    background:#fff;line-height:1.6;
  }

  .photo .cap b{color:var(--orange);font-weight:400;}

  /* ============ RESPONSIVE ============ */
  @media(max-width:640px){
    .hero h1{font-size:26px;letter-spacing:4px;}
    .hero .sub{font-size:14px;letter-spacing:2px;}
    .pain .grid{grid-template-columns:1fr;}
    .crossroads .roads{grid-template-columns:1fr;}
    .cards{grid-template-columns:1fr;}
    table.cmp th{display:none;}
    table.cmp td.dim{display:block;background:#FAFAFA;font-size:12px;letter-spacing:1px;padding:8px 16px;}
    table.cmp td.car,table.cmp td.bus{display:block;width:100%;padding:10px 16px;}
    table.cmp tr{border-bottom:8px solid var(--light-gray);}
    .routes{grid-template-columns:1fr;}
    .commit .list{grid-template-columns:1fr;}
    .bn-cards{grid-template-columns:1fr;}
    .coming .list{grid-template-columns:repeat(2,1fr);}
    .ct-cards{grid-template-columns:repeat(2,1fr);}
    .dest-head{padding:18px 18px;}
    .dest-body{padding:6px 18px 20px;}
    .cmp-head{display:none;}
  }

  .car-brand{position:fixed;top:14px;left:14px;z-index:9998;box-shadow:0 4px 14px rgba(0,0,0,.18)}

  .car-brand:hover{background:#F08200;color:#fff}