/* ================= 主站（LUXUSVOLL）样式 ================= */
:root {
            --gold: #9A7B56;
            --bg-light: #F8F7F3;
            --ig-grad: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        }
        body {
            font-family: 'Inter', sans-serif;
            background-color: #e5e5e5; 
            -webkit-font-smoothing: antialiased;
        }
        .app-container {
            max-width: 414px; 
            margin: 0 auto; 
            background-color: var(--bg-light); 
            min-height: 100vh; 
            position: relative;
            box-shadow: 0 0 20px rgba(0,0,0,0.1); 
            overflow-x: hidden; 
        }
        .serif { font-family: 'Playfair Display', serif; } 
        .text-gold { color: var(--gold); } 
        .bg-ig { background-image: var(--ig-grad); } 
        
        .hide-scrollbar::-webkit-scrollbar { display: none; }
        .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
        
        .blend-multiply { mix-blend-mode: multiply; }

        @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); } 
        }
        .animate-marquee {
            display: flex;
            width: max-content;
            animation: marquee 30s linear infinite;
            will-change: transform;
        }
        .animate-marquee:hover {
            animation-play-state: paused;
        }

        #lightbox {
            display: none;
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,0.95);
            z-index: 1000;
            justify-content: center;
            align-items: center;
            touch-action: none;
        }
        #lightbox.active { display: flex; }
        .lightbox-img {
            max-width: 95%;
            max-height: 70vh;
            object-fit: contain;
        }
        .nav-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            color: white;
            background: rgba(255,255,255,0.1);
            border-radius: 50%;
            padding: 10px;
            cursor: pointer;
            z-index: 1002;
        }
        .img-placeholder {
            background-color: #eee;
            aspect-ratio: 1 / 1;
        }

/* ================= 视图容器与主题 ================= */
.tpl-view{display:none}
.tpl-view.on{display:block}

/* 各模板的 CSS 变量（作用域隔离，避免同名冲突） */
#view-jewelry{
    --btn-text:#ffffff;
    --muted:#777777;
    --sub:#444444;
    --lp-max:540px;
    --lp-px:18px;
    --lp-pb:70px;
}
#view-fbrand{
    --btn-grad:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    --muted:rgba(247,251,255,.72);
    --muted2:rgba(247,251,255,.55);
    --glass:rgba(255,255,255,.07);
    --glass-line:rgba(255,255,255,.14);
    --lp-max:540px;
    --lp-px:18px;
    --lp-pb:110px;
}

body{transition:background-color .25s ease}
body.theme-lux{background-color:#e5e5e5}
body.theme-jewelry{background-color:#ffffff;font-family:'Playfair Display',Georgia,'Songti SC',serif}
body.theme-fbrand{
    background:linear-gradient(180deg,#000000 0%,#16323f 45%,#4f93af 100%);
    background-attachment:fixed;
    font-family:'Noto Sans SC',system-ui,-apple-system,'Segoe UI',sans-serif;
    color:#f7fbff;
}
body.theme-watch{
    background-color:#f5f5f5;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color:#111827;
}

/* ================= 通用：语言切换 ================= */
/* LUXUSVOLL 用导航栏里自带的语言按钮，隐藏全局浮动语言栏，避免两个入口重复 */
body.theme-lux .lang-bar{display:none}

.head{position:relative;height:46px}
.lang-bar{position:absolute;right:18px;top:12px;z-index:60}
.lang-bar .btn{display:flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;
    color:#555;font-size:11px;font-weight:600;letter-spacing:.08em;font-family:inherit}
body.theme-fbrand .lang-bar .btn{color:rgba(247,251,255,.72)}
body.theme-jewelry .lang-bar .btn{color:#555}
.lang-bar .menu{display:none;position:absolute;right:0;top:135%;background:#fff;border-radius:12px;
    box-shadow:0 12px 34px rgba(0,0,0,.22);min-width:140px;padding:6px 0;overflow:hidden;z-index:90}
.lang-bar .menu.on{display:block}
.lang-bar .menu button{display:block;width:100%;text-align:left;background:none;border:none;
    padding:9px 16px;font-size:13px;color:#222;cursor:pointer;font-family:inherit}
.lang-bar .menu button:hover{background:#f2f5f7}

/* ================= 珠宝模板样式（已作用域化） ================= */
.jw-page{
    max-width:var(--lp-max);
    margin:0 auto;
    padding:0 var(--lp-px) var(--lp-pb);
    min-height:100vh;
}


.lp-text{text-align:center;padding:14px 0 6px}
.lp-text .eyebrow{
    font-family:'Noto Sans SC',system-ui,sans-serif;
    font-size:12px;font-weight:400;color:var(--muted);
    letter-spacing:.22em;text-transform:uppercase;
}


.lp-image{padding:6px 0 18px}
.lp-image .frame{
    width:100%;height:360px;border-radius:12px;overflow:hidden;
    background:#f4f4f2;display:block;
}
.lp-image img{width:100%;height:100%;object-fit:cover;display:block}


.lp-chat{padding:4px 0 22px}
.lp-btn{
    width:100%;min-height:52px;border:none;cursor:pointer;
    border-radius:12px;background-image:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);color:var(--btn-text);
    font-family:'Noto Sans SC',system-ui,sans-serif;
    font-size:19px;font-weight:600;
    display:flex;align-items:center;justify-content:center;gap:10px;
    transition:transform .15s ease,filter .15s ease;
    -webkit-tap-highlight-color:transparent;
}
.lp-btn:active{transform:scale(.975)}
.lp-btn:hover{filter:brightness(1.12)}
.lp-btn svg{width:26px;height:26px;flex:none}
@keyframes lpPulse{
    0%,100%{box-shadow:0 0 0 0 rgba(220,39,67,.38)}
    50%{box-shadow:0 0 0 10px rgba(17,17,17,0)}
}
.lp-btn.pulse{animation:lpPulse 2.4s infinite}


.lp-copy{
    text-align:center;padding:8px 4px;
    font-family:'Noto Sans SC',system-ui,sans-serif;
    font-size:18px;font-weight:500;color:var(--sub);line-height:1.6;
}


.lp-spacer{height:40px}


.lp-video{padding:6px 0 10px}
.lp-video .frame{
    width:100%;height:360px;border-radius:12px;overflow:hidden;
    background:#111;position:relative;display:flex;align-items:center;justify-content:center;
}
.lp-video video{width:100%;height:100%;object-fit:cover;display:block}
.lp-video .ph{
    position:absolute;inset:0;display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:10px;color:#8a8a8a;
    font-family:'Noto Sans SC',system-ui,sans-serif;font-size:13px;
    background:linear-gradient(135deg,#1a1a1a,#2b2b2b);
}
.lp-video .ph svg{width:44px;height:44px;opacity:.55}

/* ================= F牌模板样式（已作用域化） ================= */
.fb-page{max-width:var(--lp-max);margin:0 auto;padding:0 var(--lp-px) var(--lp-pb)}











.sp{height:22px}


.avatar{padding:18px 0;text-align:center}
.avatar .ring{
    width:108px;height:108px;border-radius:999px;overflow:hidden;margin:0 auto 12px;
    border:2px solid rgba(255,255,255,.35);box-shadow:0 8px 26px rgba(0,0,0,.4);background:#0d1b22;
}
.avatar img{width:100%;height:100%;object-fit:cover;display:block}
.avatar .name{font-size:20px;font-weight:700;letter-spacing:.01em;margin-bottom:6px}
.avatar .bio{font-size:13px;color:var(--muted);max-width:330px;margin:0 auto}


.t-title{text-align:center;font-size:25px;font-weight:700;line-height:1.3;padding:12px 2px 6px}
.t-sub{text-align:center;font-size:13.5px;color:var(--muted);padding:2px 6px 10px}
.t-h{text-align:center;font-size:21px;font-weight:700;padding:18px 2px 6px}
.t-body{text-align:center;font-size:14px;color:var(--muted);padding:2px 8px 10px}
.t-note{text-align:center;font-size:13px;color:var(--muted);padding:12px 8px 6px}
.t-strong{text-align:center;font-size:17px;font-weight:700;padding:14px 6px 8px}


.fb-img{padding:8px 0}
.fb-img .frame{width:100%;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.06);display:block}
.fb-img img{width:100%;height:auto;display:block}
.fb-img.hero .frame{border-radius:16px;border:1px solid var(--glass-line)}


.fb-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 0}
.fb-grid .cell{border-radius:14px;overflow:hidden;background:rgba(255,255,255,.06)}
.fb-grid.aspect-34 .cell{aspect-ratio:3/4}
.fb-grid.aspect-11 .cell{aspect-ratio:1/1}
.fb-grid img{width:100%;height:100%;object-fit:cover;display:block}


.fb-chat{padding:8px 0}
.fb-chat button{
    width:100%;min-height:58px;border:none;border-radius:999px;cursor:pointer;
    background-image:var(--btn-grad);color:#fff;font-family:inherit;
    font-size:18px;font-weight:700;letter-spacing:.01em;
    display:flex;align-items:center;justify-content:center;gap:10px;
    box-shadow:0 8px 24px rgba(37,211,102,.34);
    transition:transform .15s ease,filter .15s ease;
    -webkit-tap-highlight-color:transparent;
}
.fb-chat button:active{transform:scale(.975)}
.fb-chat button:hover{filter:brightness(1.07)}
.fb-chat button svg{width:22px;height:22px;flex:none}
@keyframes pulse{
    0%,100%{box-shadow:0 8px 24px rgba(37,211,102,.34),0 0 0 0 rgba(37,211,102,.5)}
    55%{box-shadow:0 8px 24px rgba(37,211,102,.34),0 0 0 12px rgba(37,211,102,0)}
}
.fb-chat button.pulse{animation:pulse 2.6s infinite}


.features{padding:26px 0 10px}
.features .ftitle{text-align:center;font-size:19px;font-weight:700;margin-bottom:16px}
.features .item{
    display:flex;gap:13px;align-items:flex-start;
    background:var(--glass);border:1px solid var(--glass-line);
    border-radius:14px;padding:14px 15px;margin-bottom:9px;
    backdrop-filter:blur(8px);
}
.features .ico{
    width:40px;height:40px;flex:none;border-radius:11px;
    background:rgba(37,211,102,.16);border:1px solid rgba(37,211,102,.28);
    display:flex;align-items:center;justify-content:center;font-size:19px;
}
.features .tt{font-size:15px;font-weight:700;margin-bottom:3px}
.features .dd{font-size:13px;color:var(--muted);line-height:1.5}


.float-cta{
    position:fixed;left:50%;transform:translateX(-50%);
    bottom:16px;z-index:70;width:calc(100% - 32px);max-width:420px;
}
.float-cta button{
    width:100%;min-height:54px;border:none;border-radius:999px;cursor:pointer;
    background-image:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);color:#fff;
    font-family:inherit;font-size:17px;font-weight:700;
    display:flex;align-items:center;justify-content:center;gap:9px;
    box-shadow:0 10px 28px rgba(0,0,0,.42);
    transition:transform .15s ease;
}
.float-cta button:active{transform:scale(.97)}
.float-cta svg{width:22px;height:22px}

/* ================= 手表模板样式 =================
   参考 T-00052「手表」：上黑下白、max-width 760、金色点缀
=============================================== */
#view-watch{
    --wt-ink:#111827;
    background:#f5f5f5;
    min-height:100vh;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color:var(--wt-ink);
}
.wt-wrap{max-width:760px;margin:0 auto}
.wt-hero{background:linear-gradient(180deg,#0b0b0c 0%,#18181b 100%);padding:26px 0 34px}
.wt-hero-in{padding:0 18px;text-align:center}
.wt-eyebrow{font-size:13px;font-weight:800;color:#fff;line-height:1.65}
.wt-h1{font-size:32px;font-weight:800;color:#fff;line-height:1.16;margin:8px 0;letter-spacing:-.01em}
.wt-sub{font-size:14px;font-weight:400;color:rgba(255,255,255,.82);line-height:1.65}
.wt-body{padding:0 18px 96px}
.wt-fig{margin:0;padding:12px 0}
.wt-fig img{width:100%;border-radius:16px;display:block;background:#fff}
.wt-fig-hero img{max-height:560px;object-fit:cover}
.wt-card{
    background:#fff;border-radius:14px;padding:16px 18px;margin:10px 0;
    font-size:15px;font-weight:500;color:var(--wt-ink);line-height:1.7;
    box-shadow:0 1px 3px rgba(0,0,0,.06);
}
.wt-card b{color:#b45309;font-weight:700}
.wt-cta{padding:20px 0 0}
.wt-cta button{
    width:100%;min-height:56px;border:none;border-radius:14px;cursor:pointer;
    background-image:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    color:#fff;font-size:17px;font-weight:700;font-family:inherit;
    display:flex;align-items:center;justify-content:center;gap:9px;
    box-shadow:0 8px 22px rgba(220,39,67,.28);
    transition:transform .15s ease;
    -webkit-tap-highlight-color:transparent;
}
.wt-cta button:active{transform:scale(.98)}
.wt-cta button svg{width:21px;height:21px;flex:none}

/* ================= 新导入模板的通用组件样式 ================= */
.tp-page{
    max-width:560px;margin:0 auto;padding:0 14px 100px;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
    line-height:1.62;color:var(--tp-text,#111);
}
.tp-ticker{overflow:hidden;background:#111;color:#fff;padding:9px 0;margin:0 -14px 12px;font-size:13px}
.tp-ticker-in{display:inline-flex;gap:28px;white-space:nowrap;animation:tp-marquee 30s linear infinite;padding-left:14px}
.tp-ticker-in span{opacity:.92}
@keyframes tp-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tp-img{margin:0;padding:7px 0}
.tp-img img{width:100%;border-radius:12px;display:block;background:rgba(0,0,0,.05)}
.tp-grid{display:grid;gap:7px;padding:7px 0}
.tp-grid.c1{grid-template-columns:1fr}
.tp-grid.c2{grid-template-columns:1fr 1fr}
.tp-grid.c3{grid-template-columns:repeat(3,1fr)}
.tp-cell{border-radius:11px;overflow:hidden;background:rgba(0,0,0,.05)}
.tp-cell img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:3/4}
.tp-grid.c1 .tp-cell img{aspect-ratio:auto}
.tp-grid.c3 .tp-cell img{aspect-ratio:1/1}
.tp-text{padding:9px 2px}
.tp-cta{padding:12px 0}
.tp-cta button{
    width:100%;min-height:52px;border:none;border-radius:12px;cursor:pointer;
    background-image:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    color:#fff;font-size:16px;font-weight:700;font-family:inherit;
    display:flex;align-items:center;justify-content:center;gap:8px;
    box-shadow:0 6px 20px rgba(220,39,67,.24);
    transition:transform .15s ease;-webkit-tap-highlight-color:transparent;
    padding:0 14px;text-align:center;
}
.tp-cta button:active{transform:scale(.98)}
.tp-cta button svg{width:20px;height:20px;flex:none}
.tp-features{padding:20px 0 6px}
.tp-feat-title{font-size:19px;font-weight:800;text-align:center;margin-bottom:14px}
.tp-feat-item{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:13px;padding:13px 14px;margin-bottom:9px}
.tp-feat-ico{width:38px;height:38px;flex:none;border-radius:10px;background:rgba(240,148,51,.16);border:1px solid rgba(240,148,51,.28);display:flex;align-items:center;justify-content:center;font-size:18px}
.tp-feat-t{font-size:15px;font-weight:700;margin-bottom:3px}
.tp-feat-d{font-size:13px;opacity:.78}
.tp-faq{padding:16px 0}
.tp-faq-item{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:12px 14px;margin-bottom:8px}
.tp-faq-item summary{cursor:pointer;font-weight:600;font-size:15px;list-style:none}
.tp-faq-item summary::-webkit-details-marker{display:none}
.tp-faq-a{padding-top:9px;font-size:13.5px;opacity:.8;line-height:1.6}
.tp-carousel{position:relative;padding:10px 0}
.tp-slide{display:none}
.tp-slide.on{display:block}
.tp-slide img{width:100%;border-radius:12px;display:block}
.tp-dots{display:flex;gap:6px;justify-content:center;padding-top:10px}
.tp-dots i{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.28;display:block}
.tp-dots i.on{opacity:.85}
.tp-sp{height:20px}

/* 各新模板的主题变量 */
#view-cnluxe{--tp-text:#431407;background-color:#fefdf1}
#view-topbags{--tp-text:#431407;background-color:#fefdf1}
#view-premiumuk{--tp-text:#ffffff;--tp-bgimg:url('/sc-templates/premium-selection-uk/bg.webp');background-color:#111;background-image:linear-gradient(rgba(0,0,0,.62),rgba(0,0,0,.62)),var(--tp-bgimg);background-size:cover;background-position:center;background-attachment:fixed}
#view-shoes{--tp-text:#f5f0e8;background-image:linear-gradient(180deg,#0c0a09 0%,#12100e 50%,#0c0a09 100%)}


body.theme-cnluxe{background-color:#fefdf1;color:#431407}
body.theme-topbags{background-color:#fefdf1;color:#431407}
body.theme-premiumuk{background:#111;color:#fff}
body.theme-shoes{background:#0c0a09;color:#f5f0e8}
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.left-1\/2{left:50%}.left-2{left:.5rem}.right-0{right:0}.right-2{right:.5rem}.right-6{right:1.5rem}.right-\[-10px\]{right:-10px}.right-\[-30px\]{right:-30px}.top-0{top:0}.top-6{top:1.5rem}.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1001\]{z-index:1001}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-\[1px\]{margin-top:1px}.block{display:block}.flex{display:flex}.hidden{display:none}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-square{aspect-ratio:1/1}.h-12{height:3rem}.h-4{height:1rem}.h-auto{height:auto}.h-full{height:100%}.min-h-\[200px\]{min-height:200px}.min-h-\[280px\]{min-height:280px}.w-12{width:3rem}.w-6{width:1.5rem}.w-\[110px\]{width:110px}.w-\[120px\]{width:120px}.w-\[200px\]{width:200px}.w-\[280px\]{width:280px}.w-\[70\%\]{width:70%}.w-\[75\%\]{width:75%}.w-full{width:100%}.min-w-\[140px\]{min-width:140px}.max-w-\[414px\]{max-width:414px}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[\#F3E1D2\]{--tw-border-opacity:1;border-color:rgb(243 225 210/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.bg-\[\#111\]{--tw-bg-opacity:1;background-color:rgb(17 17 17/var(--tw-bg-opacity,1))}.bg-\[\#1A1A1A\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\[\#F8F7F3\]{--tw-bg-opacity:1;background-color:rgb(248 247 243/var(--tw-bg-opacity,1))}.bg-\[\#F8F7F3\]\/85{background-color:hsla(48,26%,96%,.85)}.bg-\[\#FBF9F6\]{--tw-bg-opacity:1;background-color:rgb(251 249 246/var(--tw-bg-opacity,1))}.bg-\[\#FDF6F0\]{--tw-bg-opacity:1;background-color:rgb(253 246 240/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/20{background-color:hsla(0,0%,100%,.2)}.bg-white\/80{background-color:hsla(0,0%,100%,.8)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-6{padding-bottom:1.5rem}.pb-\[100px\]{padding-bottom:100px}.text-center{text-align:center}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[28px\]{font-size:28px}.text-\[8px\]{font-size:8px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-\[1\.1\]{line-height:1.1}.leading-tight{line-height:1.25}.tracking-\[0\.15em\]{letter-spacing:.15em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#111\]{--tw-text-opacity:1;color:rgb(17 17 17/var(--tw-text-opacity,1))}.text-\[\#333\]{--tw-text-opacity:1;color:rgb(51 51 51/var(--tw-text-opacity,1))}.text-\[\#666\]{--tw-text-opacity:1;color:rgb(102 102 102/var(--tw-text-opacity,1))}.text-\[\#888\]{--tw-text-opacity:1;color:rgb(136 136 136/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/90{color:hsla(0,0%,100%,.9)}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.shadow-pink-200{--tw-shadow-color:#fbcfe8;--tw-shadow:var(--tw-shadow-colored)}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:brightness-110:hover{--tw-brightness:brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}