/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme {

    :root,
    :host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --spacing: .25rem;
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono)
    }
}

@layer base {

    *,
    :after,
    :before {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    html,
    :host {
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent
    }

    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }

    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit
    }

    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }

    b,
    strong {
        font-weight: bolder
    }

    code,
    kbd,
    samp,
    pre {
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-variation-settings: var(--default-mono-font-variation-settings, normal);
        font-size: 1em
    }

    small {
        font-size: 80%
    }

    sub,
    sup {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

    ol,
    ul,
    menu {
        list-style: none
    }

    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
        vertical-align: middle;
        display: block
    }

    img,
    video {
        max-width: 100%;
        height: auto
    }

    button,
    input,
    select,
    optgroup,
    textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder
    }

    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px
    }

    ::file-selector-button {
        margin-inline-end: 4px
    }

    ::placeholder {
        opacity: 1
    }

    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color: currentColor
        }

        @supports (color:color-mix(in lab, red, red)) {
            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }

    textarea {
        resize: vertical
    }

    ::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }

    ::-webkit-datetime-edit {
        display: inline-flex
    }

    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }

    ::-webkit-datetime-edit {
        padding-block: 0
    }

    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-day-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-hour-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }

    ::-webkit-calendar-picker-indicator {
        line-height: 1
    }

    :-moz-ui-invalid {
        box-shadow: none
    }

    button,
    input:where([type=button], [type=reset], [type=submit]) {
        -webkit-appearance: button;
        appearance: button
    }

    ::file-selector-button {
        -webkit-appearance: button;
        appearance: button
    }

    ::-webkit-inner-spin-button {
        height: auto
    }

    ::-webkit-outer-spin-button {
        height: auto
    }

    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }
}

@layer components;

@layer utilities {
    .relative {
        position: relative
    }

    .start {
        inset-inline-start: var(--spacing)
    }

    .hidden {
        display: none
    }

    .table {
        display: table
    }
}

@font-face {
    font-family: Wenxu Noto Serif SC;
    src: url(/fonts/noto-serif-sc-regular.woff2)format("woff2");
    font-style: normal;
    font-weight: 400 500;
    font-display: swap
}

@font-face {
    font-family: Wenxu Noto Serif SC;
    src: url(/fonts/noto-serif-sc-bold.woff2)format("woff2");
    font-style: normal;
    font-weight: 600 900;
    font-display: swap
}

:root {
    --gold: #b77a27;
    --ink: #36271c;
    --paper: #fbf7f0;
    --red: #b61f20
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    color: var(--ink);
    background: var(--paper);
    margin: 0;
    font-family: Noto Serif SC, Songti SC, STSong, serif
}

a {
    color: inherit;
    text-decoration: none
}

.sidebar {
    z-index: 20;
    background: linear-gradient(#fff, #fbf6ed);
    border-right: 1px solid #eadfce;
    flex-direction: column;
    width: 230px;
    padding: 26px 25px;
    display: flex;
    position: fixed;
    inset: 0 auto 0 0;
    box-shadow: 8px 0 30px #6b43140b
}

.brand {
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: flex
}

.brand img {
    object-fit: cover;
    width: 112px;
    height: 118px
}

.brand span {
    letter-spacing: 3px;
    color: #987653;
    font-size: 13px
}

.brand b {
    margin-top: 6px;
    font-size: 15px
}

.sidebar nav {
    gap: 2px;
    margin-top: 35px;
    display: grid
}

.sidebar nav a {
    border-radius: 8px;
    align-items: center;
    gap: 16px;
    padding: 10px 6px;
    font-size: 15px;
    display: flex
}

.sidebar nav a:hover {
    color: var(--gold);
    background: #f5e9d8
}

.sidebar nav i {
    color: var(--gold);
    font-style: normal
}

.sidebar nav small {
    color: #aa9a87;
    margin-top: 3px;
    font: 9px Arial;
    display: block
}

.side-contact {
    text-align: center;
    background: #fff;
    border: 1px solid #eadac2;
    border-radius: 13px;
    margin-top: auto;
    padding: 15px 8px;
    box-shadow: 0 8px 22px #51310910
}

.side-contact span,
.side-contact small {
    color: #876e53;
    font-size: 11px;
    display: block
}

.side-contact strong {
    color: var(--gold);
    margin: 7px 0;
    font-size: 19px;
    display: block
}

.side-contact a {
    color: var(--gold);
    background: #faf3e8;
    border-radius: 18px;
    margin-top: 12px;
    padding: 8px;
    font-size: 13px;
    display: block
}

.page-shell {
    margin-left: 230px
}

header {
    z-index: 10;
    background: #fff;
    justify-content: center;
    align-items: center;
    gap: 44px;
    height: 84px;
    display: flex;
    position: relative
}

header nav {
    gap: 40px;
    font-size: 15px;
    font-weight: 600;
    display: flex
}

header nav a:hover {
    color: var(--gold)
}

.pill,
.gold-btn {
    color: #fff;
    background: linear-gradient(135deg, #c58b36, #aa6d1d);
    border-radius: 24px;
    padding: 12px 27px;
    font-size: 14px
}

.mobile-brand {
    display: none
}

.hero {
    background: radial-gradient(circle at 20% 20%, #fff, #faf3e8 56%, #f2e1c7);
    grid-template-columns: 46% 54%;
    min-height: 550px;
    display: grid;
    overflow: hidden
}

.hero-copy {
    z-index: 2;
    padding: 75px 6vw;
    position: relative
}

.eyebrow {
    color: var(--gold);
    letter-spacing: 5px;
    margin-bottom: 20px;
    font: 12px Arial
}

.hero h1 {
    letter-spacing: 3px;
    margin: 0 0 24px;
    font-size: 56px;
    line-height: 1.25
}

.hero p {
    margin: 0 0 34px;
    font-size: 17px
}

.actions {
    gap: 18px;
    display: flex
}

.gold-btn,
.line-btn {
    align-items: center;
    gap: 30px;
    display: inline-flex
}

.line-btn {
    border: 1px solid var(--gold);
    color: #8c591d;
    border-radius: 24px;
    padding: 11px 27px
}

.hero-points {
    gap: 36px;
    margin-top: 66px;
    display: flex
}

.hero-points span {
    border-left: 1px solid #d8b98c;
    padding-left: 13px;
    font-size: 14px;
    font-weight: 700
}

.hero-points small {
    color: #988975;
    margin-top: 5px;
    font-weight: 400;
    display: block
}

.hero-visual {
    min-height: 550px;
    position: relative;
    overflow: hidden
}

.hero-visual:after {
    content: "";
    background: linear-gradient(90deg, #f9f2e8, #0000 30% 80%, #a9681422);
    position: absolute;
    inset: 0
}

.hero-visual img {
    object-fit: cover;
    filter: sepia(.15)saturate(.8);
    width: 100%;
    height: 100%;
    transform: scale(1.07)
}

.sun {
    filter: blur(20px);
    z-index: 1;
    background: #fff8e7;
    border-radius: 50%;
    width: 300px;
    height: 300px;
    position: absolute;
    top: 50px;
    left: -120px
}

.hero-seal {
    z-index: 3;
    text-align: center;
    background: #fbf4e8d9;
    border: 1px solid #d9ad65;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 110px;
    font-size: 29px;
    font-weight: 800;
    display: flex;
    position: absolute;
    top: 22%;
    left: 48%;
    box-shadow: 0 0 0 12px #fff5
}

.intro-strip {
    background: #fff;
    border: 1px solid #eee2d2;
    border-radius: 13px;
    grid-template-columns: repeat(6, 1fr);
    margin: 32px 36px 80px;
    padding: 28px 16px;
    display: grid;
    box-shadow: 0 12px 35px #5131090d
}

.intro-strip article {
    text-align: center;
    border-right: 1px solid #eee3d5
}

.intro-strip article:last-child {
    border: 0
}

.intro-strip i {
    width: 40px;
    height: 40px;
    color: var(--gold);
    border: 1px solid #d9a960;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin: 0 auto 12px;
    font-style: normal;
    display: flex
}

.intro-strip b,
.intro-strip span {
    display: block
}

.intro-strip b {
    font-size: 15px
}

.intro-strip span {
    color: #94816b;
    margin-top: 8px;
    font-size: 11px
}

.float-consult {
    z-index: 30;
    background: var(--gold);
    color: #fff;
    writing-mode: vertical-rl;
    letter-spacing: 3px;
    border-radius: 10px 0 0 10px;
    padding: 18px 10px;
    position: fixed;
    top: 45%;
    right: 0
}

.line-btn:hover,
.gold-btn:hover,
.pill:hover {
    transition: all .25s;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px #a86c2540
}

@media (max-width:900px) {
    .sidebar {
        display: none
    }

    .page-shell {
        margin: 0
    }

    header {
        justify-content: space-between;
        height: 64px;
        padding: 0 18px;
        position: sticky;
        top: 0
    }

    header nav {
        display: none
    }

    .mobile-brand {
        color: var(--gold);
        font-weight: 800;
        display: block
    }

    .hero {
        grid-template-columns: 1fr;
        min-height: auto
    }

    .hero-copy {
        padding: 55px 26px 35px
    }

    .hero h1 {
        font-size: 39px
    }

    .hero-points {
        flex-wrap: wrap;
        gap: 14px;
        margin-top: 45px
    }

    .hero-visual {
        min-height: 310px
    }

    .hero-seal {
        width: 80px;
        height: 80px;
        font-size: 22px
    }

    .intro-strip {
        grid-template-columns: repeat(2, 1fr);
        margin: 22px 16px 60px;
        padding: 8px
    }

    .intro-strip article {
        border-bottom: 1px solid #eee3d5;
        padding: 20px 5px
    }

    .float-consult {
        font-size: 12px
    }

    .pill {
        padding: 9px 17px
    }
}

body,
button,
input,
textarea,
select {
    font-family: Wenxu Noto Serif SC, Noto Serif SC, Songti SC, STSong, serif
}

.section-pad {
    padding: 90px 7vw
}

.section-heading {
    text-align: center;
    margin-bottom: 52px
}

.section-heading span {
    letter-spacing: 5px;
    color: var(--gold);
    font: 11px Arial
}

.section-heading h2 {
    margin: 10px 0 8px;
    font-size: 34px
}

.section-heading p {
    color: #8c7a67;
    font-size: 14px
}

.about {
    background: #fff
}

.about-grid {
    grid-template-columns: 44% 56%;
    max-width: 1100px;
    margin: auto;
    display: grid;
    box-shadow: 0 20px 60px #6a43111a
}

.about-grid>img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    min-height: 450px
}

.about-grid>div {
    background: #fdf9f3;
    padding: 50px
}

.about-grid h3 {
    margin-top: 0;
    font-size: 26px;
    line-height: 1.7
}

.about-grid p {
    color: #746554;
    line-height: 2
}

.values {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 32px;
    display: grid
}

.values span {
    border-left: 2px solid var(--gold);
    background: #fff;
    padding: 13px;
    font-size: 12px
}

.values b {
    margin-bottom: 7px;
    font-size: 15px;
    display: block
}

.system-section {
    background: radial-gradient(circle, #fff, #f9f0e3 55%, #f2e2c9);
    overflow: hidden
}

.system-orbit {
    border: 1px solid #d9b57d;
    border-radius: 50%;
    width: 650px;
    height: 650px;
    margin: 30px auto;
    position: relative
}

.system-orbit:before {
    content: "";
    border: 1px dashed #dfc49c;
    border-radius: 50%;
    position: absolute;
    inset: 100px
}

.orbit-center {
    z-index: 2;
    background: #fff;
    border-radius: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 190px;
    height: 190px;
    margin: auto;
    display: flex;
    position: absolute;
    inset: 0;
    box-shadow: 0 15px 45px #7f500f26
}

.orbit-center img {
    object-fit: cover;
    width: 88px;
    height: 90px
}

.system-node {
    --angle: calc(var(--i)*30deg);
    width: 98px;
    height: 98px;
    transform: rotate(var(--angle)) translateX(325px) rotate(calc(-1 * var(--angle)));
    background: #fff;
    border: 1px solid #e2c89f;
    border-radius: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: -49px;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    box-shadow: 0 8px 25px #7b4d1017
}

.system-node i {
    color: #c58b36;
    font: 11px Arial
}

.system-node span {
    margin-top: 6px;
    font-size: 13px
}

.strength {
    color: #fff;
    background: linear-gradient(135deg, #5a381c, #9d682b)
}

.section-heading.light span,
.section-heading.light p {
    color: #e5c795
}

.stats {
    border: 1px solid #ffffff38;
    grid-template-columns: repeat(5, 1fr);
    max-width: 1100px;
    margin: auto;
    display: grid
}

.stats div {
    text-align: center;
    border-right: 1px solid #ffffff38;
    padding: 40px 15px
}

.stats div:last-child {
    border: 0
}

.stats strong {
    color: #f6d8a8;
    font: 47px Georgia;
    display: block
}

.stats sup {
    font-size: 16px
}

.stats span {
    font-size: 13px
}

.history {
    background: #fffaf3
}

.timeline {
    max-width: 820px;
    margin: auto;
    padding-bottom: 100px;
    position: relative
}

.timeline:before {
    content: "";
    border-left: 1px solid var(--gold);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%
}

.timeline:after {
    content: "↓";
    color: var(--gold);
    position: absolute;
    bottom: -2px;
    left: calc(50% - 8px)
}

.timeline article {
    text-align: right;
    width: 50%;
    min-height: 110px;
    padding: 0 55px 45px 0;
    position: relative
}

.timeline article.right {
    text-align: left;
    margin-left: 50%;
    padding: 0 0 45px 55px
}

.timeline article i {
    background: var(--gold);
    width: 14px;
    height: 14px;
    box-shadow: 0 0 0 1px var(--gold);
    border: 3px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    right: -7px
}

.timeline article.right i {
    left: -7px
}

.timeline strong {
    color: var(--gold);
    font: 25px Georgia;
    display: block
}

.timeline b {
    margin: 6px 0;
    display: block
}

.timeline p {
    color: #8d7d6a;
    margin: 0;
    font-size: 13px
}

.join-cta {
    color: #fff;
    background: linear-gradient(90deg, #8c5822, #c48a3e);
    align-items: center;
    gap: 40px;
    min-height: 210px;
    padding: 38px 8vw;
    display: flex
}

.join-cta img {
    object-fit: cover;
    border-radius: 50%;
    width: 130px;
    height: 130px
}

.join-cta p {
    margin: 0;
    font-size: 16px
}

.join-cta h2 {
    margin: 9px 0;
    font-size: 30px
}

.line-light {
    border: 1px solid #fff8;
    border-radius: 25px;
    margin-left: auto;
    padding: 13px 24px
}

footer {
    color: #fff;
    background: #2e2118;
    align-items: center;
    gap: 26px;
    padding: 35px 7vw;
    display: flex
}

footer img {
    object-fit: cover;
    width: 70px;
    height: 70px
}

footer div {
    flex-direction: column;
    gap: 7px;
    display: flex
}

footer div:last-child {
    margin-left: auto
}

footer span {
    color: #c6b9aa;
    font-size: 11px
}

footer strong {
    color: #e9c18a;
    font-size: 19px
}

@media (max-width:900px) {
    .section-pad {
        padding: 65px 22px
    }

    .about-grid {
        grid-template-columns: 1fr
    }

    .about-grid>img {
        min-height: 280px
    }

    .about-grid>div {
        padding: 28px 22px
    }

    .about-grid h3 {
        font-size: 21px
    }

    .values {
        grid-template-columns: 1fr
    }

    .system-orbit {
        width: 330px;
        height: 330px
    }

    .system-orbit:before {
        inset: 60px
    }

    .orbit-center {
        width: 110px;
        height: 110px
    }

    .orbit-center img {
        width: 58px;
        height: 58px
    }

    .system-node {
        width: 62px;
        height: 62px;
        transform: rotate(var(--angle)) translateX(165px) rotate(calc(-1 * var(--angle)));
        margin: -31px
    }

    .system-node span {
        font-size: 9px
    }

    .system-node i {
        display: none
    }

    .stats {
        grid-template-columns: 1fr 1fr
    }

    .stats div {
        border-bottom: 1px solid #ffffff38
    }

    .stats strong {
        font-size: 35px
    }

    .timeline:before {
        left: 15px
    }

    .timeline article,
    .timeline article.right {
        text-align: left;
        width: 100%;
        margin: 0;
        padding: 0 0 40px 50px
    }

    .timeline article i,
    .timeline article.right i {
        left: 9px;
        right: auto
    }

    .timeline:after {
        left: 8px
    }

    .join-cta {
        flex-wrap: wrap;
        gap: 18px;
        padding: 35px 22px
    }

    .join-cta img {
        width: 80px;
        height: 80px
    }

    .join-cta h2 {
        font-size: 22px
    }

    .line-light {
        margin-left: 98px
    }

    footer {
        flex-wrap: wrap
    }

    footer div:last-child {
        margin-left: 96px
    }
}

.about-grid>img {
    content: url(/assets/wenxu-storefront-cropped.png);
    object-position: center top
}

.system-node span {
    color: #5d3b21;
    text-align: center;
    margin-top: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2
}

.system-node i {
    color: #b77a27;
    margin-top: 7px;
    font: 11px Arial
}

.site-footer .site-footer-contact {
    margin-left: auto
}

.site-filing {
    color: #c6b9aa;
    white-space: nowrap;
    border-left: 1px solid #ffffff20;
    padding-left: 24px;
    font-size: 11px
}

.site-filing:hover {
    color: #e9c18a
}

@media (max-width:900px) {
    .system-node span {
        font-size: 10px
    }

    .system-node i {
        margin-top: 3px;
        font-size: 8px;
        display: block
    }

    .site-footer .site-footer-contact,
    .site-footer .site-filing {
        margin-left: 96px
    }

    .site-filing {
        border-left: 0;
        padding-left: 0
    }
}

.subnav {
    border-bottom: 1px solid #eee0cc;
    justify-content: space-between;
    height: 82px;
    padding: 0 5vw;
    position: sticky;
    top: 0
}

.subbrand {
    letter-spacing: 2px;
    align-items: center;
    gap: 12px;
    font-weight: 800;
    display: flex
}

.subbrand img {
    object-fit: cover;
    width: 55px;
    height: 55px
}

.subnav b {
    color: var(--gold);
    border-bottom: 2px solid var(--gold);
    padding-bottom: 10px
}

.subhero {
    text-align: center;
    color: #fff;
    background: linear-gradient(#4c2e18b5, #4c2e18c9), url(/assets/storefront.jpeg) 50%/cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 390px;
    display: flex
}

.subhero span {
    letter-spacing: 6px;
    color: #e9c68d;
    font: 12px Arial
}

.subhero h1 {
    margin: 18px 0;
    font-size: 45px
}

.subhero p {
    font-size: 17px
}

.advantage-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    max-width: 1050px;
    margin: auto;
    display: grid
}

.advantage-grid article {
    background: #fff;
    border: 1px solid #eadcc9;
    padding: 34px;
    transition: all .3s
}

.advantage-grid article:hover {
    transform: translateY(-7px);
    box-shadow: 0 14px 35px #73471017
}

.advantage-grid i {
    color: var(--gold);
    font: 13px Arial
}

.advantage-grid h3 {
    font-size: 22px
}

.advantage-grid p {
    color: #897561;
    font-size: 13px
}

.support {
    color: #fff;
    background: linear-gradient(135deg, #5c391d, #a47135)
}

.support-wheel {
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    max-width: 920px;
    margin: auto;
    display: grid
}

.support-wheel article {
    background: #fff1;
    border: 1px solid #e7c68d55;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 130px;
    display: flex
}

.support-wheel article i {
    color: #e9c68d;
    margin-bottom: 13px;
    font-style: normal
}

.support-center {
    color: #6d451f;
    background: #fff;
    border-radius: 50%;
    flex-direction: column;
    grid-area: 1/2/3/4;
    justify-content: center;
    place-self: center;
    align-items: center;
    width: 260px;
    height: 260px;
    display: flex;
    box-shadow: 0 0 0 12px #fff1
}

.support-center strong {
    color: var(--gold);
    font: 55px Georgia
}

.flow-row {
    justify-content: center;
    max-width: 1080px;
    margin: auto;
    display: flex
}

.flow-row article {
    text-align: center;
    flex: 1;
    position: relative
}

.flow-row article i {
    width: 60px;
    height: 60px;
    color: var(--gold);
    border: 1px solid #d7ae72;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin: auto;
    font-style: normal;
    display: flex
}

.flow-row b {
    margin-top: 14px;
    display: block
}

.flow-row span {
    color: #c9a46f;
    position: absolute;
    top: 20px;
    right: -8px
}

.partners {
    text-align: center;
    background: #fff
}

.partners>div:not(.section-heading) {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    max-width: 1000px;
    margin: 0 auto 45px;
    display: grid
}

.partners article {
    background: #faf3e8;
    padding: 35px 10px
}

.partners article i,
.partners article b {
    display: block
}

.partners article i {
    color: #c79346;
    margin-bottom: 12px;
    font: 24px Georgia
}

.contact-hero {
    min-height: 320px
}

.contact-wrap {
    max-width: 1150px;
    margin: auto
}

.contact-card {
    background: #fff;
    grid-template-columns: 2fr 1fr;
    display: grid;
    box-shadow: 0 20px 60px #6e45151a
}

.contact-info {
    padding: 55px
}

.contact-info>span,
.map-card span {
    color: var(--gold);
    letter-spacing: 4px;
    font: 11px Arial
}

.contact-info h2,
.map-card h2 {
    font-size: 31px
}

.contact-info>p {
    color: #786754;
    line-height: 1.8
}

.contact-info dl {
    grid-template-columns: 130px 1fr;
    margin-top: 35px;
    display: grid
}

.contact-info dt {
    color: #9c8870;
    padding: 14px 0;
    font-size: 13px
}

.contact-info dd {
    border-bottom: 1px solid #eee2d3;
    margin: 0;
    padding: 14px 0
}

.qr-box {
    background: #f5ead9;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.qr-placeholder {
    background: repeating-conic-gradient(#493526 0 25%, #fff 0 50%) 0/24px 24px;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 3px #000;
    background-color: #fff;
    border: 12px solid #fff;
    justify-content: center;
    align-items: center;
    width: 165px;
    height: 165px;
    display: flex
}

.qr-box b {
    margin-top: 18px
}

.qr-box span {
    color: #8c7b67;
    margin-top: 6px;
    font-size: 11px
}

.map-card {
    background: #e7d1ad;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    padding: 35px 45px;
    display: flex
}

.map-card h2 {
    margin: 8px 0
}

.map-card p {
    margin: 0
}

@media (max-width:900px) {
    .subnav nav {
        display: none
    }

    .subbrand {
        font-size: 13px
    }

    .subhero {
        min-height: 300px;
        padding: 20px
    }

    .subhero h1 {
        font-size: 32px
    }

    .advantage-grid,
    .support-wheel {
        grid-template-columns: 1fr 1fr
    }

    .support-center {
        grid-area: auto/1/auto/3;
        width: 190px;
        height: 190px
    }

    .flow-row {
        grid-template-columns: 1fr 1fr;
        gap: 35px;
        display: grid
    }

    .flow-row span {
        display: none
    }

    .partners>div:not(.section-heading) {
        grid-template-columns: 1fr 1fr
    }

    .contact-card {
        grid-template-columns: 1fr
    }

    .contact-info {
        padding: 35px 24px
    }

    .contact-info dl {
        grid-template-columns: 1fr
    }

    .contact-info dt {
        padding-bottom: 0
    }

    .qr-box {
        padding: 40px
    }

    .map-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 25px
    }
}

.not-found-page {
    text-align: center;
    color: #432d1e;
    background: radial-gradient(circle at 50% 42%, #fff 0, #fbf6ed 48%, #f3e8d6 100%);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 40px 20px;
    display: flex
}

.not-found-mark {
    color: #a56c2d;
    letter-spacing: 4px;
    margin-bottom: 38px;
    font-family: Noto Serif SC, serif
}

.not-found-page>p {
    letter-spacing: 3px;
    color: #b27a38;
    font-size: 12px
}

.not-found-page h1 {
    margin: 18px 0;
    font: clamp(28px, 4vw, 48px)/1.4 Noto Serif SC, serif
}

.not-found-page>span {
    color: #78634d
}

.not-found-page>div:last-child {
    gap: 14px;
    margin-top: 34px;
    display: flex
}

.not-found-link {
    color: #8f5b22;
    white-space: nowrap;
    border: 1px solid #b77a34;
    border-radius: 999px;
    align-items: center;
    padding: 0 24px;
    display: inline-flex
}

@media (max-width:480px) {
    .not-found-page>div:last-child {
        flex-direction: column
    }

    .not-found-page .gold-btn,
    .not-found-link {
        justify-content: center;
        min-height: 44px
    }
}

.menu-toggle,
.mobile-drawer {
    display: none
}

.system-note {
    text-align: center;
    color: #7b6955;
    max-width: 850px;
    margin: 46px auto 0;
    font-size: 14px;
    line-height: 1.9
}

.support-wheel article p {
    color: #f3dbb9;
    text-align: center;
    margin: 8px 8px 0;
    font-size: 11px
}

.drawer-backdrop {
    cursor: pointer;
    background: 0 0;
    border: 0;
    position: absolute;
    inset: 0
}

@media (max-width:1200px) and (min-width:901px) {
    .sidebar {
        width: 205px;
        padding-left: 18px;
        padding-right: 18px
    }

    .page-shell {
        margin-left: 205px
    }

    header {
        gap: 22px;
        padding: 0 22px
    }

    header nav {
        gap: 22px;
        font-size: 13px
    }

    .hero-copy {
        padding-left: 4vw;
        padding-right: 3vw
    }

    .hero h1 {
        font-size: 45px
    }

    .hero-points {
        gap: 18px
    }

    .intro-strip {
        margin-left: 22px;
        margin-right: 22px
    }

    .about-grid>div {
        padding: 36px
    }

    .system-orbit {
        margin-top: -10px;
        margin-bottom: -10px;
        transform: scale(.9)
    }
}

@media (max-width:900px) {
    .sidebar {
        display: none
    }

    .page-shell {
        margin-left: 0
    }

    header,
    .subnav {
        padding: 0 20px
    }

    .menu-toggle {
        cursor: pointer;
        background: #fff;
        border: 1px solid #ddc39b;
        border-radius: 50%;
        flex-direction: column;
        order: 3;
        justify-content: center;
        align-items: center;
        gap: 5px;
        width: 42px;
        height: 42px;
        display: flex
    }

    .menu-toggle i {
        background: #8f5b22;
        width: 17px;
        height: 1px;
        display: block
    }

    .mobile-drawer {
        z-index: 100;
        opacity: 0;
        visibility: hidden;
        background: #23170da8;
        transition: all .25s;
        display: block;
        position: fixed;
        inset: 0
    }

    .mobile-drawer.open {
        opacity: 1;
        visibility: visible
    }

    .mobile-drawer>aside {
        overscroll-behavior: contain;
        background: #fbf6ed;
        flex-direction: column;
        width: min(86vw, 390px);
        padding: 24px;
        transition: all .3s;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        overflow-y: auto;
        transform: translate(100%);
        box-shadow: -15px 0 45px #1e130940
    }

    .mobile-drawer.open>aside {
        transform: translate(0)
    }

    .drawer-head {
        border-bottom: 1px solid #e7d9c7;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 22px;
        display: flex
    }

    .drawer-head>a {
        color: #6b431d;
        align-items: center;
        gap: 12px;
        font-weight: 800;
        display: flex
    }

    .drawer-head img {
        object-fit: cover;
        width: 58px;
        height: 58px
    }

    .drawer-head span small {
        letter-spacing: 2px;
        color: #9b8267;
        margin-top: 5px;
        font-size: 10px;
        font-weight: 400;
        display: block
    }

    .drawer-head>button {
        color: #8a653d;
        cursor: pointer;
        background: 0 0;
        border: 0;
        font: 30px Georgia
    }

    .mobile-drawer nav {
        margin-top: 22px;
        display: grid
    }

    .mobile-drawer nav a {
        border-bottom: 1px solid #eadfce;
        grid-template-columns: 42px 1fr 20px;
        align-items: center;
        padding: 16px 3px;
        display: grid
    }

    .mobile-drawer nav a>i {
        color: #bb843b;
        font: 11px Arial
    }

    .mobile-drawer nav a>span {
        font-size: 16px
    }

    .mobile-drawer nav a>b {
        color: #c18d48;
        font-weight: 400
    }

    .drawer-contact {
        background: #efe0c9;
        border-radius: 10px;
        margin-top: auto;
        padding: 20px
    }

    .drawer-contact small,
    .drawer-contact strong {
        display: block
    }

    .drawer-contact strong {
        color: #9c6426;
        margin: 7px 0 14px;
        font-size: 21px
    }

    .drawer-contact a {
        color: #fff;
        background: #a9702f;
        border-radius: 20px;
        padding: 9px 17px;
        font-size: 12px;
        display: inline-block
    }

    .mobile-brand {
        display: block
    }

    .subbrand {
        margin-right: auto
    }

    .subnav .menu-toggle {
        order: 2
    }

    .subnav>.pill {
        order: 3;
        margin-left: 10px
    }

    .system-note {
        margin-top: 35px;
        font-size: 12px
    }

    .about-grid p {
        font-size: 14px
    }

    .support-wheel article p {
        font-size: 10px
    }

    .float-consult {
        display: none
    }
}

@media (max-width:600px) {

    header,
    .subnav {
        padding: 0 14px
    }

    .pill {
        padding: 9px 13px;
        font-size: 12px
    }

    .mobile-brand {
        font-size: 14px
    }

    .hero-copy {
        padding-top: 48px
    }

    .hero h1 {
        font-size: 36px
    }

    .hero p {
        font-size: 15px;
        line-height: 1.7
    }

    .actions {
        gap: 10px
    }

    .gold-btn,
    .line-btn {
        gap: 12px;
        padding: 10px 17px
    }

    .hero-points span {
        font-size: 12px
    }

    .intro-strip {
        grid-template-columns: 1fr 1fr
    }

    .section-heading h2 {
        font-size: 28px
    }

    .section-heading span {
        letter-spacing: 3px
    }

    .about-grid h3 br {
        display: none
    }

    .system-orbit {
        margin-left: calc(50% - 165px);
        transform: scale(.92)
    }

    .stats {
        grid-template-columns: 1fr 1fr
    }

    .support-wheel article {
        min-height: 120px
    }

    .subhero h1 {
        font-size: 29px
    }

    .advantage-grid {
        grid-template-columns: 1fr
    }

    .flow-row {
        grid-template-columns: 1fr 1fr
    }

    .partners>div:not(.section-heading),
    .contact-info dl {
        grid-template-columns: 1fr
    }

    .map-card {
        padding: 28px 22px
    }

    .subbrand {
        font-size: 0
    }

    .subbrand img {
        width: 48px;
        height: 48px
    }
}

.sidebar:after {
    content: "";
    opacity: .32;
    pointer-events: none;
    background: radial-gradient(at 20% 100%, #0000 32%, #c9975426 33% 34%, #0000 35%), radial-gradient(at 55% 100%, #0000 38%, #c9975430 39% 40%, #0000 41%), radial-gradient(at 90% 100%, #0000 28%, #c9975428 29% 30%, #0000 31%);
    height: 105px;
    position: absolute;
    bottom: 115px;
    left: -45px;
    right: -25px
}

.sidebar nav small {
    letter-spacing: 1px;
    color: #b09a7d;
    font-family: Songti SC, serif
}

.sidebar nav a {
    position: relative
}

.sidebar nav a:after {
    content: "";
    background: linear-gradient(90deg, #0000, #c58d442e, #0000);
    height: 1px;
    position: absolute;
    bottom: 1px;
    left: 6px;
    right: 6px
}

.hero {
    background: linear-gradient(125deg, #fffdf9 0%, #f8efe2 48%, #e8d3b5 100%);
    position: relative
}

.hero:before {
    content: "云";
    color: #a36a2510;
    pointer-events: none;
    font-family: STKaiti, serif;
    font-size: 210px;
    line-height: 1;
    position: absolute;
    top: 22px;
    left: 31%;
    transform: rotate(-12deg)
}

.hero-copy:before {
    content: "";
    background: linear-gradient(90deg, #b61f20 0 35%, #b77a27 35%);
    width: 38px;
    height: 4px;
    position: absolute;
    top: 51px;
    left: 6vw
}

.eyebrow {
    letter-spacing: 4px;
    font-family: Songti SC, serif
}

.eyebrow:before {
    content: "温";
    color: #fff;
    letter-spacing: 0;
    background: #ad2420;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    margin-right: 11px;
    font-size: 11px;
    display: inline-flex
}

.hero h1 {
    text-shadow: 0 1px #fff;
    font-family: STKaiti, KaiTi, Songti SC, serif;
    font-weight: 700
}

.hero-visual:before {
    content: "";
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(90deg, #f7eee4 0%, #0000 30% 72%, #4b2d1326), linear-gradient(#0000 65%, #39220f70 100%);
    position: absolute;
    inset: 0
}

.hero-visual img {
    object-position: center 48%;
    filter: saturate(.82)sepia(.13)contrast(.96);
    transform: scale(1.02)
}

.hero-seal {
    background: #fff9;
    width: 86px;
    height: 86px;
    font-family: STKaiti, serif;
    font-size: 25px;
    top: 11%;
    left: auto;
    right: 8%;
    box-shadow: 0 0 0 8px #fff4
}

.space-caption {
    z-index: 4;
    color: #fff;
    text-shadow: 0 2px 10px #24160d;
    align-items: center;
    gap: 13px;
    display: flex;
    position: absolute;
    bottom: 34px;
    left: 7%
}

.space-caption i {
    background: #d5a357;
    width: 28px;
    height: 1px
}

.space-caption span {
    letter-spacing: 2px;
    font-size: 14px
}

.space-caption small {
    letter-spacing: 1px;
    color: #ead8bd;
    margin-top: 6px;
    font-size: 10px;
    display: block
}

.intro-strip {
    z-index: 4;
    margin-top: -28px;
    position: relative
}

.intro-strip article {
    transition: all .25s
}

.intro-strip article:hover {
    transform: translateY(-5px)
}

.intro-strip i {
    background: linear-gradient(145deg, #fff, #f7ead6);
    font-family: STKaiti, serif
}

.about,
.history {
    position: relative;
    overflow: hidden
}

.about:before,
.history:after {
    content: "";
    opacity: .16;
    pointer-events: none;
    background: repeating-radial-gradient(at 50% 100%, #0000 0 38px, #a36a2535 39px 40px, #0000 41px 70px);
    width: 280px;
    height: 460px;
    position: absolute;
    transform: rotate(-18deg)
}

.about:before {
    top: 80px;
    right: -90px
}

.history:after {
    bottom: 20px;
    left: -120px;
    transform: rotate(20deg)
}

.section-heading h2:after {
    content: "";
    background: linear-gradient(90deg, #b61f20 0 20%, #b77a27 20%);
    width: 42px;
    height: 2px;
    margin: 15px auto 0;
    display: block
}

.system-section {
    position: relative
}

.system-section:before,
.system-section:after {
    content: "";
    opacity: .12;
    pointer-events: none;
    background: repeating-radial-gradient(at 60% 100%, #0000 0 34px, #a36a2548 35px 36px, #0000 37px 65px);
    width: 190px;
    height: 360px;
    position: absolute
}

.system-section:before {
    bottom: 0;
    left: -60px
}

.system-section:after {
    top: 70px;
    right: -55px;
    transform: scaleX(-1)
}

.system-orbit {
    box-shadow: 0 0 0 28px #fff4, 0 22px 70px #80501c12
}

.system-node {
    border-color: #d9b274
}

.system-node:nth-child(4n) {
    box-shadow: 0 8px 25px #7b4d1017, 0 0 0 3px #af26200d
}

.orbit-center {
    box-shadow: 0 15px 45px #7f500f26, 0 0 0 12px #b77a2708
}

.strength {
    background: linear-gradient(135deg, #392518, #71502e 55%, #a67134)
}

.strength:before {
    content: "";
    opacity: .1;
    background: radial-gradient(circle at 15% 70%, #0000 0 70px, #fff 71px 72px, #0000 73px), radial-gradient(circle at 80% 20%, #0000 0 110px, #fff 111px 112px, #0000 113px);
    position: absolute;
    inset: 0
}

.stats {
    position: relative
}

.timeline:before {
    border-left: 1px solid #bb8136
}

.timeline article>div {
    background: #fff;
    border: 1px solid #eadcc9;
    padding: 20px 24px;
    box-shadow: 0 10px 35px #6740130a
}

.timeline article:last-child>div {
    background: linear-gradient(135deg, #fff, #f7ead8);
    border-color: #c08a40
}

.timeline article:last-child strong {
    font-family: Songti SC, serif;
    font-size: 22px
}

.timeline:after {
    content: "↓  持续向前";
    white-space: nowrap;
    letter-spacing: 2px;
    font-size: 12px;
    left: calc(50% - 9px)
}

@media (max-width:900px) {
    .hero:before {
        font-size: 120px;
        top: 30px;
        left: 45%
    }

    .hero-copy:before {
        top: 33px;
        left: 26px
    }

    .hero-visual {
        min-height: 360px
    }

    .hero-visual img {
        object-position: center
    }

    .space-caption {
        bottom: 22px;
        left: 22px
    }

    .intro-strip {
        margin-top: 20px
    }

    .timeline article>div {
        padding: 17px 19px
    }

    .timeline:after {
        left: 8px
    }

    .about:before,
    .history:after {
        opacity: .1
    }
}

.hero-visual img {
    object-position: center 46%;
    filter: saturate(.9)contrast(1.02)
}

.strength-facts {
    color: #ead5b6;
    letter-spacing: 1px;
    justify-content: center;
    align-items: center;
    gap: 22px;
    max-width: 1050px;
    margin: 28px auto 0;
    font-size: 12px;
    display: flex;
    position: relative
}

.strength-facts i {
    background: #c99a5b;
    border-radius: 50%;
    width: 4px;
    height: 4px
}

.system-node i {
    font-size: 10px
}

.orbit-center b {
    font-size: 13px
}

.contact-info dd {
    line-height: 1.7
}

@media (max-width:900px) {
    .strength-facts {
        text-align: center;
        flex-wrap: wrap;
        gap: 10px 14px
    }

    .strength-facts i {
        display: none
    }

    .strength-facts span {
        border: 1px solid #ffffff25;
        width: calc(50% - 8px);
        padding: 10px 5px
    }

    .hero-visual img {
        object-position: center
    }
}

.join-page {
    background: #fbf7f0
}

.join-hero {
    background: linear-gradient(135deg, #fbf5eb, #ead6b8);
    grid-template-columns: 46% 54%;
    min-height: 540px;
    display: grid;
    overflow: hidden
}

.join-hero-copy {
    z-index: 2;
    padding: 90px 5vw 70px 8vw;
    position: relative
}

.join-hero-copy:before {
    content: "";
    background: linear-gradient(90deg, #b51f20 30%, #bd8236 30%);
    width: 32px;
    height: 3px;
    position: absolute;
    top: 55px;
    left: 8vw
}

.join-hero-copy>span {
    color: #a76d2a;
    letter-spacing: 4px;
    font-size: 12px
}

.join-hero h1 {
    color: #3c281a;
    margin: 18px 0;
    font-family: STKaiti, KaiTi, serif;
    font-size: 46px;
    line-height: 1.45
}

.join-hero-copy>p {
    color: #715d48;
    max-width: 500px;
    font-size: 16px;
    line-height: 1.9
}

.join-hero-copy>div {
    align-items: center;
    gap: 22px;
    margin-top: 34px;
    display: flex
}

.join-ghost {
    color: #7b5227;
    border-bottom: 1px solid #9b6c34;
    padding: 10px 2px;
    font-size: 13px
}

.join-hero-image {
    position: relative;
    overflow: hidden
}

.join-hero-image:before {
    content: "";
    z-index: 1;
    background: linear-gradient(90deg, #ead9c0 0, #0000 27% 70%, #4227132d), linear-gradient(#0000 60%, #26160c80);
    position: absolute;
    inset: 0
}

.join-hero-image img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%
}

.join-hero-image>div {
    z-index: 2;
    color: #fff;
    text-align: right;
    text-shadow: 0 2px 12px #1f1108;
    position: absolute;
    bottom: 38px;
    right: 45px
}

.join-hero-image strong {
    color: #f1d3a2;
    font: 44px Georgia;
    display: block
}

.join-hero-image span {
    letter-spacing: 2px;
    font-size: 13px
}

.join-anchor {
    z-index: 9;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: #fffdf9ef;
    border-bottom: 1px solid #eadfce;
    justify-content: center;
    align-items: center;
    gap: 52px;
    height: 64px;
    font-size: 13px;
    display: flex;
    position: sticky;
    top: 82px
}

.join-anchor a:hover {
    color: #aa702d
}

.join-kicker {
    color: #a36c2e;
    letter-spacing: 3px;
    align-items: center;
    gap: 10px;
    font: 12px Arial;
    display: flex
}

.join-kicker i {
    background: #b61f20;
    width: 42px;
    height: 1px
}

.join-why {
    background: #fff;
    position: relative;
    overflow: hidden
}

.join-why:after {
    content: "合";
    color: #aa712308;
    font-family: STKaiti, serif;
    font-size: 240px;
    position: absolute;
    bottom: -70px;
    right: -25px
}

.join-why-grid {
    grid-template-columns: 1.25fr 1fr;
    gap: 85px;
    max-width: 1080px;
    margin: 30px auto 0;
    display: grid
}

.join-why h2 {
    margin: 25px 0;
    font: 36px/1.55 STKaiti, KaiTi, serif
}

.join-why h2 em {
    color: #a66c27;
    font-style: normal
}

.join-why-grid>div>p {
    color: #75644f;
    font-size: 14px;
    line-height: 2
}

.join-why-grid>div>a {
    color: #a56d2d;
    border-bottom: 1px solid #c59a67;
    margin-top: 18px;
    padding-bottom: 5px;
    display: inline-block
}

.join-evidence {
    border: 1px solid #eadbc6;
    grid-template-columns: 1fr 1fr;
    display: grid
}

.join-evidence article {
    background: #fcf8f2;
    border-bottom: 1px solid #eadbc6;
    border-right: 1px solid #eadbc6;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 145px;
    display: flex
}

.join-evidence article:nth-child(2n) {
    border-right: 0
}

.join-evidence article:nth-child(n+3) {
    border-bottom: 0
}

.join-evidence strong {
    color: #b27b34;
    font: 36px Georgia
}

.join-evidence sup {
    font-size: 13px
}

.join-evidence span {
    color: #76634e;
    margin-top: 10px;
    font-size: 12px
}

.join-advantages {
    background: #f8f0e5
}

.join-advantage-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    max-width: 1100px;
    margin: auto;
    display: grid
}

.join-advantage-grid article {
    background: #fff;
    border: 1px solid #eadbc7;
    min-height: 230px;
    padding: 32px 30px 28px;
    transition: all .25s;
    position: relative
}

.join-advantage-grid article:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 45px #67401516
}

.join-advantage-grid article>div {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.join-advantage-grid article i {
    color: #a66d29;
    background: #f5e8d4;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 46px;
    height: 46px;
    font: 20px STKaiti, serif;
    display: flex
}

.join-advantage-grid article small {
    color: #c0a889;
    font: 11px Arial
}

.join-advantage-grid h3 {
    margin: 24px 0 12px;
    font-size: 21px
}

.join-advantage-grid p {
    color: #806f5b;
    font-size: 13px;
    line-height: 1.8
}

.join-advantage-grid article>span {
    background: #b67b31;
    width: 0;
    height: 2px;
    transition: all .3s;
    position: absolute;
    bottom: 0;
    left: 0
}

.join-advantage-grid article:hover>span {
    width: 100%
}

.join-support {
    color: #fff;
    background: linear-gradient(140deg, #332117, #614326 55%, #9c6932);
    position: relative;
    overflow: hidden
}

.join-support:before {
    content: "";
    opacity: .07;
    background: radial-gradient(circle at 10% 80%, #0000 0 90px, #fff 91px 92px, #0000 93px), radial-gradient(circle at 90% 20%, #0000 0 130px, #fff 131px 132px, #0000 133px);
    position: absolute;
    inset: 0
}

.support-orbit {
    border: 1px solid #e6c58a38;
    border-radius: 50%;
    width: 800px;
    height: 800px;
    margin: 10px auto 30px;
    position: relative
}

.support-orbit:before {
    content: "";
    border: 1px dashed #e6c58a40;
    border-radius: 50%;
    position: absolute;
    inset: 105px
}

.support-orbit-center {
    color: #5d3d20;
    z-index: 2;
    background: #fff;
    border-radius: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 245px;
    height: 245px;
    margin: auto;
    display: flex;
    position: absolute;
    inset: 0;
    box-shadow: 0 0 0 15px #fff1, 0 20px 55px #160c07
}

.support-orbit-center small {
    letter-spacing: 3px;
    color: #a6773d
}

.support-orbit-center strong {
    color: #986025;
    margin: 5px 0;
    font: 62px Georgia
}

.support-orbit-center em {
    font-size: 26px
}

.support-orbit-center span {
    font-size: 15px;
    font-weight: 700
}

.support-orbit-center i {
    color: #a98a66;
    margin-top: 9px;
    font-size: 10px;
    font-style: normal
}

.support-orbit>article {
    --angle: calc(var(--n)*45deg - 90deg);
    width: 150px;
    height: 150px;
    transform: rotate(var(--angle)) translateX(400px) rotate(calc(-1 * var(--angle)));
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    text-align: center;
    background: #ffffff0b;
    border: 1px solid #d9b77880;
    border-radius: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: -75px;
    padding: 12px;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%
}

.support-orbit>article b {
    color: #e0b879;
    margin-bottom: 6px;
    font: 12px Georgia
}

.support-orbit>article strong {
    font-size: 15px
}

.support-orbit>article span {
    color: #e7d1b5;
    margin-top: 8px;
    font-size: 9px
}

.support-mobile-list {
    display: none
}

.support-promise {
    color: #e7d1b5;
    letter-spacing: 2px;
    justify-content: center;
    align-items: center;
    gap: 18px;
    font-size: 12px;
    display: flex
}

.support-promise i {
    background: #c29455;
    border-radius: 50%;
    width: 4px;
    height: 4px
}

.join-process {
    background: #fff
}

.join-process-list {
    max-width: 800px;
    margin: auto;
    position: relative
}

.join-process-list:before {
    content: "";
    border-left: 1px solid #d8b47e;
    position: absolute;
    top: 25px;
    bottom: 25px;
    left: 39px
}

.join-process-list article {
    grid-template-columns: 80px 1fr;
    gap: 28px;
    padding: 0 0 36px;
    display: grid;
    position: relative
}

.join-process-list article>i {
    color: #a97230;
    z-index: 2;
    background: #fff;
    border: 1px solid #d1a76d;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    font: 14px Georgia;
    display: flex
}

.join-process-list article>div {
    border-bottom: 1px solid #eadfce;
    padding: 14px 22px 12px
}

.join-process-list p {
    color: #86745e;
    margin: 8px 0 0;
    font-size: 13px
}

.join-process-list article>span {
    color: #c08b4b;
    position: absolute;
    bottom: 10px;
    left: 35px
}

.join-partners {
    background: #f8f0e5
}

.join-partner-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    max-width: 1040px;
    margin: auto;
    display: grid
}

.join-partner-grid article {
    text-align: center;
    background: #fff;
    border-top: 2px solid #b37a33;
    padding: 38px 22px
}

.join-partner-grid i {
    color: #a66e2c;
    background: #f2e3cf;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 54px;
    height: 54px;
    margin: auto;
    font: 23px STKaiti, serif;
    display: flex
}

.join-partner-grid h3 {
    margin: 20px 0 10px;
    font-size: 17px
}

.join-partner-grid p {
    color: #7f6b55;
    font-size: 12px;
    line-height: 1.8
}

.join-final {
    color: #fff;
    background: linear-gradient(90deg, #4b301c, #a46d31);
    align-items: center;
    gap: 40px;
    min-height: 220px;
    padding: 45px 9vw;
    display: flex
}

.join-final span {
    letter-spacing: 5px;
    color: #e1bd87;
    font: 11px Arial
}

.join-final h2 {
    margin: 12px 0;
    font: 30px STKaiti, serif
}

.join-final p {
    color: #ead5b7;
    font-size: 13px
}

.join-final>a {
    margin-left: auto
}

@media (max-width:900px) {
    .join-hero {
        grid-template-columns: 1fr
    }

    .join-hero-copy {
        padding: 70px 24px 45px
    }

    .join-hero-copy:before {
        top: 39px;
        left: 24px
    }

    .join-hero h1 {
        font-size: 37px
    }

    .join-hero-image {
        min-height: 330px
    }

    .join-anchor {
        white-space: nowrap;
        justify-content: flex-start;
        gap: 26px;
        padding: 0 18px;
        top: 64px;
        overflow-x: auto
    }

    .join-why-grid {
        grid-template-columns: 1fr;
        gap: 42px
    }

    .join-why h2 {
        font-size: 29px
    }

    .join-advantage-grid {
        grid-template-columns: 1fr 1fr
    }

    .support-orbit {
        display: none
    }

    .support-mobile-list {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        display: grid
    }

    .support-mobile-list article {
        background: #fff08;
        border: 1px solid #ffffff25;
        align-items: center;
        gap: 13px;
        padding: 18px 14px;
        display: flex
    }

    .support-mobile-list i {
        color: #deb677;
        font: 12px Georgia
    }

    .support-mobile-list b,
    .support-mobile-list span {
        display: block
    }

    .support-mobile-list b {
        font-size: 14px
    }

    .support-mobile-list span {
        color: #d8c2a8;
        margin-top: 6px;
        font-size: 9px
    }

    .support-promise {
        flex-wrap: wrap;
        margin-top: 35px
    }

    .join-partner-grid {
        grid-template-columns: 1fr 1fr
    }

    .join-final {
        flex-wrap: wrap;
        padding: 45px 24px
    }

    .join-final>a {
        margin-left: 0
    }
}

@media (max-width:600px) {
    .join-hero-copy>div {
        flex-direction: column;
        align-items: flex-start
    }

    .join-hero-image {
        min-height: 280px
    }

    .join-hero-image>div {
        bottom: 20px;
        right: 20px
    }

    .join-evidence {
        grid-template-columns: 1fr 1fr
    }

    .join-advantage-grid,
    .support-mobile-list,
    .join-partner-grid {
        grid-template-columns: 1fr
    }

    .join-process-list article {
        grid-template-columns: 62px 1fr;
        gap: 14px
    }

    .join-process-list:before {
        left: 30px
    }

    .join-process-list article>i {
        width: 62px;
        height: 62px
    }

    .join-process-list article>span {
        left: 26px
    }

    .join-final h2 {
        font-size: 25px
    }
}

.join-delivery {
    background: #fbf7f0;
    position: relative;
    overflow: hidden
}

.join-delivery:before {
    content: "";
    border: 1px solid #b7823b18;
    border-radius: 50%;
    width: 330px;
    height: 330px;
    position: absolute;
    top: 80px;
    right: -110px;
    box-shadow: 0 0 0 45px #b7823b08, 0 0 0 90px #b7823b06
}

.join-manual-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    max-width: 1120px;
    margin: auto;
    display: grid;
    position: relative
}

.join-manual-grid article {
    background: #fff;
    border: 1px solid #eadbc6;
    min-height: 220px;
    padding: 28px 25px;
    transition: all .25s;
    box-shadow: 0 12px 35px #68431c0b
}

.join-manual-grid article:hover {
    border-color: #cda46e;
    transform: translateY(-5px)
}

.join-manual-grid article>div {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.join-manual-grid i {
    color: #a56c29;
    background: #f3e5d2;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    font: 19px STKaiti, serif;
    display: flex
}

.join-manual-grid small {
    color: #c0a78a;
    font: 11px Georgia
}

.join-manual-grid h3 {
    color: #422b1c;
    margin: 22px 0 12px;
    font-size: 18px
}

.join-manual-grid p {
    color: #7c6a56;
    font-size: 12px;
    line-height: 1.9
}

.join-delivery-note {
    text-align: center;
    color: #9a846c;
    margin: 30px 0 0;
    font-size: 12px
}

@media (max-width:900px) {
    .join-manual-grid {
        grid-template-columns: 1fr 1fr
    }

    .join-manual-grid article:last-child {
        grid-column: auto
    }

    .join-anchor {
        gap: 22px
    }
}

@media (max-width:600px) {
    .join-manual-grid {
        grid-template-columns: 1fr
    }

    .join-manual-grid article {
        min-height: auto
    }

    .join-delivery-note {
        text-align: left;
        line-height: 1.8
    }
}

.join-hero-tags {
    color: #8c673d;
    letter-spacing: 1px;
    font-size: 11px;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 34px !important;
    display: flex !important
}

.join-hero-tags i {
    background: #c9a36d;
    width: 18px;
    height: 1px
}

.join-hero-image>.join-hero-system {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    text-align: center;
    width: 190px;
    height: 190px;
    text-shadow: none;
    background: #3d261ac7;
    border: 1px solid #ebc99199;
    border-radius: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    bottom: 38px;
    left: 38px;
    right: auto
}

.join-hero-system small {
    letter-spacing: 2px;
    color: #e9cfaa;
    font-size: 11px
}

.join-hero-system strong {
    line-height: 1;
    color: #fff !important;
    font: 52px Georgia !important
}

.join-hero-system em {
    font-size: 24px
}

.join-hero-system span {
    color: #ead9c1;
    margin-top: 11px;
    letter-spacing: 1px !important;
    font-size: 10px !important
}

.join-hero-image>.join-hero-years {
    bottom: 38px;
    right: 38px
}

.join-support {
    padding-top: 100px
}

.support-seal {
    color: #d9b37c;
    opacity: .65;
    border: 1px solid #c79b5f;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    font-family: STKaiti, serif;
    font-size: 18px;
    display: flex;
    position: absolute;
    top: 75px;
    right: 7vw;
    transform: rotate(5deg)
}

.support-stage {
    color: #dfc29c;
    letter-spacing: 2px;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin: 35px auto 25px;
    font-size: 11px;
    display: flex
}

.support-stage i {
    background: linear-gradient(90deg, #bf8b50, #dfc29c);
    width: 55px;
    height: 1px
}

.join-manual-grid {
    grid-template-columns: repeat(3, 1fr)
}

.join-manual-grid article {
    border-top: 2px solid #b57b34;
    border-radius: 2px;
    min-height: 230px
}

.join-manual-grid article:last-child {
    grid-column: auto
}

.join-delivery .section-heading span,
.join-advantages .section-heading span {
    color: #a36c2e;
    letter-spacing: 3px;
    font-family: STKaiti, serif
}

.join-delivery:after {
    content: "总部六大系统";
    color: #a16d2410;
    letter-spacing: 12px;
    white-space: nowrap;
    font: 80px STKaiti, serif;
    position: absolute;
    bottom: -20px;
    left: -10px
}

@media (max-width:900px) {
    .join-manual-grid {
        grid-template-columns: 1fr 1fr
    }

    .join-hero-image>.join-hero-system {
        width: 150px;
        height: 150px;
        bottom: 20px;
        left: 20px
    }

    .join-hero-system strong {
        font-size: 42px !important
    }

    .join-hero-image>.join-hero-years {
        bottom: 20px;
        right: 20px
    }

    .support-seal {
        display: none
    }
}

@media (max-width:600px) {
    .join-manual-grid {
        grid-template-columns: 1fr
    }

    .join-hero-tags {
        flex-wrap: wrap
    }

    .join-hero-image>.join-hero-system {
        width: 130px;
        height: 130px
    }

    .join-hero-system small {
        font-size: 9px
    }

    .join-hero-system strong {
        font-size: 36px !important
    }

    .join-hero-system span {
        display: none
    }

    .join-hero-image>.join-hero-years strong {
        font-size: 26px
    }

    .support-stage {
        flex-wrap: wrap;
        gap: 8px
    }

    .support-stage i {
        width: 18px
    }

    .join-delivery:after {
        display: none
    }
}

.care-page {
    color: #402b1e;
    background: #fbf7f0
}

.care-hero {
    background: linear-gradient(135deg, #faf3e7, #e4cda9);
    grid-template-columns: 52% 48%;
    min-height: 560px;
    display: grid;
    position: relative;
    overflow: hidden
}

.care-hero:before {
    content: "";
    pointer-events: none;
    background: radial-gradient(circle at 11% 12%, #fff8, #0000 26%), repeating-radial-gradient(at 10% 100%, #0000 0 52px, #b7823014 53px 54px, #0000 55px 78px);
    position: absolute;
    inset: 0
}

.care-hero-copy {
    z-index: 2;
    padding: 115px 5vw 80px 9vw;
    position: relative
}

.care-hero-copy>span {
    letter-spacing: 4px;
    color: #9d6729;
    font-size: 12px
}

.care-hero h1 {
    color: #3d291d;
    margin: 24px 0 12px;
    font: 52px/1.4 STKaiti, KaiTi, serif
}

.care-hero-copy>p {
    letter-spacing: 1px;
    color: #715b43;
    font-size: 18px
}

.care-hero-line {
    color: #8d683f;
    letter-spacing: 2px;
    align-items: center;
    gap: 13px;
    margin-top: 48px;
    font-size: 12px;
    display: flex
}

.care-hero-line i {
    background: #b27934;
    width: 58px;
    height: 1px
}

.care-hero-line em {
    color: #b78449;
    font-style: normal
}

.care-hero-art {
    color: #fff;
    /* background-color: #6b4426; ← 删掉或注释掉 */
    background-image: url('../assets/PANA4040.JPG');
    background-size: cover;
    background-position: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    min-height: 300px;
    padding: 40px 20px;
}

.care-hero-art:before {
    content: "";
    border: 1px solid #e5c58a4a;
    position: absolute;
    inset: 28px
}

.care-rings {
    border: 1px solid #dfbe7a70;
    border-radius: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 340px;
    height: 340px;
    display: flex;
    position: relative;
    box-shadow: 0 0 0 44px #f4d49a0a, 0 0 0 88px #f4d49a08
}

.care-rings i {
    border: 1px solid #dcb87735;
    border-radius: 50%;
    position: absolute
}

.care-rings i:first-child {
    inset: 35px
}

.care-rings i:nth-child(2) {
    inset: 72px
}

.care-rings i:nth-child(3) {
    background: #fffdf6;
    inset: 109px
}

.care-rings strong,
.care-rings span {
    z-index: 2;
    color: #714a23;
    position: relative
}

.care-rings strong {
    font: 36px STKaiti, serif
}

.care-rings span {
    letter-spacing: 4px;
    margin-top: 6px;
    font-size: 12px
}

.care-hero-art>p {
    text-align: center;
    color: #ead7b9;
    letter-spacing: 2px;
    margin-top: 48px;
    font: 15px/2 STKaiti, serif
}

.care-anchor {
    z-index: 9;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: #fffdf9ed;
    border-bottom: 1px solid #eadfce;
    justify-content: center;
    align-items: center;
    gap: 58px;
    height: 64px;
    font-size: 13px;
    display: flex;
    position: sticky;
    top: 82px
}

.care-anchor a:hover {
    color: #a76e2d
}

.care-composition {
    background: #fffdf9
}

.care-pillar-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    max-width: 1120px;
    margin: auto;
    display: grid
}

.care-pillar-grid article {
    background: #fbf6ee;
    border: 1px solid #eadac4;
    min-height: 250px;
    padding: 34px 30px;
    transition: all .25s;
    position: relative
}

.care-pillar-grid article:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 45px #6b461616
}

.care-pillar-grid small {
    color: #bea582;
    font: 11px Georgia;
    position: absolute;
    top: 25px;
    right: 24px
}

.care-pillar-grid i {
    color: #a46b29;
    background: #efe0ca;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    font: 21px STKaiti, serif;
    display: flex
}

.care-pillar-grid h3 {
    margin: 24px 0 13px;
    font-size: 20px
}

.care-pillar-grid p {
    color: #7d6a55;
    font-size: 13px;
    line-height: 1.9
}

.care-pillar-grid article>span {
    background: #b47731;
    width: 42px;
    height: 2px;
    transition: all .3s;
    position: absolute;
    bottom: 0;
    left: 0
}

.care-pillar-grid article:hover>span {
    width: 100%
}

.care-direction {
    background: #f5eadb;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 80px;
    display: grid
}

.care-direction-copy {
    padding-left: 6vw
}

.care-direction-copy>span {
    letter-spacing: 4px;
    color: #9d6729;
    font-size: 12px
}

.care-direction h2 {
    margin: 22px 0;
    font: 38px/1.55 STKaiti, serif
}

.care-direction-copy p {
    color: #75614b;
    max-width: 540px;
    font-size: 14px;
    line-height: 2
}

.care-direction-copy a {
    color: #9c662a;
    border-bottom: 1px solid #c49a66;
    margin-top: 20px;
    padding-bottom: 5px;
    display: inline-block
}

.care-direction-visual {
    border: 1px solid #c89f692f;
    border-radius: 50%;
    width: 450px;
    height: 450px;
    position: relative;
    box-shadow: 0 0 0 45px #bd8a4b0a, 0 0 0 90px #bd8a4b08
}

.care-core {
    background: #fff;
    border-radius: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 210px;
    height: 210px;
    margin: auto;
    display: flex;
    position: absolute;
    inset: 0;
    box-shadow: 0 18px 45px #6541161a
}

.care-core img {
    object-fit: contain;
    width: 92px;
    height: 92px
}

.care-core b {
    margin-top: 9px;
    font-size: 14px
}

.care-point {
    color: #fff;
    letter-spacing: 1px;
    background: #8c5c2c;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 105px;
    height: 105px;
    font-size: 12px;
    display: flex;
    position: absolute;
    box-shadow: 0 10px 30px #4f301a25
}

.care-point.p1 {
    top: 25px;
    left: 0
}

.care-point.p2 {
    top: 25px;
    right: 0
}

.care-point.p3 {
    bottom: 25px;
    left: 0
}

.care-point.p4 {
    bottom: 25px;
    right: 0
}

.care-strengths {
    color: #fff;
    background: linear-gradient(145deg, #382419, #75502d);
    position: relative;
    overflow: hidden
}

.care-strengths:after {
    content: "养";
    color: #fff05;
    font: 300px STKaiti, serif;
    position: absolute;
    bottom: -100px;
    right: -30px
}

.care-strength-grid {
    z-index: 2;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    max-width: 1020px;
    margin: auto;
    display: grid;
    position: relative
}

.care-strength-grid article {
    background: #fff08;
    border: 1px solid #ebc99233;
    grid-template-columns: 68px 1fr;
    gap: 22px;
    padding: 30px;
    display: grid
}

.care-strength-grid small {
    color: #d8ae72;
    border-right: 1px solid #ddb87844;
    font: 24px Georgia
}

.care-strength-grid h3 {
    margin: 0 0 10px;
    font-size: 18px
}

.care-strength-grid p {
    color: #dbcbb9;
    margin: 0;
    font-size: 12px;
    line-height: 1.9
}

.care-final {
    color: #fff;
    background: #b47a35;
    align-items: center;
    gap: 40px;
    min-height: 235px;
    padding: 52px 9vw;
    display: flex
}

.care-final span {
    letter-spacing: 4px;
    color: #f2d6ae;
    font-size: 11px
}

.care-final h2 {
    margin: 14px 0;
    font: 31px STKaiti, serif
}

.care-final p {
    color: #f1ddc3;
    font-size: 13px
}

.care-final>a {
    margin-left: auto
}

@media (max-width:900px) {
    .care-hero {
        grid-template-columns: 1fr
    }

    .care-hero-copy {
        padding: 80px 24px 55px
    }

    .care-hero-art {
        min-height: 460px
    }

    .care-anchor {
        white-space: nowrap;
        justify-content: flex-start;
        gap: 30px;
        padding: 0 20px;
        top: 64px;
        overflow-x: auto
    }

    .care-pillar-grid {
        grid-template-columns: 1fr 1fr
    }

    .care-direction {
        grid-template-columns: 1fr;
        gap: 75px
    }

    .care-direction-copy {
        padding-left: 0
    }

    .care-direction-visual {
        margin: auto
    }

    .care-final {
        flex-wrap: wrap;
        padding: 45px 24px
    }

    .care-final>a {
        margin-left: 0
    }
}

@media (max-width:600px) {
    .care-hero h1 {
        font-size: 40px
    }

    .care-hero-copy>p {
        font-size: 15px;
        line-height: 1.8
    }

    .care-rings {
        width: 260px;
        height: 260px
    }

    .care-rings i:nth-child(3) {
        inset: 82px
    }

    .care-pillar-grid,
    .care-strength-grid {
        grid-template-columns: 1fr
    }

    .care-direction-visual {
        width: 290px;
        height: 290px;
        box-shadow: 0 0 0 28px #bd8a4b0a
    }

    .care-core {
        width: 145px;
        height: 145px
    }

    .care-core img {
        width: 65px;
        height: 65px
    }

    .care-point {
        width: 78px;
        height: 78px;
        font-size: 10px
    }

    .care-final h2 {
        font-size: 25px
    }
}

.about-page {
    background: #fbf7f0
}

.about-page header b {
    color: var(--gold);
    border-bottom: 2px solid var(--gold);
    padding-bottom: 10px
}

.about-sidebar nav a:first-child {
    color: var(--gold);
    background: #f5e9d8
}

.about-sidebar nav i {
    font: 10px Georgia
}

.about-hero {
    background: linear-gradient(120deg, #fffdf9, #f4e6d2);
    grid-template-columns: 62% 38%;
    min-height: 510px;
    display: grid;
    position: relative;
    overflow: hidden
}

.about-hero:before {
    content: "";
    background: repeating-radial-gradient(at 50% 100%, #0000 0 42px, #ad793024 43px 44px, #0000 45px 73px);
    width: 600px;
    height: 340px;
    position: absolute;
    bottom: -150px;
    left: -90px;
    transform: rotate(-6deg)
}

.about-hero>div:first-child {
    z-index: 2;
    padding: 115px 6vw;
    position: relative
}

.about-hero>div>span {
    letter-spacing: 4px;
    color: #9b672b;
    font-size: 12px
}

.about-hero h1 {
    margin: 23px 0 14px;
    font: 54px STKaiti, serif
}

.about-hero p {
    color: #74604a;
    margin-bottom: 36px;
    font-size: 17px
}

.about-hero-mark {
    color: #fff;
    background: linear-gradient(145deg, #3f291c, #8c5d2e);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.about-hero-mark:before {
    content: "";
    border: 1px solid #e6c58b4a;
    position: absolute;
    inset: 30px
}

.about-hero-mark i {
    color: #d6a96d;
    border: 1px solid #d6a96d;
    justify-content: center;
    align-items: center;
    width: 82px;
    height: 82px;
    font: 35px STKaiti, serif;
    display: flex;
    transform: rotate(4deg)
}

.about-hero-mark b {
    color: #f0d0a1;
    margin: 30px 0 8px;
    font: 58px Georgia
}

.about-hero-mark span {
    letter-spacing: 3px;
    color: #dfc9aa;
    font-size: 12px
}

.about-mobile-anchor {
    display: none
}

.about-company {
    background: #fff
}

.about-company-grid {
    grid-template-columns: 48% 52%;
    max-width: 1080px;
    margin: auto;
    display: grid;
    box-shadow: 0 20px 60px #6e451318
}

.about-company-photo {
    min-height: 480px;
    position: relative
}

.about-company-photo img {
    object-fit: cover;
    filter: saturate(.82)sepia(.08);
    width: 100%;
    height: 100%
}

.about-company-photo span {
    color: #fff;
    letter-spacing: 2px;
    background: #3d281bc9;
    padding: 10px 17px;
    font-size: 11px;
    position: absolute;
    bottom: 25px;
    left: 25px
}

.about-company-copy {
    background: #fcf7ef;
    padding: 55px;
    position: relative
}

.about-company-copy>i {
    color: #b22020;
    border: 1px solid #b22020;
    padding: 6px;
    font: 11px Arial
}

.about-company-copy h3 {
    margin: 25px 0;
    font: 31px/1.6 STKaiti, serif
}

.about-company-copy p {
    color: #75634f;
    font-size: 14px;
    line-height: 2
}

.about-philosophy {
    background: linear-gradient(145deg, #38251a, #79512c);
    position: relative;
    overflow: hidden
}

.about-philosophy:after {
    content: "信";
    color: #fff05;
    font: 310px STKaiti, serif;
    position: absolute;
    bottom: -110px;
    right: -35px
}

.philosophy-grid {
    z-index: 2;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    max-width: 1050px;
    margin: auto;
    display: grid;
    position: relative
}

.philosophy-grid article {
    background: #fff08;
    color: #fff;
    text-align: center;
    border: 1px solid #dfbd8638;
    flex-direction: column;
    align-items: center;
    min-height: 290px;
    padding: 34px;
    display: flex
}

.philosophy-grid article.featured {
    background: #a56e31;
    transform: translateY(-12px)
}

.philosophy-grid small {
    letter-spacing: 4px;
    color: #dec49f;
    font-size: 11px
}

.philosophy-grid i {
    color: #e5c58f;
    border: 1px solid #d8b47e;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 72px;
    height: 72px;
    margin: 28px 0;
    font: 28px STKaiti, serif;
    display: flex
}

.philosophy-grid h3 {
    margin: 0;
    font: 22px/1.7 STKaiti, serif
}

.about-strength {
    background: #faf4eb
}

.about-strength-grid {
    border: 1px solid #e4d2b9;
    grid-template-columns: repeat(4, 1fr);
    max-width: 1100px;
    margin: auto;
    display: grid
}

.about-strength-grid article {
    background: #fff;
    border-right: 1px solid #e4d2b9;
    min-height: 275px;
    padding: 30px 25px;
    position: relative
}

.about-strength-grid article:last-child {
    border-right: 0
}

.about-strength-grid small {
    color: #c4aa88;
    font: 11px Georgia
}

.about-strength-grid strong {
    color: #aa712f;
    margin: 30px 0 17px;
    font: 30px STKaiti, serif;
    display: block
}

.about-strength-grid h3 {
    font-size: 16px;
    line-height: 1.6
}

.about-strength-grid p {
    color: #82705c;
    font-size: 12px;
    line-height: 1.9
}

.about-history {
    background: #fffaf3
}

.about-timeline {
    max-width: 780px;
    margin: auto;
    padding: 0 0 110px 55px;
    position: relative
}

.about-timeline:before {
    content: "";
    border-left: 1px solid #b77a27;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px
}

.about-timeline:after {
    content: "↓  持续向前";
    color: #b77a27;
    letter-spacing: 2px;
    white-space: nowrap;
    font-size: 11px;
    position: absolute;
    bottom: 35px;
    left: 8px
}

.about-timeline article {
    padding: 0 0 32px;
    position: relative
}

.about-timeline article>i {
    background: #b77a27;
    border: 3px solid #fff;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 16px;
    left: -47px;
    box-shadow: 0 0 0 1px #b77a27
}

.about-timeline article>div {
    background: #fff;
    border: 1px solid #eadcc9;
    grid-template-columns: 190px 1fr;
    align-items: center;
    padding: 22px 28px;
    display: grid;
    box-shadow: 0 10px 35px #6740130a
}

.about-timeline strong {
    color: #b77a27;
    font: 25px Georgia
}

.about-timeline h3 {
    margin: 0;
    font-size: 17px
}

.about-timeline p {
    color: #8b7864;
    grid-column: 1/3;
    margin: 13px 0 0;
    font-size: 12px;
    line-height: 1.8
}

.about-timeline article:last-child>div {
    background: linear-gradient(135deg, #fff, #f4e3cb);
    border-color: #c18a40
}

.about-qualifications {
    background: #f2e6d5
}

.certificate-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    max-width: 1080px;
    margin: auto;
    display: grid
}

.certificate-grid article {
    text-align: center;
    background: #fff;
    padding: 15px 15px 22px
}

.certificate-grid article>div {
    aspect-ratio: 3/4;
    background: linear-gradient(135deg, #fdfaf5, #eee0cb);
    border: 1px solid #dcc3a0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.certificate-grid article>div:before {
    content: "";
    border: 1px solid #cba977;
    position: absolute;
    inset: 14px
}

.certificate-grid i {
    color: #af7c3b;
    font: 32px STKaiti, serif
}

.certificate-grid span {
    letter-spacing: 2px;
    color: #a18a70;
    margin-top: 14px;
    font-size: 10px
}

.certificate-grid p {
    color: #75634f;
    margin: 17px 0 0;
    font-size: 12px
}

.about-final {
    color: #fff;
    background: linear-gradient(90deg, #4b301c, #a46d31);
    align-items: center;
    gap: 35px;
    min-height: 220px;
    padding: 45px 8vw;
    display: flex
}

.about-final span {
    letter-spacing: 4px;
    color: #e3c18e;
    font-size: 11px
}

.about-final h2 {
    margin: 14px 0;
    font: 30px STKaiti, serif
}

.about-final>a {
    margin-left: auto
}

@media (max-width:900px) {
    .about-hero {
        grid-template-columns: 1fr
    }

    .about-hero>div:first-child {
        padding: 75px 24px
    }

    .about-hero-mark {
        min-height: 330px
    }

    .about-mobile-anchor {
        z-index: 9;
        white-space: nowrap;
        background: #fffdf9ed;
        border-bottom: 1px solid #eadfce;
        align-items: center;
        gap: 28px;
        height: 64px;
        padding: 0 20px;
        font-size: 13px;
        display: flex;
        position: sticky;
        top: 64px;
        overflow-x: auto
    }

    .about-company-grid {
        grid-template-columns: 1fr
    }

    .about-company-photo {
        min-height: 330px
    }

    .about-company-copy {
        padding: 35px 24px
    }

    .philosophy-grid {
        grid-template-columns: 1fr
    }

    .philosophy-grid article.featured {
        transform: none
    }

    .about-strength-grid {
        grid-template-columns: 1fr 1fr
    }

    .about-strength-grid article {
        border-bottom: 1px solid #e4d2b9
    }

    .certificate-grid {
        grid-template-columns: 1fr 1fr
    }

    .about-final {
        flex-wrap: wrap;
        padding: 40px 24px
    }

    .about-final>a {
        margin-left: 0
    }
}

@media (max-width:600px) {
    .about-hero h1 {
        font-size: 42px
    }

    .about-company-copy h3 {
        font-size: 25px
    }

    .about-strength-grid,
    .certificate-grid {
        grid-template-columns: 1fr
    }

    .about-timeline {
        padding-left: 43px
    }

    .about-timeline:before {
        left: 10px
    }

    .about-timeline article>i {
        left: -40px
    }

    .about-timeline article>div {
        grid-template-columns: 1fr;
        gap: 8px
    }

    .about-timeline p {
        grid-column: auto
    }

    .about-final h2 {
        font-size: 24px
    }
}

.certificate-grid article>div {
    aspect-ratio: 3/2;
    overflow: hidden
}

.certificate-grid img {
    z-index: 1;
    object-fit: contain;
    background: #f7f1e7;
    width: 100%;
    height: 100%;
    position: relative
}

.about-company-photo {
    aspect-ratio: 1568/1590;
    background: #eadcc8;
    justify-content: center;
    align-self: center;
    align-items: center;
    min-height: 0;
    display: flex;
    overflow: hidden
}

.about-company-photo img {
    object-fit: cover;
    object-position: center;
    filter: none;
    width: 100%;
    max-width: 100%;
    height: 100%
}

@media (max-width:900px) {
    .about-company-photo {
        aspect-ratio: 1568/1590;
        min-height: 0
    }
}

.care-four-grid {
    grid-template-columns: repeat(4, 1fr);
    max-width: 1180px
}

.care-four-grid article {
    min-height: 300px
}

.care-system-chain {
    color: #a16a2c;
    border-top: 1px solid #d8b37d;
    border-bottom: 1px solid #d8b37d;
    justify-content: center;
    align-items: center;
    gap: 22px;
    max-width: 1080px;
    margin: 42px auto 0;
    padding: 22px 28px;
    display: flex
}

.care-system-chain>span {
    text-align: center;
    white-space: nowrap;
    font-size: 13px
}

.care-system-chain small {
    color: #8d7b66;
    letter-spacing: 1px;
    margin-top: 7px;
    font-size: 10px;
    display: block
}

.care-system-chain>i {
    color: #c79b63;
    font-style: normal
}

.care-composition {
    position: relative;
    overflow: hidden
}

.care-composition:after {
    content: "康养";
    color: #aa742308;
    pointer-events: none;
    font: 150px STKaiti, serif;
    position: absolute;
    bottom: -50px;
    right: -25px
}

@media (max-width:1100px) {
    .care-four-grid {
        grid-template-columns: 1fr 1fr
    }

    .care-four-grid article {
        min-height: 250px
    }

    .care-system-chain {
        flex-wrap: wrap
    }

    .care-system-chain>i {
        width: 15px
    }
}

@media (max-width:600px) {
    .care-four-grid {
        grid-template-columns: 1fr
    }

    .care-system-chain {
        grid-template-columns: 1fr;
        padding: 22px;
        display: grid
    }

    .care-system-chain>i {
        text-align: center;
        width: auto;
        transform: rotate(90deg)
    }

    .care-system-chain>span {
        white-space: normal
    }

    .care-composition:after {
        display: none
    }
}

.join-conversion-hero .join-hero-copy {
    padding-top: 78px
}

.join-conversion-hero h1 {
    font-size: 44px
}

.join-plan-btn {
    color: #8a5926;
    border: 1px solid #b57b35;
    border-radius: 24px;
    padding: 12px 23px;
    font-size: 13px
}

.join-reason-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    max-width: 1120px;
    margin: auto;
    display: grid
}

.join-reason-grid article {
    background: #fcf8f2;
    border: 1px solid #eadbc6;
    min-height: 260px;
    padding: 30px 25px;
    position: relative
}

.join-reason-grid small {
    color: #c0a789;
    font: 11px Georgia;
    position: absolute;
    top: 22px;
    right: 22px
}

.join-reason-grid i {
    color: #a36a28;
    background: #efe1cd;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    font: 20px STKaiti, serif;
    display: flex
}

.join-reason-grid h3 {
    margin: 25px 0 12px;
    font-size: 19px
}

.join-reason-grid p {
    color: #7c6954;
    font-size: 12px;
    line-height: 1.9
}

.join-why-summary {
    background: #f2e5d2;
    align-items: center;
    gap: 40px;
    max-width: 1120px;
    margin: 30px auto 0;
    padding: 30px 36px;
    display: flex
}

.join-why-summary h3 {
    margin: 0 0 8px;
    font: 25px/1.55 STKaiti, serif
}

.join-why-summary h3 em {
    color: #a26a2b;
    font-style: normal
}

.join-why-summary p {
    color: #7b6751;
    max-width: 720px;
    margin: 0;
    font-size: 12px;
    line-height: 1.8
}

.join-why-summary>a {
    white-space: nowrap;
    margin-left: auto
}

.join-mid-cta {
    color: #fff;
    background: #a66e31;
    align-items: center;
    gap: 35px;
    min-height: 125px;
    padding: 25px 9vw;
    display: flex
}

.join-mid-cta div {
    flex-direction: column;
    gap: 8px;
    display: flex
}

.join-mid-cta span {
    letter-spacing: 2px;
    color: #efd5ae;
    font-size: 11px
}

.join-mid-cta b {
    font: 21px STKaiti, serif
}

.join-mid-cta>a {
    border: 1px solid #fff8;
    border-radius: 25px;
    margin-left: auto;
    padding: 12px 22px;
    font-size: 13px
}

.join-mid-cta.light {
    color: #523721;
    background: #efe1cc
}

.join-mid-cta.light span {
    color: #a17139
}

.join-mid-cta.light>a {
    color: #895a28;
    border-color: #b8874e
}

.join-process-action {
    background: #f4e7d4;
    align-items: center;
    gap: 20px;
    max-width: 800px;
    margin: 8px auto 0;
    padding: 25px 30px;
    display: flex
}

.join-process-action p {
    margin: 0 auto 0 0;
    font: 18px STKaiti, serif
}

.join-process-action>a:last-child {
    color: #8d5d2a;
    border-bottom: 1px solid #b98a54;
    padding-bottom: 5px;
    font-size: 12px
}

@media (max-width:900px) {
    .join-reason-grid {
        grid-template-columns: 1fr 1fr
    }

    .join-why-summary {
        flex-direction: column;
        align-items: flex-start
    }

    .join-why-summary>a {
        margin-left: 0
    }

    .join-mid-cta {
        padding: 28px 24px
    }
}

@media (max-width:600px) {
    .join-conversion-hero h1 {
        font-size: 34px
    }

    .join-reason-grid {
        grid-template-columns: 1fr
    }

    .join-reason-grid article {
        min-height: auto
    }

    .join-mid-cta {
        flex-direction: column;
        align-items: flex-start
    }

    .join-mid-cta>a {
        margin-left: 0
    }

    .join-process-action {
        flex-direction: column;
        align-items: flex-start
    }

    .join-process-action p {
        margin-right: 0
    }
}

.support-orbit.upgraded>article {
    background: linear-gradient(145deg, #fff12, #fff05);
    border-color: #e4bd7975;
    box-shadow: 0 12px 35px #160c0720
}

.support-orbit.upgraded>article:last-child {
    background: #b8844655;
    border-color: #edcf9a
}

.join-cases {
    background: #f4e8d7;
    position: relative;
    overflow: hidden
}

.join-cases:before {
    content: "";
    border: 1px solid #b27a3015;
    border-radius: 50%;
    width: 380px;
    height: 380px;
    position: absolute;
    bottom: -100px;
    left: -120px;
    box-shadow: 0 0 0 50px #b27a3008, 0 0 0 100px #b27a3006
}

.join-case-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 1120px;
    margin: auto;
    display: grid;
    position: relative
}

.join-case-grid article {
    background: #fff;
    padding: 14px 14px 30px;
    box-shadow: 0 18px 48px #63401412
}

.join-case-grid article>div {
    height: 220px;
    position: relative;
    overflow: hidden
}

.join-case-grid img {
    object-fit: cover;
    filter: saturate(.78)sepia(.08);
    width: 100%;
    height: 100%;
    transition: all .4s
}

.join-case-grid article:hover img {
    transform: scale(1.04)
}

.join-case-grid article>div>span {
    color: #fff;
    background: #8e5d2d;
    padding: 10px 13px;
    font: 12px Georgia;
    position: absolute;
    bottom: 0;
    right: 0
}

.join-case-grid small {
    color: #a36c2d;
    letter-spacing: 3px;
    margin: 23px 13px 0;
    font-size: 10px;
    display: block
}

.join-case-grid h3 {
    margin: 10px 13px;
    font-size: 21px
}

.join-case-grid p {
    color: #7e6b57;
    margin: 0 13px 18px;
    font-size: 12px;
    line-height: 1.9
}

.join-case-grid article>a {
    color: #98642b;
    border-bottom: 1px solid #c89c67;
    margin: 0 13px;
    padding-bottom: 4px;
    font-size: 11px
}

.join-case-note {
    text-align: center;
    color: #99836b;
    margin: 28px 0 0;
    font-size: 11px
}

.join-city-final {
    background: linear-gradient(105deg, #39251a, #7f542b 65%, #b77a35);
    min-height: 270px;
    position: relative;
    overflow: hidden
}

.join-city-final:before {
    content: "城";
    color: #fff06;
    font: 260px STKaiti, serif;
    position: absolute;
    top: -60px;
    right: 7%
}

.join-city-final>div {
    z-index: 2;
    position: relative
}

.join-city-final h2 {
    font-size: 34px
}

.join-final-actions {
    align-items: center;
    gap: 18px;
    margin-left: auto;
    display: flex
}

.join-final-actions .line-light {
    margin-left: 0
}

.join-final-actions>a:last-child {
    border-bottom: 1px solid #fff9;
    padding: 8px 2px;
    font-size: 12px
}

@media (max-width:900px) {
    .join-case-grid {
        grid-template-columns: 1fr 1fr
    }

    .join-final-actions {
        margin-left: 0
    }

    .join-city-final h2 {
        font-size: 28px
    }
}

@media (max-width:600px) {
    .join-case-grid {
        grid-template-columns: 1fr
    }

    .join-case-grid article>div {
        height: 200px
    }

    .join-final-actions {
        flex-direction: column;
        align-items: flex-start
    }

    .join-case-note {
        text-align: left;
        line-height: 1.8
    }
}

.join-sop {
    background: linear-gradient(#fbf7f0, #f3e5d1);
    position: relative;
    overflow: hidden
}

.join-sop:before {
    content: "";
    border: 1px solid #b77a2717;
    border-radius: 50%;
    width: 360px;
    height: 360px;
    position: absolute;
    top: -120px;
    right: -90px;
    box-shadow: 0 0 0 48px #b77a2708, 0 0 0 96px #b77a2705
}

.sop-flow {
    grid-template-columns: repeat(5, 1fr);
    gap: 18px 28px;
    max-width: 1120px;
    margin: auto;
    display: grid;
    position: relative
}

.sop-flow article {
    background: #fff;
    border: 1px solid #e6d5bd;
    flex-direction: column;
    justify-content: space-between;
    min-height: 150px;
    padding: 25px 20px;
    display: flex;
    position: relative;
    box-shadow: 0 14px 38px #6f481414
}

.sop-flow article:nth-child(n+6) {
    background: #f9f0e3
}

.sop-flow article>i {
    color: #b77a27;
    font: 22px Georgia
}

.sop-flow article div small {
    color: #b49a7c;
    letter-spacing: 1.5px;
    font: 8px Arial
}

.sop-flow article h3 {
    margin: 7px 0 0;
    font-size: 17px;
    line-height: 1.6
}

.sop-flow article>span {
    color: #c69b64;
    font: 18px Georgia;
    position: absolute;
    top: 61px;
    right: -22px
}

.sop-flow article:nth-child(5)>span,
.sop-flow article:last-child>span {
    display: none
}

.sop-flow article:before {
    content: "";
    background: #b77a27;
    width: 34px;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0
}

.sop-value {
    color: #765537;
    justify-content: center;
    align-items: center;
    gap: 18px;
    max-width: 900px;
    margin: 36px auto 0;
    font-size: 12px;
    display: flex
}

.sop-value i {
    background: #c7a274;
    width: 34px;
    height: 1px;
    display: block
}

.sop-value span {
    white-space: nowrap
}

@media (max-width:900px) {
    .sop-flow {
        grid-template-columns: repeat(2, 1fr)
    }

    .sop-flow article>span {
        display: none
    }

    .sop-flow article:last-child {
        grid-column: 1/3
    }

    .sop-value {
        flex-wrap: wrap
    }

    .sop-value i {
        width: 20px
    }
}

@media (max-width:560px) {
    .sop-flow {
        grid-template-columns: 1fr;
        padding-left: 34px
    }

    .sop-flow:before {
        content: "";
        background: #d5b98f;
        width: 1px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 10px
    }

    .sop-flow article,
    .sop-flow article:last-child {
        grid-column: auto;
        min-height: 120px
    }

    .sop-flow article:after {
        content: "";
        background: #b77a27;
        border-radius: 50%;
        width: 9px;
        height: 9px;
        position: absolute;
        top: 28px;
        left: -30px;
        box-shadow: 0 0 0 6px #f3e5d1
    }

    .sop-value {
        justify-content: flex-start;
        gap: 10px 14px
    }

    .sop-value i {
        display: none
    }
}

.join-flow-sop {
    background: #fffaf3;
    position: relative;
    overflow: hidden
}

.join-flow-sop:before {
    content: "";
    pointer-events: none;
    border: 1px solid #b880361f;
    border-radius: 50%;
    width: 300px;
    height: 300px;
    position: absolute;
    top: 15px;
    right: -90px;
    box-shadow: 0 0 0 45px #b8803609, 0 0 0 90px #b8803606
}

.join-sop-flow {
    z-index: 1;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    max-width: 1120px;
    margin: 0 auto;
    display: grid;
    position: relative
}

.join-sop-flow article {
    text-align: center;
    background: #ffffffeb;
    border: 1px solid #ead9bf;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 145px;
    padding: 29px 20px;
    display: flex;
    position: relative;
    box-shadow: 0 12px 35px #68421614
}

.join-sop-flow article:before {
    content: "";
    pointer-events: none;
    border: 1px solid #bb84391f;
    position: absolute;
    inset: 8px
}

.join-sop-flow article>i {
    letter-spacing: 2px;
    color: #b77b2f;
    margin-bottom: 13px;
    font: 14px Georgia, serif
}

.join-sop-flow article>b {
    color: #4a2d16;
    white-space: nowrap;
    font-size: 18px
}

.join-sop-flow article>span {
    z-index: 2;
    color: #bd8741;
    font: 24px Georgia, serif;
    position: absolute;
    top: 57px;
    right: -18px
}

.join-sop-flow article:nth-child(4)>span,
.join-sop-flow article:last-child>span {
    display: none
}

.join-sop-summary {
    color: #7d5a31;
    letter-spacing: 2px;
    border-top: 1px solid #dec7a3;
    border-bottom: 1px solid #dec7a3;
    justify-content: center;
    align-items: center;
    gap: 18px;
    max-width: 760px;
    margin: 34px auto 0;
    padding: 15px 24px;
    font-size: 13px;
    display: flex
}

.join-sop-summary span {
    white-space: nowrap
}

.join-sop-summary i {
    background: #c89552;
    width: 34px;
    height: 1px
}

@media (max-width:900px) {
    .join-sop-flow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px
    }

    .join-sop-flow article:nth-child(2n)>span {
        display: none
    }

    .join-sop-flow article:nth-child(odd):not(:last-child)>span {
        display: block
    }

    .join-sop-summary {
        flex-wrap: wrap
    }
}

@media (max-width:560px) {
    .join-sop-flow {
        grid-template-columns: 1fr;
        padding-left: 27px
    }

    .join-sop-flow:before {
        content: "";
        border-left: 1px solid #c58b3e;
        position: absolute;
        top: 20px;
        bottom: 20px;
        left: 8px
    }

    .join-sop-flow article {
        text-align: left;
        align-items: flex-start;
        min-height: 108px;
        padding: 23px 25px
    }

    .join-sop-flow article:after {
        content: "";
        background: #b87d32;
        border-radius: 50%;
        width: 9px;
        height: 9px;
        position: absolute;
        top: 50%;
        left: -25px;
        box-shadow: 0 0 0 5px #fffaf3
    }

    .join-sop-flow article>i {
        margin-bottom: 8px
    }

    .join-sop-flow article>span {
        display: none !important
    }

    .join-sop-summary {
        letter-spacing: 1px;
        gap: 10px;
        padding: 14px 8px;
        font-size: 12px
    }

    .join-sop-summary i {
        width: 16px
    }
}

@media (min-width: 901px) {

    /* ===== 8步流程（join-sop-flow）===== */
    .join-sop-flow {
        grid-template-rows: repeat(2, auto);
    }

    .join-sop-flow article:nth-child(5) {
        grid-column: 4;
        grid-row: 2;
    }

    .join-sop-flow article:nth-child(6) {
        grid-column: 3;
        grid-row: 2;
    }

    .join-sop-flow article:nth-child(7) {
        grid-column: 2;
        grid-row: 2;
    }

    .join-sop-flow article:nth-child(8) {
        grid-column: 1;
        grid-row: 2;
    }

    .join-sop-flow article:nth-child(4)>span {
        display: block;
        position: absolute;
        top: auto;
        bottom: -24px;
        left: 50%;
        transform: translateX(-50%);
    }

    .join-sop-flow article:nth-child(n+5):nth-child(-n+7)>span {
        display: block;
        position: absolute;
        left: -18px;
        right: auto;
    }


    /* ===== 10步流程（sop-flow）===== */
    .sop-flow {
        grid-template-rows: repeat(2, auto);
    }

    .sop-flow article:nth-child(6) {
        grid-column: 5;
        grid-row: 2;
    }

    .sop-flow article:nth-child(7) {
        grid-column: 4;
        grid-row: 2;
    }

    .sop-flow article:nth-child(8) {
        grid-column: 3;
        grid-row: 2;
    }

    .sop-flow article:nth-child(9) {
        grid-column: 2;
        grid-row: 2;
    }

    .sop-flow article:nth-child(10) {
        grid-column: 1;
        grid-row: 2;
    }

    .sop-flow article:nth-child(5)>span {
        display: block;
        position: absolute;
        top: auto;
        bottom: -24px;
        left: 50%;
        transform: translateX(-50%);
    }

    .sop-flow article:nth-child(n+6):nth-child(-n+9)>span {
        display: block;
        position: absolute;
        left: -18px;
        right: auto;
    }
}

@media (max-width:900px) {

    .join-sop-flow article>span,
    .sop-flow article>span {
        display: none !important
    }
}

.join-delivery .join-manual-grid article {
    position: relative;
    overflow: hidden
}

.join-delivery .join-manual-grid article:after {
    content: "";
    border: 1px solid #b77a2715;
    border-radius: 50%;
    width: 105px;
    height: 105px;
    position: absolute;
    bottom: -38px;
    right: -30px;
    box-shadow: 0 0 0 18px #b77a2706
}

.join-delivery .join-manual-grid article h3 {
    font-size: 20px
}

.join-delivery .join-manual-grid article i {
    box-shadow: 0 0 0 7px #f3e5d280
}

.join-delivery:after {
    content: "总部六大交付体系"
}

.join-process {
    background: linear-gradient(#fff, #fbf6ee);
    position: relative;
    overflow: hidden
}

.join-process:after {
    content: "六步同行";
    color: #a16d2409;
    letter-spacing: 12px;
    font: 100px STKaiti, serif;
    position: absolute;
    bottom: -35px;
    right: -12px
}

.join-process-list {
    z-index: 1;
    grid-template-columns: repeat(6, 1fr);
    gap: 14px;
    max-width: 1120px;
    display: grid;
    position: relative
}

.join-process-list:before {
    border: 0;
    border-top: 1px solid #d8b47e;
    inset: 39px 7% auto
}

.join-process-list article {
    flex-direction: column;
    align-items: center;
    gap: 0;
    min-width: 0;
    padding: 0;
    display: flex
}

.join-process-list article>i {
    color: #a76b28;
    background: #fbf6ee;
    border: 1px solid #c99b5e;
    width: 78px;
    height: 78px;
    box-shadow: 0 0 0 8px #fbf6ee
}

.join-process-list article>div {
    text-align: center;
    background: #fff;
    border: 1px solid #eadcca;
    width: 100%;
    min-height: 145px;
    margin-top: 26px;
    padding: 25px 15px 18px;
    box-shadow: 0 12px 32px #6a451411
}

.join-process-list b {
    font-size: 17px
}

.join-process-list p {
    font-size: 12px;
    line-height: 1.8
}

.join-process-list article>span {
    display: none
}

.join-process-action {
    z-index: 1;
    margin-top: 34px;
    position: relative
}

@media (max-width:900px) {
    .join-process-list {
        grid-template-columns: repeat(3, 1fr);
        gap: 22px
    }

    .join-process-list:before {
        display: none
    }

    .join-process-list article>div {
        min-height: 125px;
        margin-top: 15px
    }

    .join-process:after {
        font-size: 72px
    }
}

@media (max-width:600px) {
    .join-process-list {
        grid-template-columns: 1fr;
        padding-left: 34px
    }

    .join-process-list:before {
        border: 0;
        border-left: 1px solid #d8b47e;
        display: block;
        inset: 18px auto 18px 16px
    }

    .join-process-list article {
        grid-template-columns: 62px 1fr;
        align-items: center;
        gap: 16px;
        display: grid
    }

    .join-process-list article>i {
        width: 62px;
        height: 62px;
        box-shadow: 0 0 0 6px #fbf6ee
    }

    .join-process-list article>div {
        text-align: left;
        min-height: auto;
        margin: 0;
        padding: 20px
    }

    .join-process:after {
        display: none
    }
}

.join-trust {
    color: #fff;
    background: linear-gradient(140deg, #37251a, #684629 58%, #946332);
    position: relative;
    overflow: hidden
}

.join-trust:after {
    content: "实力";
    color: #fff05;
    letter-spacing: 10px;
    font: 150px STKaiti, serif;
    position: absolute;
    bottom: -45px;
    right: -25px
}

.join-trust-grid {
    z-index: 2;
    border: 1px solid #e2c18b38;
    grid-template-columns: repeat(4, 1fr);
    max-width: 1120px;
    margin: auto;
    display: grid;
    position: relative
}

.join-trust-grid article {
    background: #fff05;
    border-right: 1px solid #e2c18b38;
    min-height: 265px;
    padding: 28px 24px
}

.join-trust-grid article:last-child {
    border-right: 0
}

.join-trust-grid small {
    color: #d1ae7c;
    font: 11px Georgia
}

.join-trust-grid strong {
    color: #edc991;
    margin: 30px 0 13px;
    font: 35px STKaiti, serif;
    display: block
}

.join-trust-grid h3 {
    margin: 0 0 12px;
    font-size: 16px
}

.join-trust-grid p {
    color: #d7c6b3;
    font-size: 11px;
    line-height: 1.9
}

.join-trust-line {
    color: #e2c9a5;
    letter-spacing: 2px;
    justify-content: center;
    align-items: center;
    gap: 18px;
    margin-top: 35px;
    font-size: 11px;
    display: flex
}

.join-trust-line i {
    background: #c99b5d;
    width: 40px;
    height: 1px
}

.join-partner-grid article>a {
    color: #9b682e;
    border-bottom: 1px solid #c49a68;
    margin-top: 16px;
    padding-bottom: 4px;
    font-size: 10px;
    display: inline-block
}

.join-inquiry {
    background: #f2e4d0;
    grid-template-columns: 1.25fr .75fr;
    align-items: center;
    gap: 65px;
    display: grid
}

.join-inquiry-copy {
    padding-left: 3vw
}

.join-inquiry-copy>span {
    letter-spacing: 4px;
    color: #a26c2d;
    font-size: 11px
}

.join-inquiry h2 {
    margin: 20px 0;
    font: 36px/1.55 STKaiti, serif
}

.join-inquiry-copy>p {
    color: #78654f;
    font-size: 13px;
    line-height: 1.9
}

.join-inquiry-copy>div {
    color: #8a5e2d;
    align-items: center;
    gap: 12px;
    margin-top: 32px;
    display: flex
}

.join-inquiry-copy i {
    border: 1px solid #b5834d;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    font: 10px Georgia;
    display: flex
}

.join-inquiry-copy b {
    font-size: 11px
}

.join-inquiry-copy em {
    color: #bf9361;
    font-style: normal
}

.join-inquiry-entry {
    background: #fff;
    border-top: 3px solid #b57832;
    padding: 44px 40px;
    box-shadow: 0 20px 55px #64401416
}

.join-inquiry-entry small {
    color: #a46c2d;
    letter-spacing: 3px
}

.join-inquiry-entry h3 {
    margin: 17px 0 10px;
    font: 27px STKaiti, serif
}

.join-inquiry-entry p {
    color: #7c6954;
    font-size: 12px;
    line-height: 1.8
}

.join-inquiry-entry .gold-btn {
    margin: 20px 0 18px;
    display: inline-flex
}

.join-inquiry-entry>a:last-child {
    color: #8c6e4c;
    font-size: 11px;
    display: block
}

.support-orbit.upgraded>article:last-child strong {
    color: #f5d49e
}

@media (max-width:900px) {
    .join-trust-grid {
        grid-template-columns: 1fr 1fr
    }

    .join-trust-grid article {
        border-bottom: 1px solid #e2c18b38
    }

    .join-inquiry {
        grid-template-columns: 1fr;
        gap: 35px
    }

    .join-inquiry-copy {
        padding-left: 0
    }
}

@media (max-width:600px) {
    .join-trust-grid {
        grid-template-columns: 1fr
    }

    .join-trust-grid article {
        min-height: auto
    }

    .join-trust-line {
        flex-wrap: wrap
    }

    .join-inquiry-copy>div {
        flex-wrap: wrap;
        align-items: flex-start
    }

    .join-inquiry-entry {
        padding: 32px 24px
    }
}

.join-support {
    color: #4c3423;
    background: linear-gradient(145deg, #fffdf8, #f5e8d5 58%, #ead4b3)
}

.join-support:before {
    opacity: .3;
    background: radial-gradient(circle at 10% 80%, #0000 0 90px, #b9823920 91px 92px, #0000 93px), radial-gradient(circle at 90% 20%, #0000 0 130px, #b9823920 131px 132px, #0000 133px)
}

.join-support .section-heading.light h2 {
    color: #3f2b1e
}

.join-support .section-heading.light span,
.join-support .section-heading.light p {
    color: #9a6a35
}

.support-seal {
    color: #a76f31;
    border-color: #b98245
}

.support-stage {
    color: #8f663e
}

.support-stage i {
    background: linear-gradient(90deg, #c69862, #b77a34)
}

.support-orbit {
    border-color: #bd8c4c35;
    box-shadow: 0 0 0 28px #fff7, 0 24px 70px #80501c12
}

.support-orbit:before {
    border-color: #bd8c4c50
}

.support-orbit.upgraded {
    background: repeating-conic-gradient(from -90deg, #b77b2618 0deg 1deg, #0000 1deg 45deg), radial-gradient(circle, #fff8 0 18%, #0000 18% 100%)
}

.support-orbit.upgraded>article {
    color: #4b3322;
    background: linear-gradient(145deg, #fffdf9, #f4e4cf);
    border-color: #c7975d80;
    box-shadow: 0 12px 35px #76501f14
}

.support-orbit>article b {
    color: #a66d2b
}

.support-orbit>article span {
    color: #896f54
}

.support-orbit.upgraded>article:last-child {
    color: #fff;
    background: linear-gradient(145deg, #af7838, #8c5b29);
    border-color: #986129
}

.support-orbit.upgraded>article:last-child b,
.support-orbit.upgraded>article:last-child span,
.support-orbit.upgraded>article:last-child strong {
    color: #fff
}

.support-orbit-center {
    color: #5d3d20;
    background: #fffdf8;
    box-shadow: 0 0 0 15px #b77a270b, 0 20px 55px #70461120
}

.support-promise {
    color: #805b37
}

.support-promise i {
    background: #b77a34
}

.support-mobile-list article {
    background: #fff9;
    border-color: #c99b6440
}

.support-mobile-list i {
    color: #a66d2c
}

.support-mobile-list b {
    color: #4b3322
}

.support-mobile-list span {
    color: #8a7258
}

.join-modes {
    background: #fffdf9
}

.join-mode-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    max-width: 1080px;
    margin: auto;
    display: grid
}

.join-mode-grid article {
    background: #f8f0e5;
    border: 1px solid #e4d2ba;
    min-height: 340px;
    padding: 32px 30px;
    position: relative
}

.join-mode-grid article:nth-child(2) {
    background: #fff;
    border-top: 3px solid #b67a34
}

.join-mode-grid small {
    color: #b28a5b;
    font: 12px Georgia
}

.join-mode-grid h3 {
    margin: 25px 0 12px;
    font: 25px STKaiti, serif
}

.join-mode-grid>article>p {
    color: #7b6853;
    min-height: 48px;
    font-size: 12px;
    line-height: 1.9
}

.join-mode-grid article>div {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin: 24px 0;
    display: grid
}

.join-mode-grid article>div span {
    text-align: center;
    color: #8b673e;
    background: #fff9;
    padding: 9px;
    font-size: 10px
}

.join-mode-grid article>a {
    color: #986329;
    border-bottom: 1px solid #c39969;
    padding-bottom: 4px;
    font-size: 11px;
    position: absolute;
    bottom: 28px;
    left: 30px
}

.join-case-grid.proof article {
    padding-bottom: 28px
}

.join-case-grid.proof dl {
    border-top: 1px solid #eadfce;
    grid-template-columns: 64px 1fr;
    margin: 18px 13px;
    font-size: 10px;
    display: grid
}

.join-case-grid.proof dt,
.join-case-grid.proof dd {
    border-bottom: 1px solid #eadfce;
    padding: 9px 0
}

.join-case-grid.proof dt {
    color: #a16b30
}

.join-case-grid.proof dd {
    color: #7c6955;
    margin: 0
}

@media (max-width:900px) {
    .join-mode-grid {
        grid-template-columns: 1fr
    }

    .join-mode-grid article {
        min-height: 300px
    }
}

@media (max-width:600px) {
    .support-mobile-list article:last-child {
        background: #8c5b29
    }

    .support-mobile-list article:last-child b,
    .support-mobile-list article:last-child span,
    .support-mobile-list article:last-child i {
        color: #fff
    }
}

.join-trust {
    color: #432e20;
    background: linear-gradient(140deg, #f8efe3, #fffdf9 55%, #ead6b8)
}

.join-trust:before {
    content: "";
    background: radial-gradient(circle at 15% 70%, #0000 0 85px, #b77a2710 86px 87px, #0000 88px), radial-gradient(circle at 82% 18%, #0000 0 120px, #b77a2710 121px 122px, #0000 123px);
    position: absolute;
    inset: 0
}

.join-trust:after {
    color: #a66f2d08
}

.join-trust .section-heading.light h2 {
    color: #432e20
}

.join-trust .section-heading.light span,
.join-trust .section-heading.light p {
    color: #946536
}

.join-trust-grid {
    border-color: #d8b98c80
}

.join-trust-grid article {
    color: #432e20;
    background: #fffaf3cc;
    border-color: #d8b98c80
}

.join-trust-grid strong {
    color: #a76f2f
}

.join-trust-grid h3 {
    color: #4b3423
}

.join-trust-line {
    color: #805b36
}

.join-trust-line i {
    background: #bd8748
}

.join-partner-grid article {
    flex-direction: column;
    min-height: 260px;
    transition: transform .25s, box-shadow .25s;
    display: flex
}

.join-partner-grid article:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 42px #6c451518
}

.join-partner-grid article>a {
    align-self: center;
    margin-top: auto
}

@media (max-width:900px) {
    .join-partner-grid article {
        min-height: 245px
    }
}

@media (max-width:600px) {
    .join-partner-grid article {
        min-height: 0
    }
}

@media (min-width:901px) {
    .join-conversion-hero {
        grid-template-columns: 52% 48%
    }

    .join-conversion-hero .join-hero-copy {
        padding-left: 6vw;
        padding-right: 2vw
    }

    .join-conversion-hero h1 {
        white-space: nowrap;
        font-size: 38px
    }

    .join-support .support-stage {
        z-index: 4;
        margin-bottom: 88px;
        position: relative
    }

    .join-support .support-orbit {
        margin-top: 0
    }

    .join-city-final>div:first-child {
        flex: 1;
        min-width: 0
    }

    .join-city-final h2 {
        white-space: nowrap;
        font-size: 30px
    }
}

@media (max-width:1200px) and (min-width:901px) {
    .join-conversion-hero h1 {
        font-size: 32px
    }

    .join-city-final {
        gap: 24px;
        padding-left: 5vw;
        padding-right: 5vw
    }

    .join-city-final h2 {
        font-size: 25px
    }
}

.join-mode-grid.detailed article {
    min-height: 520px;
    padding-bottom: 78px
}

.join-mode-grid.detailed dl {
    margin: 20px 0 0
}

.join-mode-grid.detailed dt {
    color: #a16b30;
    letter-spacing: 2px;
    margin-top: 16px;
    font-size: 11px
}

.join-mode-grid.detailed dd {
    color: #74614e;
    margin: 7px 0 0;
    font-size: 12px;
    line-height: 1.85
}

.join-mode-grid.detailed dd>div {
    margin: 8px 0 0
}

.join-mode-grid.detailed article>a {
    bottom: 30px
}

.join-faq {
    background: #fffdf9;
    position: relative;
    overflow: hidden
}

.join-faq:after {
    content: "问";
    color: #a9702608;
    font: 220px STKaiti, serif;
    position: absolute;
    bottom: -75px;
    right: -20px
}

.join-faq-list {
    z-index: 1;
    border-top: 1px solid #e4d3bc;
    max-width: 920px;
    margin: auto;
    position: relative
}

.join-faq-list details {
    background: #fff;
    border-bottom: 1px solid #e4d3bc
}

.join-faq-list summary {
    cursor: pointer;
    grid-template-columns: 50px 1fr 28px;
    align-items: center;
    min-height: 76px;
    padding: 0 25px;
    list-style: none;
    display: grid
}

.join-faq-list summary::-webkit-details-marker {
    display: none
}

.join-faq-list summary i {
    color: #b07b3a;
    font: 12px Georgia
}

.join-faq-list summary span {
    color: #443124;
    font-size: 16px
}

.join-faq-list summary b {
    color: #a46b2c;
    font-size: 20px;
    font-weight: 400;
    transition: all .25s
}

.join-faq-list details[open] summary b {
    transform: rotate(45deg)
}

.join-faq-list details p {
    color: #7b6853;
    margin: 0;
    padding: 0 70px 25px 75px;
    font-size: 13px;
    line-height: 1.95
}

.join-contact-options em {
    padding: 0 5px;
    color: #a98154 !important
}

.join-contact-panel {
    background: #fff;
    border-top: 3px solid #b57832;
    grid-template-columns: 1.2fr .8fr;
    display: grid;
    box-shadow: 0 20px 55px #64401416
}

.join-phone-contact {
    flex-direction: column;
    align-items: flex-start;
    padding: 40px 36px;
    display: flex
}

.join-phone-contact small {
    color: #a46c2d;
    letter-spacing: 3px
}

.join-phone-contact>a:not(.gold-btn) {
    letter-spacing: 1px;
    font-variant-numeric: lining-nums tabular-nums;
    color: #4a3323;
    white-space: nowrap;
    word-break: keep-all;
    margin: 18px 0 10px;
    font-family: inherit;
    font-size: 34px;
    font-weight: 600;
    line-height: 1;
    display: block
}

.join-phone-contact p {
    color: #7b6854;
    margin: 0 0 22px;
    font-size: 12px;
    line-height: 1.9
}

.join-phone-contact .gold-btn {
    display: inline-flex
}

.join-qr-contact {
    text-align: center;
    background: #f6ead8;
    border-left: 1px solid #ead7be;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 25px;
    display: flex
}

.join-qr-contact .qr-placeholder {
    width: 142px;
    height: 142px
}

.join-qr-contact b {
    margin-top: 16px;
    font-size: 14px
}

.join-qr-contact span {
    color: #8b755e;
    margin-top: 6px;
    font-size: 10px
}

.consult-qr {
    aspect-ratio: 552/558;
    object-fit: contain;
    background: #fff;
    border: 8px solid #fff;
    width: min(230px, 100%);
    height: auto;
    display: block;
    box-shadow: 0 12px 32px #56340d20
}

.join-inquiry {
    grid-template-columns: .85fr 1.15fr;
    gap: 50px
}

.join-contact-panel {
    grid-template-columns: .9fr 1.1fr
}

.join-qr-contact {
    padding: 34px 30px
}

.qr-box .consult-qr {
    width: min(240px, 82%);
    height: auto
}

@media (max-width:900px) {
    .join-mode-grid.detailed article {
        min-height: 485px
    }

    .join-inquiry {
        grid-template-columns: 1fr;
        gap: 35px
    }

    .join-inquiry-copy {
        padding-left: 0
    }
}

@media (max-width:600px) {
    .join-mode-grid.detailed article {
        min-height: 0;
        padding-bottom: 80px
    }

    .join-faq-list summary {
        grid-template-columns: 38px 1fr 24px;
        padding: 0 14px
    }

    .join-faq-list summary span {
        font-size: 14px
    }

    .join-faq-list details p {
        padding: 0 45px 22px 52px
    }

    .join-contact-panel {
        grid-template-columns: 1fr
    }

    .join-phone-contact {
        padding: 32px 24px
    }

    .join-phone-contact>a:not(.gold-btn) {
        font-size: 29px
    }

    .join-qr-contact {
        border-top: 1px solid #ead7be;
        border-left: 0;
        padding: 30px 22px
    }

    .consult-qr {
        width: min(260px, 88vw)
    }
}

.wechat-modal {
    z-index: 1000;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    opacity: 0;
    visibility: hidden;
    background: #2f1d13a8;
    justify-content: center;
    align-items: center;
    padding: 22px;
    transition: all .25s;
    display: flex;
    position: fixed;
    inset: 0
}

.wechat-modal.open {
    opacity: 1;
    visibility: visible
}

.wechat-modal-backdrop {
    cursor: pointer;
    background: 0 0;
    border: 0;
    position: absolute;
    inset: 0
}

.wechat-modal-card {
    z-index: 1;
    background: #fbf6ed;
    border-top: 4px solid #b77a34;
    grid-template-columns: 1.15fr .85fr;
    width: min(780px, 100%);
    min-height: 430px;
    display: grid;
    position: relative;
    overflow: hidden;
    box-shadow: 0 28px 90px #24150b55
}

.wechat-modal-card:before {
    content: "";
    border: 1px solid #b77a3418;
    border-radius: 50%;
    width: 280px;
    height: 280px;
    position: absolute;
    bottom: -100px;
    left: -80px;
    box-shadow: 0 0 0 38px #b77a3408, 0 0 0 76px #b77a3406
}

.wechat-close {
    z-index: 3;
    color: #76502b;
    cursor: pointer;
    background: #fffaf2;
    border: 1px solid #c9a776;
    width: 36px;
    height: 36px;
    font-size: 24px;
    line-height: 1;
    position: absolute;
    top: 13px;
    right: 16px
}

.wechat-modal-copy {
    z-index: 2;
    padding: 58px 42px;
    position: relative
}

.wechat-modal-copy>small {
    color: #a56c2d;
    letter-spacing: 3px
}

.wechat-modal-copy h2 {
    color: #432d1e;
    white-space: nowrap;
    margin: 18px 0 12px;
    font: clamp(17px, 2.2vw, 26px)/1.5 STKaiti, KaiTi, serif
}

.wechat-modal-copy>p {
    color: #78634d;
    font-size: 13px;
    line-height: 1.9
}

.wechat-modal-copy>div {
    grid-template-columns: 1fr;
    gap: 9px;
    margin-top: 28px;
    display: grid
}

.wechat-modal-copy>div>span {
    color: #9a6a33;
    letter-spacing: 2px;
    margin-bottom: 3px;
    font-size: 11px
}

.wechat-modal-copy b {
    color: #59402b;
    background: #f2e5d2;
    align-items: center;
    gap: 12px;
    padding: 11px 14px;
    font-size: 13px;
    font-weight: 500;
    display: flex
}

.wechat-modal-copy i {
    color: #b47a35;
    font: 10px Georgia
}

.wechat-modal-qr {
    text-align: center;
    background: #ead7bb;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 30px;
    display: flex
}

.wechat-modal-qr img {
    background: #fff;
    border: 9px solid #fff;
    width: min(230px, 100%);
    height: auto;
    box-shadow: 0 14px 38px #62401820
}

.wechat-modal-qr strong {
    margin-top: 18px;
    font-size: 16px
}

.wechat-modal-qr span {
    color: #806b53;
    margin-top: 7px;
    font-size: 10px
}

.free-plan-note {
    color: #9a6a34;
    letter-spacing: 1px;
    margin-top: 13px;
    font-size: 11px;
    display: block
}

.pill[href=\#wechat-consult],
.hero .line-btn[href=\#wechat-consult],
.hero .gold-btn {
    white-space: nowrap
}

.pill[href=\#wechat-consult] {
    padding-left: 18px;
    padding-right: 18px;
    font-size: 12px
}

@media (max-width:680px) {

    header>.pill[href=\#wechat-consult],
    .subnav>.pill[href=\#wechat-consult] {
        display: none
    }

    .wechat-modal {
        align-items: flex-start;
        padding: 12px;
        overflow-y: auto
    }

    .wechat-modal-card {
        grid-template-columns: 1fr;
        margin: 18px 0
    }

    .wechat-modal-copy {
        padding: 50px 24px 28px
    }

    .wechat-modal-qr {
        padding: 30px 22px 38px
    }

    .wechat-modal-qr img {
        width: min(250px, 82vw)
    }

    .free-plan-note {
        margin-top: 11px;
        line-height: 1.6
    }
}

.dynamics-page {
    background: #fbf7f0;
    min-height: 100vh
}

.dynamics-hero {
    background: linear-gradient(100deg, #fbf6ed 0%, #f4e5d0 55%, #d6ad77 100%);
    justify-content: space-between;
    align-items: center;
    min-height: 430px;
    padding: 80px 10vw;
    display: flex;
    position: relative;
    overflow: hidden
}

.dynamics-hero:before {
    content: "";
    background: radial-gradient(circle at 78% 15%, #fff8 0 90px, #0000 92px), repeating-radial-gradient(at 82% 100%, #0000 0 52px, #b77a2712 53px 54px);
    position: absolute;
    inset: 0
}

.dynamics-hero>div,
.dynamics-hero>i {
    z-index: 1;
    position: relative
}

.dynamics-hero>div>span {
    color: #aa6d27;
    letter-spacing: 6px;
    font: 11px Arial
}

.dynamics-hero h1 {
    margin: 22px 0 15px;
    font-size: 52px
}

.dynamics-hero h1 span {
    color: #91663c;
    font-size: 27px;
    font-weight: 400
}

.dynamics-hero p {
    color: #735f49;
    letter-spacing: 1px;
    font-size: 16px
}

.dynamics-hero>i {
    color: #9d6425;
    border: 1px solid #b67a35;
    border-radius: 50%;
    place-items: center;
    width: 145px;
    height: 145px;
    font-size: 54px;
    font-style: normal;
    display: grid;
    box-shadow: 0 0 0 18px #fff5
}

.dynamics-anchor {
    z-index: 8;
    background: #fff;
    border-bottom: 1px solid #eadcc8;
    justify-content: center;
    align-items: center;
    gap: 60px;
    height: 66px;
    display: flex;
    position: sticky;
    top: 82px
}

.dynamics-anchor a {
    font-size: 14px
}

.dynamics-anchor a:hover {
    color: var(--gold)
}

.dynamics-content {
    max-width: 1180px;
    margin: auto
}

.dynamics-grid {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    display: grid
}

.dynamics-grid article {
    background: #fff;
    border: 1px solid #eadfce;
    box-shadow: 0 15px 42px #6040190d
}

.dynamics-cover {
    height: 260px;
    position: relative;
    overflow: hidden
}

.dynamics-cover:after {
    content: "";
    background: linear-gradient(#0000 35%, #372214a8);
    position: absolute;
    inset: 0
}

.dynamics-cover img {
    object-fit: cover;
    filter: sepia(.15)saturate(.75);
    width: 100%;
    height: 100%
}

.dynamics-cover>span {
    z-index: 2;
    color: #fff;
    background: #5c3a22b8;
    border: 1px solid #fff8;
    place-items: center;
    width: 58px;
    height: 58px;
    font-size: 22px;
    display: grid;
    position: absolute;
    top: 20px;
    left: 22px
}

.dynamics-cover>span i {
    font: 8px Arial;
    position: absolute;
    top: 5px;
    left: 5px
}

.dynamics-cover>b {
    z-index: 2;
    color: #fff;
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    bottom: 18px;
    right: 20px
}

.dynamics-copy {
    padding: 30px 32px 34px
}

.dynamics-copy small {
    color: #b77a27;
    letter-spacing: 3px;
    font: 10px Arial
}

.dynamics-copy h2 {
    margin: 12px 0;
    font-size: 25px
}

.dynamics-copy p {
    color: #786652;
    font-size: 13px;
    line-height: 1.8
}

.dynamics-copy>span {
    color: #9b8871;
    border-top: 1px solid #eee2d2;
    margin-top: 20px;
    padding-top: 15px;
    font-size: 11px;
    display: block
}

.dynamics-trust {
    color: #fff;
    background: linear-gradient(135deg, #7c562d, #aa783b)
}

.trust-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    max-width: 1080px;
    margin: auto;
    display: grid
}

.trust-grid article {
    background: #fff1;
    border: 1px solid #efd4aa55;
    min-height: 210px;
    padding: 30px
}

.trust-grid i {
    color: #f1d3a4;
    font: 12px Georgia
}

.trust-grid h3 {
    margin: 28px 0 13px;
    font-size: 20px
}

.trust-grid p {
    color: #f5e6d0;
    font-size: 12px;
    line-height: 1.8
}

.trust-note {
    color: #f4dfc1;
    border-top: 1px solid #efd4aa55;
    gap: 24px;
    max-width: 1080px;
    margin: 24px auto 0;
    padding-top: 22px;
    font-size: 12px;
    display: flex
}

.trust-note b {
    white-space: nowrap
}

.dynamics-final {
    background: #e7cfaa;
    justify-content: space-between;
    align-items: center;
    padding: 55px 8vw;
    display: flex
}

.dynamics-final span {
    color: #8d5b23;
    letter-spacing: 3px;
    font-size: 11px
}

.dynamics-final h2 {
    margin: 10px 0 0;
    font-size: 28px
}

.dynamics-final .line-light {
    color: #fff;
    background: #a96f2d;
    border-color: #a96f2d
}

@media (max-width:900px) {
    .dynamics-hero {
        min-height: 340px;
        padding: 58px 24px
    }

    .dynamics-hero h1 {
        font-size: 36px
    }

    .dynamics-hero h1 span {
        margin-top: 8px;
        font-size: 21px;
        display: block
    }

    .dynamics-hero>i {
        width: 88px;
        height: 88px;
        font-size: 34px
    }

    .dynamics-anchor {
        justify-content: space-around;
        gap: 0;
        padding: 0 8px;
        top: 64px;
        overflow-x: auto
    }

    .dynamics-anchor a {
        white-space: nowrap;
        font-size: 12px
    }

    .dynamics-grid {
        grid-template-columns: 1fr
    }

    .dynamics-cover {
        height: 220px
    }

    .trust-grid {
        grid-template-columns: 1fr 1fr
    }

    .trust-grid article {
        min-height: 180px;
        padding: 24px
    }

    .trust-note {
        flex-direction: column;
        gap: 8px
    }

    .dynamics-final {
        flex-direction: column;
        align-items: flex-start;
        gap: 28px
    }

    .dynamics-final h2 {
        font-size: 22px
    }
}

@media (max-width:520px) {
    .dynamics-hero>i {
        display: none
    }

    .dynamics-hero p {
        line-height: 1.8
    }

    .trust-grid {
        grid-template-columns: 1fr
    }

    .trust-grid article {
        min-height: auto
    }

    .dynamics-copy {
        padding: 25px 22px
    }

    .dynamics-final {
        padding: 42px 24px
    }
}

:where(.side-contact strong, .drawer-contact strong, .stats strong, .strength-facts span, .timeline strong, .about-hero-mark b, .about-sidebar nav i, .about-strength-grid small, .about-strength-grid strong, .about-timeline strong, .certificate-grid p, .care-pillar-grid small, .care-strength-grid small, .dynamics-cover span, .dynamics-copy small, .trust-grid i, .join-evidence strong, .join-reason-grid small, .join-advantage-grid small, .support-orbit-center strong, .support-orbit article b, .support-mobile-list i, .sop-flow article>i, .join-manual-grid small, .join-trust-grid small, .join-trust-grid strong, .join-process-list article>i, .join-mode-grid article>small, .join-faq-list summary i, .join-contact-options i, .join-phone-contact>a:not(.gold-btn), .join-final p, .join-hero-system strong, .join-hero-years strong, .contact-info dd, footer strong, .wechat-modal-copy b i) {
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1;
    font-synthesis: none
}

.stats strong,
.join-evidence strong,
.support-orbit-center strong,
.join-hero-system strong {
    line-height: 1
}

.stats sup,
.join-evidence sup,
.support-orbit-center em,
.join-hero-system em {
    vertical-align: baseline;
    line-height: inherit;
    position: static
}

.stats>div,
.about-strength-grid>article,
.join-trust-grid>article {
    align-content: start
}

.stats strong,
.about-strength-grid strong,
.join-trust-grid strong {
    min-height: 1.2em
}

p {
    word-break: normal;
    overflow-wrap: normal;
    text-wrap: pretty
}

h1,
h2,
h3,
.section-heading p,
.join-cta p,
.join-mid-cta span,
.join-mid-cta b,
.site-ending-cta h2,
.site-ending-cta p {
    word-break: keep-all;
    text-wrap: balance
}

.gold-btn,
.line-btn,
.line-light,
.pill,
.join-plan-btn,
.join-anchor a,
.care-anchor a,
.about-mobile-anchor a,
.site-filing,
.site-ending-cta a,
.float-consult a {
    white-space: nowrap;
    word-break: keep-all
}

@media (max-width:600px) {

    h1,
    h2,
    h3,
    .section-heading p,
    .site-ending-cta h2,
    .site-ending-cta p {
        overflow-wrap: normal;
        word-break: keep-all
    }
}

.strength,
.about-philosophy,
.about-hero-mark,
.about-final,
.care-hero-art,
.care-strengths,
.care-final,
.join-trust,
.join-mid-cta:not(.light),
.join-final,
.dynamics-trust,
.subhero,
.site-ending-cta,
footer {
    color: #fffdf8
}

.strength .section-heading h2,
.about-philosophy .section-heading h2,
.about-final h2,
.care-hero-art h2,
.care-strengths .section-heading h2,
.care-strengths h3,
.care-final h2,
.join-trust .section-heading h2,
.join-trust h3,
.join-mid-cta:not(.light) b,
.join-final h2,
.dynamics-trust .section-heading h2,
.dynamics-trust h3,
.subhero h1,
.site-ending-cta h2 {
    color: #fffdf8;
    text-shadow: 0 1px 2px #2d190c3d
}

.strength .section-heading p,
.about-philosophy .section-heading p,
.care-hero-art>p,
.care-strengths .section-heading p,
.care-strength-grid p,
.care-final p,
.join-trust .section-heading p,
.join-trust-grid p,
.join-final p,
.dynamics-trust .section-heading p,
.trust-grid p,
.trust-note,
.subhero p,
.site-ending-cta p {
    color: #f8ead5
}

.strength .section-heading span,
.about-philosophy .section-heading span,
.about-final span,
.care-strengths .section-heading span,
.care-final span,
.join-trust .section-heading span,
.join-mid-cta:not(.light) span,
.join-final>div>span,
.dynamics-trust .section-heading span,
.subhero>span {
    color: #f4d29d
}

.philosophy-grid small,
.care-strength-grid small,
.join-trust-grid small,
.trust-grid i {
    color: #f1cf99
}

footer span {
    color: #e8dccd
}

footer strong {
    color: #f5d4a0
}

.join-trust {
    color: #432e20
}

.join-trust .section-heading h2,
.join-trust h3 {
    color: #432e20;
    text-shadow: none
}

.join-trust .section-heading span,
.join-trust .section-heading p {
    color: #8f5f2d
}

.join-trust-grid p {
    color: #6f5a45
}

.join-trust-grid small {
    color: #a67845
}

.join-page .site-ending-cta {
    display: none
}

.site-footer-combined {
    color: #fff;
    background: linear-gradient(110deg, #2d2017, #4b301f);
    grid-template-columns: 1.25fr 1fr .8fr;
    align-items: center;
    gap: 42px;
    padding: 42px 7vw;
    display: grid
}

.site-footer-combined>div {
    margin: 0;
    display: flex
}

.site-footer-brand {
    align-items: center;
    gap: 18px;
    flex-direction: row !important
}

.site-footer-brand img {
    object-fit: cover;
    flex: none;
    width: 76px;
    height: 76px
}

.site-footer-brand>span {
    color: #fff;
    flex-direction: column;
    gap: 8px;
    display: flex
}

.site-footer-brand b {
    font-size: 16px
}

.site-footer-brand small {
    color: #ddd0c1;
    font-size: 11px;
    line-height: 1.7
}

.site-footer-plan {
    align-items: flex-start;
    gap: 14px
}

.site-footer-plan p {
    color: #f4e7d5;
    margin: 0;
    font-size: 14px;
    line-height: 1.8
}

.site-footer-plan .line-light {
    white-space: nowrap;
    margin: 0;
    padding: 10px 18px;
    font-size: 12px
}

.site-footer-combined .site-footer-contact {
    text-align: right;
    align-items: flex-end;
    gap: 7px;
    margin: 0
}

.site-footer-combined .site-footer-contact strong {
    color: #f5d4a0;
    font-size: 23px
}

.site-footer-combined .site-footer-contact span {
    color: #e8dccd;
    font-size: 11px
}

.site-footer-combined .site-filing {
    color: #cfc0ae;
    white-space: nowrap;
    margin-top: 7px;
    font-size: 10px
}

.join-page .join-final {
    display: none
}

@media (max-width:1000px) {
    .site-footer-combined {
        grid-template-columns: 1fr 1fr
    }

    .site-footer-plan {
        order: 3;
        grid-column: 1/3;
        justify-content: space-between;
        align-items: center;
        flex-direction: row !important
    }

    .site-footer-combined .site-footer-contact {
        align-items: flex-end
    }
}

@media (max-width:600px) {
    .site-footer-combined {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 34px 22px
    }

    .site-footer-brand {
        align-items: flex-start
    }

    .site-footer-plan {
        order: 2;
        grid-column: auto;
        align-items: flex-start;
        flex-direction: column !important
    }

    .site-footer-combined .site-footer-contact {
        text-align: left;
        order: 3;
        align-items: flex-start
    }

    .site-footer-brand b {
        font-size: 14px
    }

    .site-footer-plan .line-light {
        white-space: normal;
        text-align: center
    }
}

.about-philosophy:after,
.care-strengths:after,
.join-trust:after,
.join-city-final:after {
    pointer-events: none;
    z-index: 0;
    opacity: .18
}

.philosophy-grid,
.care-strength-grid,
.join-trust-grid,
.join-city-final>div,
.join-final-actions {
    z-index: 2;
    position: relative
}

@media (max-width:1200px) {

    .about-philosophy:after,
    .care-strengths:after,
    .join-trust:after,
    .join-city-final:after {
        display: none
    }

    .float-consult {
        display: none !important
    }
}

@media (max-width:700px) {

    h1,
    h2,
    h3,
    .section-heading p,
    .site-ending-cta h2,
    .site-ending-cta p {
        text-wrap: balance;
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important
    }

    p,
    .join-partner-grid p,
    .join-manual-grid p,
    .join-reason-grid p,
    .join-advantage-grid p,
    .about-strength-grid p,
    .care-strength-grid p,
    .join-trust-grid p {
        text-wrap: pretty;
        word-break: normal !important;
        overflow-wrap: normal !important
    }

    .gold-btn,
    .line-btn,
    .line-light,
    .pill,
    .join-plan-btn {
        text-align: center;
        justify-content: center;
        max-width: 100%;
        line-height: 1.5;
        white-space: nowrap !important;
        word-break: keep-all !important
    }

    .philosophy-grid article,
    .care-strength-grid article,
    .join-trust-grid article {
        min-width: 0;
        overflow: visible
    }

    .philosophy-grid h3,
    .care-strength-grid h3,
    .join-trust-grid h3 {
        white-space: normal;
        word-break: keep-all;
        overflow-wrap: normal;
        text-wrap: balance;
        max-width: 100%
    }
}

@media (max-width:390px) {

    .gold-btn,
    .line-btn,
    .line-light,
    .pill,
    .join-plan-btn {
        padding-left: 16px;
        padding-right: 16px;
        font-size: 12px
    }
}