/* V5: V4 layout with V3 cream and green palette. */
:root{--cream:#faf8f2;--cream-2:#f0ede4;--ink:#292e29;--ink-soft:#74776e;--cobalt:#345d46;--cobalt-deep:#254b36;--lime:#dbe8b7;--coral:#bd6c52;--line:1px solid #dddcd2}
.site-nav{background:rgba(250,248,242,.96);border-color:#e7e6de}.nav-links a.active{background:#e8eddf;color:#345d46}.nav-links a:hover{background:#eeeee6}.btn-blue{background:#345d46;border-color:#345d46}.btn-blue:hover{background:#254b36}.eyebrow,.moment-num,.moment>b,.collection-label>span,.questions summary span{color:#64795b}.eyebrow i{background:#93ac79}.intro h1.brand-lines{font-size:clamp(26px,2.4vw,36px);letter-spacing:-0.8px;line-height:1.35}.intro h1 .line-en{display:block;font-size:.58em;letter-spacing:-.4px;margin-bottom:10px}.intro h1 .blue-word{color:#648160}.red-dot{color:#648160}.text-link{color:#292e29;border-color:#b8c2b0}.intro-desc{color:#788071}.intro-note{color:#858879}.hero-orbit{background:#e1e8d5}.hello-bubble{background:#345d46;color:#fff}.hello-bubble span{color:#f4f6ed}.hero-seal{background:#dbe8b7;color:#455b36;border-color:#faf8f2}.photo-label{background:#eef0df;border-color:#e0e4d3}.brand-line{background:#e9eddf;color:#667556}.brand-line i{color:#829765}.collection-photo{background:#f1efe9;border-color:#e8e4d9}.collection-photo.shot{padding:0;overflow:hidden}.collection-photo.shot img{mix-blend-mode:normal;object-fit:cover}.collection-grid>a:nth-child(2) .collection-photo{background:#edf0e5;border-color:#e1e5d7}.new-home .moments{border-color:#e6e5da}.moment.active{background:#eeefe4;border-left-color:#829765}.new-home .english{background:#e9eedf;color:#292e29}.english .eyebrow{color:#64795b}.english em{color:#688057}.english p{color:#78816d}.english .text-link{color:#292e29;border-color:#b8c2b0}.word-pills span{border-color:#ccd5bd;color:#56644a;background:transparent}.english-star{color:#c9d8b4}.parents-new{background:#f0eee6}.parents-inner>div>p,.questions p{color:#7b8072}.questions details{border-color:#d9dbce}.new-home .closing{background:#e9eddf}.closing .eyebrow{color:#64795b}.closing-note{color:#878e7d}.site-footer{background:#eaece2;color:#292e29}.site-footer h4{color:#45533e}.site-footer p,.site-footer a,.foot-bottom{color:#6d7568}.site-footer a:hover{color:#294c34}.foot-bottom{border-color:#cfd5c7}.foot-logo{background:transparent}.bg-blue{background:#345d46}.bg-blue .sec-head .en-tag{color:#dbe8b7}.bg-lime{background:#e9eddf}.sticker.blue{background:#345d46}.sticker.coral{background:#bd6c52}.bg-cream2{background:#f0ede4}.btn-lime{background:#dbe8b7}.hl-blue{color:#345d46}.hl-coral{color:#bd6c52}
.foot-bottom{align-items:flex-start;flex-direction:column;gap:0}
.foot-legal{display:flex;flex-direction:column;gap:6px;width:100%;font-size:13px;line-height:1.6}
.foot-legal p{margin:0}
.foot-legal a{color:#6d7568;text-decoration:underline;text-underline-offset:3px}
.foot-legal a:hover{color:#294c34}

/* ---- 语言切换下拉 ---- */
.lang-dd{position:relative}
.lang-btn{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:13.5px;font-weight:800;color:#292e29;background:#fff;border:1px solid #d6dacd;border-radius:999px;padding:8px 13px;transition:.15s;font-family:inherit;white-space:nowrap;flex-shrink:0}
.lang-btn:hover{border-color:#345d46;color:#345d46}
.lang-btn .globe{color:#345d46;display:block;flex-shrink:0}
.lang-btn .caret{font-size:10px;color:#788071;transition:transform .18s;margin-left:1px}
.lang-dd.open .lang-btn{border-color:#345d46;color:#345d46}
.lang-dd.open .caret{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + 9px);right:0;min-width:196px;background:#fff;border:1px solid #e7e6de;border-radius:14px;padding:7px;box-shadow:0 22px 46px -18px rgba(41,46,41,.32);opacity:0;visibility:hidden;transform:translateY(-7px);transition:opacity .16s,transform .16s,visibility .16s;z-index:80}
.lang-dd.open .lang-menu{opacity:1;visibility:visible;transform:none}
.lang-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:9px;font-size:14.5px;font-weight:600;color:#292e29;text-decoration:none;cursor:pointer;transition:.12s}
.lang-item:hover{background:#f4f2ea}
.lang-item .tick{font-size:13px;color:#345d46;opacity:0;font-weight:900}
.lang-item.on{background:#e8eddf;color:#345d46}
.lang-item.on .tick{opacity:1}
@media (max-width:520px){.lang-btn{padding:7px 10px;font-size:12.5px;gap:5px}.lang-menu{min-width:170px}}
