a:hover{text-decoration: none;}
/* banner start */
#header{box-shadow: 0 0 0 0 ;}

.ly_banner{box-sizing:border-box;width:100%;padding:10px;margin-bottom:-10px;}
.ly_banner .ly_i_wrapper_1500{box-sizing:border-box;display:flex;justify-content:flex-end;box-sizing:border-box;padding-left:270px;}
.ly_banner .ly_banner_main{width:940px;margin:10px;display:block;font-size:0;margin-bottom:0;}
.ly_banner .ly_banner_sub{width:247px;display:inline-flex;flex-wrap:wrap;font-size:0;margin-top:10px;margin-left:10px;align-items:flex-start;justify-content:space-between;flex-direction:column;}
.ly_banner .ly_banner_sub_item{width:100%;}
.ly_banner .ly_banner_sub_item a{font-size:0;display:flex;align-items:center;justify-content:center;}
@media screen and (max-width:1000px){.ly_banner{padding:0 0;margin:0 0;}
	.ly_banner .ly_i_wrapper_1500{width:100%;padding-left:0;flex-wrap:wrap;}
	.ly_banner .ly_banner_main{width:100%;margin:0 0;}
	.ly_banner .ly_banner_sub{width:auto;flex:1;margin:7.5px;flex-direction:inherit;margin-top:15px;margin-bottom:0;}
	.ly_banner .ly_banner_sub .ly_banner_sub_item{width:calc(50% - 15px);margin:0 7.5px;}
}
body .default_cate_nav_style .cate_nav_title i{display: none;}
body{background-color: #f0f0f0;}
#banner{position:relative;margin:0 auto;margin-top:20px;padding-left:290px;}
#banner .banner_tab{text-align:right;}
#banner .banner_tab a{transition: all .3s;}
#banner .banner_tab a:hover,#banner .banner_tab a.on{width: 30px;}
#banner .banner_tab a:last-child{margin-right: 30px;}
@media screen and (max-width:1600px){ #banner{width:92%;box-sizing:border-box;} }


@media screen and (max-width:1000px) {
	#banner{padding-left: 0;padding-top: 0;margin-top: 0;width: 100%;}
}
/* Homepage presentation only. Templates, assets and application behavior are unchanged. */
body.index { --home-paper: #f7f6f2; --home-ink: #292d29; --home-muted: #64685f; --home-rule: #d8dbd2; background-color: var(--home-paper); }
body.index .ly_poster_281,
body.index .ly_poster_283,
body.index .ly_poster_284,
body.index .ly_blog_23,
body.index .ly_blog_23 .index_part_8 { background-color: var(--home-paper); }
body.index .index_part_2 .index_part_box_2,
body.index .index_part_9 .index_part_9_box,
body.index .index_part_8 .index_part_8_box { width: 90%; max-width: 1600px; padding: clamp(64px, 7vw, 120px) 0; }
body.index .index_part_2 .index_part_box_2 .part_title,
body.index .index_part_8 .index_part_8_box .part_title,
body.index .ly_poster_284 .index_part_10 .index_part_10_box .part_title {
  font-family: Georgia, 'Times New Roman', serif; font-weight: 400;
  font-size: clamp(32px, 4.2vw, 68px); line-height: 1.12; letter-spacing: -.035em;
  color: var(--home-ink); text-align: left; padding: 0; margin: 0 0 48px;
}
body.index .ly_poster_281 .hover_linear_color { background: none; -webkit-text-fill-color: currentColor; }
body.index .ly_poster_300 .floor1-text .title {
  font-family: Georgia, 'Times New Roman', serif; font-weight: 400;
  font-size: clamp(36px, 4.4vw, 72px); line-height: 1.12; letter-spacing: -.03em;
  max-width: 13em; text-wrap: balance;
}
body.index .ly_poster_300 .floor1-text .desc { font-size: clamp(16px, 1.3vw, 21px); line-height: 1.6; margin-top: 24px; }

/* ── 按钮语言统一（2026-09-19）──
   实测参照站的主行动按钮：圆角 100px 胶囊、透明底 1px 描边、内边距 14px 28px、
   Inter Tight 11px/15.4px 字重 300、字距 2.42px(.22em)、全大写，
   过渡 `color/background-color .45s cubic-bezier(.4,0,.2,1)`（它的主缓动 + 慢档）。
   本站首页的 `view more` 已经逐值相同，以它为站内标准；下面两个按钮原本是
   另一套（圆角 2px、14px、不大写、过渡 .25s 不在时长阶梯上），收敛过来。
   字重 300 必须带 !important —— global.css 有 `body,body *{font-weight:normal!important}`。 */
body.index .ly_poster_300 .floor1-btn { border-radius: 100px; min-height: 48px; padding: 14px 28px;
  font-size: 11px; line-height: 1.4; font-weight: 300 !important; letter-spacing: .22em;
  text-transform: uppercase;
  transition: color var(--dur-slow, .45s) var(--ease-std, cubic-bezier(.4,0,.2,1)),
              background-color var(--dur-slow, .45s) var(--ease-std, cubic-bezier(.4,0,.2,1)); }
body.index .index_part_2 .index_part_box_2 .part_photo_box .item { border-radius: 2px; }
body.index .index_part_2 .index_part_box_2 .part_photo_box .right_box .down { gap: 1.5vw; }
body.index .index_part_9 .index_part_9_box { padding-top: 16px; }
body.index .index_part_9 .index_part_9_box .content { min-height: 300px; }
body.index .index_part_9 .index_part_9_box .content .func_box { margin-left: 5%; }
body.index .index_part_9 .index_part_9_box .content .title { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; font-size: clamp(28px, 3.2vw, 48px); line-height: 1.2; max-width: 18em; margin-bottom: 28px; }
body.index .index_part_9 .index_part_9_box .content .more_btn a { color: #fff; border-bottom: 1px solid currentColor; font-size: 15px; }
body.index .index_part_9 .index_part_9_box .content .photo_box { height: 105%; }
body.index .index_part_9 .imgScale { animation: none; }
/* 上下对称：改前是 32px 上 / clamp(64,7vw,120) 下。
   参照站首页 8 个整宽区块里 7 个上下对称，主导值 120/120，只有 1 个 120/140 不对称；
   而这里的不对称没有任何理由（上一区块的下内边距实测为 0）。 */
body.index .ly_poster_284 .index_part_10 { padding: clamp(64px, 7vw, 120px) 0; }
body.index .ly_poster_284 .index_part_10 .index_part_10_box .part_title { width: 90%; max-width: 1600px; margin: 0 auto 24px; }
body.index .ly_poster_284 .index_part_10 .index_part_10_box .part_brief { width: 90%; max-width: 1600px; margin: 0 auto 56px; font-size: 16px; line-height: 1.7; color: var(--home-muted); text-align: left; }
body.index .ly_poster_284 .index_part_10 .index_part_10_box .content .content_scroll_box,
body.index .ly_poster_284 .index_part_10 .index_part_10_box .content .content_scroll_box .str_move { background-color: var(--home-paper); }
body.index .ly_poster_284 .index_part_10 .index_part_10_box .content .content_scroll_box .item .photo_box { border-radius: 2px; }
body.index .index_part_8 .index_part_8_box { border-top: 1px solid var(--home-rule); }
body.index .index_part_8 .index_part_8_box .list_name_box { justify-content: flex-start; }
body.index .index_part_8 .index_part_8_box .list_name_box .name { margin: 0 32px 0 0; padding-bottom: 12px; font-size: 14px; letter-spacing: .08em; border-bottom-width: 1px; }
body.index .index_part_8 .index_part_8_box .list_name_box .name.on { border-bottom-color: var(--home-ink); color: var(--home-ink); }
body.index .index_part_8 .index_part_8_box .list_desc_box { margin-top: 36px; }
body.index .index_part_8 .index_part_8_box .list_desc_box .list .photo_box { border-radius: 2px; }
body.index .index_part_8 .index_part_8_box .list_desc_box .list .date { font-size: 12px; font-weight: 400; letter-spacing: .06em; color: var(--home-muted); margin: 24px 0 14px; }
body.index .index_part_8 .index_part_8_box .list_desc_box .list .name a { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; font-size: clamp(23px, 2vw, 32px); line-height: 1.25; color: var(--home-ink); }
body.index .index_part_8 .index_part_8_box .list_desc_box .list .name a:hover { background: none; -webkit-text-fill-color: currentColor; text-decoration: underline; text-underline-offset: 5px; }
body.index .index_part_8 .index_part_8_box .list_desc_box .list .brief { font-size: 15px; line-height: 1.7; color: var(--home-muted); }
body.index .index_part_8 .index_part_8_box .list_desc_box .list .more_btn { margin: 56px 0 0; }
body.index .index_part_8 .index_part_8_box .list_desc_box .list .more_btn a {
  border: 1px solid var(--home-ink); border-radius: 100px; background: transparent;
  color: var(--home-ink); padding: 14px 28px; height: auto; line-height: 1.4;
  font-size: 11px; font-weight: 300 !important; letter-spacing: .22em; text-transform: uppercase;
  transition: color var(--dur-slow, .45s) var(--ease-std, cubic-bezier(.4,0,.2,1)),
              background-color var(--dur-slow, .45s) var(--ease-std, cubic-bezier(.4,0,.2,1)); }
body.index .index_part_8 .index_part_8_box .list_desc_box .list .more_btn a:hover { background: var(--home-ink); color: var(--home-paper); }
body.index .ly_poster_339 .p339_right .title { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; font-size: clamp(34px, 3.5vw, 58px); line-height: 1.15; letter-spacing: -.025em; }
body.index .ly_poster_339 .p339_accent { background: none; color: #466044; -webkit-text-fill-color: currentColor; }
body.index .ly_poster_339 .p339_desc { max-width: 68ch; color: var(--home-muted); line-height: 1.8; }
body.index .ly_poster_339 .p339_desc_opacity { opacity: 1; }
body.index .ly_poster_339 .p339_item { border-radius: 2px; }
@media (max-width: 767.98px) {
  body.index .index_part_2 .index_part_box_2,
  body.index .index_part_9 .index_part_9_box,
  body.index .index_part_8 .index_part_8_box { width: calc(100% - 40px); padding: 60px 0; }
  body.index .index_part_2 .index_part_box_2 .part_title,
  body.index .index_part_8 .index_part_8_box .part_title { margin-bottom: 30px; }
  body.index .index_part_2 .index_part_box_2 .part_photo_box .right_box .down { gap: 16px; }
  body.index .index_part_9 .index_part_9_box { padding-top: 0; }
  body.index .index_part_9 .index_part_9_box .content { min-height: 280px; }
  body.index .index_part_9 .index_part_9_box .content .func_box { margin-left: 20px; width: calc(100% - 145px); }
  body.index .index_part_9 .index_part_9_box .content .title { font-size: 26px; }
  body.index .index_part_9 .index_part_9_box .content .photo_box { height: auto; width: 115px; right: 8px; }
  body.index .ly_poster_284 .index_part_10 .index_part_10_box .part_title,
  body.index .ly_poster_284 .index_part_10 .index_part_10_box .part_brief { width: calc(100% - 40px); }
  body.index .ly_poster_284 .index_part_10 .index_part_10_box .part_brief { margin-bottom: 32px; font-size: 15px; }
  body.index .index_part_8 .index_part_8_box .list_desc_box .list { gap: 40px; }
  body.index .index_part_8 .index_part_8_box .list_desc_box .list .name { margin-bottom: 12px; }
  body.index .ly_poster_339 .p339_right { padding-left: 20px; padding-right: 20px; }
}
/* Match the reveal initializer's state with sufficient specificity. */
html.zt-reveal-on body.index :is(.ly_poster_281, .ly_poster_283, .ly_poster_284, .ly_blog_23, .ly_poster_286) .zt-in {
  opacity: 1; transform: none; transition: opacity .6s ease, transform .6s ease; will-change: auto;
}
@media (prefers-reduced-motion: reduce) {
  html.zt-reveal-on body.index :is(.ly_poster_281, .ly_poster_283, .ly_poster_284, .ly_blog_23, .ly_poster_286) .zt-in { transition: none; }
}
/* A completed reveal must remain visible after crossing a responsive breakpoint. */
body.index .ly_poster_281 .wow:has(.zt-in) { visibility: visible !important; }

/* Scentiment typography system, applied to existing homepage content only. */
body.index { --zt-serif: 'Cormorant Infant', Georgia, serif; --zt-sans: 'Inter Tight', Arial, sans-serif; font-family: var(--zt-sans); }
body.index :is(p,button,input,label,[class*="set_font_"],.themes_box_content,.themes_box_subtitle,.part_brief,.brief,.p339_desc,.msg_brief,.date) { font-family: var(--zt-sans) !important; }
body.index a:not(.iconfont):not([class*="iconfont-"]) { font-family: var(--zt-sans); }
/* 拆分：商品名保持 400，按钮按参照站改 300。
   原来这一条把两者一起钉成 400，导致 view more 的字重与另两个按钮不一致。
   注意 :is() 取参数里最大特异性 —— `.more_btn a` 是 (0,1,1)，
   加 body.index 合计 (0,2,2)，比按钮各自的规则 (0,2,1) 高，所以必须在这里改。 */
body.index .list_name_box .name { font-family: var(--zt-sans) !important; font-weight: 400 !important; letter-spacing: .02em; }
body.index :is(.themes_box_button,.more_btn a,.floor1-btn) { font-family: var(--zt-sans) !important; font-weight: 300 !important; }
body.index :is(h2,h3,.part_title,.themes_box_title,.ly_poster_339 .p339_right .title) { font-family: var(--zt-serif) !important; font-weight: 300 !important; letter-spacing: -.015em !important; line-height: 1.05 !important; }
body.index :is(.ly_poster_281 .part_title,.ly_blog_23 .part_title,.ly_poster_284 .part_title) { font-size: clamp(40px,5vw,72px) !important; }
body.index .ly_poster_300 .floor1-text .title,
body.index .ly_poster_300 .floor1-text h2 { font-family: var(--zt-serif) !important; font-size: clamp(48px,6.25vw,100px) !important; font-weight: 300 !important; line-height: .98 !important; letter-spacing: -.02em !important; max-width: 12em; }
body.index .ly_poster_300 .floor1-text .desc { font-family: var(--zt-serif) !important; font-size: clamp(20px,1.95vw,28px) !important; font-weight: 300 !important; line-height: 1.3 !important; letter-spacing: normal !important; }
body.index .ly_poster_283 .content .title { font-family: var(--zt-serif) !important; font-size: clamp(30px,3.5vw,52px) !important; font-weight: 300 !important; line-height: 1.08 !important; }
body.index :is(.part_brief,.p339_desc,.ly_blog_23 .brief,.ly_poster_284 .msg_brief) { font-size: 17px !important; font-weight: 300 !important; line-height: 1.75 !important; letter-spacing: normal !important; }
body.index .ly_blog_23 .list_desc_box .name a,
body.index .ly_poster_284 .msg_name { font-family: var(--zt-serif) !important; font-size: 30px !important; line-height: 1.15 !important; font-weight: 400 !important; letter-spacing: -.005em !important; }
body.index .ly_blog_23 .date,
body.index .ly_blog_23 .list_name_box .name { font-family: var(--zt-sans) !important; font-size: 11px !important; line-height: 1.4 !important; letter-spacing: .16em !important; font-weight: 400 !important; }
body.index .ly_poster_332 .content p { font-family: var(--zt-serif) !important; font-size: clamp(36px,4.5vw,72px); font-weight: 300 !important; line-height: 1.05 !important; letter-spacing: -.015em; }
body.index .ly_poster_339 .p339_right .title { font-size: clamp(40px,4.5vw,64px) !important; }
body.index .ly_poster_339 .p339_accent { font-style: italic; }
body.index .ly_poster_286 :is(.title,.name) { font-family: var(--zt-serif) !important; font-weight: 400 !important; }
@media(max-width:767.98px) {
 body.index :is(.ly_poster_281 .part_title,.ly_blog_23 .part_title,.ly_poster_284 .part_title) { font-size: 40px !important; }
 body.index .ly_poster_300 .floor1-text .title,
 body.index .ly_poster_300 .floor1-text h2 { font-size: clamp(36px,10vw,48px) !important; line-height: 1 !important; }
 body.index .ly_poster_300 .floor1-text .desc { font-size: 21px !important; margin-top: 16px; }
 body.index .ly_poster_283 .content .title { font-size: 30px !important; }
 body.index :is(.part_brief,.p339_desc,.ly_blog_23 .brief,.ly_poster_284 .msg_brief) { font-size: 16px !important; line-height: 1.65 !important; }
 body.index .ly_blog_23 .list_desc_box .name a,
 body.index .ly_poster_284 .msg_name { font-size: 28px !important; }
 body.index .ly_poster_332 .content p { font-size: 36px; }
}
/* Preserve other pages' size scales while replacing the homepage module scale. */
body.index :is(.ly_poster_281,.ly_poster_284) { --fs-page:clamp(40px,5vw,72px); --fs-module:clamp(40px,5vw,72px); }
body.index #zt-main-content :is(span,strong) { font-family:var(--zt-sans)!important; }

/* Homepage palette sampled from Scentiment; presentation only. */
body.index{--home-paper:#fbf8f3;--home-ink:#1c1a17;--home-muted:#655d52;--home-rule:rgba(28,26,23,.12);background-color:var(--home-paper);color:var(--home-ink);}
body.index :is(.ly_poster_281,.ly_poster_283,.ly_poster_284,.ly_blog_23,.ly_poster_339 .p339_wrap,.ly_poster_286){background-color:var(--home-paper)!important;color:var(--home-ink);}
body.index :is(.ly_poster_281 .part_title,.ly_poster_284 .part_title,.ly_blog_23 .part_title,.ly_poster_339 .p339_right .title){color:var(--home-ink)!important;}
body.index .ly_poster_339 .p339_accent{color:#655d52!important;}
body.index .ly_poster_286 :is(.title,.name,a){color:var(--home-ink)!important;}
body.index .ly_poster_286 .list_border{background-color:var(--home-rule)!important;}

/* 2026-09-24 用户：COMMUNITY 模块手机端上下有线，去掉顶部 1px 分隔线（底部无边框，是下一模块的边界） */
@media(max-width:767px){body.index .index_part_8 .index_part_8_box{border-top:0!important;}}