/* 首页：深色主色 + 大图首屏 + 美食卡片 */
:root{--ink:#111418;--accent:#d7262e;--cream:#f7f4ef}
/* 三语块：按页面语言只显示一种，其他语言显示英文 */
html:not([lang=ja]):not([lang^=zh]) [data-l=ja],html:not([lang=ja]):not([lang^=zh]) [data-l=zh],
html[lang=ja] [data-l=en],html[lang=ja] [data-l=zh],
html[lang^=zh] [data-l=en],html[lang^=zh] [data-l=ja]{display:none!important}
body.home{--main:var(--ink);--main-d:#000}
.home header.top{position:absolute;left:0;right:0;z-index:2;border:0}
.home header.top .logo{color:#fff;letter-spacing:.02em}
.home header.top select{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.3)}
.home header.top select option{color:#111}
.hero{position:relative;min-height:88vh;display:flex;align-items:flex-end;color:#fff;
  background:#111 url(/img/hero.jpg) center/cover no-repeat}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.15) 40%,rgba(0,0,0,.75) 100%)}
.hero-in{position:relative;max-width:1080px;margin:0 auto;padding:0 20px 64px;width:100%}
.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:13px;opacity:.85;margin:0 0 12px}
.hero h1{font-size:clamp(40px,7vw,76px);line-height:1.02;margin:0 0 18px;font-weight:800;letter-spacing:-.02em}
.hero .sub{max-width:560px;font-size:18px;line-height:1.5;opacity:.92;margin:0 0 28px}
.btn.big{background:#fff;color:var(--ink);padding:16px 26px;font-size:17px;border-radius:999px}
.btn.big:hover{background:var(--cream)}
.home .wrap{max-width:1080px;padding:0 20px}
.trust{display:grid;gap:20px;padding-top:40px!important;padding-bottom:8px!important}
.trust div{border-top:2px solid var(--ink);padding-top:12px}
.trust b{display:block;font-size:17px;margin-bottom:4px}
.trust span{color:var(--mute);font-size:15px}
h2.sec{font-size:clamp(26px,4vw,36px);letter-spacing:-.01em;margin:64px 0 18px;font-weight:800}
.home .plans{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.home .plan{position:relative;display:grid;grid-template-rows:auto auto 1fr;gap:2px;padding:20px 18px;border-radius:14px;border:1.5px solid var(--line);min-height:150px;transition:border-color .15s,transform .15s}
.home .plan:hover:not([disabled]){border-color:var(--ink);transform:translateY(-2px)}
.home .plan.on{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}
.home .plan .gb{font-size:28px;font-weight:800;letter-spacing:-.02em}
.home .plan .days{color:var(--mute)}
.home .plan .price{align-self:end;font-size:20px;margin-top:14px}
.home .plan.best{border-color:var(--ink)}
.tag{position:absolute;top:-10px;right:14px;background:var(--accent);color:#fff;font-style:normal;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px}
.home #f{max-width:520px;margin:28px 0 0}
.how{background:var(--cream);margin-top:72px;padding:8px 0 56px}
.steps{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.steps li{display:flex;gap:16px;align-items:flex-start;background:#fff;border-radius:14px;padding:20px;margin:0}
.steps b{flex:none;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center}
.foods{display:grid;gap:20px}
.foods article{border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.foods img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--cream)}
.foods article>div{padding:16px 18px 20px}
.foods h3{margin:0 0 6px;font-size:19px}
.foods p{margin:0;color:#3d4852;font-size:15px;line-height:1.6}
.tip{margin:24px 0 0;padding:16px 18px;border-left:3px solid var(--accent);background:var(--cream);border-radius:0 10px 10px 0}
.faq details{border-bottom:1px solid var(--line);padding:16px 0}
.faq summary{font-weight:700;cursor:pointer;font-size:17px}
.faq details p{color:#3d4852;margin:10px 0 0}
.faq>p a{display:inline-block;margin-top:18px}
@media(min-width:720px){
  .trust{grid-template-columns:repeat(3,1fr)}
  .steps{grid-template-columns:repeat(3,1fr)}
  .steps li{flex-direction:column}
  .foods{grid-template-columns:repeat(3,1fr)}
}
.more{margin:20px 0 0;font-weight:700}.more a{color:var(--ink)}