.lg-site-header{position:sticky;top:0;z-index:100;background:#faf9fc;isolation:isolate;border-bottom:1px solid #ded6c8;}
.lg-site-header .header-section{background:#faf9fc;color:#34333f;}
.lg-site-header .header__logo-image{width:auto;max-width:150px;max-height:84px;object-fit:contain;}
.lg-site-header .header-nav__ellipsis,.lg-site-header .header-nav-drawer__ellipsis{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;}
.lg-site-header .header-nav__menu-item{min-width:0;}
.lg-site-header .header-nav-drawer{background:#faf9fc;color:#34333f;}
.lg-site-header .header-nav__underline,.lg-site-header .header-nav-drawer__menu-control{color:#3d3a31;}
.lg-site-header .header-nav__underline:hover,.lg-site-header .header-nav-drawer__menu-control:hover{color:#8c6d3f;background:#f0edf5;}
.lg-site .lg-featured{background:#faf9fc;}
.lg-site .lg-featured .featured-collection__tabs-header{display:block;width:100%;margin-bottom:30px;}
.lg-site .lg-featured .featured-collection__tabs-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;overflow:visible;scroll-behavior:auto;}
.lg-site .lg-featured .featured-collection__tab{flex:0 1 auto;min-width:110px;max-width:100%;margin:0;padding:12px 24px;min-height:46px;border:1px solid #d9cfbb;border-radius:999px;background:#f0edf5;color:#6c6878;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip;text-align:center;font-family:inherit;font-size:14px;line-height:1.65;font-weight:400;}
.lg-site .lg-featured .featured-collection__tab:hover{background:#e7e0f1;border-color:#a99bcb;color:#34333f;}
.lg-site .lg-featured .featured-collection__tab.active{background:#57536b;border-color:#57536b;color:#faf9fc;}
.lg-site .lg-featured .featured-collection__tab:focus-visible{outline:2px solid #a99bcb;outline-offset:3px;}
.lg-site .lg-featured .featured-collection__carousel-indicator-progress{display:none;}
.lg-site .lg-featured .featured-collection__carousel-view-more{background:#f0edf5;}
.lg-site .lg-featured .featured-collection__button{border-radius:50%;background:#57536b;color:#faf9fc;box-shadow:0 4px 14px #34333f1a;}
.lg-site .lg-featured .block-heading{padding-inline:0;}
.lg-site .main-page:has(#diy-app),.lg-site .main-page:has([data-lg-element-app]){padding-block:34px 64px;}
.lg-site .main-page:has(#diy-app)>.main-page__title,.lg-site .main-page:has([data-lg-element-app])>.main-page__title{font-size:13px;line-height:1.8;text-align:left;color:#8a714c;letter-spacing:.15em;margin:0 0 12px;}
.lg-site .main-page__content:has(#diy-app),.lg-site .main-page__content:has([data-lg-element-app]){max-width:none;width:100%;}
#diy-app,[data-lg-element-app]{--purple:#57536b!important;--purple-dark:#766589!important;--blue:#e7dcc7!important;--bg:#faf9fc!important;--ink:#34333f!important;--card:#faf9fc!important;--line:#dad5e3!important;--muted:#6c6878!important;font-family:"PingFang TC","Microsoft JhengHei","Noto Sans TC",sans-serif!important;color:#34333f!important;background:#faf9fc!important;border-radius:12px!important;}
#diy-app .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.08fr) minmax(260px,.9fr);grid-template-areas:"head head head" "preview library fit" "preview library price" "foot foot foot";gap:24px;max-width:1440px!important;padding:40px 24px 30px!important;margin:auto!important;align-items:start;}
#diy-app .wrap>header{grid-area:head;text-align:left;padding:0 0 10px!important;}
#diy-app header .brand{color:#947445;font-size:11px;letter-spacing:.28em;margin-bottom:14px;}
#diy-app header h1{font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;font-size:clamp(28px,3vw,42px);font-weight:400;letter-spacing:.04em;line-height:1.5;margin-bottom:12px;}
#diy-app header p{font-size:14px;color:#6c6878;line-height:1.9;}
#diy-app .card{min-width:0;background:#faf9fc;border:1px solid #dad5e3;border-radius:12px;padding:24px;margin:0;box-shadow:0 5px 24px #5d492807;}
#diy-app .card h2{font-size:16px;line-height:1.8;font-weight:500;margin:0 0 18px;color:#403b30;white-space:normal;overflow-wrap:anywhere;}
#diy-app [data-lg-role="fit"]{grid-area:fit;}
#diy-app [data-lg-role="library"]{grid-area:library;}
#diy-app [data-lg-role="preview"]{grid-area:preview;position:sticky;top:calc(var(--lg-header-height,110px) + 24px);text-align:left;background:radial-gradient(ellipse at center,#fffefb,#f4ecdc);}
#diy-app [data-lg-role="price"]{grid-area:price;}
#diy-app .wrap>footer{grid-area:foot;color:#8b7d65;font-size:11px;margin-top:0;}
#diy-app .stage-slot{display:grid;place-items:center;min-height:370px;}
#diy-app svg{display:block;width:100%;max-width:600px;height:auto;overflow:visible;}
#diy-app svg text{fill:#6e624e;}
#diy-app svg circle[fill="none"]{stroke:#c9b999;}
#diy-app .seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
#diy-app .seg button{flex:none;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.65;font-size:13px;padding:10px 4px;background:#faf6ee;border-color:#dad5e3;border-radius:7px;font-weight:400;}
#diy-app .seg button.on{background:#57536b;border-color:#57536b;color:#faf9fc;}
#diy-app .palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
#diy-app .bead-btn{min-width:0;align-items:flex-start;gap:8px;padding:12px 9px;background:#faf7f0;border-color:#e0d7c7;border-radius:8px;}
#diy-app .bead-btn>span:last-child{flex:1;min-width:0;white-space:normal;overflow:visible;overflow-wrap:anywhere;}
#diy-app .bead-btn .bn{font-size:13px;font-weight:500;line-height:1.7;}
#diy-app .bead-btn .bp{font-size:11px;line-height:1.8;color:#81735e;}
#diy-app .eltag{display:inline-block;max-width:100%;margin:3px 0 0;padding:2px 6px;background:#e7e0f1;color:#786039;font-size:10px;line-height:1.7;white-space:normal;border-radius:4px;}
#diy-app .dot{width:24px;height:24px;margin-top:3px;}
#diy-app .row-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
#diy-app .row-btns button{min-width:0;width:100%;padding:11px 7px;font-size:12px;line-height:1.7;white-space:normal;overflow-wrap:anywhere;background:#f8f3e9;border-color:#dad5e3;border-radius:7px;}
#diy-app .row-btns .warn{color:#916048;}
#diy-app .hint,#diy-app .note{font-size:12px;color:#6c6878;line-height:1.95;white-space:normal;overflow-wrap:anywhere;}
#diy-app .hint b,#diy-app .total{color:#766589;}
#diy-app select,#diy-app textarea{max-width:100%;background:#faf9fc;border-color:#d7cab2;border-radius:7px;color:#34333f;font-family:inherit;font-size:15px;line-height:1.6;}
#diy-app .price-list .li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding-block:10px;border-color:#dfd4c0;line-height:1.9;}
#diy-app .price-list .li span{min-width:0;overflow-wrap:anywhere;white-space:normal;}
#diy-app .total{font-size:23px;font-weight:500;gap:14px;padding-top:10px;}
#diy-app .btn{background:#57536b;border:1px solid #57536b;border-radius:999px;color:#faf9fc;padding:13px 16px;font-size:14px;font-weight:400;line-height:1.8;white-space:normal;overflow-wrap:anywhere;}
#diy-app .btn.sub{background:#eee5d4;border-color:#d1bf9e;color:#6b5330;}
#diy-app .lg-bead-filters{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px;}
#diy-app .lg-bead-filters button{border:1px solid #d8cbb3;border-radius:999px;background:#f7f1e6;color:#75603d;padding:6px 11px;font:inherit;font-size:12px;line-height:1.6;cursor:pointer;}
#diy-app .lg-bead-filters button[aria-pressed="true"]{background:#57536b;border-color:#57536b;color:#faf9fc;}
#diy-app .bead-btn[hidden]{display:none!important;}
#diy-app button:focus-visible,[data-lg-element-app] button:focus-visible{outline:2px solid #a07a40;outline-offset:3px;}
[data-lg-element-app] .wrap{max-width:1080px!important;padding:44px 32px 54px!important;margin-inline:auto!important;}
[data-lg-element-app] header{text-align:left!important;padding:0 0 26px!important;}
[data-lg-element-app] header .brand{color:#947445!important;font-size:11px!important;letter-spacing:.25em!important;}
[data-lg-element-app] header h1{font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;font-size:36px!important;line-height:1.6!important;font-weight:400!important;margin-block:14px!important;color:#34333f!important;}
[data-lg-element-app] header p{font-size:14px!important;line-height:2!important;color:#6c6878!important;}
[data-lg-element-app] .card{max-width:900px;margin-inline:auto!important;padding:30px!important;background:#faf9fc!important;border:1px solid #dad5e3!important;border-radius:12px!important;box-shadow:0 6px 30px #4f412607!important;color:#34333f!important;}
[data-lg-element-app] input,[data-lg-element-app] select,[data-lg-element-app] textarea{font:inherit!important;font-size:16px!important;line-height:1.7!important;background:#faf9fc!important;border:1px solid #d7cab2!important;color:#34333f!important;border-radius:7px!important;max-width:100%;padding:12px 14px!important;min-height:48px;}
[data-lg-element-app] input[type="checkbox"],[data-lg-element-app] input[type="radio"]{width:18px!important;height:18px!important;min-height:0;flex:none;padding:0!important;accent-color:#8b6a36;}
[data-lg-element-app] label{color:#4d4537!important;font-size:14px!important;line-height:1.9!important;white-space:normal;overflow-wrap:anywhere;}
[data-lg-element-app] .btn,[data-lg-element-app] button[type="submit"]{background:#57536b!important;color:#faf9fc!important;border:1px solid #57536b!important;border-radius:999px!important;padding:14px 22px!important;font-size:15px!important;font-weight:400!important;line-height:1.8!important;white-space:normal;}
[data-lg-element-app] .hint,[data-lg-element-app] .note,[data-lg-element-app] footer{color:#827057!important;font-size:12px!important;line-height:2!important;white-space:normal;overflow-wrap:anywhere;}
[data-lg-element-app] .pill,[data-lg-element-app] .chip,[data-lg-element-app] .tag{background:#eee4d0!important;color:#785b30!important;border-color:#d6c49f!important;white-space:normal!important;}
.lg-crystal-guide{padding:64px 0 80px;background:#faf9fc;}
.lg-crystal-guide__intro{max-width:760px;margin:0 auto 44px;text-align:center;}
.lg-crystal-guide h1{font-size:clamp(30px,3.6vw,48px);line-height:1.55;font-weight:400;letter-spacing:.05em;margin:12px 0 22px;}
.lg-crystal-guide__intro>p:last-child{font-size:14px;line-height:2;color:#6c6878;}
.lg-element-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:700px;margin:0 auto 55px;}
.lg-site .lg-element-nav a{display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;background:#f0e9da;border:1px solid #ded0b8;border-radius:9px;padding:15px 5px;color:#715b36;min-width:0;font-size:23px;}
.lg-element-nav a span{font-size:11px;line-height:1.7;white-space:normal;}
.lg-crystal-group{padding:44px 0;border-top:1px solid #ded6c8;scroll-margin-top:calc(var(--lg-header-height,130px) + 20px);}
.lg-crystal-group__header{display:flex;align-items:center;gap:24px;margin-bottom:28px;}
.lg-crystal-group__header img{width:88px;height:88px;object-fit:cover;border-radius:50%;flex:none;}
.lg-crystal-group h2{font-size:30px;line-height:1.5;font-weight:400;letter-spacing:.05em;margin:0 0 10px;}
.lg-crystal-group__header p{font-size:13px;line-height:2;color:#6c6878;margin:0;}
.lg-stone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.lg-site a.lg-stone{display:flex;align-items:flex-start;gap:18px;padding:27px 24px;border:1px solid #dfd5c3;border-radius:10px;background:#faf9fc;color:#34333f;text-decoration:none;min-width:0;transition:border-color .2s,background .2s;}
.lg-site a.lg-stone:hover{border-color:#a99bcb;background:#f6f0e4;}
.lg-stone__swatch{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffffb3,transparent 55%),var(--stone-color,#cdbb95);box-shadow:inset -5px -7px 12px #00000018;border:1px solid #9d8d701f;flex:none;}
.lg-stone__body{min-width:0;}
.lg-stone h3{font-family:inherit;font-size:17px;line-height:1.8;font-weight:500;margin:0 0 9px;}
.lg-stone p{font-size:13px;line-height:1.95;color:#7c715d;margin:0 0 14px;white-space:normal;overflow-wrap:anywhere;}
.lg-stone small{display:block;font-size:11px;color:#8b6b39;line-height:1.8;}
.lg-crystal-guide__foot{font-size:12px;line-height:2;color:#85765f;text-align:center;margin-top:40px;}
@media(max-width:1100px){#diy-app .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head head" "preview fit" "library price" "foot foot";gap:20px;}#diy-app [data-lg-role="preview"]{position:static;}#diy-app .stage-slot{min-height:300px;}.lg-stone-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:959px){.lg-site .lg-featured .featured-collection__tabs-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.lg-site .lg-featured .featured-collection__tab{min-width:0;width:100%;padding:11px 10px;font-size:13px;}.lg-site-header .header__logo-image{max-height:65px;max-width:110px;}}
@media(max-width:767px){#diy-app .wrap{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "preview" "fit" "library" "price" "foot";gap:16px;padding:26px 14px 30px!important;}#diy-app .card{padding:20px;}#diy-app .stage-slot{min-height:280px;}#diy-app .palette{grid-template-columns:repeat(2,minmax(0,1fr));}#diy-app .bead-btn .bn{font-size:13px;}#diy-app header h1{font-size:28px;}[data-lg-element-app] .wrap{padding:30px 14px!important;}[data-lg-element-app] .card{padding:20px!important;}[data-lg-element-app] header h1{font-size:29px!important;}.lg-crystal-guide{padding:40px 0 50px;}.lg-element-nav{gap:6px;margin-bottom:32px;}.lg-crystal-group{padding:30px 0;}.lg-crystal-group__header{gap:15px;align-items:flex-start;}.lg-crystal-group__header img{width:62px;height:62px;}.lg-crystal-group h2{font-size:25px;}.lg-stone-grid{grid-template-columns:minmax(0,1fr);gap:12px;}.lg-site a.lg-stone{padding:22px 20px;}.lg-crystal-guide__intro{margin-bottom:30px;}}
@media(prefers-reduced-motion:reduce){.lg-site a.lg-stone{transition:none;}}

.lg-site .lg-featured .block-product-title>span{display:block;overflow:visible;-webkit-line-clamp:unset;white-space:normal;overflow-wrap:anywhere;min-height:3.4em;line-height:1.7;}

.lg-site .page-width:has(#diy-app){max-width:1480px;width:100%;padding-inline:32px;}
.lg-site .main-page:has(#diy-app),.lg-site .main-page:has([data-lg-element-app]){max-width:none!important;width:100%!important;margin-inline:0!important;}
.lg-site-header theme-sticky-header,.lg-site-header .header__container,.lg-site-header .header__container-top,.lg-site-header .header__container-top-wrap{background:#faf9fc;color:#34333f;}
@media(max-width:767px){.lg-site .page-width:has(#diy-app){padding-inline:16px;}}
.lg-site .main-page:has(#diy-app),.lg-site .main-page:has([data-lg-element-app]){padding-inline:0!important;}
