:root{--pink:#ed4d94;--pink-dark:#d9347c;--ink:#392b34;--muted:#866d7a;--line:#f0d9e5;--blue:#94ccf2;--surface:#fffafd;--shadow:0 22px 60px rgba(195,95,143,.14);--ease:cubic-bezier(.22,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Microsoft YaHei UI","PingFang SC",system-ui,sans-serif;background:linear-gradient(145deg,#fff9fc,#f7fbff 48%,#fff9ef);font-size:14px}button,a{font:inherit}button{cursor:pointer;border:0}a{text-decoration:none;color:inherit}.shell{width:min(1140px,calc(100% - 40px));margin:0 auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(255,251,254,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(234,190,211,.2)}.topbar-inner{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:17px}.brand img{width:42px;height:42px;border-radius:14px;object-fit:cover;box-shadow:0 7px 16px rgba(221,66,129,.2)}.main-nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:800;color:#765767}.main-nav a:first-child,.main-nav button{color:var(--pink)}.main-nav button{background:#fff1f7;padding:12px 16px;border-radius:999px}.bag-button{position:relative;width:48px;height:48px;border-radius:17px;background:#fff;box-shadow:0 8px 23px rgba(184,88,130,.12);color:var(--pink);font-size:22px}.bag-button b{position:absolute;right:-3px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--pink);color:#fff;font-size:10px;line-height:20px}.hero{padding:34px 0 86px}.hero-panel{overflow:hidden;border-radius:46px;background:linear-gradient(135deg,#fffafd,#fff0f7 52%,#eaf7ff);box-shadow:var(--shadow)}.hero-cover{display:block;position:relative;width:100%;height:380px;padding:0;overflow:hidden;background:#f5c4dd}.hero-cover img{width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block;transition:transform .5s var(--ease)}.hero-cover:hover img{transform:scale(1.025)}.hero-cover span{position:absolute;right:25px;bottom:22px;padding:12px 17px;background:rgba(255,255,255,.88);border-radius:999px;color:var(--pink-dark);font-size:11px;font-weight:800;box-shadow:0 9px 22px rgba(171,71,119,.16)}.hero-copy{display:flex;justify-content:space-between;gap:30px;padding:42px 52px 48px}.eyebrow,.section-head small,.feature-section small,.contact-banner small{color:#b18196;font-weight:900;letter-spacing:.16em;font-size:11px}.hero-copy h1{font-size:clamp(42px,5vw,66px);letter-spacing:-.055em;line-height:1.06;margin:15px 0 13px}.hero-copy h1 em,.closing em{font-style:normal;color:var(--pink)}.hero-copy p{max-width:570px;color:var(--muted);line-height:1.8;margin:0;font-size:14px}.hero-tools{display:grid;align-content:center;justify-items:end;gap:20px}.chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.chips span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.8);font-size:10px;font-weight:800}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{min-height:44px;padding:0 18px;border-radius:15px;font-size:12px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.2s var(--ease)}.btn:hover{transform:translateY(-2px);filter:saturate(1.08)}.primary{color:#fff;background:linear-gradient(135deg,#f15b9c,#df3b86);box-shadow:0 10px 23px rgba(219,57,129,.2)}.blue{color:#3f5870;background:linear-gradient(135deg,#c1e4ff,#83c6f5);box-shadow:0 10px 23px rgba(98,176,231,.18)}.ghost{color:#765767;background:#fff1f7}.menu-section{padding:95px 0 110px;background:linear-gradient(165deg,#fff7fb,#f7fbff 52%,#fff9ee)}.section-head{max-width:720px;margin-bottom:28px}.section-head h2,.feature-section h2{font-size:clamp(36px,5vw,58px);line-height:1.1;letter-spacing:-.05em;margin:9px 0 5px}.section-head p,.feature-section p{color:var(--muted);line-height:1.75;margin:0}.menu-tabs{display:flex;gap:8px;overflow:auto;padding:8px;width:max-content;max-width:100%;background:rgba(255,255,255,.78);border-radius:999px;box-shadow:0 10px 25px rgba(174,90,130,.1);margin-bottom:26px}.menu-tabs button{padding:11px 18px;white-space:nowrap;border-radius:999px;background:transparent;color:#765767;font-size:11px;font-weight:900}.menu-tabs button.active{color:#fff;background:linear-gradient(135deg,#f15b9c,#df3b86)}.toolbar{display:flex;align-items:center;gap:12px;max-width:790px;margin-bottom:20px}.toolbar label{display:flex;align-items:center;gap:10px;flex:1;padding:5px 15px;border:1px solid rgba(226,167,194,.35);border-radius:20px;background:#fff;color:var(--pink);font-size:23px}.toolbar input{width:100%;height:41px;border:0;outline:0;background:transparent;font-size:13px;color:var(--ink)}.toolbar button{height:50px;padding:0 16px;border-radius:18px;background:#fff;color:#806170;font-size:11px;white-space:nowrap}.catalog{display:grid;gap:48px}.catalog-group{padding:28px;border-radius:34px;background:rgba(255,255,255,.68);box-shadow:0 12px 35px rgba(179,97,138,.08)}.group-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.group-head h3{font-size:28px;margin:8px 0 4px;letter-spacing:-.04em}.group-head p{margin:0;color:var(--muted);font-size:11px}.group-count{font-size:12px;color:#b27892}.group-count b{font-size:31px;color:var(--pink)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.product-card{display:flex;flex-direction:column;overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 12px 24px rgba(139,78,107,.1);transition:.25s var(--ease)}.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 38px rgba(180,77,132,.19)}.product-card figure{position:relative;aspect-ratio:4/3;margin:0;overflow:hidden;background:#ffe8f2}.product-card figure img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.card-no{position:absolute;left:10px;top:10px;width:30px;height:30px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.9);color:var(--pink-dark);font-weight:900;font-size:11px}.new-tag{position:absolute;right:8px;top:8px;padding:5px 8px;border-radius:8px;background:#fff2a9;color:#ad6b1c;font-size:9px;font-weight:900}.card-body{display:flex;flex:1;flex-direction:column;padding:13px}.card-meta{display:flex;justify-content:space-between;color:#b28a9e;font-size:9px}.card-body h4{font-size:15px;margin:8px 0 5px;line-height:1.35}.card-body p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:32px;margin:0 0 14px;color:var(--muted);font-size:10px;line-height:1.6}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto}.card-actions button{height:34px;border-radius:11px;background:#fff6fa;color:#8c6c7b;font-size:10px;font-weight:800}.card-actions button:last-child{background:linear-gradient(135deg,#ffe4f0,#eefaff);color:var(--pink-dark)}.card-actions button.added{background:#e4f7ee;color:#328364}.feature-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;margin-top:100px;padding:46px;border-radius:40px;background:linear-gradient(135deg,#fff,#fff1f8 52%,#eaf6ff);box-shadow:var(--shadow)}.feature-section h2{font-size:42px}.feature-section .actions{margin-top:25px}.feature-poster{height:360px;border:0;border-radius:28px;overflow:hidden;padding:0;background:#ffddea}.feature-poster img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}.simple-section,.rank-section,.flow-section{padding:95px 0}.review-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:18px}.review-feature{min-height:240px;padding:30px;border-radius:31px;background:linear-gradient(145deg,#fff0f7,#fff7e2);box-shadow:var(--shadow)}.review-feature>span{font-size:30px;color:var(--pink)}.review-feature h3{font-size:25px;margin:22px 0 7px}.review-feature p{color:var(--muted)}.review-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.review-item{padding:20px;border-radius:24px;background:#fff;box-shadow:0 12px 26px rgba(161,92,124,.1)}.review-item strong{display:block;margin-bottom:10px}.review-item p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.review-item small{display:block;margin-top:18px;color:#b78ca0;font-size:10px}.rank-section{background:linear-gradient(180deg,#f8fcff,#fff8fc)}.rank-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center;padding:48px;border-radius:42px;background:rgba(255,255,255,.9);box-shadow:var(--shadow)}.rank-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;margin:0;padding:0}.rank-list li{display:grid;grid-template-columns:45px 1fr;grid-template-rows:auto auto;align-items:center;padding:16px;border-radius:22px;background:linear-gradient(135deg,#fff0f6,#f3fbff);min-height:85px}.rank-list li:first-child{grid-column:span 2;background:linear-gradient(135deg,#ffd9e9,#fff1c1 48%,#e5f8ff)}.rank-list span{grid-row:span 2;color:var(--pink);font-size:26px;font-weight:900}.rank-list b{align-self:end}.rank-list small{align-self:start;color:var(--muted);font-size:10px}.flow-card{padding:48px;border-radius:42px;background:rgba(255,255,255,.75);box-shadow:var(--shadow)}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.flow-grid article{min-height:160px;padding:22px;border-radius:24px;background:linear-gradient(145deg,#fff,#fff4f9);box-shadow:inset 0 0 0 1px rgba(235,132,178,.15)}.flow-grid article:nth-child(2){background:linear-gradient(145deg,#fff,#fff8e8)}.flow-grid article:nth-child(3){background:linear-gradient(145deg,#fff,#eaf6ff)}.flow-grid article:nth-child(4){background:linear-gradient(145deg,#fff,#f3efff)}.flow-grid article>b{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#ffe3ef;color:var(--pink);font-size:12px}.flow-grid h3{font-size:18px;margin:16px 0 3px}.flow-grid p{color:var(--muted);font-size:11px;margin:0}.contact-banner{display:flex;align-items:center;gap:18px;margin-top:26px;padding:22px;border-radius:27px;background:linear-gradient(135deg,#fff3f8,#eef9ff)}.contact-banner img{width:68px;height:68px;border-radius:20px;object-fit:cover}.contact-banner h3{margin:7px 0 2px;font-size:21px}.contact-banner p{margin:0;color:var(--muted);font-size:11px}.contact-banner .btn{margin-left:auto}.closing{text-align:center;padding:70px 0}.closing h2{font-size:34px;letter-spacing:-.04em}.closing p{color:var(--muted)}.closing p span{font-size:17px}footer{padding:30px 0 50px;background:#fff8fc;text-align:center;color:var(--muted)}.footer-brand{display:flex;justify-content:center;align-items:center;gap:9px;color:var(--ink)}.footer-brand img{width:28px;height:28px;border-radius:9px}.footer-brand b{font-size:14px}footer p{font-size:11px;margin:7px 0}footer small{font-size:10px}.admin-link{display:inline-block;margin-left:12px;color:var(--pink);font-size:10px}.drawer{position:fixed;inset:0 0 0 auto;z-index:50;width:min(430px,100%);padding:28px 24px;background:#fffafd;box-shadow:-20px 0 60px rgba(88,42,64,.18);transform:translateX(105%);transition:.28s var(--ease);overflow:auto}.drawer.open{transform:none}.overlay{position:fixed;inset:0;z-index:49;background:rgba(79,42,60,.3);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:.2s}.overlay.show{opacity:1;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between}.drawer-head small{color:#b18196}.drawer-head h2{margin:5px 0 0;font-size:34px}.drawer-head button,.dialog-close{width:38px;height:38px;border-radius:12px;background:#fff;color:var(--pink);font-size:24px}.drawer>p{color:var(--muted);font-size:12px}.drawer-item{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:10px;margin:10px 0;padding:10px;border-radius:18px;background:linear-gradient(135deg,#fff0f7,#f3fbff)}.drawer-item img{width:54px;height:54px;border-radius:13px;object-fit:cover}.drawer-item b{font-size:12px}.drawer-item small{display:block;color:var(--muted);margin-top:4px;font-size:10px}.drawer-item button{width:34px;height:34px;border-radius:10px;background:#fff;color:var(--pink);font-size:18px}.drawer-empty{min-height:300px;display:grid;place-items:center;text-align:center;color:var(--muted)}.drawer-empty span{display:block;font-size:38px;color:var(--pink)}.drawer-empty b{display:block;color:var(--ink);margin-top:-90px}.drawer-empty p{margin-top:-120px;font-size:11px}.drawer-foot{display:flex;align-items:center;gap:12px}.drawer-foot .btn{flex:1}.text-btn{background:transparent;color:#b33d70;font-size:12px}.toast{position:fixed;left:50%;bottom:28px;z-index:80;transform:translate(-50%,20px);opacity:0;padding:12px 18px;border-radius:999px;background:#382b34;color:#fff;font-size:12px;transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}dialog{border:0;padding:0;border-radius:30px;max-width:min(920px,calc(100% - 28px));background:#fffafd;color:var(--ink);box-shadow:0 30px 90px rgba(87,44,65,.28);overflow:hidden}dialog::backdrop{background:rgba(79,42,60,.36);backdrop-filter:blur(5px)}#poster-dialog{display:grid;grid-template-columns:1.15fr .85fr;max-height:88vh}#poster-dialog>img{width:100%;height:100%;max-height:88vh;object-fit:contain;background:#fff1f7}#poster-dialog .dialog-caption{padding:72px 30px 30px}.dialog-caption h2{font-size:34px;line-height:1.1;margin:12px 0}.dialog-caption p{color:var(--muted);line-height:1.7}.dialog-close{position:absolute;z-index:2;right:12px;top:12px}#contact-dialog{display:grid;grid-template-columns:.8fr 1fr;align-items:center;padding:24px;gap:24px;max-width:680px}#contact-dialog>img{width:100%;max-height:420px;object-fit:contain;border-radius:18px}#contact-dialog h2{font-size:34px;margin:10px 0}#contact-dialog p{color:var(--muted);line-height:1.7;font-size:12px}#contact-dialog small{color:#b18196;font-weight:900;letter-spacing:.1em}#image-dialog{padding:14px;background:#20171d}#image-dialog img{display:block;max-width:90vw;max-height:88vh;object-fit:contain}@media(max-width:980px){.main-nav{gap:15px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-copy{padding:32px}.feature-section{grid-template-columns:1fr}.feature-poster{height:300px}.rank-card{grid-template-columns:1fr}.review-layout{grid-template-columns:1fr}.review-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.shell{width:min(100% - 28px,1140px)}.topbar-inner{height:62px}.brand{font-size:14px}.brand img{width:35px;height:35px;border-radius:11px}.main-nav{display:none}.bag-button{width:41px;height:41px}.hero{padding:14px 0 52px}.hero-cover{height:170px}.hero-cover span{right:10px;bottom:10px;padding:9px 11px;font-size:9px}.hero-copy{display:block;padding:22px 18px}.hero-copy h1{font-size:31px;margin:11px 0 8px}.hero-copy p{font-size:11px}.hero-tools{justify-items:start;gap:13px;margin-top:16px}.chips{justify-content:flex-start}.chips span{padding:7px 9px;font-size:9px}.btn{min-height:40px;padding:0 13px;font-size:11px}.menu-section,.simple-section,.rank-section,.flow-section{padding:60px 0}.section-head h2{font-size:34px}.section-head p{font-size:11px}.menu-tabs{margin-bottom:18px}.menu-tabs button{padding:9px 13px}.toolbar{display:grid;grid-template-columns:1fr auto}.toolbar label{width:100%}.toolbar button{height:46px;padding:0 10px}.catalog{gap:28px}.catalog-group{padding:17px 10px;border-radius:28px}.group-head h3{font-size:22px}.group-count{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{border-radius:16px}.card-body{padding:10px}.card-body h4{font-size:13px}.card-body p{font-size:9px;min-height:28px}.card-actions button{font-size:9px;height:32px}.feature-section{margin-top:55px;padding:22px;border-radius:26px;gap:22px}.feature-section h2{font-size:31px}.feature-poster{height:225px}.review-list{grid-template-columns:1fr}.review-feature{min-height:190px;padding:20px}.rank-card,.flow-card{padding:22px 16px;border-radius:28px}.rank-list li{min-height:65px;padding:11px}.rank-list span{font-size:21px}.flow-grid{grid-template-columns:1fr 1fr;gap:8px}.flow-grid article{min-height:120px;padding:13px}.flow-grid h3{font-size:14px}.contact-banner{align-items:flex-start;flex-wrap:wrap;padding:15px}.contact-banner .btn{margin:0;width:100%}.closing{padding:40px 0}.closing h2{font-size:25px}#poster-dialog{display:block}#poster-dialog>img{height:55vh}#poster-dialog .dialog-caption{padding:20px}.dialog-caption h2{font-size:25px}#contact-dialog{display:block;padding:18px}#contact-dialog>img{max-height:260px}#contact-dialog h2{font-size:27px}}
/* Closed dialogs must stay out of document flow, including portrait layouts. */
dialog:not([open]){display:none!important}
.headset-icon{flex:none;display:block}
.chips .service-chip{padding:0;border-radius:0;background:none;color:var(--muted);font-size:12px;line-height:1.8;font-weight:500;white-space:pre-wrap}
@media(max-width:680px){.chips .service-chip{font-size:11px}.headset-icon{width:16px;height:16px}}

/* Keep the recommended 20:9 uploads fully visible in fixed-width image frames. */
.hero-cover{height:auto;aspect-ratio:20/9}
.hero-cover img{object-fit:contain;object-position:center}
.feature-poster{width:100%;height:auto;min-height:0;aspect-ratio:20/9}
.feature-poster img{object-fit:contain;object-position:center}
@media(max-width:980px){.feature-poster{height:auto}}
@media(max-width:680px){.hero-cover{height:auto;aspect-ratio:20/9}.feature-poster{height:auto;aspect-ratio:20/9}}