/* =====================================================
   LEAF Trip · HOME
   iOS 26/27 Liquid Glass
===================================================== */

#home{
  position:relative;
  min-height:100dvh;
  padding:34px 28px 120px !important;
  overflow:hidden;
}

/* 蓝紫液态环境光 */
#home::after{
  content:"";
  position:absolute;
  width:340px;
  height:340px;
  right:-190px;
  top:-110px;
  border-radius:50%;
  background:
    radial-gradient(
      circle,
      rgba(111,155,255,.22),
      rgba(165,193,255,.09) 48%,
      transparent 72%
    );
  filter:blur(5px);
  pointer-events:none;
}

/* =====================================================
   顶部
===================================================== */

#home .topbar{
  position:relative;
  z-index:2;

  display:flex;
  align-items:flex-start;

  padding:0 !important;
  margin:0 0 34px !important;

  background:none !important;
}

/* 日期 */
#home .eyebrow{
  margin-bottom:8px !important;

  color:rgba(40,52,67,.45) !important;

  font-size:13px !important;
  font-weight:500 !important;
  letter-spacing:.1px !important;
}

/* 晚上好，ice */
#home .title{
  margin:0 !important;

  color:#101720 !important;

  font-size:36px !important;
  line-height:1.08 !important;

  font-weight:780 !important;
  letter-spacing:-1.6px !important;
}

/* 头像 */
#home .avatar{
  width:46px !important;
  height:46px !important;

  border-radius:18px !important;

  color:#087BF5 !important;

  background:
    radial-gradient(
      circle at 28% 10%,
      rgba(255,255,255,.98),
      transparent 42%
    ),
    linear-gradient(
      145deg,
      rgba(255,255,255,.72),
      rgba(211,231,255,.40)
    ) !important;

  border:1px solid rgba(255,255,255,.82) !important;

  backdrop-filter:blur(22px) saturate(190%);
  -webkit-backdrop-filter:blur(22px) saturate(190%);

  box-shadow:
    0 10px 28px rgba(50,88,150,.10),
    inset 0 1px 0 rgba(255,255,255,.98) !important;
}

/* =====================================================
   首页空状态
   从“大面积空白”改成真正的 Liquid Card
===================================================== */

#home .real-empty-state{
  position:relative;

  width:100% !important;
  min-height:0 !important;

  box-sizing:border-box;

  margin:0 !important;
  padding:22px !important;

  display:grid !important;
  grid-template-columns:58px 1fr !important;
  grid-template-rows:auto auto !important;

  align-items:center !important;
  column-gap:16px !important;

  text-align:left !important;

  border-radius:28px !important;

  background:
    radial-gradient(
      ellipse at 22% -10%,
      rgba(255,255,255,.94),
      transparent 48%
    ),
    radial-gradient(
      ellipse at 100% 100%,
      rgba(164,200,255,.18),
      transparent 48%
    ),
    linear-gradient(
      145deg,
      rgba(255,255,255,.65),
      rgba(226,239,255,.34)
    ) !important;

  border:1px solid rgba(255,255,255,.84) !important;

  backdrop-filter:
    blur(32px)
    saturate(205%) !important;

  -webkit-backdrop-filter:
    blur(32px)
    saturate(205%) !important;

  box-shadow:
    0 20px 48px rgba(55,79,120,.10),
    inset 0 1.5px 0 rgba(255,255,255,1),
    inset 0 -1px 0 rgba(112,165,230,.10)
    !important;
}

/* 顶部玻璃折射 */
#home .real-empty-state::before{
  content:"";

  position:absolute;

  left:20px;
  right:20px;
  top:1px;

  height:22px;

  border-radius:50%;

  background:
    radial-gradient(
      ellipse,
      rgba(255,255,255,.82),
      transparent 72%
    );

  pointer-events:none;
}

/* 图标 */
#home .real-empty-icon{
  grid-row:1 / span 2;

  width:58px !important;
  height:58px !important;

  margin:0 !important;

  border-radius:20px !important;

  display:grid !important;
  place-items:center !important;

  color:#0A84FF !important;
  font-size:23px !important;

  background:
    radial-gradient(
      circle at 28% 8%,
      rgba(255,255,255,.98),
      transparent 44%
    ),
    linear-gradient(
      145deg,
      rgba(255,255,255,.82),
      rgba(205,229,255,.48)
    ) !important;

  border:1px solid rgba(255,255,255,.86) !important;

  box-shadow:
    0 9px 24px rgba(10,132,255,.12),
    inset 0 1px 0 #fff !important;
}

/* 标题 */
#home .real-empty-state b{
  align-self:end;

  margin:0 0 4px !important;

  color:#121A22 !important;

  font-size:16px !important;
  font-weight:710 !important;

  letter-spacing:-.25px;
}

/* 说明 */
#home .real-empty-state span{
  align-self:start;

  margin:0 !important;

  color:rgba(42,55,69,.43) !important;

  font-size:11.5px !important;
  line-height:1.45 !important;
}

/* =====================================================
   首页其它实际卡片
===================================================== */

#home .trip-block,
#home .today-card,
#home .home-card,
#home .quick-card{
  border-radius:28px !important;

  background:
    radial-gradient(
      ellipse at 25% 0%,
      rgba(255,255,255,.82),
      transparent 44%
    ),
    linear-gradient(
      145deg,
      rgba(255,255,255,.62),
      rgba(230,241,255,.34)
    ) !important;

  border:1px solid rgba(255,255,255,.82) !important;

  backdrop-filter:
    blur(30px)
    saturate(195%) !important;

  -webkit-backdrop-filter:
    blur(30px)
    saturate(195%) !important;

  box-shadow:
    0 16px 40px rgba(56,78,115,.08),
    inset 0 1px 0 rgba(255,255,255,.98)
    !important;
}

/* 点击反馈 */
#home .trip-block:active,
#home .today-card:active,
#home .home-card:active{
  transform:scale(.975);
}

/* =====================================================
   手机
===================================================== */

@media(max-width:520px){

  #home{
    padding:
      28px 22px 118px !important;
  }

  #home .title{
    font-size:34px !important;
  }

}