:root{--pink:#e7bfd3;--pink-soft:#fff7fb;--pink-pale:#fcf5f9;--rose:#aa6d8a;--ink:#32172a;--text:#5b4552;--line:rgba(50,23,42,.18);--white:#fff;--shadow:0 24px 70px rgba(120,74,98,.16)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--pink-soft);color:var(--ink);font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;letter-spacing:0}
body.drawer-open{overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit}
.top-sentinel{position:absolute;top:0;left:0;width:1px;height:1px}
.to-top{position:fixed;right:18px;bottom:18px;z-index:30;opacity:0;pointer-events:none;transform:translateY(12px);transition:.28s ease;background:var(--ink);color:white;text-decoration:none;border-radius:999px;padding:11px 14px;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.12em}
.to-top.top-is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.lc-site-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:18px clamp(18px,4vw,52px);border-top:14px solid var(--pink-pale);border-bottom:1px solid var(--line);background:rgba(255,247,251,.94);backdrop-filter:blur(12px);transition:padding .25s ease,border-top-width .25s ease,box-shadow .25s ease}
.lc-site-header.light{padding-top:12px;padding-bottom:12px;border-top-width:8px;box-shadow:0 16px 50px rgba(50,23,42,.08)}
.title-area{text-align:center}.title-area img{width:min(360px,46vw);height:auto;margin:auto}.title-area p{margin:4px 0 0;color:var(--rose);font-size:11px;text-transform:uppercase;letter-spacing:.22em;font-weight:800}
.nav-primary,.nav-secondary{display:flex;gap:18px;align-items:center}.nav-primary{justify-content:flex-start}.nav-secondary{justify-content:flex-end}
.lc-site-header nav a,.lc-site-footer nav a,.side-container a{text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--ink)}
.lc-site-header nav a:hover,.lc-site-footer nav a:hover,.side-container a:hover{color:var(--rose)}
.responsive-menu-icon{display:none;border:1px solid var(--line);background:white;color:var(--ink);border-radius:999px;padding:10px 14px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.mobile-menu{display:none}
.lc-side-toggle{position:fixed;right:0;top:42%;z-index:31;writing-mode:vertical-rl;transform:translateY(-50%);border:1px solid var(--line);border-right:0;background:white;color:var(--rose);padding:14px 9px;border-radius:12px 0 0 12px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;box-shadow:var(--shadow);cursor:pointer}
.lc-side-content{position:fixed;inset:0;z-index:40;display:grid;justify-content:end;background:rgba(50,23,42,.22);opacity:0;pointer-events:none;transition:opacity .26s ease}
.drawer-open .lc-side-content{opacity:1;pointer-events:auto}
.side-container{width:min(420px,92vw);height:100dvh;overflow:auto;background:var(--pink-soft);padding:28px;border-left:1px solid var(--line);box-shadow:-24px 0 70px rgba(50,23,42,.16);transform:translateX(28px);transition:transform .32s ease}
.drawer-open .side-container{transform:translateX(0)}
.side-close{position:static;writing-mode:horizontal-tb;transform:none;border:1px solid var(--line);border-radius:999px;background:white;padding:10px 14px;margin-bottom:26px;color:var(--ink);box-shadow:none}
.side-container h2,.side-container h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;margin:24px 0 12px}.side-container h2{font-size:42px}.side-container h3{font-size:26px}.side-container a{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.social-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-links a{text-align:center;border:1px solid var(--pink);background:white;border-radius:999px}
.lc-hero-image-section{min-height:calc(100dvh - 120px);display:grid;place-items:center;background:linear-gradient(180deg,rgba(255,247,251,.38),rgba(255,247,251,.84)),url("/assets/composition/homepage-bg-1.png");background-size:cover;background-position:center;border-bottom:1px solid var(--line);padding:clamp(38px,8vw,96px)}
.hero-logo-card{width:min(760px,92vw);padding:clamp(28px,5vw,56px);background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow);text-align:center}.hero-logo-card img{width:min(560px,80vw);margin:auto}.hero-logo-card p{margin:16px auto 0;max-width:520px;color:var(--text);font-size:18px;line-height:1.55}
.fadeup-effect{opacity:0;transform:translateY(26px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}.fadeup-effect.fadeInUp{opacity:1;transform:translateY(0)}
.lc-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:var(--pink-pale);padding:clamp(20px,4vw,58px);border-bottom:1px solid var(--line)}
.home-grid-tile{position:relative;min-height:340px;overflow:hidden;text-decoration:none;background:white;border:12px solid var(--pink-pale);box-shadow:0 12px 38px rgba(120,74,98,.08)}
.home-grid-tile img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}.home-grid-tile:hover img{transform:scale(1.05);filter:saturate(1.06)}
.home-grid-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,247,251,.05),rgba(50,23,42,.46))}
.home-grid-tile span,.home-grid-tile strong{position:absolute;z-index:1;left:22px;right:22px;text-align:center;color:white;text-shadow:0 2px 20px rgba(50,23,42,.34)}
.home-grid-tile span{bottom:76px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:900}.home-grid-tile strong{bottom:28px;font-family:Georgia,"Times New Roman",serif;font-size:44px;font-weight:400}
.lc-welcome-wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,70px);padding:clamp(38px,7vw,96px);align-items:center;background:white;border-bottom:1px solid var(--line)}
.home-welcome-copy h1,.section-title h1,.accent-text h1,.page-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(56px,9vw,128px);font-weight:400;line-height:.88;margin:0;color:var(--ink)}
.home-welcome-copy p,.section-title p,.page-hero p{font-size:19px;line-height:1.65;color:var(--text);max-width:650px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:16px;padding:12px 20px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:white;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900;transition:.22s ease}.button:hover{background:var(--rose);border-color:var(--rose);transform:translateY(-1px)}
.home-welcome-card{text-decoration:none;background:var(--pink-pale);padding:20px;border:1px solid var(--line);box-shadow:var(--shadow);transition:.28s ease}.home-welcome-card:hover{transform:translateY(-4px)}.home-welcome-card img{width:100%;aspect-ratio:4/5;object-fit:cover}.home-welcome-card span{display:block;margin-top:18px;color:var(--rose);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900}.home-welcome-card strong{display:block;margin-top:8px;font-family:Georgia,"Times New Roman",serif;font-size:36px;line-height:1.05;font-weight:400}
.lc-category-band{padding:clamp(40px,7vw,96px);background:linear-gradient(180deg,rgba(255,247,251,.85),rgba(252,245,249,.96)),url("/assets/composition/homepage-bg-2.png");background-size:cover;background-position:center;border-bottom:1px solid var(--line)}
.section-title{text-align:center;margin:0 auto 32px;max-width:760px}.category-pretty-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.category-pretty-card{display:block;background:white;text-decoration:none;padding:12px;border:1px solid var(--line);text-align:center;transition:.28s ease}.category-pretty-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.category-pretty-card img{width:100%;aspect-ratio:1/1;object-fit:cover}.category-pretty-card span{display:block;margin-top:12px;color:var(--rose);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.category-pretty-card strong{display:block;margin:5px 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:400}
.lc-currently-crushing{display:grid;grid-template-columns:minmax(230px,.8fr) 1.2fr;align-items:center;gap:28px;padding:clamp(36px,7vw,90px);background:var(--pink-pale);border-bottom:1px solid var(--line)}.accent-text h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,7vw,82px);font-weight:400;color:var(--rose);margin:0}.crush-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.crush-item{text-decoration:none;text-align:center;background:white;padding:12px;border:1px solid var(--line);transition:.28s ease}.crush-item:hover{transform:translateY(-4px)}.crush-item img{aspect-ratio:1/1;object-fit:cover;width:100%}.crush-item span{display:block;margin-top:10px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--ink)}
.lc-latest-pretty-posts,.related-pretty{padding:clamp(38px,7vw,90px);background:white;border-bottom:1px solid var(--line);text-align:center}.lc-latest-pretty-posts>h2,.related-pretty>h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,7vw,86px);font-weight:400;margin:0 0 32px}.latest-post-grid,.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;text-align:left}.pretty-post-card{background:white;border:1px solid var(--line);padding:14px;transition:.28s ease}.pretty-post-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.pretty-post-card img{width:100%;aspect-ratio:2/3;object-fit:cover}.entry-header span,.article-hero span{display:block;margin-top:16px;color:var(--rose);text-transform:uppercase;font-size:11px;letter-spacing:.16em;font-weight:900}.entry-header h2{font-family:Georgia,"Times New Roman",serif;font-size:31px;line-height:1.05;font-weight:400;margin:8px 0}.entry-header a{text-decoration:none}.entry-content p{margin:0;color:var(--text);line-height:1.55}.archive-button{margin-top:32px}
.lc-social-strip{padding:clamp(36px,6vw,80px);background:var(--pink-pale);text-align:center}.lc-social-strip h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,6vw,72px);font-weight:400;margin:0 0 28px}.social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1040px;margin:auto}.social-grid a{display:block;overflow:hidden}.social-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:.35s ease}.social-grid a:hover img{transform:scale(1.05)}
.page-hero{padding:clamp(50px,8vw,110px) clamp(20px,5vw,72px);text-align:center;background:linear-gradient(180deg,var(--pink-soft),white);border-bottom:1px solid var(--line)}.page-hero h1{max-width:980px;margin:auto}.page-hero p{margin:18px auto 0}
.archive-grid{padding:clamp(32px,6vw,86px);background:white}
.loves-board{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid var(--line);background:var(--pink-pale)}.loves-board article{padding:clamp(24px,4vw,52px);border-right:1px solid var(--line)}.loves-board strong{color:var(--rose)}.loves-board h2{font-family:Georgia,"Times New Roman",serif;font-size:36px;font-weight:400;margin:10px 0}.loves-board p{color:var(--text);line-height:1.6}
.category-hero{display:grid;grid-template-columns:1fr 1fr;background:var(--pink-pale);border-bottom:1px solid var(--line)}.category-hero img{width:100%;height:100%;min-height:440px;object-fit:cover}.category-hero>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,6vw,90px)}.category-hero span{color:var(--rose);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900}.category-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,8vw,118px);line-height:.88;font-weight:400;margin:12px 0}.category-hero p{font-size:19px;line-height:1.6;color:var(--text);max-width:620px}
.article-shell{max-width:1120px;margin:0 auto;padding:clamp(34px,6vw,90px) clamp(18px,4vw,42px)}.article-hero{text-align:center;max-width:900px;margin:0 auto 32px}.article-hero span{margin-top:0}.article-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,7vw,96px);font-weight:400;line-height:.95;margin:10px 0}.article-hero p{font-size:19px;line-height:1.58;color:var(--text)}.article-meta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;color:var(--rose);text-transform:uppercase;font-size:11px;letter-spacing:.14em;font-weight:900}.article-image img{width:100%;max-height:600px;object-fit:cover;border:1px solid var(--line);box-shadow:var(--shadow)}.article-content{max-width:820px;margin:42px auto 0;font-size:18px;line-height:1.72;color:#42343c}.article-content h2,.article-content h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.08;color:var(--ink)}.article-content h2{font-size:38px;margin-top:42px}.article-content h3{font-size:28px;margin-top:30px}.article-content a{color:var(--rose);font-weight:800}.article-content img{border:1px solid var(--line)}.article-content table{display:block;width:100%;overflow:auto;border-collapse:collapse}.article-content th,.article-content td{padding:10px;border:1px solid var(--line)}.howto-quick-card,.howto-callout,.vs-summary,.comparison-card{padding:18px;border:1px solid var(--line);background:var(--pink-pale)}
.fixed-page-shell{width:min(1160px,calc(100% - 44px));margin:0 auto clamp(56px,9vw,108px);padding-top:clamp(42px,7vw,86px)}.fixed-page-heading{text-align:center;max-width:920px;margin:0 auto 34px}.fixed-page-heading span{color:var(--rose);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900}.fixed-page-heading h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,8vw,112px);line-height:.9;font-weight:400;margin:10px 0}.fixed-page-heading p{font-size:20px;line-height:1.55;color:var(--text)}.fixed-page-hero{display:grid;grid-template-columns:1.12fr .88fr;gap:22px;margin-bottom:24px}.fixed-page-visual-card{position:relative;min-height:340px;overflow:hidden;border:1px solid var(--line);background:var(--pink)}.fixed-page-visual-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,247,251,.08),rgba(50,23,42,.45)),var(--fixed-page-image);background-size:cover;background-position:center;transform:scale(1.02)}.fixed-page-visual-card strong{position:absolute;left:22px;right:22px;bottom:22px;color:white;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,5vw,66px);font-weight:400;line-height:.95}.fixed-page-sidebar{background:var(--pink-pale);border:1px solid var(--line);padding:24px}.fixed-page-sidebar strong{font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:400}.fixed-page-sidebar ul{display:grid;gap:12px;list-style:none;padding:0;margin:16px 0 0}.fixed-page-sidebar li{border-left:3px solid var(--pink);padding-left:12px;color:var(--text);line-height:1.5}.fixed-page-content{background:white;border:1px solid var(--line);padding:clamp(24px,5vw,58px);font-size:18px;line-height:1.72}.fixed-page-content section+section{margin-top:28px}.fixed-page-content h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,3vw,42px);font-weight:400;margin:0 0 10px}.fixed-page-content p{color:var(--text)}.contact-panel{margin-bottom:28px;padding:22px;border:1px solid rgba(170,109,138,.32);background:var(--pink-pale)}.contact-panel a{color:var(--rose);font-weight:900}
.lc-site-footer{display:grid;grid-template-columns:1fr 1.45fr;gap:28px;padding:38px clamp(18px,4vw,56px);background:var(--pink-pale);border-top:1px solid var(--line)}.lc-site-footer img{width:260px}.lc-site-footer p{max-width:430px;color:var(--text);line-height:1.55}.lc-site-footer nav{display:flex;gap:16px;justify-content:flex-end;align-items:center;flex-wrap:wrap}
.xingtu-safe-append[hidden]{display:none!important}
@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.fadeup-effect{opacity:1;transform:none}}
@media (max-width:1080px){.lc-site-header{grid-template-columns:auto 1fr;align-items:center}.responsive-menu-icon{display:inline-flex}.nav-primary,.nav-secondary{display:none}.title-area{text-align:left}.title-area img{margin:0;width:min(320px,62vw)}.mobile-menu{grid-column:1/-1;display:none;grid-template-columns:1fr 1fr;gap:10px;padding-top:14px}.mobile-menu.is-open{display:grid}.mobile-menu a{background:white;border:1px solid var(--line);padding:12px;text-align:center}.lc-home-grid,.latest-post-grid,.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-pretty-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.crush-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.lc-currently-crushing,.lc-welcome-wrap,.category-hero,.fixed-page-hero,.lc-site-footer{grid-template-columns:1fr}.lc-site-footer nav{justify-content:flex-start}}
@media (max-width:640px){.lc-hero-image-section{min-height:520px}.hero-logo-card{padding:24px}.lc-home-grid,.latest-post-grid,.archive-grid,.category-pretty-grid,.loves-board{grid-template-columns:1fr}.home-grid-tile{min-height:300px}.lc-side-toggle{top:auto;bottom:84px}.social-grid{grid-template-columns:repeat(2,1fr)}.mobile-menu{grid-template-columns:1fr}.category-hero img{min-height:300px}.fixed-page-shell{width:calc(100% - 28px)}.fixed-page-content{padding:22px}.article-content{font-size:17px}.lc-site-footer img{width:220px}}