* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: #3b2840; background: #f7f1e8; font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif; font-size: 15px; line-height: 1.7; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.jaska { position: sticky; top: 0; z-index: 20; background: rgba(247,241,232,.93); backdrop-filter: blur(16px); box-shadow: 0 16px 33px -30px rgba(59,40,64,.7); }
.vulen { position: relative; display: flex; align-items: center; width: min(1200px, calc(100% - 48px)); height: 78px; margin: 0 auto; }
.maxa { color: #3b2840; font-size: 20px; font-weight: 800; letter-spacing: -.06em; white-space: nowrap; }
.pelix { display: flex; flex-direction: row; align-items: center; gap: 21px; margin-left: auto; color: #82717d; font-size: 13px; white-space: nowrap; }.pelix a { transition: color .25s ease; }.pelix a:hover { color: #b95f55; }
.savor, .tavor { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 999px; cursor: pointer; transition: transform .25s ease, background .25s ease, box-shadow .25s ease; }.savor { min-width: 126px; min-height: 44px; margin-left: 24px; padding: 10px 17px; color: #fff7ee; background: #3b2840; font-size: 13px; font-weight: 800; box-shadow: 0 16px 28px -23px rgba(59,40,64,.85); }.savor:hover { transform: translateY(-2px); background: #b95f55; }.turen { display: none; width: 44px; height: 44px; margin-left: auto; border: 0; border-radius: 14px; color: #fff7ee; background: #3b2840; cursor: pointer; font-size: 21px; }

.nuvex { overflow: hidden; padding: 30px 0 78px; background: radial-gradient(circle at 84% 7%, rgba(189,217,167,.56), transparent 24%), linear-gradient(140deg, #f4e6d4 0%, #f9f3eb 52%, #eee5f0 100%); }
.galen {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 72px;
    width: min(1200px, calc(100% - 48px));
    min-height: 620px;
    margin: 0 auto;
    padding: 72px 78px 66px;
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    background: #f0d9bd;
}
:where(.galen) > *:nth-child(1) {
    flex: 1 1 calc((100% - 72px) * 1 / 1.9);
    min-width: 0;
}

:where(.galen) > *:nth-child(2) {
    flex: 0.9 1 calc((100% - 72px) * 0.9 / 1.9);
    min-width: 390px;
}
.galen::before, .galen::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }.galen::before { width: 430px; height: 430px; right: -180px; top: -205px; background: rgba(189,217,167,.56); }.galen::after { width: 240px; height: 240px; left: 43%; bottom: -165px; background: rgba(185,95,85,.13); }
.firox, .doxel { position: relative; z-index: 1; }.nuvtag, .xhead > span { color: #96725e; font-size: 10px; font-weight: 800; letter-spacing: .17em; }.firox h1 { margin: 18px 0 14px; color: #3b2840; font-size: 59px; line-height: 1.08; letter-spacing: -.07em; }.vbvu { max-width: 550px; margin: 0; color: #79666b; font-size: 17px; }.kivor { display: flex; flex-wrap: wrap; gap: 9px; margin: 24px 0 26px; }.kivor span { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; color: #765b5a; background: rgba(255,250,242,.72); font-size: 12px; }.kivor i { color: #b95f55; font-size: 15px; }.tavor { width: fit-content; min-width: 209px; padding: 14px 25px; color: #fff7ee; background: #3b2840; font-size: 16px; font-weight: 800; box-shadow: 0 19px 34px -24px rgba(59,40,64,.82); }.tavor:hover { transform: translateY(-3px); background: #b95f55; }.silex { width: fit-content; max-width: 100%; min-height: 39px; display: flex; align-items: center; gap: 9px; margin-top: 15px; padding: 7px 13px; border-radius: 999px; color: #806b69; background: rgba(255,250,242,.76); font-size: 11px; white-space: nowrap; }.silex i { color: #bc8050; font-size: 17px; }.silex b { color: #60454d; }.silex em { width: 1px; height: 15px; background: rgba(59,40,64,.14); }.miuwj { display: flex; gap: 30px; margin-top: 32px; }.miuwj div {
    display: flex;
    flex-wrap: wrap;
    gap: 1px;
}
:where(.miuwj div) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.miuwj b { color: #3b2840; font-size: 23px; letter-spacing: -.05em; }.miuwj span { color: #857375; font-size: 11px; }


section.xview, section.xedge, section.xdown, section.xflow, section.xfaq, section.xnews, section.xfeel { width: min(1200px, calc(100% - 48px)); margin: 0 auto; padding: 82px 0; }.xhead { margin: 0 auto 36px; text-align: center; }.xhead > span { display: block; }.xhead > strong { display: block; margin-top: 5px; color: #3b2840; font-size: 33px; letter-spacing: -.05em; }.xhead > p { max-width: 600px; margin: 8px auto 0; color: #8a797c; font-size: 14px; }
.xrail {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}
:where(.xrail) > * {
    flex: 1 1 calc((100% - 54px) / 4);
    min-width: 0;
}
.xrail article { min-width: 0; }.xshot { position: relative; padding: 11px; border-radius: 21px; background: #eee3d7; box-shadow: 0 17px 33px -30px rgba(59,40,64,.62); }.xshot img { display: block; width: 100%; height: auto; border-radius: 16px; }.xshot > i {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 29px;
    height: 29px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #3b2840;
    background: #bdd9a7;
    font-size: 15px;
}
:where(.xshot > i) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.xrail article > b { display: block; margin-top: 15px; color: #5b414b; font-size: 17px; }.xrail article > p { margin: 4px 0 0; color: #8b7c7c; font-size: 13px; }
.xedge { border-radius: 32px; color: #fff8ef; background: #3b2840; }.xedge .xhead > span { color: #bdd9a7; }.xedge .xhead > strong { color: #fff8ef; }.xedge .xhead > p { color: #c9b9b7; }.xgrid {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
}
:where(.xgrid) > * {
    flex: 1 1 calc((100% - 26px) / 3);
    min-width: 0;
}
.xgrid article { min-height: 166px; padding: 23px 22px; border-radius: 20px; background: rgba(255,255,255,.08); transition: transform .25s ease, background .25s ease; }.xgrid article:hover { transform: translateY(-5px); background: rgba(189,217,167,.14); }.xgrid article > i { color: #e4b16e; font-size: 24px; }.xgrid article > b { display: block; margin-top: 11px; font-size: 17px; }.xgrid article > p { margin: 5px 0 0; color: #cabbbb; font-size: 13px; line-height: 1.7; }
.xdown { background: #ede5f0; }.xcards {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
:where(.xcards) > * {
    flex: 1 1 calc((100% - 32px) / 3);
    min-width: 0;
}
.xcard { min-height: 195px; padding: 22px 22px 18px; display: flex; flex-direction: column; align-items: flex-start; border-radius: 22px; color: #3b2840; background: #fbf7fb; cursor: pointer; box-shadow: 0 17px 32px -30px rgba(96,66,95,.56); transition: transform .25s ease, background .25s ease, box-shadow .25s ease; }.xcard:hover { transform: translateY(-5px); background: #fff; box-shadow: 0 23px 37px -28px rgba(96,66,95,.62); }.xcard > i {
    width: 40px;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    color: #fff8ef;
    background: #b95f55;
    font-size: 20px;
}
:where(.xcard > i) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.xcard small { margin-top: 14px; color: #9b6f74; font-size: 9px; font-weight: 800; letter-spacing: .16em; }.xcard b { margin-top: 1px; font-size: 18px; }.xcard p { margin: 2px 0 0; color: #887c88; font-size: 13px; }.xcard > span { margin-top: auto; color: #a6504d; font-size: 13px; font-weight: 800; }
.xflow { background: #f5e8d7; }.xsteps {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
:where(.xsteps) > * {
    flex: 1 1 calc((100% - 16px) / 2);
    min-width: 0;
}
.xsteps article {
    min-height: 190px;
    padding: 23px 25px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 17px;
    border-radius: 21px;
    background: rgba(255,255,255,.68);
    box-shadow: 0 17px 34px -31px rgba(122,89,65,.52);
}
:where(.xsteps article) > *:nth-child(1) {
    flex: 0 0 58px;
}

:where(.xsteps article) > *:nth-child(2) {
    flex: 1 1 0;
    min-width: 0;
}
.xsteps article > b {
    width: 58px;
    height: 58px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    color: #fff8ef;
    background: #b95f55;
    font-size: 16px;
}
:where(.xsteps article > b) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.xsteps article > i { color: #9a735d; font-size: 22px; }.xsteps article > strong { margin-top: 2px; color: #4a3343; font-size: 17px; }.xsteps article > p { margin: 4px 0 0; color: #887a76; font-size: 13px; line-height: 1.7; }
.xfaq { background: #fffaf4; }.mnzkan {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
:where(.mnzkan) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.mnzkan article { overflow: hidden; border-radius: 17px; background: #f6eee6; }.mnzkan button {
    width: 100%;
    padding: 18px 19px;
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    align-items: center;
    border: 0;
    color: #4a3343;
    background: transparent;
    cursor: pointer;
    text-align: left;
}
:where(.mnzkan button) > *:nth-child(1) {
    flex: 0 0 37px;
}

:where(.mnzkan button) > *:nth-child(2) {
    flex: 1 1 0;
    min-width: 0;
}

:where(.mnzkan button) > *:nth-child(3) {
    flex: 0 0 22px;
}
.mnzkan button > span { color: #b95f55; font-size: 11px; font-weight: 800; }.mnzkan button > b { font-size: 15px; }.mnzkan button > i { color: #9a8887; font-size: 19px; transition: transform .25s ease; }.mnzkan article > p { max-height: 0; overflow: hidden; margin: 0; padding: 0 67px; color: #847576; font-size: 13px; line-height: 1.75; transition: max-height .3s ease, padding .3s ease; }.mnzkan article.xopen > p { max-height: 130px; padding: 0 67px 18px; }.mnzkan article.xopen button > i { transform: rotate(45deg); }
.xnews { background: #f7f1e8; }.xnotes {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
:where(.xnotes) > * {
    flex: 1 1 calc((100% - 15px) / 2);
    min-width: 0;
}
.xnotes article { min-height: 188px; padding: 22px 24px 20px; display: flex; flex-direction: column; border-radius: 20px; background: #fff; box-shadow: 0 17px 33px -31px rgba(59,40,64,.48); }.xnotes article > div { display: flex; justify-content: space-between; align-items: center; color: #998b8b; font-size: 10px; letter-spacing: .13em; }.xnotes article > div span { color: #b95f55; font-weight: 800; }.xnotes time { letter-spacing: 0; }.xnotes article > b { margin-top: 18px; color: #5b414b; font-size: 17px; }.xnotes article > p { margin: 6px 0 0; color: #817678; font-size: 13px; line-height: 1.75; }
.xfeel { padding-bottom: 100px !important; }.vdbrt { columns: 3; column-gap: 17px; }.vdbrt article { display: inline-flex; flex-direction: column; width: 100%; margin: 0 0 17px; padding: 22px 23px; border-radius: 21px; background: #fff; box-shadow: 0 17px 33px -31px rgba(59,40,64,.5); break-inside: avoid; }.vdbrt article > i { color: #b95f55; font-size: 25px; }.vdbrt article > p { margin: 12px 0 23px; color: #6f6066; font-size: 14px; line-height: 1.82; }.vdbrt footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 13px; border-top: 1px solid rgba(59,40,64,.08); color: #a29491; font-size: 10px; }.vdbrt footer b { color: #5b414b; font-size: 12px; }

.jafot { padding: 51px 0 25px; color: #d9c9c7; background: #3b2840; }.jwrap, .janav, .jacopy { width: min(1200px, calc(100% - 48px)); margin: 0 auto; }.jwrap { display: flex; align-items: center; justify-content: space-between; gap: 25px; }.jafot .maxa { color: #fff8ef; }.jwrap p { margin: 6px 0 0; color: #b8a2a2; font-size: 12px; }.jafot .savor { min-width: 145px; margin-left: 0; color: #3b2840; background: #bdd9a7; box-shadow: none; }.jafot .savor:hover { background: #fff8ef; }.janav { display: flex; flex-wrap: wrap; gap: 21px; margin-top: 34px; padding-top: 18px; border-top: 1px solid rgba(255,248,239,.1); color: #c3b1b1; font-size: 12px; }.janav a:hover { color: #bdd9a7; }.jacopy { margin-top: 20px; color: #9f8d92; font-size: 10px; }

@media (max-width: 767px) {
    .vulen, section.xview, section.xedge, section.xdown, section.xflow, section.xfaq, section.xnews, section.xfeel, .jwrap, .janav, .jacopy { width: calc(100% - 28px); }
    .vulen { height: 68px; }.turen {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    }
    :where(.turen) > * {
        flex: 1 1 100%;
        min-width: 0;
    }
.savor { display: none; }.pelix { position: absolute; top: calc(100% + 8px); right: 0; display: none; flex-direction: column; align-items: stretch; gap: 2px; min-width: 194px; margin-left: 0; padding: 10px; border-radius: 18px; color: #82717d; background: rgba(255,255,255,.98); box-shadow: 0 21px 39px -27px rgba(59,40,64,.68); white-space: normal; }.jaska.navopen .pelix { display: flex; }.pelix a { padding: 9px 12px; border-radius: 10px; }.jaska.navopen .turen { color: #3b2840; background: #bdd9a7; }
    .nuvex { padding: 14px 0 47px; }.galen { display: flex; flex-direction: column; align-items: stretch; gap: 41px; width: calc(100% - 28px); min-height: auto; padding: 42px 22px 34px; border-radius: 27px;
    flex-wrap: nowrap;
    }.firox h1 { margin-top: 14px; font-size: 37px; }.vbvu { font-size: 15px; }.kivor { flex-wrap: nowrap; gap: 4px; margin: 19px 0 22px; }.kivor span { flex: 1 1 0; min-width: 0; justify-content: center; gap: 3px; padding: 6px 3px; font-size: 10px; white-space: nowrap; }.kivor i { font-size: 13px; }.tavor { width: 100%; }.silex { width: 100%; gap: 6px; padding: 7px 8px; font-size: 9px; justify-content: center; }.silex b { font-size: 10px; }.miuwj { justify-content: space-between; gap: 8px; margin-top: 25px; }.miuwj b { font-size: 19px; }.miuwj span { font-size: 10px; }.doxel { width: 100%; min-height: 405px; padding: 22px 18px 17px; transform: rotate(1deg); }
    section.xview, section.xedge, section.xdown, section.xflow, section.xfaq, section.xnews, section.xfeel { padding: 56px 0; }.xhead { margin-bottom: 28px; }.xhead > strong { font-size: 27px; }.xhead > p { font-size: 14px; }.xrail { display: flex; overflow-x: auto; gap: 13px; padding-bottom: 8px; scroll-snap-type: x mandatory; scrollbar-width: none;
    flex-wrap: nowrap;
    }.xrail::-webkit-scrollbar { display: none; }.xrail article { flex: 0 0 76%; scroll-snap-align: start; }.xshot { padding: 8px; }.xedge { border-radius: 27px; }.xgrid, .xcards, .xnotes {
    gap: 11px;
    }
    :where(.xgrid) > * {
        flex: 1 1 100%;
    }

    :where(.xcards) > * {
        flex: 1 1 100%;
    }

    :where(.xnotes) > * {
        flex: 1 1 100%;
    }
.xgrid article { min-height: auto; padding: 19px 18px; }.xcard { min-height: 154px; padding: 18px; }.xsteps {
    gap: 11px;
    }
    :where(.xsteps) > * {
        flex: 1 1 100%;
    }
.xsteps article { min-height: 166px; padding: 18px; }.mnzkan button {
    gap: 8px;
    padding: 15px 14px;
    }
    :where(.mnzkan button) > *:nth-child(1) {
        flex: 0 0 31px;
    }

    :where(.mnzkan button) > *:nth-child(2) {
        flex: 1 1 0;
        min-width: 0;
    }

    :where(.mnzkan button) > *:nth-child(3) {
        flex: 0 0 21px;
    }
.mnzkan button > b { font-size: 14px; }.mnzkan article > p, .mnzkan article.xopen > p { padding-left: 53px; padding-right: 42px; }.mnzkan article.xopen > p { padding-bottom: 15px; }.xnotes article { min-height: 0; padding: 18px; }.vdbrt { columns: 1; }.vdbrt article { padding: 20px; }.jwrap { align-items: flex-start; flex-direction: column; }.jafot .savor { display: inline-flex; width: 100%; margin: 0; }.janav { gap: 12px 18px; }.jacopy { line-height: 1.9; }
}

@media (min-width: 768px) {
    .vulen .pelix { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; width: max-content !important; max-width: none; white-space: nowrap; opacity: 1 !important; pointer-events: auto !important; }.vulen .pelix a { flex: 0 0 auto; white-space: nowrap; }.vulen .turen { display: none !important; }
}

/* weekly route hero visual */
.doxel { width: min(100%, 430px); min-height: 430px; margin: 0 auto; position: relative; }
.doxel::before { content: ""; position: absolute; inset: 26px -23px -17px 26px; border-radius: 31px; background: #bdd9a7; transform: rotate(-7deg); }
.dohead, .doday, .dorow, .dofoot { position: relative; z-index: 1; }
.dohead { display: flex; align-items: center; justify-content: space-between; padding: 19px 22px 14px; color: #84666b; background: #fff9f0; border-radius: 26px 26px 0 0; font-size: 10px; letter-spacing: .14em; }
.dohead i { color: #b95f55; font-size: 18px; }
.doday {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;
    padding: 16px 22px 19px;
    background: #fff9f0;
}
:where(.doday) > *:nth-child(1) {
    flex: 0 0 72px;
}

:where(.doday) > *:nth-child(2) {
    flex: 1 1 0;
    min-width: 0;
}

:where(.doday) > *:nth-child(3) {
    flex: 0 1 auto;
    min-width: 0;
}

.doday b { color: #b95f55; font-size: 63px; line-height: .9; letter-spacing: -.1em; }
.doday span { color: #6f5c69; font-size: 11px; font-weight: 800; line-height: 1.35; letter-spacing: .12em; }
.doday em { align-self: end; color: #8c7a80; font-size: 11px; font-style: normal; }
.dorow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 13px 22px;
    background: #fff;
    border-top: 1px solid rgba(59,40,64,.07);
}
:where(.dorow) > *:nth-child(1) {
    flex: 0 0 37px;
}

:where(.dorow) > *:nth-child(2) {
    flex: 1 1 0;
    min-width: 0;
}

:where(.dorow) > *:nth-child(3) {
    flex: 0 0 25px;
}

.dorow > i {
    width: 31px;
    height: 31px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    color: #fffaf3;
    background: #b95f55;
    font-size: 16px;
}
:where(.dorow > i) > * {
    flex: 1 1 100%;
    min-width: 0;
}

.dorow:nth-of-type(4) > i { background: #9e7b5d; }.dorow:nth-of-type(5) > i { background: #6f9875; }
.dorow b { display: block; color: #4b3444; font-size: 13px; }.dorow small { display: block; margin-top: 1px; color: #9a898a; font-size: 10px; }.dorow strong { color: #b6977b; font-size: 13px; text-align: right; }
.dofoot { display: flex; justify-content: space-between; align-items: center; padding: 15px 22px 18px; border-radius: 0 0 26px 26px; color: #8c7a80; background: #fff9f0; font-size: 10px; }.dofoot i { margin-right: 4px; color: #6f9875; }.dofoot b { color: #b95f55; font-size: 17px; }
@media (max-width: 767px) {
    .doxel { width: 100%; min-height: 405px; padding: 0; transform: rotate(1deg); }
    .doxel::before { inset: 23px -8px -9px 8px; }
    .dohead { padding: 16px 17px 12px; }.doday {
    gap: 9px;
    padding: 13px 17px 16px;
    }
    :where(.doday) > *:nth-child(1) {
        flex: 0 0 58px;
    }

    :where(.doday) > *:nth-child(2) {
        flex: 1 1 0;
        min-width: 0;
    }

    :where(.doday) > *:nth-child(3) {
        flex: 0 1 auto;
        min-width: 0;
    }
.doday b { font-size: 51px; }.doday span { font-size: 9px; }.doday em { font-size: 10px; }.dorow {
    gap: 8px;
    padding: 11px 17px;
    }
    :where(.dorow) > *:nth-child(1) {
        flex: 0 0 33px;
    }

    :where(.dorow) > *:nth-child(2) {
        flex: 1 1 0;
        min-width: 0;
    }

    :where(.dorow) > *:nth-child(3) {
        flex: 0 0 21px;
    }
.dorow > i { width: 28px; height: 28px; font-size: 14px; }.dorow b { font-size: 12px; }.dorow small { font-size: 9px; }.dofoot { padding: 13px 17px 15px; }
}

/* hero layout revision: quiet daily planner */
.nuvex { overflow: hidden; padding: 0; background: #f7f1e8; }
.galen {
    gap: 88px;
    width: min(1120px, calc(100% - 48px));
    min-height: 640px;
    padding: 88px 0 82px;
    overflow: visible;
    border-radius: 0;
    background: transparent;
}
:where(.galen) > *:nth-child(1) {
    flex: 1 1 calc((100% - 88px) * 1 / 1.95);
    min-width: 0;
}

:where(.galen) > *:nth-child(2) {
    flex: 0.95 1 calc((100% - 88px) * 0.95 / 1.95);
    min-width: 410px;
}

.galen::before { width: 0; height: 0; background: transparent; }.galen::after { width: 0; height: 0; background: transparent; }
.firox { align-self: center; padding: 0 0 0 31px; border-left: 3px solid #b95f55; }.firox h1 { max-width: 480px; margin-top: 20px; font-size: 58px; }.vbvu { max-width: 500px; }.kivor { margin-top: 25px; }
.qavorx {
    width: 100%;
    min-height: 475px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    transform: none;
}
:where(.qavorx) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.qavorx::before { content: ""; position: absolute; width: 84%; height: 82%; right: 0; bottom: 1%; border-radius: 30px; background: #dcebc7; transform: rotate(4deg); }.qavorx::after { content: ""; position: absolute; width: 52px; height: 52px; right: 14%; top: 6%; border-radius: 50%; background: #e1b16e; }
.doxel { width: min(100%, 405px); min-height: 0; position: relative; z-index: 1; transform: none; box-shadow: 0 22px 42px -32px rgba(59,40,64,.55); }.dohead { padding: 17px 21px 13px; }.doday { padding: 15px 21px 18px; }.doday b { font-size: 58px; }.dorow { padding: 12px 21px; }.dofoot { padding: 14px 21px 17px; }

@media (max-width: 767px) {
    .galen { display: flex; flex-direction: column; align-items: stretch; gap: 42px; width: calc(100% - 28px); min-height: 0; padding: 47px 0 59px;
    flex-wrap: nowrap;
    }.firox { align-self: stretch; padding: 0 0 0 20px; border-left-width: 3px; }.firox h1 { max-width: 330px; margin-top: 16px; font-size: 37px; }.kivor { margin-top: 19px; }.qavorx { min-height: 450px; width: 100%; }.qavorx::before { width: 89%; height: 79%; right: 1%; bottom: 2%; border-radius: 25px; transform: rotate(3deg); }.qavorx::after { width: 37px; height: 37px; right: 11%; top: 5%; }.doxel { width: min(100%, 345px); }.dohead { padding: 15px 17px 11px; }.doday {
    gap: 9px;
    padding: 12px 17px 15px;
    }
    :where(.doday) > *:nth-child(1) {
        flex: 0 0 58px;
    }

    :where(.doday) > *:nth-child(2) {
        flex: 1 1 0;
        min-width: 0;
    }

    :where(.doday) > *:nth-child(3) {
        flex: 0 1 auto;
        min-width: 0;
    }
.doday b { font-size: 49px; }.dorow {
    gap: 8px;
    padding: 10px 17px;
    }
    :where(.dorow) > *:nth-child(1) {
        flex: 0 0 33px;
    }

    :where(.dorow) > *:nth-child(2) {
        flex: 1 1 0;
        min-width: 0;
    }

    :where(.dorow) > *:nth-child(3) {
        flex: 0 0 21px;
    }
.dofoot { padding: 12px 17px 14px; }
}

/* hero layout revision: editorial split canvas */
.nuvex { position: relative; padding: 0; background: #f7f1e8; }
.galen {
    gap: 76px;
    width: min(1200px, calc(100% - 48px));
    min-height: 680px;
    padding: 88px 0 80px;
    overflow: visible;
    border-radius: 0;
    background: transparent;
}
:where(.galen) > *:nth-child(1) {
    flex: 0.82 1 calc((100% - 76px) * 0.82 / 2);
    min-width: 320px;
}

:where(.galen) > *:nth-child(2) {
    flex: 1.18 1 calc((100% - 76px) * 1.18 / 2);
    min-width: 460px;
}

.galen::before { width: 48%; height: 100%; left: -180px; top: 0; border-radius: 0 180px 180px 0; background: #f0d9bd; z-index: 0; }
.galen::after { width: 270px; height: 270px; left: auto; right: -78px; bottom: 62px; background: #bdd9a7; z-index: 0; }
.firox { align-self: center; padding: 45px 0 45px 39px; border-left: 5px solid #b95f55; }
.firox h1 { max-width: 460px; font-size: 64px; }
.vbvu { max-width: 490px; }
.qavorx {
    width: 100%;
    min-height: 520px;
    margin: 0;
    transform: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
:where(.qavorx) > * {
    flex: 1 1 100%;
    min-width: 0;
}

.qavorx::before { content: ""; position: absolute; width: 360px; height: 360px; border: 1px solid rgba(185,95,85,.28); border-radius: 50%; transform: translate(32px, -10px); }
.qavorx::after { content: "MAX"; position: absolute; right: 10px; top: 28px; color: rgba(59,40,64,.14); font-size: 82px; font-weight: 800; letter-spacing: -.12em; transform: rotate(90deg); }
.doxel { width: min(100%, 430px); transform: rotate(-6deg); box-shadow: 18px 25px 0 -17px rgba(59,40,64,.16); }


/* final hero direction: quiet daily planner */
.nuvex { overflow: hidden; padding: 0; background: #f7f1e8; }
.galen {
    gap: 88px;
    width: min(1120px, calc(100% - 48px));
    min-height: 640px;
    padding: 88px 0 82px;
    overflow: visible;
    border-radius: 0;
    background: transparent;
}
:where(.galen) > *:nth-child(1) {
    flex: 1 1 calc((100% - 88px) * 1 / 1.95);
    min-width: 0;
}

:where(.galen) > *:nth-child(2) {
    flex: 0.95 1 calc((100% - 88px) * 0.95 / 1.95);
    min-width: 410px;
}

.galen::before { width: 0; height: 0; left: auto; top: auto; border-radius: 0; background: transparent; }
.galen::after { width: 0; height: 0; left: auto; right: auto; bottom: auto; background: transparent; }
.firox { align-self: center; padding: 0 0 0 31px; border-left: 3px solid #b95f55; }.firox h1 { max-width: 480px; margin-top: 20px; font-size: 58px; }.vbvu { max-width: 500px; }.kivor { margin-top: 25px; }
.qavorx {
    width: 100%;
    min-height: 475px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    transform: none;
}
:where(.qavorx) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.qavorx::before { content: ""; position: absolute; width: 84%; height: 82%; right: 0; bottom: 1%; border-radius: 30px; background: #dcebc7; transform: rotate(4deg); }.qavorx::after { content: ""; position: absolute; width: 52px; height: 52px; right: 14%; top: 6%; border-radius: 50%; background: #e1b16e; }
.doxel { width: min(100%, 405px); min-height: 0; position: relative; z-index: 1; transform: none; box-shadow: 0 22px 42px -32px rgba(59,40,64,.55); }.dohead { padding: 17px 21px 13px; }.doday { padding: 15px 21px 18px; }.doday b { font-size: 58px; }.dorow { padding: 12px 21px; }.dofoot { padding: 14px 21px 17px; }
@media (max-width: 767px) {
    .galen { display: flex; flex-direction: column; align-items: stretch; gap: 42px; width: calc(100% - 28px); min-height: 0; padding: 47px 0 59px;
    flex-wrap: nowrap;
    }
    .firox { align-self: stretch; padding: 0 0 0 20px; border-left-width: 3px; }.firox h1 { max-width: 330px; margin-top: 16px; font-size: 37px; }.kivor { margin-top: 19px; }
    .qavorx { min-height: 450px; width: 100%; }.qavorx::before { width: 89%; height: 79%; right: 1%; bottom: 2%; border-radius: 25px; transform: rotate(3deg); }.qavorx::after { width: 37px; height: 37px; right: 11%; top: 5%; }
    .doxel { width: min(100%, 345px); }.dohead { padding: 15px 17px 11px; }.doday {
    gap: 9px;
    padding: 12px 17px 15px;
    }
    :where(.doday) > *:nth-child(1) {
        flex: 0 0 58px;
    }

    :where(.doday) > *:nth-child(2) {
        flex: 1 1 0;
        min-width: 0;
    }

    :where(.doday) > *:nth-child(3) {
        flex: 0 1 auto;
        min-width: 0;
    }
.doday b { font-size: 49px; }.dorow {
    gap: 8px;
    padding: 10px 17px;
    }
    :where(.dorow) > *:nth-child(1) {
        flex: 0 0 33px;
    }

    :where(.dorow) > *:nth-child(2) {
        flex: 1 1 0;
        min-width: 0;
    }

    :where(.dorow) > *:nth-child(3) {
        flex: 0 0 21px;
    }
.dofoot { padding: 12px 17px 14px; }
}

@media (max-width: 767px) {
    .galen { display: flex; flex-direction: column; align-items: stretch; gap: 44px; width: calc(100% - 28px); min-height: 0; padding: 43px 0 58px;
    flex-wrap: nowrap;
    }
    .galen::before { width: 91%; height: 52%; left: -74px; top: -18px; border-radius: 0 100px 100px 0; }
    .galen::after { width: 190px; height: 190px; right: -78px; bottom: 275px; }
    .firox { align-self: stretch; padding: 27px 0 27px 21px; border-left-width: 4px; }
    .firox h1 { max-width: 330px; font-size: 37px; }
    .qavorx { min-height: 470px; width: 100%; }
    .qavorx::before { width: 285px; height: 285px; transform: translate(13px, -7px); }
    .qavorx::after { right: -1px; top: 30px; font-size: 55px; }
    .doxel { width: min(100%, 360px); transform: rotate(-3deg); }
    
}


/* final mobile hero cleanup */
@media (max-width: 767px) {
    .galen { display: flex; flex-direction: column; align-items: stretch; gap: 42px; width: calc(100% - 28px); min-height: 0; padding: 47px 0 59px;
    flex-wrap: nowrap;
    }
    .galen::before, .galen::after { width: 0; height: 0; background: transparent; }
    .firox { align-self: stretch; padding: 0; border-left: 0; }
    .firox h1 { max-width: 330px; margin-top: 16px; font-size: 37px; }
    .kivor { margin-top: 19px; }
    .qavorx { min-height: 450px; width: 100%; }
    .qavorx::before { width: 89%; height: 79%; right: 1%; bottom: 2%; border-radius: 25px; transform: rotate(3deg); background: #dcebc7; }
    .qavorx::after { width: 37px; height: 37px; right: 11%; top: 5%; background: #e1b16e; }
    .doxel { width: min(100%, 345px); transform: none; }
    .dohead { padding: 15px 17px 11px; }
    .doday {
    gap: 9px;
    padding: 12px 17px 15px;
    }
    :where(.doday) > *:nth-child(1) {
        flex: 0 0 58px;
    }

    :where(.doday) > *:nth-child(2) {
        flex: 1 1 0;
        min-width: 0;
    }

    :where(.doday) > *:nth-child(3) {
        flex: 0 1 auto;
        min-width: 0;
    }

    .doday b { font-size: 49px; }
    .dorow {
    gap: 8px;
    padding: 10px 17px;
    }
    :where(.dorow) > *:nth-child(1) {
        flex: 0 0 33px;
    }

    :where(.dorow) > *:nth-child(2) {
        flex: 1 1 0;
        min-width: 0;
    }

    :where(.dorow) > *:nth-child(3) {
        flex: 0 0 21px;
    }

    .dofoot { padding: 12px 17px 14px; }
}

/* CTA 字号与手型光标 */
.savor.suxal {
    font-size: 14px;
    cursor: pointer;
}
.tavor.suxal {
    font-size: 14px;
    cursor: pointer;
}