/* 花序学堂 · 2026-11-05. Original desktop UI; actual course content and business controls. */
:root{--hx-pink:#d44d7b;--hx-pink-dark:#ad315d;--hx-petal:#fbe7ed;--hx-blush:#fff7f9;--hx-paper:#fff;--hx-ink:#33262d;--hx-muted:#8d7c84;--hx-line:#f0e3e8;--hx-sidebar:188px;--lp-primary:#d44d7b;--lp-primary-hover:#ad315d;--lp-text:#33262d;--lp-muted:#8d7c84;--lp-background:#fffafb}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body.lp-body,body.lp-core{font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;-webkit-font-smoothing:antialiased;color:var(--hx-ink);background:#fffafb}
body.lp-body,body.lp-core:not(.lp-account-page){padding-left:var(--hx-sidebar);min-width:1120px}
.lp-body *, .hx-sidebar *, .hx-topbar *, .hx-footer *{box-sizing:border-box}
.lp-body a,.hx-sidebar a,.hx-topbar a,.hx-footer a{text-decoration:none}
.lp-body a:focus-visible,.lp-body button:focus-visible,.lp-core a:focus-visible,.lp-core button:focus-visible{outline:3px solid #d44d7b;outline-offset:4px}
.lp-body a,.lp-core a{transition:color .18s ease,background-color .18s ease}
.lp-container{width:calc(100% - 72px);max-width:1200px;margin:0 auto}
.lp-main{min-height:calc(100vh - 300px)}
.lp-skip-link{background:var(--hx-pink)}
.hx-sidebar{position:fixed;inset:0 auto 0 0;width:var(--hx-sidebar);z-index:40;display:flex;flex-direction:column;padding:33px 20px 24px;background:#fff;border-right:1px solid var(--hx-line);font-size:13px}
.hx-brand{display:flex;align-items:center;gap:8px;color:var(--hx-ink);margin-bottom:46px;white-space:nowrap}
.hx-brand-mark{width:36px;height:36px;flex:none;color:var(--hx-pink)}
.hx-brand>span{font-size:19px;font-weight:700;letter-spacing:.3px;line-height:1.45}
.hx-brand small{display:block;font-size:12px;letter-spacing:1.3px;font-weight:400;color:var(--hx-muted);margin-top:2px}
.hx-nav-caption{display:block;font-size:12px;font-weight:500;letter-spacing:1.4px;color:#ac98a1;margin:0 10px 14px}
.hx-nav{display:flex;flex-direction:column;gap:7px}
.hx-nav-item{display:flex;align-items:center;gap:12px;height:45px;padding:0 12px;color:#7e6f77;border-radius:8px}
.hx-nav-index{font-size:12px;letter-spacing:.8px;color:#baa7b0}
.hx-nav-item:hover{background:var(--hx-blush);color:var(--hx-pink)}
.hx-nav-item.is-active{background:var(--hx-petal);color:var(--hx-pink-dark);font-weight:600}
.hx-nav-item.is-active .hx-nav-index{color:var(--hx-pink)}
.hx-nav-dot{width:5px;height:5px;background:var(--hx-pink);border-radius:50%;margin-left:auto}
.hx-nav-tools{border-top:1px solid var(--hx-line);padding-top:24px;margin-top:27px;display:flex;flex-direction:column;gap:12px}
.hx-nav-tools>.hx-nav-caption{margin-bottom:1px}
.hx-nav-tools>a{display:flex;justify-content:space-between;padding:0 12px;color:#8c7b85;font-size:12px}
.hx-nav-tools>a span{color:#b59ea8}.hx-nav-tools>a:hover{color:var(--hx-pink)}
.hx-sidebar-note{margin-top:auto;padding:30px 12px 0;color:#89717d}
.hx-note-flower{font-size:35px;line-height:1;color:var(--hx-pink)}
.hx-sidebar-note p{font-size:12px;line-height:1.9;margin:15px 0 12px}
.hx-sidebar-note a{font-size:12px;color:var(--hx-pink)}
.hx-topbar{height:85px;padding:0 36px;display:flex;align-items:center;gap:24px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--hx-line);font-size:12px}
.hx-topbar-home{color:#877580;white-space:nowrap;font-size:12px}
.hx-search{width:340px;height:39px;display:flex;align-items:center;gap:9px;border:1px solid #f1e7eb;background:#fffafb;border-radius:7px;padding:0 8px 0 13px;margin:0 auto}
.hx-search svg{width:17px;height:17px;fill:none;stroke:#aa919c;stroke-width:1.5;flex:none}
.hx-search input{width:100%;min-width:50px;border:0;background:transparent;font:inherit;outline:0;padding:4px;color:var(--hx-ink)}
.hx-search input::placeholder{color:#b09da6}
.hx-search button{flex:none;background:transparent;border:0;font:inherit;color:#967e8a;font-size:12px;padding:4px 8px;cursor:pointer;border-left:1px solid #e9dce2}
.hx-search:focus-within{border-color:#dc96ae;box-shadow:0 0 0 3px #fbe7ed}
.hx-account-links{display:flex;align-items:center;gap:20px;flex:none;white-space:nowrap}
.hx-account-links>a{color:#6b5863}.hx-account-links>a:hover{color:var(--hx-pink-dark)}
.hx-account-links .hx-vip-link{color:var(--hx-pink);font-size:12px}.hx-vip-link span{margin-left:4px}
.hx-account-links .hx-register{padding:9px 14px;color:#fff;background:var(--hx-pink);border-radius:6px;font-size:12px}
.hx-account-links .hx-register:hover{background:var(--hx-pink-dark);color:#fff}
.hx-account-links .hx-user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.hx-account-links .hx-logout{font-size:12px;color:#a28c97}
.hx-home-shell{padding-top:36px;padding-bottom:56px}
.hx-hero{display:grid;grid-template-columns:1fr 1.06fr;gap:26px;min-height:448px;padding:15px 0 31px;align-items:center}
.hx-hero-copy{padding:8px 0 12px;min-width:0}
.hx-eyebrow{font-size:12px;letter-spacing:1.8px;line-height:1.6;color:#a48b97;font-weight:400;margin:0 0 14px}
.hx-hero-copy>.hx-eyebrow{color:#9d6b7f;display:flex;align-items:center;gap:9px;letter-spacing:1.2px}
.hx-hero-copy>.hx-eyebrow>span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--hx-pink)}
.hx-hero h1{font-size:clamp(39px,3.65vw,58px);font-weight:500;line-height:1.27;letter-spacing:-1.2px;margin:20px 0 21px;color:#3b2932}
.hx-hero h1 em{font-style:normal;color:var(--hx-pink)}
.hx-hero-description{font-size:12px;line-height:1.95;color:#99848e;margin:0 0 26px}
.hx-hero-actions{display:flex;align-items:center;gap:23px}
.hx-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;padding:10px 19px;font-size:12px;border-radius:5px}
.hx-button-primary{background:var(--hx-pink);color:#fff}.hx-button-primary:hover{color:#fff;background:var(--hx-pink-dark)}
.hx-hero-secondary{font-size:12px;color:#93707f}.hx-hero-secondary span{margin-left:7px}
.hx-hero-foot{margin-top:30px;display:flex;align-items:center;gap:12px;color:#ad98a2;font-size:12px;letter-spacing:1.2px}
.hx-hero-foot i{width:3px;height:3px;border-radius:50%;background:#d5bdc8}
.hx-hero-visual{min-width:0;padding:24px 0 0 3px;align-self:center}
.hx-featured-course{display:block;border-radius:9px;overflow:hidden;background:#fff;border:1px solid #ecd7e1;box-shadow:0 10px 32px #9b50600a;transform:rotate(1deg);transition:transform .3s ease,box-shadow .3s ease}
.hx-featured-course:hover{transform:rotate(0);box-shadow:0 14px 36px #9b506014}
.hx-featured-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#f7e8ed}
.hx-featured-image>img{display:block;width:100%;height:100%;object-fit:cover}
.hx-featured-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,#37262f42);pointer-events:none}
.hx-featured-tag{position:absolute;top:16px;left:16px;z-index:1;background:#fffffff2;border-radius:4px;padding:6px 10px;color:#8a5b70;font-size:12px;letter-spacing:1px}
.hx-featured-play{position:absolute;inset:50% auto auto 50%;width:51px;height:51px;margin:-25px 0 0 -25px;z-index:2;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffffff38;border:1px solid #ffffffb3;backdrop-filter:blur(4px)}
.hx-featured-play svg{width:23px;height:23px}
.hx-featured-copy{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 21px 20px;color:var(--hx-ink)}
.hx-featured-copy>div{min-width:0}.hx-featured-copy>div>span{display:block;font-size:12px;letter-spacing:1px;color:#ae8d9c;margin-bottom:7px}
.hx-featured-copy h2{font-size:16px;line-height:1.55;font-weight:500;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.hx-featured-arrow{font-size:24px;color:var(--hx-pink);flex:none}
.hx-visual-note{display:flex;align-items:center;gap:11px;margin:25px 6px 0 18px;color:#a77f91}
.hx-visual-note>span{font-size:30px;color:var(--hx-pink);line-height:1}
.hx-visual-note p{font-size:12px;margin:0;line-height:1.65}.hx-visual-note strong{display:block;font-size:12px;font-weight:400;color:#725561}
.hx-visual-note>a{margin-left:auto;font-size:12px;color:#a17c8c;white-space:nowrap}.hx-visual-note>a span{margin-left:8px}
.hx-discover-strip{display:flex;align-items:center;border-top:1px solid var(--hx-line);border-bottom:1px solid var(--hx-line);padding:21px 0;margin:16px 0 48px;gap:22px}
.hx-discover-strip>span{font-size:12px;color:#8f7885;margin-right:auto}
.hx-discover-strip>a{display:flex;align-items:center;gap:12px;color:#745c68;font-size:12px;width:22%;max-width:210px;padding-left:22px;border-left:1px solid #e9d8e0}
.hx-discover-strip>a b{font-size:12px;font-weight:400;letter-spacing:1px;color:#c69aab}
.hx-discover-strip>a>span{margin-left:auto;color:var(--hx-pink);font-size:15px}
.hx-learning-layout{display:grid;grid-template-columns:minmax(0,1fr) 253px;gap:40px;align-items:start}
.hx-editorial-sections{min-width:0}.hx-course-section{margin-bottom:43px;scroll-margin-top:30px}
.hx-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.hx-section-heading>div{min-width:0}.hx-section-heading .hx-eyebrow{margin-bottom:6px;font-size:12px;letter-spacing:1.3px}
.hx-section-heading h2{font-size:25px;letter-spacing:.2px;font-weight:500;line-height:1.4;margin:0;color:#47323e}
.hx-section-description{font-size:12px;color:#a08a95;margin:8px 0 0;line-height:1.7}
.hx-more{flex:none;font-size:12px;color:#a07a8b;white-space:nowrap}.hx-more>span{margin-left:9px}
.hx-category-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 10px}
.hx-category-tabs a{font-size:12px;color:#9b8691;padding:6px 10px;line-height:1.5;border-radius:4px}
.hx-category-tabs a:hover,.hx-category-tabs a.is-active{background:#f8e6ed;color:#b7466d}
.hx-course-rows{border-top:1px solid var(--hx-line)}
.hx-course-row{min-width:0;border-bottom:1px solid var(--hx-line)}
.hx-course-row>a{display:flex;align-items:center;gap:16px;min-height:137px;color:inherit;padding:17px 0;transition:background-color .2s}
.hx-course-row>a:hover{background:#fff2f6}
.hx-row-number{font-family:Georgia,serif;color:#d3b5c2;font-size:15px;width:19px;flex:none}
.hx-row-cover{width:156px;aspect-ratio:16/9;border-radius:5px;overflow:hidden;position:relative;background:#f3e7ed;flex:none}
.hx-row-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.hx-row-cover>span{position:absolute;right:6px;bottom:6px;background:#fffdfd;color:#a97b90;font-size:12px;line-height:23px;text-align:center;width:23px;height:23px;border-radius:3px}
.hx-course-row>a:hover img{transform:scale(1.035)}
.hx-row-copy{min-width:0;flex:1}.hx-row-source{font-size:12px;color:#b296a4;margin:0 0 8px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-row-copy h3{font-size:14px;font-weight:500;line-height:1.65;letter-spacing:.1px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hx-row-meta{margin:10px 0 0;display:flex;align-items:center;gap:13px;font-size:12px;color:#ae95a2;line-height:1.5}
.hx-row-meta>span:first-child{color:#bc5a7d}.hx-row-arrow{margin-left:auto;color:#b89cab;font-size:20px;flex:none}
.hx-side-column{display:flex;flex-direction:column;gap:27px;min-width:0}
.hx-membership-note{background:#f8e5ed;padding:27px 25px 25px;border-radius:7px;position:relative;overflow:hidden;color:#864c64}
.hx-membership-note>.hx-eyebrow{color:#b77f96;font-size:12px;margin-bottom:30px}
.hx-membership-symbol{position:absolute;top:30px;right:22px;color:#e1a1ba;font-size:46px;line-height:1}
.hx-membership-note h2{margin:0 0 15px;font-size:25px;font-weight:500;line-height:1.5;letter-spacing:.3px}
.hx-membership-note>p:not(.hx-eyebrow){font-size:12px;line-height:1.9;margin:0 0 22px;color:#ad7c91}
.hx-membership-note>a{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edcbd9;padding-top:16px;color:#a34c71;font-size:12px}
.hx-ranking{padding:0 4px}.hx-rank-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hx-line);padding-bottom:15px;margin-bottom:4px}
.hx-rank-heading h2{font-size:17px;line-height:1.5;font-weight:500;margin:0}.hx-rank-heading>a{color:#a48092;font-size:18px}
.hx-ranking ol{list-style:none;margin:0;padding:0}.hx-ranking li+li{border-top:1px solid #f3e9ee}
.hx-ranking li>a{display:flex;align-items:baseline;gap:14px;padding:15px 0;color:#806a75;font-size:12px;line-height:1.7}
.hx-ranking li>a:hover{color:var(--hx-pink)}.hx-rank-no{font-family:Georgia,serif;font-size:15px;color:#c897ad;flex:none}.hx-ranking li:first-child .hx-rank-no{color:#d44d7b}
.hx-community-note{display:block;padding:25px;background:#fff;border:1px solid #eedae3;border-radius:7px;color:#8c6a7c}
.hx-community-note>span{font-size:12px;letter-spacing:1.5px;color:#ba92a4}.hx-community-note h3{font-size:24px;line-height:1.5;font-weight:400;margin:17px 0 13px;color:#765264}.hx-community-note p{font-size:12px;line-height:1.9;color:#b08d9f}.hx-community-note>b{display:block;margin-top:22px;font-size:12px;font-weight:500}
.hx-empty{padding:35px 20px;color:#ae99a4;font-size:12px;text-align:center}
.hx-special-section{margin-top:20px;padding-top:36px;border-top:1px solid var(--hx-line)}
.hx-special-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.hx-special{border:1px solid var(--hx-line);background:#fff;border-radius:7px;padding:22px}
.hx-special>header{display:flex;gap:14px;align-items:center;border-bottom:1px solid #f0e2e9;padding-bottom:18px;margin-bottom:3px}
.hx-special-number{font-family:Georgia,serif;font-size:35px;font-weight:400;color:#e3bbcd;flex:none}
.hx-special header>div{min-width:0}.hx-special header h3{font-size:16px;font-weight:500;line-height:1.6;margin:0}.hx-special header p{font-size:12px;line-height:1.7;margin:3px 0 0;color:#b297a4}.hx-special header>a{margin-left:auto;color:#b57d96;font-size:20px;flex:none}
.hx-special .hx-course-row:last-child{border-bottom:0}.hx-special .hx-course-row>a{gap:12px;min-height:105px;padding:14px 0}.hx-special .hx-row-number,.hx-special .hx-row-arrow{display:none}.hx-special .hx-row-cover{width:112px}.hx-special .hx-row-copy h3{font-size:12px}.hx-special .hx-row-source{font-size:12px;margin-bottom:5px}.hx-special .hx-row-meta{font-size:12px;margin-top:7px;gap:9px}
.hx-journal{margin-top:48px}.hx-journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.hx-journal-grid>article{border-top:2px solid #e0b5c7}.hx-journal-grid>article>a{display:flex;flex-direction:column;color:inherit;height:100%;padding-top:22px}.hx-journal time{font-size:12px;color:#bd9eac;letter-spacing:1px}.hx-journal h3{font-size:15px;line-height:1.75;font-weight:500;margin:14px 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hx-journal article p{font-size:12px;line-height:1.85;color:#ac95a0;margin:0 0 23px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hx-journal-read{display:flex;justify-content:space-between;margin-top:auto;font-size:12px;color:#b2708e}.hx-journal-read b{font-size:15px;font-weight:400}
.hx-providers{margin-top:50px;padding-top:26px;border-top:1px solid var(--hx-line);display:flex;align-items:center;gap:30px}.hx-providers h2{font-size:12px;line-height:1.6;font-weight:400;color:#ba9baa;max-width:90px;flex:none}.hx-providers>div{display:flex;flex-wrap:wrap;gap:15px 25px}.hx-providers a,.hx-providers span{font-size:12px;font-weight:500;line-height:1.7;color:#9e7e8e}
.hx-footer{background:#fff4f7;border-top:1px solid #f2e2e9;color:#9f8191;padding:31px 0 20px;font-size:12px;line-height:1.7}.hx-footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:24px}.hx-footer-brand{font-size:18px;font-weight:500;color:#80586e}.hx-footer-brand>span{font-size:20px;margin-left:7px;color:#d991ad}.hx-footer-main p{margin:5px 0 0;font-size:12px;color:#bd9aab}.hx-footer-main nav{display:flex;gap:24px}.hx-footer-main nav a{color:#a78395;font-size:12px}.hx-footer-legal{border-top:1px solid #efdce5;padding-top:17px;display:flex;flex-wrap:wrap;align-items:center;gap:7px 17px;font-size:12px;color:#bd9dac}.hx-footer-legal a{color:inherit}.hx-powered{margin-left:auto}.hx-footer a:hover{color:var(--hx-pink)}
/* Catalogue, course details, membership, wallet and history retain their real form/control markup. */
.lp-catalog{padding-top:33px;padding-bottom:48px}.lp-filter-form{padding:22px;background:#fff;border:1px solid var(--hx-line);border-radius:7px;gap:14px;margin-bottom:25px}.lp-filter-options{gap:10px}.lp-select-wrap select{font-size:12px;height:39px;width:148px;border-color:#eadce3;border-radius:4px;color:#826573;background:#fffbfc}.lp-select-chevron{stroke:#b995a7}.lp-search-box{border-color:#eadce3;border-radius:4px;width:260px;height:39px;background:#fffbfc}.lp-search-box input{font-size:12px;color:#826573}.lp-search-box input::placeholder{color:#bda7b2}.lp-search-box:focus-within{border-color:var(--hx-pink);box-shadow:0 0 0 2px #fbe7ed}.lp-search-box button:hover{background:var(--hx-petal);color:var(--hx-pink)}
.lp-filter-summary{font-size:12px;color:#b196a3}.lp-filter-summary>span{background:#f9edf2;border-color:#eedce5;color:#b08096}.lp-filter-summary a{color:var(--hx-pink)}
.lp-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 24px}.lp-course-card{border-radius:6px;background:#fff;border:1px solid #f0e4ea;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease}.lp-course-card:hover{box-shadow:0 8px 25px #a65c7510;transform:translateY(-3px)}.lp-course-cover{aspect-ratio:16/9;background:#f5e9ee}.lp-course-cover img{filter:none}.lp-course-duration{font-size:12px;height:26px;line-height:26px;padding:0 12px}.lp-course-info{padding:15px 15px 17px}.lp-course-title{font-weight:500;font-size:13px;height:42px;line-height:21px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#705362}.lp-course-price{color:#c26287;font-size:12px;font-weight:400}.lp-course-source{font-size:12px;color:#b59bab}.lp-course-meta{margin-top:10px;height:auto;line-height:20px}.lp-course-enter{color:#b58a9f}.lp-course-enter .lp-icon{width:17px;height:17px}
.lp-pagination{font-size:12px;color:#aa8d9d;gap:13px}.lp-page-links>a,.lp-page-links>span{border-color:#ecdde4;border-radius:4px;color:#a58094}.lp-page-links>.is-current{background:var(--hx-pink);color:#fff;border-color:var(--hx-pink)}.lp-page-links>a:hover{border-color:#d980a1;color:var(--hx-pink)}.lp-page-jump input,.lp-page-jump button{border-color:#ecdde4;color:#a58094;border-radius:4px}.lp-page-links>.is-disabled{background:#fff7fa;color:#d8c1cc}
.cc-shell{padding-top:31px;padding-bottom:45px}.cc-breadcrumb,.lp-breadcrumb{font-size:12px;color:#b39aa7;margin-bottom:23px}.cc-breadcrumb a,.lp-breadcrumb a{color:#b0879a}.cc-heading{margin-bottom:25px}.cc-heading h1{font-size:27px;line-height:1.6;font-weight:500;color:#694a5b}.cc-heading p{color:#aa889a;font-size:12px;line-height:1.8}.cc-eyebrow{color:var(--hx-pink);letter-spacing:1.5px;font-size:12px}.cc-text-link{font-size:12px;color:#ba6a8d}.cc-card{background:#fff;border:1px solid #f0e0e8;border-radius:7px;box-shadow:none}.cc-card h2,.cc-card h3{color:#78546a;font-weight:500}.cc-card p,.cc-small,.ct-small{color:#a38a98}.cc-button,.cc-button-primary{border-radius:5px;font-size:12px;background:var(--hx-pink);border-color:var(--hx-pink);color:#fff}.cc-button-primary:hover{background:var(--hx-pink-dark);border-color:var(--hx-pink-dark)}.cc-button-secondary{background:#fff7fa;border-color:#e8c9d7;color:#b66387}.cc-button-secondary:hover{background:#fce9f1;border-color:#db9eb8;color:#a74670}.cc-card input,.cc-card select{border-color:#ebd8e2;border-radius:4px}.cc-card input:focus,.cc-card select:focus{border-color:#d44d7b;box-shadow:0 0 0 2px #fae8ef}.cc-small{font-size:12px}.cc-badge,.ct-badge{background:#fbe7ef;color:#c1648b;border-color:#edcad9}
.vm-membership .cc-heading{border-bottom:1px solid var(--hx-line);padding-bottom:22px}.vm-account{background:#fff8fb;border-color:#efd8e3;padding:25px}.vm-badge{background:#f3d2e1;color:#b44a77;border:1px solid #e6b1c8}.vm-grid{grid-template-columns:minmax(0,1fr) 1.55fr;gap:25px}.vm-intro{padding:28px}.vm-intro h2{font-size:20px;line-height:1.5}.vm-learning-note{border-color:#eedde5}.vm-learning-note h3{font-size:13px}.vm-learning-note p{font-size:12px;line-height:1.9}.vm-learning-note a{font-size:12px;color:#bf7394}.vm-course-count{background:#fff3f8;border-color:#f0d8e3}.vm-course-count strong{color:var(--hx-pink);font-weight:400}.vm-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.vm-plan{border-top:3px solid #df9ab8;background:#fff;padding:27px 23px}.vm-plan-heading h2{font-size:19px;font-weight:400}.vm-plan-heading>span{border-radius:3px;background:#fff0f6;color:#be7e9b;font-size:12px}.vm-plan-price{margin:27px 0 22px;color:var(--hx-pink)}.vm-plan-price strong{font-weight:400;font-family:Georgia,serif}.vm-plan-description{line-height:1.9;font-size:12px}.vm-plan .cc-button{margin-top:19px;border-color:#e8bccf!important;min-height:45px}.vm-plan .cc-small{font-size:12px}.vm-plan .cc-button img{object-fit:contain}
.ct-watch-grid{grid-template-columns:minmax(0,1fr) 268px;gap:25px}.ct-player-panel{background:#fff;border:1px solid #f0dfe7;border-radius:6px;overflow:hidden}.ct-player{display:block;aspect-ratio:16/9;width:100%;height:auto;background:#211c20;border-radius:0}.ct-watch-note,.ct-status{padding:0 17px;font-size:12px;line-height:1.8}.ct-watch-directory h2{font-size:16px}.ct-watch-list li.is-active a{background:#fff0f6;color:#b95480}.ct-watch-list a{border-color:#f0e1e8;font-size:12px;line-height:1.8}.ct-watch-list small{color:#bb7998}.ct-panel{border-color:#f0dce7}.ct-course-cover img{filter:none}
.lp-help-page{padding-top:32px}.lp-help-intro{background:#fff;border:1px solid var(--hx-line);border-radius:6px;padding:33px}.lp-help-intro h1{font-size:25px;font-weight:500;color:#705467}.lp-help-text{font-size:13px;line-height:1.95;color:#a58899}.lp-help-links .lp-button{background:var(--hx-pink);border-color:var(--hx-pink);border-radius:4px;font-size:12px}.lp-help-card{border:1px solid var(--hx-line);background:#fff;border-radius:6px}.lp-help-card h2{font-size:15px;font-weight:500}.lp-help-card p{font-size:12px;color:#a58999}.lp-help-card>.lp-icon{color:var(--hx-pink)}
/* Shared EduSoho pages use the same new sidebar/header and retain the underlying forms. */
.lp-core:not(.lp-account-page) .container{width:calc(100% - 72px);max-width:1200px}.lp-core #content-container{margin-top:32px;min-height:65vh}.lp-core .es-wrap{background:transparent}.lp-core .panel,.lp-core .es-section{border-color:#efdee7;border-radius:6px;box-shadow:none;background:#fff}.lp-core .panel-heading{background:#fffafb;border-color:#f0dfe8;padding:20px 23px}.lp-core .panel-body{padding:23px}.lp-core .panel-title{color:#80576e;font-weight:500;font-size:16px}.lp-core .panel-heading .more{color:#bb8ca3}.lp-core .text-muted{color:#ad92a1}.lp-core .text-primary,.lp-core .link-primary{color:var(--hx-pink)}.lp-core .btn-primary{color:#fff;background:var(--hx-pink);border-color:var(--hx-pink);border-radius:4px}.lp-core .btn-primary:hover{background:var(--hx-pink-dark);border-color:var(--hx-pink-dark)}.lp-core .btn-default{border-color:#e9cada;color:#b97897;background:#fff9fb}.lp-core .btn-default:hover{color:#a74471;background:#fcebf2;border-color:#e0aac3}.lp-core .breadcrumb,.lp-core .breadcrumb a{font-size:12px;color:#b290a3}.lp-core .nav-pills>li.active>a,.lp-core .nav-pills>li.active>a:hover{background:var(--hx-pink);color:#fff}.lp-core .nav-tabs>li.active>a{border-top-color:var(--hx-pink);color:var(--hx-pink)}.lp-core .es-tabs .tab-header>ul>li.active{border-bottom-color:var(--hx-pink)}.lp-core .es-tabs .tab-header>ul>li.active>a{color:var(--hx-pink)}.lp-core .article-list-header,.lp-core .article-list-content{background:#fff;border-color:#efdee7}.lp-core .article-item{border-color:#f1e2e9}.lp-core .article-item .title{font-size:19px;font-weight:500;line-height:1.6;color:#7d5a6f}.lp-core .article-item .content{color:#a68b9b;font-size:12px;line-height:1.9}.lp-core .article-item .metas{color:#bc9eae;font-size:12px}.lp-core .form-control{border-color:#e9d7e2;box-shadow:none;border-radius:4px}.lp-core .form-control:focus{border-color:#d44d7b;box-shadow:0 0 0 3px #fbe7ef}.lp-core .pagination>.active>a{background:var(--hx-pink);border-color:var(--hx-pink)}.lp-core .pagination>li>a{color:#b17896;border-color:#ecd8e3}.lp-core .media-list .media{border-color:#f0dfe8}.lp-core .media-heading{color:#80566e}.lp-core .group-title{color:#825d72}.lp-core .label-primary{background:var(--hx-pink)}.lp-services{display:none!important}
/* Account entry keeps live login/registration controls and replaces the old sky illustrations. */
body.lp-account-page{padding-left:0;min-width:1120px;background:#fff7fa;color:#765368}
.lp-account-page .lp-account-background,.lp-account-page .lp-account-background-image{display:none!important}.lp-account-page .es-wrap{min-height:100vh;background:linear-gradient(110deg,#fbe6ef 0%,#fff5f9 49%,#fff 49%,#fff 100%)}
.lp-account-header{width:calc(100% - 112px)!important;max-width:1280px!important;height:96px!important;border-bottom:1px solid #f0dce6;margin:0 auto!important;padding:0!important;background:transparent!important;box-shadow:none!important;display:flex;align-items:center;justify-content:space-between}
.lp-account-brand{gap:12px!important}.lp-account-logo{content:url('/customize/mmoo-flower.svg');width:39px!important;height:39px!important}.lp-account-brand-name{color:#97526f!important;font-size:23px!important;font-weight:500!important}.lp-account-home{font-size:12px!important;color:#b58ba1!important}.lp-account-home svg{stroke:currentColor}
.lp-account-main{padding:40px 0!important;background:transparent!important;min-height:calc(100vh - 180px)}.lp-account-stage{width:1000px!important;max-width:calc(100% - 110px)!important;display:grid!important;grid-template-columns:1fr 450px!important;gap:90px!important;align-items:center!important;min-height:500px!important;margin:0 auto!important}
.lp-account-art{width:100%!important;min-height:370px!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;flex-direction:column!important;position:relative;padding-bottom:25px}.lp-account-art>img{display:none!important}.lp-account-art:before{content:"让学习，\A 长出新的可能。";white-space:pre;display:block;color:#bf5d89;font-size:42px;font-weight:400;line-height:1.6;letter-spacing:-1px}.lp-account-art:after{content:"从一堂好课开始，\A 找到属于自己的成长节奏。";white-space:pre;display:block;color:#be97ab;font-size:13px;line-height:2;margin-top:25px;letter-spacing:1px}
.lp-account-card{width:450px!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.lp-account-page .login-section{margin:0!important;padding:30px 20px!important;max-width:none!important;border:0!important;background:transparent!important;box-shadow:none!important}.lp-account-page .logon-tab{display:flex;border-bottom:1px solid #f0dce6;margin-bottom:30px!important;padding-bottom:12px!important}.lp-account-page .logon-tab>a{width:auto!important;padding:0 0 15px!important;margin-right:30px!important;float:none!important;font-size:17px!important;font-weight:400!important;color:#b899aa!important;border:0!important;background:transparent!important}.lp-account-page .logon-tab>a.active{color:#b34f7b!important;border-bottom:2px solid #d44d7b!important}.lp-account-page .login-main{padding:0!important}.lp-account-page .form-control.input-lg{height:49px!important;background:#fff9fc!important;border:1px solid #ecd8e3!important;color:#82556f!important;font-size:12px!important;border-radius:5px!important;box-shadow:none!important;padding-left:15px!important}.lp-account-page .form-control::placeholder{color:#bc9bae!important}.lp-account-page .form-control:focus{border-color:#d980a5!important;box-shadow:0 0 0 3px #fbe8f0!important}.lp-account-page .js-btn-login,.lp-account-page #register-btn{height:47px!important;font-size:13px!important;font-weight:400!important;border-radius:5px!important;background:#d44d7b!important;border-color:#d44d7b!important;box-shadow:none!important}.lp-account-page .lp-account-options,.lp-account-page .lp-account-register{font-size:12px!important;color:#b08ba2!important}.lp-account-page .lp-account-forgot,.lp-account-page .link-primary{color:#bc7598!important}.lp-account-page .lp-account-remember{font-size:12px!important;color:#aa8b9e!important;font-weight:400!important}.lp-account-page .lp-account-remember input{accent-color:#d44d7b}.lp-account-page .lp-account-password-toggle{color:#c093aa!important}.lp-account-page .lp-account-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;font-size:12px!important;color:#b99bac!important;padding:22px!important;background:transparent!important}.lp-account-page .lp-account-footer a{color:#b99bac!important}.lp-account-page .login-section .alert{font-size:12px;border-radius:4px}.lp-account-page .help-block{font-size:12px}.lp-account-page .control-label{color:#a27d93;font-size:12px}.lp-account-page .login-section .mbl{margin-bottom:19px!important}
@media(min-width:1600px){.hx-topbar{padding-right:50px;padding-left:50px}.lp-container{width:calc(100% - 100px)}.hx-hero{gap:60px}.hx-hero h1{font-size:60px}.hx-row-cover{width:172px}}
@media(max-width:1250px){.hx-topbar{gap:17px}.hx-topbar-home{display:none}.hx-search{margin-right:auto;margin-left:0;width:310px}.hx-account-links{gap:16px}.hx-learning-layout{grid-template-columns:minmax(0,1fr) 220px;gap:27px}.hx-row-cover{width:135px}.hx-course-row>a{gap:12px}.hx-row-copy h3{font-size:12px}.hx-row-number{font-size:13px;width:17px}.hx-row-arrow{font-size:18px}.hx-membership-note{padding:23px 21px}.hx-hero h1{font-size:43px}.hx-hero-secondary{font-size:12px}.hx-hero-actions{gap:13px}.hx-visual-note>a{font-size:12px}.hx-special{padding:18px}.hx-special .hx-row-cover{width:96px}.lp-filter-form{align-items:flex-start}.lp-filter-options{width:100%}.lp-search-box{width:100%;margin:0}.lp-course-grid{gap:20px}.hx-discover-strip{gap:15px}.hx-discover-strip>a{padding-left:15px;font-size:12px}.vm-grid{grid-template-columns:1fr}.vm-plans{grid-row:1}.ct-watch-grid{grid-template-columns:minmax(0,1fr) 230px}.hx-powered{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lp-body a,.lp-core a,.hx-featured-course,.hx-row-cover img,.lp-course-card{transition:none!important}.hx-featured-course{transform:none}.lp-course-card:hover{transform:none}.hx-course-row>a:hover img{transform:none}}

/* Desktop reading refinement: Chinese body copy 13–14px, metadata at least 12px. */
.hx-sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#eed5e1 transparent}.hx-brand,.hx-nav,.hx-nav-tools,.hx-sidebar-note{flex-shrink:0}
body.lp-body,body.lp-core{font-size:14px;line-height:1.7}
.hx-sidebar{font-size:14px}.hx-brand small{font-size:12px;letter-spacing:0;color:#957888}.hx-nav-caption{font-size:12px;letter-spacing:1px;color:#957888}.hx-nav-item{font-size:14px;height:47px}.hx-nav-index{font-size:12px}.hx-nav-tools>a{font-size:13px;color:#876b7c}.hx-sidebar-note p{font-size:13px;color:#876b7c}.hx-sidebar-note a{font-size:12px}
.hx-topbar,.hx-search input,.hx-search button{font-size:13px}.hx-topbar-home{font-size:13px}.hx-account-links .hx-vip-link,.hx-account-links .hx-register,.hx-account-links .hx-logout{font-size:13px}.hx-account-links{gap:18px}.hx-search{height:42px;min-width:225px;flex-shrink:1}
.hx-eyebrow,.hx-section-heading .hx-eyebrow{font-size:12px;color:#957184;letter-spacing:1px}.hx-hero-description{font-size:14px;line-height:1.9;color:#8d6f80;margin-bottom:25px}.hx-button{font-size:14px;min-height:46px}.hx-hero-secondary{font-size:13px}.hx-hero-foot{font-size:12px;color:#9b7d8e;letter-spacing:.5px}.hx-hero-actions{gap:20px}.hx-hero-copy>.hx-eyebrow{font-size:12px;letter-spacing:.7px}
.hx-featured-copy>div>span{font-size:12px;color:#967184}.hx-featured-copy h2{font-size:17px}.hx-featured-tag{font-size:12px}.hx-visual-note{margin-left:8px;gap:10px}.hx-visual-note p,.hx-visual-note strong,.hx-visual-note>a{font-size:12px;color:#8b657a}.hx-visual-note>a{white-space:normal;max-width:135px;text-align:right;line-height:1.65}
.hx-discover-strip>span{font-size:13px;color:#8c687c}.hx-discover-strip>a{font-size:14px;gap:10px}.hx-discover-strip>a b{font-size:12px}.hx-section-description{font-size:13px;color:#947284}.hx-more{font-size:13px}.hx-category-tabs a{font-size:12px;color:#8f6d7f;padding:7px 11px}.hx-category-tabs{gap:5px;margin-bottom:13px}.hx-row-source{font-size:12px;color:#9b7b8d}.hx-row-copy h3{font-size:16px;line-height:1.65}.hx-row-meta{font-size:12px;color:#947285;gap:12px}.hx-row-meta>span:first-child{color:#af5279}.hx-course-row>a{min-height:148px;padding:21px 0;gap:16px}.hx-row-number{font-size:16px;color:#bc8da5}.hx-rank-heading h2{font-size:18px}.hx-ranking li>a{font-size:13px;line-height:1.75;padding:17px 0;color:#886679}.hx-rank-no{font-size:17px}
.hx-membership-note>.hx-eyebrow{font-size:12px;color:#9f647f}.hx-membership-note>p:not(.hx-eyebrow){font-size:13px;color:#9d647e}.hx-membership-note>a{font-size:13px}.hx-community-note>span{font-size:12px;color:#9e728a}.hx-community-note p{font-size:13px;color:#9b7389}.hx-community-note>b{font-size:13px}.hx-empty{font-size:13px}
.hx-special header h3{font-size:18px}.hx-special header p{font-size:12px;color:#9b778c}.hx-special .hx-row-copy h3{font-size:15px;line-height:1.7}.hx-special .hx-row-source{font-size:12px}.hx-special .hx-row-meta{font-size:12px}.hx-special .hx-course-row>a{min-height:126px}.hx-special .hx-row-cover{width:120px}.hx-journal time{font-size:12px;color:#9c748b}.hx-journal h3{font-size:17px;line-height:1.7}.hx-journal article p{font-size:13px;line-height:1.85;color:#927083}.hx-journal-read{font-size:13px}.hx-providers h2{font-size:13px;color:#9a748a}.hx-providers a,.hx-providers span{font-size:14px;color:#8d657d}
.hx-footer-main p,.hx-footer-main nav a{font-size:13px;color:#9b7288}.hx-footer-legal{font-size:12px;gap:8px 16px;color:#9a7388;line-height:1.8}.hx-footer-brand{font-size:21px}.hx-footer-main{padding-bottom:26px}.hx-powered{margin-left:0}
.lp-select-wrap select,.lp-search-box input{font-size:14px}.lp-filter-summary{font-size:12px;color:#987286}.lp-course-title{font-size:16px;height:52px;line-height:26px;color:#725165}.lp-course-source,.lp-course-duration{font-size:12px}.lp-course-source{color:#9b778e}.lp-course-price{font-size:13px}.lp-course-meta{height:auto;min-height:26px}.lp-course-info{padding:17px 17px 20px}.lp-pagination{font-size:13px}.cc-breadcrumb,.lp-breadcrumb,.lp-core .breadcrumb,.lp-core .breadcrumb a{font-size:12px;color:#987387}.cc-heading p{font-size:14px;color:#987185}.cc-eyebrow{font-size:12px}.cc-text-link{font-size:13px}.cc-button,.cc-button-primary{font-size:14px}.cc-small,.ct-small{font-size:12px}.vm-learning-note h3{font-size:15px}.vm-learning-note p,.vm-learning-note a{font-size:13px}.vm-plan-description{font-size:13px}.vm-plan .cc-small{font-size:12px}.vm-plan-heading>span{font-size:12px}.ct-watch-note,.ct-status{font-size:13px}.ct-watch-list a{font-size:13px}.lp-help-card p{font-size:13px}.lp-help-links .lp-button{font-size:14px}.lp-help-card h2{font-size:17px}.lp-core .article-item .content{font-size:14px}.lp-core .article-item .metas{font-size:12px}
.lp-account-home,.lp-account-page .lp-account-options,.lp-account-page .lp-account-register,.lp-account-page .lp-account-remember{font-size:13px!important}.lp-account-page .form-control.input-lg{font-size:14px!important}.lp-account-page .js-btn-login,.lp-account-page #register-btn{font-size:15px!important}.lp-account-page .lp-account-footer{font-size:12px!important;color:#9a7388!important}.lp-account-page .lp-account-footer a{color:#9a7388!important}.lp-account-page .help-block,.lp-account-page .control-label{font-size:12px}.lp-account-page .login-section .alert{font-size:13px}
@media(min-width:1251px) and (max-width:1599px){.hx-hero{min-height:480px;grid-template-columns:1fr 1.06fr;gap:30px}.hx-hero h1{font-size:53px;line-height:1.28}.hx-hero-visual{padding-top:12px}.hx-hero-foot{margin-top:28px}.hx-hero-visual .hx-featured-copy{padding:20px 21px 22px}.hx-hero-actions{gap:18px}.hx-button{gap:20px}.hx-hero-secondary{white-space:nowrap}}
@media(max-width:1250px){.hx-row-copy h3{font-size:15px}.hx-row-meta{flex-wrap:wrap;gap:3px 12px}.hx-row-cover{width:132px}.hx-row-source{font-size:12px}.hx-hero-secondary{font-size:12px}.hx-hero-actions{gap:12px}.hx-button{padding-right:15px;padding-left:15px;gap:12px;font-size:13px}.hx-visual-note>a{font-size:12px}.hx-discover-strip>a{font-size:13px}.hx-special .hx-row-cover{width:105px}.hx-special .hx-row-copy h3{font-size:15px}.hx-special header p{line-height:1.7}.hx-special .hx-row-meta>span:last-child{display:none}.hx-topbar .hx-account-links{gap:15px}}