:root {
    --f18-red: #b83c5a;
    --f18-red-deep: #a52041;
    --f18-rose: #fff2f4;
    --f18-ink: #30272a;
    --f18-muted: #776d70;
    --f18-line: #eadfe2;
    --f18-paper: #fffaf8;
    --font-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif;
    --font-serif: "Songti SC", SimSun, serif;
    --brand-red: var(--f18-red);
    --brand-dark: #c43a5b;
}

html { scroll-behavior: smooth; }
body { overflow-x: clip; color: var(--f18-ink); font-family: var(--font-sans); background: #fff; }
a { color: inherit; }
.container { width: min(1200px, calc(100% - 32px)); margin-inline: auto; }
.sr-only, .skip-link:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link:focus { position: fixed; z-index: 999; top: 8px; left: 8px; padding: 10px 14px; background: #fff; color: var(--f18-red); box-shadow: 0 4px 20px rgba(0,0,0,.15); }

.f18-service-strip { background: #f7f3f2; border-bottom: 1px solid #eee5e3; color: #6e6264; font-size: 12px; }
.f18-service-strip__inner { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.f18-service-strip nav { display: flex; gap: 22px; }
.f18-cart-count { display: inline-grid; place-items: center; min-width: 18px; height: 18px; border-radius: 9px; padding: 0 5px; background: var(--f18-red); color: #fff; }
.f18-header { background: #fff; position: relative; z-index: 50; }
.f18-header__main { min-height: 104px; display: grid; grid-template-columns: 250px minmax(300px, 560px) 220px; align-items: center; justify-content: space-between; gap: 28px; }
.f18-logo { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.f18-logo__mark { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 50% 50% 48% 52%; background: var(--f18-red); color: #fff; font: 700 22px/1 Georgia, serif; box-shadow: inset -8px -8px 0 rgba(100,0,30,.08); }
.f18-logo strong { display: block; font-family: var(--font-serif); color: var(--f18-red-deep); font-size: 27px; letter-spacing: 2px; }
.f18-logo small { display: block; margin-top: 3px; color: #8b777c; font-size: 12px; letter-spacing: 4px; }
.f18-search { display: flex; height: 44px; border: 2px solid var(--f18-red); border-radius: 4px; overflow: hidden; background: #fff; }
.f18-search input { flex: 1; min-width: 0; border: 0; outline: 0; padding: 0 16px; font: inherit; }
.f18-search button { width: 84px; border: 0; color: #fff; background: var(--f18-red); font: 600 15px var(--font-sans); cursor: pointer; }
.f18-header__promise { justify-self: end; padding-left: 48px; position: relative; }
.f18-header__promise::before { content: "花"; position: absolute; left: 0; top: -2px; width: 38px; height: 38px; display: grid; place-items: center; color: var(--f18-red); background: var(--f18-rose); border-radius: 50%; }
.f18-header__promise strong, .f18-header__promise span { display: block; }
.f18-header__promise strong { font-size: 15px; }
.f18-header__promise span { margin-top: 4px; color: var(--f18-muted); font-size: 12px; }
.f18-main-nav { border-bottom: 2px solid var(--f18-red); }
.f18-main-nav__inner { display: flex; align-items: stretch; min-height: 46px; overflow-x: auto; scrollbar-width: none; }
.f18-main-nav__inner::-webkit-scrollbar { display: none; }
.f18-main-nav a { flex: 0 0 auto; display: grid; place-items: center; padding: 0 22px; font-size: 14px; font-weight: 600; text-decoration: none; transition: color .2s, background .2s; }
.f18-main-nav a:hover { color: var(--f18-red); background: var(--f18-rose); }
.f18-main-nav .f18-main-nav__all { min-width: 190px; background: var(--f18-red); color: #fff; }
.f18-main-nav .f18-main-nav__all:hover { color: #fff; background: var(--f18-red-deep); }

.f18-hero { min-height: 440px; position: relative; display: grid; align-items: center; overflow: hidden; background: #efe2df; }
.f18-hero__media, .f18-hero__media > *, .f18-hero__media picture { position: absolute; inset: 0; width: 100%; height: 100%; }
.f18-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.f18-hero__media--mobile { display: none; }
.f18-hero__media .f18-banner-list, .f18-hero__media .f18-banner-list > a { height: 100%; }
.f18-hero__media .f18-banner-list > a:not(:first-child) { display: none; }
.f18-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(196,58,91,.58), rgba(196,58,91,.05) 67%); }
.f18-hero__content { position: relative; z-index: 2; color: #fff; max-width: 610px; padding-block: 80px; }
.f18-eyebrow { margin: 0 0 14px; font-size: 13px; letter-spacing: 3px; font-weight: 700; }
.f18-hero h1 { margin: 0 0 18px; font: 700 clamp(32px, 5vw, 58px)/1.18 var(--font-serif); letter-spacing: 2px; }
.f18-hero__content > p:not(.f18-eyebrow) { max-width: 540px; font-size: 17px; line-height: 1.8; }
.f18-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.f18-btn { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 0 24px; border-radius: 3px; background: var(--f18-red); color: #fff; font-weight: 700; text-decoration: none; }
.f18-btn--light { background: #fff; color: var(--f18-red-deep); }
.f18-legacy-banner { padding: 22px 0; background: #fff; }
.f18-banner-list { display: grid; gap: 14px; }
.f18-banner-list a { display: block; overflow: hidden; background: var(--f18-paper); }
.f18-banner-list img { display: block; width: 100%; height: auto; max-height: 280px; object-fit: cover; }

.f18-quick { background: #fff; border-bottom: 1px solid var(--f18-line); }
.f18-quick__grid { display: grid; grid-template-columns: repeat(7, 1fr); }
.f18-quick a { min-height: 78px; display: grid; place-items: center; gap: 4px; padding: 12px 8px; border-right: 1px solid #f1e8e9; text-align: center; text-decoration: none; }
.f18-quick a:last-child { border-right: 0; }
.f18-quick strong { font-size: 14px; }
.f18-quick span { color: var(--f18-muted); font-size: 11px; }
.f18-category-shortcut.is-parent { background: var(--f18-paper); }

.f18-section { padding: 66px 0; }
.f18-section--soft { background: var(--f18-paper); }
.f18-section--rose { background: var(--f18-rose); }
.f18-section__head { display: flex; min-width: 0; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.f18-section__head h2 { margin: 0; font: 700 30px/1.25 var(--font-serif); }
.f18-section__head p { margin: 7px 0 0; color: var(--f18-muted); font-size: 14px; }
.f18-section__head > a { flex: 0 0 auto; color: var(--f18-red); font-size: 14px; font-weight: 700; }
.f18-product-grid, .grid-cols-2 { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px 20px; }
.f18-product-card, .product-card { min-width: 0; background: #fff; transition: transform .2s, box-shadow .2s; }
.f18-product-card:hover, .product-card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(85,38,50,.09); }
.f18-product-card__image, .product-img { display: block; aspect-ratio: 1 / 1; position: relative; overflow: hidden; background: #f4eeee; }
.f18-product-card__image img, .product-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.f18-product-card:hover img, .product-card:hover img { transform: scale(1.025); }
.f18-product-card__body, .product-info { padding: 15px 14px 17px; }
.f18-product-card h3, .product-title { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.f18-product-card__type, .product-type { min-height: 20px; margin: 4px 0 8px; color: var(--f18-muted); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.f18-product-card__selling { overflow: hidden; margin: 0 0 8px; color: var(--f18-red); font-size: 12px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; }
.f18-product-card__price-row { display: flex; align-items: baseline; gap: 8px; }
.f18-price, .product-price { color: var(--f18-red); font-size: 20px; font-weight: 700; }
.price-normal, .price-holiday { display: inline-flex; align-items: baseline; gap: 3px; white-space: nowrap; }
.price-normal + .price-holiday { margin-left: 8px; }
.price-normal > span, .price-holiday > span { font-size: .65em; font-weight: 500; }
.f18-old-price, .product-price-old { margin-left: 8px; color: #aaa0a2; font-size: 12px; text-decoration: line-through; }
.f18-market-price { margin-left: auto; color: #aaa0a2; font-size: 12px; font-weight: 400; white-space: nowrap; }
.f18-card-badge { position: absolute; left: 10px; top: 10px; z-index: 1; padding: 4px 8px; background: rgba(198,56,87,.94); color: #fff; font-size: 11px; }

/* Flower18 category and search cards share one visual contract. */
.f18-browse-grid .f18-product-grid { gap: 18px; }
.f18-browse-grid .f18-product-card,
body .cn-product-search .cn-product-result { display: flex; overflow: hidden; height: 100%; flex-direction: column; border: 1px solid var(--f18-line); border-radius: 10px; background: #fff; box-shadow: 0 4px 18px rgba(85,38,50,.07); }
.f18-browse-grid .f18-product-card__image,
body .cn-product-search .product-result-image { background: #f4eeee; }
.f18-browse-grid .f18-product-card__body,
body .cn-product-search .product-result-body { display: flex; flex: 1; flex-direction: column; padding: 15px 14px 17px; }
.f18-browse-grid .f18-product-card h3,
body .cn-product-search .cn-product-result h2 { display: -webkit-box; overflow: hidden; min-height: 2.8em; margin: 0 0 6px; font: 600 15px/1.4 var(--font-sans); white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.f18-browse-grid .f18-product-card__type,
body .cn-product-search .cn-product-summary { overflow: hidden; min-height: 1.4em; margin: 0 0 7px; color: var(--f18-muted); font-size: 12px; line-height: 1.4; white-space: nowrap; text-overflow: ellipsis; }
.f18-browse-grid .f18-product-card__selling,
body .cn-product-search .cn-product-tags { display: inline-flex; align-self: flex-start; max-width: 100%; min-height: 0; margin: 0 0 10px; padding: 4px 9px; overflow: hidden; border: 1px solid #b92147; border-radius: 999px; background: linear-gradient(135deg, #db4b6b, #b51f45); box-shadow: 0 3px 9px rgba(181,31,69,.2); color: #fff; font-size: 11px; font-weight: 700; line-height: 1.35; white-space: nowrap; text-overflow: ellipsis; }
.f18-browse-grid .f18-product-card__price-row,
body .cn-product-search .product-result-meta { margin-top: auto; }

/* Home and region product slots follow the category-card presentation. */
.f18-product-section .f18-product-card { display: flex; overflow: hidden; height: 100%; flex-direction: column; border: 1px solid var(--f18-line); border-radius: 10px; background: #fff; box-shadow: 0 4px 18px rgba(85,38,50,.07); }
.f18-product-section .f18-product-card__image { border-radius: 8px; }
.f18-product-section .f18-product-card__body { display: flex; flex: 1; flex-direction: column; padding: 15px 14px 17px; }
.f18-product-section .f18-product-card h3 { display: -webkit-box; overflow: hidden; min-height: 2.8em; margin: 0 0 6px; font: 600 15px/1.4 var(--font-sans); white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.f18-product-section .f18-product-card__type { overflow: hidden; min-height: 1.4em; margin: 0 0 7px; line-height: 1.4; }
.f18-product-section .f18-product-card__selling { display: inline-flex; align-self: flex-start; max-width: 100%; min-height: 0; margin: 0 0 10px; padding: 4px 9px; border: 1px solid #ead6da; border-radius: 999px; background: #fff7f8; color: var(--f18-red); font-size: 11px; line-height: 1.35; }
.f18-product-section .f18-product-card__price-row { margin-top: auto; }

.f18-stories { display: grid; grid-template-columns: 1.15fr .85fr; gap: 28px; }
.f18-stories--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.f18-panel { min-width: 0; padding: 30px; background: #fff; border: 1px solid var(--f18-line); }
.f18-panel h2 { margin: 0 0 22px; font: 700 24px var(--font-serif); }
.f18-list { display: grid; gap: 14px; }
.f18-list a { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 12px; border-bottom: 1px dashed var(--f18-line); text-decoration: none; }
.f18-order-list > div { display: grid; gap: 4px; padding-bottom: 12px; border-bottom: 1px dashed var(--f18-line); }
.f18-order-list strong { overflow: hidden; color: #5e5356; font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.f18-order-list span { color: #9d8d91; font-size: 12px; }
.f18-list time { flex: 0 0 auto; color: #a29497; font-size: 12px; }
.f18-reviews { display: grid; gap: 16px; }
.f18-review { padding: 16px; background: var(--f18-paper); border-radius: 4px; }
.f18-review p { margin: 0 0 8px; color: #5e5356; line-height: 1.7; }
.f18-review span { color: #9d8d91; font-size: 12px; }
.f18-compact-content { padding-block: 48px; }
.f18-compact-content .f18-list,
.f18-compact-reviews .f18-reviews { max-height: 270px; padding-right: 6px; overflow-y: auto; scrollbar-color: #d9c7cc transparent; scrollbar-width: thin; }
.f18-auxiliary-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 28px; align-items: start; }
.f18-tabs { min-width: 0; }
.f18-tab-list { display: flex; gap: 8px; margin-bottom: 12px; padding: 5px; border: 1px solid var(--f18-line); background: rgba(255,255,255,.72); }
.f18-tab-list button { min-height: 38px; padding: 0 20px; border: 0; background: transparent; color: #6d5f63; cursor: pointer; font: 600 14px var(--font-sans); }
.f18-tab-list button[aria-selected="true"] { background: var(--f18-red); color: #fff; }
.f18-tab-list button:focus-visible { outline: 2px solid var(--f18-red-deep); outline-offset: 2px; }
.f18-tab-panel[hidden] { display: none; }
.f18-tab-panel h2 { font-size: 20px; }
.f18-order-panel .f18-order-list { max-height: 270px; padding-right: 6px; overflow-y: auto; scrollbar-color: #d9c7cc transparent; scrollbar-width: thin; }
.f18-city-links { display: flex; flex-wrap: wrap; gap: 10px; }
.f18-city-links a { padding: 8px 13px; background: #fff; border: 1px solid var(--f18-line); border-radius: 99px; color: #665a5d; font-size: 13px; text-decoration: none; }
.f18-brand-copy { padding: 22px 24px; color: #665b5e; line-height: 1.9; font-size: 14px; }
.f18-brand-copy p { margin: 0; }
.f18-seo-section { padding-block: 44px; }
.f18-seo-disclosure { overflow: hidden; border: 1px solid var(--f18-line); background: #fff; }
.f18-seo-disclosure summary { position: relative; padding: 19px 58px 19px 24px; color: var(--f18-red-deep); cursor: pointer; font: 700 22px/1.35 var(--font-serif); list-style: none; }
.f18-seo-disclosure summary::-webkit-details-marker { display: none; }
.f18-seo-disclosure summary::after { position: absolute; top: 50%; right: 24px; content: "+"; font: 400 26px/1 var(--font-sans); transform: translateY(-50%); }
.f18-seo-disclosure[open] summary { border-bottom: 1px solid var(--f18-line); }
.f18-seo-disclosure[open] summary::after { content: "−"; }
.f18-seo-disclosure > .f18-richtext { padding: 22px 24px; }

.f18-confidence { border-top: 1px solid var(--f18-line); background: #fff; }
.f18-confidence__grid { display: grid; grid-template-columns: repeat(4, 1fr); padding-block: 28px; }
.f18-confidence__grid > div { padding: 3px 26px; border-right: 1px solid var(--f18-line); }
.f18-confidence__grid > div:last-child { border-right: 0; }
.f18-confidence strong, .f18-confidence span { display: block; }
.f18-confidence strong { margin-bottom: 5px; color: var(--f18-red-deep); font-size: 15px; }
.f18-confidence span { color: var(--f18-muted); font-size: 12px; }
.f18-footer { padding: 40px 0 20px; background: #c43a5b; color: #ffffff; }
.f18-footer__grid { display: grid; grid-template-columns: 1.6fr repeat(3, 1fr); gap: 54px; }
.f18-footer h2, .f18-footer h3 { color: #fff; }
.f18-footer h2 { margin: 0 0 14px; font: 700 26px var(--font-serif); }
.f18-footer h3 { margin: 4px 0 16px; font-size: 14px; }
.f18-footer p { max-width: 420px; font-size: 13px; line-height: 1.9; }
.f18-footer__grid a { display: block; margin: 9px 0; color: #c9bec1; font-size: 13px; }
.f18-footer__friends { margin-top: 34px; padding-top: 20px; border-top: 1px solid #c43a5b; font-size: 12px; }
.f18-footer__friends a { margin-right: 14px; }
.f18-footer__bottom { margin-top: 20px; padding-top: 20px; border-top: 1px solid #c43a5b; color: #8f8185; font-size: 12px; }
.f18-mobile-dock { display: none; }

.f18-breadcrumb { padding: 18px 0; color: var(--f18-muted); font-size: 13px; }
.f18-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.f18-breadcrumb li:not(:last-child)::after { content: "/"; margin-left: 6px; color: #b5aaad; }
.f18-breadcrumb a { color: var(--f18-red); }
.f18-breadcrumb a.is-current { color: var(--f18-muted); text-decoration: none; pointer-events: none; }
.f18-page-head { padding: 34px 0 26px; text-align: center; background: var(--f18-paper); }
.f18-page-head h1 { margin: 0 0 8px; font: 700 31px var(--font-serif); }
.f18-page-head p { margin: 0; color: var(--f18-muted); }
.f18-category-layout { display: grid; grid-template-columns: 210px 1fr; gap: 32px; padding: 42px 0 70px; }
.f18-category-menu { align-self: start; position: sticky; top: 12px; padding: 10px; background: var(--f18-paper); border: 1px solid var(--f18-line); }
.f18-category-menu a { display: block; padding: 13px 15px; border-bottom: 1px solid var(--f18-line); color: #66585c; text-decoration: none; }
.f18-category-menu a:last-child { border-bottom: 0; }
.f18-category-menu a:hover, .f18-category-menu .is-active { color: #fff; background: var(--f18-red); }
.f18-category-sections { display: grid; gap: 26px; }
.f18-category-block { padding: 26px; border: 1px solid var(--f18-line); background: #fff; }
.f18-category-block h2 { margin: 0 0 18px; color: var(--f18-red-deep); font: 700 22px var(--font-serif); }
.f18-category-children { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; }
.f18-category-child { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 10px; background: #faf6f5; text-decoration: none; }
.f18-category-child img { width: 42px; height: 42px; object-fit: cover; border-radius: 50%; background: #eee; }
.f18-category-child span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }

.f18-filter { padding: 0; background: #fff; border-bottom: 1px solid #f1ecec; }
.f18-filter ul { display: flex; margin: 0; padding: 0 0 8px; overflow-x: auto; overscroll-behavior-inline: contain; touch-action: pan-x; scrollbar-color: #999 transparent; scrollbar-width: auto; list-style: none; }
.f18-filter li { flex: 0 0 auto; min-width: 112px; text-align: center; }
.f18-filter ul::-webkit-scrollbar { height: 8px; }
.f18-filter ul::-webkit-scrollbar-track { background: transparent; }
.f18-filter ul::-webkit-scrollbar-thumb { border-radius: 8px; background: #999; }
.f18-featured-group ul::-webkit-scrollbar { display: none; }
.f18-filter ul:focus-visible, .f18-featured-group ul:focus-visible { outline: 2px solid var(--f18-red); outline-offset: 4px; }
.f18-filter a { display: block; padding: 12px 12px 7px; border-bottom: 2px solid transparent; white-space: nowrap; color: #665c5f; font-size: 13px; text-decoration: none; }
.f18-filter a.on { border-bottom-color: var(--f18-red); color: var(--f18-red); font-weight: 700; }
.f18-category-title { padding: 26px 0 16px; background: #fff; }
.f18-category-title h1 { margin: 0; font: 700 27px var(--font-serif); }
.f18-featured-filters { padding: 0 0 10px; border-bottom: 10px solid #f5f5f5; background: #fff; }
.f18-featured-group { padding: 0; border: 0; background: #fff; }
.f18-featured-group ul { display: flex; justify-content: center; min-width: 0; margin: 0; padding: 0; overflow-x: auto; overscroll-behavior-inline: contain; touch-action: pan-x; scrollbar-width: none; list-style: none; }
.f18-featured-group li { flex: 0 0 auto; position: relative; min-width: 102px; text-align: center; }
.f18-featured-group li + li::before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 15px; background: #cfc7c9; transform: translateY(-50%); }
.f18-featured-group a { display: block; margin: 0 10px; padding: 7px 15px; border-radius: 99px; white-space: nowrap; color: #706367; font-size: 13px; text-decoration: none; }
.f18-featured-group a.on { background: var(--f18-red); color: #fff; }
.f18-browse-grid { padding: 38px 0 70px; }
.hidden { display: none !important; }
.f18-loading, .f18-end { padding: 36px 0; text-align: center; color: var(--f18-muted); }
.f18-load-error { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 28px 0; color: var(--f18-red-deep); }
.f18-load-error button, .f18-load-more { min-height: 40px; border: 1px solid var(--f18-red); border-radius: 3px; padding: 0 22px; background: #fff; color: var(--f18-red); font: 600 13px var(--font-sans); cursor: pointer; }
.f18-load-more { display: block; margin: 28px auto 0; }
.f18-festival-label { display: block; margin-top: 5px; color: var(--f18-red); font-size: 11px; }

.f18-region-hero { padding: 64px 0; background: linear-gradient(115deg, #7b293e, #c64f6b); color: #fff; }
.f18-region-hero h1 { margin: 5px 0 14px; font: 700 clamp(31px, 5vw, 52px) var(--font-serif); }
.f18-region-hero p { max-width: 720px; margin: 0; line-height: 1.8; }
.f18-region-summary { padding: 52px 0; }
.f18-region-summary__grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 38px; }
.f18-region-summary__grid--modules { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.f18-region-summary__grid--modules > :first-child { grid-column: span 3; }
.f18-richtext { color: #5f5557; line-height: 1.9; }
.f18-shop-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.f18-shop-card { padding: 18px; background: #fff; border: 1px solid var(--f18-line); }
.f18-shop-card strong { display: block; margin-bottom: 7px; }
.f18-shop-card span { color: var(--f18-muted); font-size: 12px; line-height: 1.6; }
.f18-region-links { max-height: 220px; overflow-y: auto; }
.f18-region-links h3 { margin: 0 0 14px; font-size: 16px; }
.f18-region-links a { display: inline-block; margin: 4px 11px 4px 0; color: #6c5d61; font-size: 13px; }
.f18-content-page { max-width: 880px; margin-bottom: 70px; padding: 42px 54px; border: 1px solid var(--f18-line); background: #fff; }
.f18-content-page header { margin-bottom: 32px; padding-bottom: 24px; border-bottom: 1px solid var(--f18-line); text-align: center; }
.f18-content-page h1 { margin: 0 0 12px; font: 700 clamp(26px, 4vw, 38px)/1.35 var(--font-serif); }
.f18-content-page time { color: #9a8d90; font-size: 12px; }
.f18-content-page .f18-richtext { font-size: 16px; }
.f18-content-page .f18-richtext img { display: block; max-width: 100%; height: auto; margin: 24px auto; }
.f18-content-page .f18-richtext p { margin: 0 0 1.3em; }
.f18-content-pager { display: flex; justify-content: space-between; gap: 24px; margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--f18-line); }
.f18-content-pager a { max-width: 48%; color: var(--f18-red); font-size: 13px; }

@media (max-width: 900px) {
    .f18-header__main { grid-template-columns: 1fr; min-height: auto; padding-block: 18px; gap: 16px; }
    .f18-logo { justify-self: center; }
    .f18-search { width: 100%; }
    .f18-header__promise { display: none; }
    .f18-main-nav a { padding-inline: 15px; }
    .f18-product-grid, .grid-cols-2 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .f18-stories, .f18-stories--three, .f18-region-summary__grid, .f18-region-summary__grid--modules { grid-template-columns: 1fr; }
    .f18-auxiliary-grid { grid-template-columns: 1fr; }
    .f18-region-summary__grid--modules > :first-child { grid-column: auto; }
    .f18-category-children { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .f18-footer__grid { grid-template-columns: 1.4fr repeat(3, 1fr); gap: 24px; }
}

@media (max-width: 640px) {
    body { padding-bottom: 58px; }
    .container { width: min(100% - 24px, 1200px); }
    body:has(.f18-browse-grid) .f18-service-strip,
    body:has(.cn-product-search) .f18-service-strip,
    body:has(.f18-browse-grid) .f18-search,
    body:has(.cn-product-search) .f18-search,
    body:has(.f18-browse-grid) .f18-main-nav,
    body:has(.cn-product-search) .f18-main-nav { display: none; }
    body:has(.f18-browse-grid) .f18-header__main,
    body:has(.cn-product-search) .f18-header__main { min-height: 58px; padding-block: 7px; }
    .f18-service-strip__inner { justify-content: center; min-height: 30px; }
    .f18-service-strip nav { display: none; }
    .f18-header__main { padding-block: 12px; }
    .f18-logo__mark { width: 44px; height: 44px; font-size: 19px; }
    .f18-logo strong { font-size: 22px; }
    .f18-logo small { display: none; }
    .f18-search { height: 40px; }
    .f18-search button { width: 68px; }
    .f18-main-nav__inner { min-height: 42px; }
    .f18-main-nav .f18-main-nav__all { min-width: auto; }
    .f18-main-nav a { padding-inline: 14px; font-size: 13px; }
    .f18-hero { min-height: 300px; }
    .f18-hero__media--desktop { display: none; }
    .f18-hero__media--mobile { display: block; }
    .f18-hero::after { background: rgba(196,58,91,.47); }
    .f18-hero__content { padding: 34px 4px; text-align: center; }
    .f18-hero h1 { margin-bottom: 12px; font-size: 31px; }
    .f18-hero__content > p:not(.f18-eyebrow) { font-size: 14px; line-height: 1.6; }
    .f18-actions { justify-content: center; margin-top: 18px; }
    .f18-btn { min-height: 40px; padding-inline: 16px; font-size: 13px; }
    .f18-legacy-banner { padding: 12px 0; }
    .f18-quick__grid { display: flex; width: min(100% - 24px, 1200px); overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; }
    .f18-quick__grid::-webkit-scrollbar { display: none; }
    .f18-quick a { flex: 0 0 112px; min-height: 62px; border-bottom: 0; }
    .f18-product-section > .container { width: min(100% - 10px, 1200px); padding-inline: 0; }
    .f18-section { padding: 38px 0; }
    .f18-compact-content { padding-block: 30px; }
    .f18-section__head { align-items: center; margin-bottom: 20px; }
    .f18-section__head h2 { font-size: 23px; }
    .f18-section__head p { font-size: 12px; }
    .f18-product-grid, .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 8px; }
    .f18-product-card__body, .product-info { padding: 11px 9px 13px; }
    .f18-product-card h3, .product-title { font-size: 13px; }
    .f18-product-card__selling { font-size: 11px; }
    .f18-product-section .f18-product-card__body { padding: 8px; }
    .f18-product-section .f18-product-card h3 { min-height: 2.8em; font-size: 13px; }
    .f18-product-section .f18-product-card__selling { margin-bottom: 8px; padding: 3px 7px; font-size: 10px; }
    .f18-price, .product-price { font-size: 17px; }
    .f18-market-price { font-size: 10px; }
    .f18-browse-grid .f18-product-card__body,
    body .cn-product-search .product-result-body { padding: 8px; }
    .f18-browse-grid .f18-product-card h3,
    body .cn-product-search .cn-product-result h2 { min-height: 2.8em; font-size: 13px; }
    .f18-browse-grid .f18-product-card__selling,
    body .cn-product-search .cn-product-tags { margin-bottom: 8px; padding: 3px 7px; font-size: 10px; }
    .f18-stories { gap: 16px; }
    .f18-panel { padding: 21px 17px; }
    .f18-panel h2 { margin-bottom: 16px; font-size: 20px; }
    .f18-tab-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
    .f18-tab-list button { min-width: 0; padding-inline: 8px; font-size: 13px; }
    .f18-region-link-tabs .f18-tab-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .f18-region-link-tabs .f18-tab-list button { font-size: 12px; line-height: 1.3; }
    .f18-compact-content .f18-list,
    .f18-compact-reviews .f18-reviews,
    .f18-order-panel .f18-order-list { max-height: 235px; }
    .f18-shop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .f18-shop-card { min-width: 0; padding: 14px 12px; }
    .f18-shop-card span { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
    .f18-seo-section { padding-block: 30px; }
    .f18-seo-disclosure summary { padding: 16px 48px 16px 17px; font-size: 18px; }
    .f18-seo-disclosure summary::after { right: 17px; }
    .f18-seo-disclosure > .f18-richtext,
    .f18-brand-copy { max-height: 58vh; padding: 17px; overflow-y: auto; font-size: 14px; }
    .f18-confidence__grid { grid-template-columns: repeat(2, 1fr); gap: 0; }
    .f18-confidence__grid > div { padding: 14px 12px; border-bottom: 1px solid var(--f18-line); }
    .f18-confidence__grid > div:nth-child(2n) { border-right: 0; }
    .f18-footer { padding-top: 36px; }
    .f18-footer__grid { grid-template-columns: repeat(3, 1fr); gap: 20px 12px; }
    .f18-footer__brand { grid-column: 1 / -1; }
    .f18-footer__grid a { font-size: 12px; }
    .f18-mobile-dock { position: fixed; z-index: 100; left: 0; right: 0; bottom: 0; height: 58px; display: grid; grid-template-columns: repeat(5, 1fr); padding-bottom: env(safe-area-inset-bottom); background: rgba(255,255,255,.97); border-top: 1px solid var(--f18-line); box-shadow: 0 -5px 18px rgba(70,40,48,.08); }
    .f18-mobile-dock a { display: grid; place-items: center; color: #65595c; font-size: 12px; text-decoration: none; }
    .f18-page-head { padding: 26px 0 20px; }
    .f18-page-head h1 { font-size: 25px; }
    .f18-breadcrumb { flex-wrap: nowrap; padding: 8px 0; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
    .f18-filter .container { width: 100%; padding-inline: 6px; }
    .f18-filter ul { padding-bottom: 2px; scrollbar-width: none; }
    .f18-filter ul::-webkit-scrollbar { display: none; }
    .f18-filter li { min-width: 96px; }
    .f18-filter a { padding: 8px 7px 5px; font-size: 12px; }
    .f18-category-title { padding: 10px 0 6px; }
    .f18-category-title h1 { font-size: 22px; }
    .f18-featured-filters { padding-bottom: 4px; border-bottom-width: 4px; }
    .f18-featured-filters .container { width: 100%; padding-inline: 6px; }
    .f18-featured-group ul { justify-content: flex-start; }
    .f18-featured-group li { flex: 1 0 82px; min-width: 82px; }
    .f18-featured-group a { margin-inline: 3px; padding: 5px 8px; font-size: 12px; }
    .f18-browse-grid { width: calc(100% - 10px); padding-inline: 0; padding-top: 10px; }
    .f18-browse-grid .f18-product-grid { gap: 6px; }
    body .cn-function-page .function-wrap { width: 100%; }
    body .cn-product-search .product-results { gap: 6px; }
    body .cn-product-search .cn-product-result h2 { font-size: 13px; }
    .f18-category-layout { grid-template-columns: 92px 1fr; gap: 12px; padding: 24px 0 46px; }
    .f18-category-menu { padding: 5px; }
    .f18-category-menu a { padding: 12px 7px; font-size: 12px; }
    .f18-category-block { padding: 16px 12px; }
    .f18-category-block h2 { font-size: 18px; }
    .f18-category-children { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .f18-category-child { display: block; padding: 8px; text-align: center; }
    .f18-category-child img { width: 48px; height: 48px; margin: 0 auto 5px; }
    .f18-category-child span { display: block; }
    .f18-region-hero { padding: 48px 0; text-align: center; }
    .f18-content-page { width: calc(100% - 24px); padding: 26px 18px; }
}

/* =============================================================
   Flower18 视觉对齐层（依据 _reference/.../11142798/index—新模板.html）
   - 珊瑚色系 / 卡片 / 圆角 / 阴影（Airbnb 风格）
   - 文章三栏卡片、门店+评价、配送动态三栏 tab、热门城市 pills
   - 滚动渐显动画（JS 增强，无 JS 时内容始终可见）
   ============================================================= */
:root {
    --f18-red: #e85a68;
    --f18-red-deep: #c94b5b;
    --f18-coral: #ff6b7a;
    --f18-rose: #fff8fa;
    --f18-rose-soft: #ffe4e8;
    --f18-ink: #222222;
    --f18-muted: #717171;
    --f18-line: #e7d9dc;
    --f18-paper: #f7f7f7;
    --f18-radius-sm: 8px;
    --f18-radius-md: 14px;
    --f18-radius-lg: 20px;
    --f18-shadow-card: 0 1px 2px rgba(0,0,0,.04), 0 2px 6px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.08);
    --f18-shadow-card-hover: 0 2px 4px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.10), 0 8px 24px rgba(0,0,0,.12);
}

.f18-btn { border-radius: 999px; box-shadow: var(--f18-shadow-card); }
.f18-btn--light { box-shadow: var(--f18-shadow-card); }
.f18-search { border-radius: 999px; }
.f18-search button { border-radius: 0 999px 999px 0; }
.f18-cart-count { background: var(--f18-red); }

.f18-hero { background: linear-gradient(115deg, #c94b5b, #ef7a8c); }
.f18-hero::after { background: linear-gradient(90deg, rgba(70,18,32,.62), rgba(70,18,32,.08) 68%); }

.f18-section { padding: 64px 0; }
.f18-section__head { margin-bottom: 26px; }
.f18-section__head h2 { color: var(--f18-ink); }
.f18-section__head p { color: var(--f18-muted); }
.f18-section__more { color: var(--f18-red); font-weight: 600; }
.f18-section__more:hover { color: var(--f18-red-deep); }

.f18-module-title { display: flex; min-width: 0; flex: 1 1 auto; align-items: center; gap: 14px; }
.f18-module-title > div { min-width: 0; }
.f18-module-title h2 { margin: 0; font: 700 27px/1.25 var(--font-serif); }
.f18-module-title p { margin: 5px 0 0; color: var(--f18-muted); font-size: 13px; }
.f18-module-icon { flex: 0 0 auto; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; background: var(--f18-rose-soft); font-size: 22px; }

.f18-product-module .f18-product-grid { gap: 22px 18px; }
.f18-product-module .f18-product-grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.f18-product-module .f18-product-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.f18-product-module .f18-product-card { overflow: hidden; border: 1px solid var(--f18-line); border-radius: var(--f18-radius-lg); background: #fff; box-shadow: var(--f18-shadow-card); transition: transform .25s ease, box-shadow .25s ease; }
.f18-product-module .f18-product-card:hover { transform: translateY(-4px); box-shadow: var(--f18-shadow-card-hover); }
.f18-product-module .f18-product-card__image { border-radius: 0; }
.f18-product-module .f18-product-card__image img { transition: transform .35s ease; }
.f18-product-module .f18-product-card:hover .f18-product-card__image img { transform: scale(1.04); }
.f18-product-module .f18-product-card__body { padding: 14px 15px 17px; }
.f18-product-module .f18-product-card h3 { font-size: 15px; }
.f18-product-module .f18-product-card__type { color: var(--f18-muted); }
.f18-product-module .f18-product-card__selling { display: inline-flex; align-self: flex-start; max-width: 100%; margin: 0 0 10px; padding: 4px 10px; border-radius: 999px; background: var(--f18-rose); color: var(--f18-red); font-size: 11px; font-weight: 600; line-height: 1.35; white-space: normal; }
.f18-price { color: var(--f18-red); }
.f18-card-badge { left: 12px; top: 12px; padding: 4px 10px; border-radius: 999px; background: rgba(232,90,104,.94); font-weight: 600; }

.f18-quick { border-bottom: 1px solid var(--f18-line); }
.f18-quick a { border-right: 1px solid #f4eaec; }
.f18-quick strong { font-size: 14px; }
.f18-category-shortcut.is-parent { background: var(--f18-paper); }

.f18-articles-section { background: var(--f18-paper); }
.f18-articles-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.f18-article-card { min-width: 0; padding: 22px; border-radius: var(--f18-radius-lg); background: #fff; box-shadow: var(--f18-shadow-card); transition: transform .25s ease, box-shadow .25s ease; }
.f18-article-card:hover { transform: translateY(-4px); box-shadow: var(--f18-shadow-card-hover); }
.f18-article-card h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; padding-bottom: 12px; border-bottom: 1px solid var(--f18-line); font-size: 17px; font-weight: 600; color: var(--f18-ink); }
.f18-article-list { display: grid; min-width: 0; gap: 0; }
.f18-article-list a { display: flex; min-width: 0; justify-content: space-between; align-items: center; gap: 12px; padding: 9px 0; border-bottom: 1px dashed var(--f18-line); color: var(--f18-ink); font-size: 13px; text-decoration: none; }
.f18-article-list a:last-child { border-bottom: 0; }
.f18-article-list a:hover { color: var(--f18-red); }
.f18-article-list a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.f18-article-list time { flex: 0 0 auto; color: #b0b0b0; font-size: 12px; }

.f18-trust-section { background: var(--f18-rose); }
.f18-trust-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); gap: 26px; align-items: start; }
.f18-store-card, .f18-reviews-card { min-width: 0; padding: 24px; border-radius: var(--f18-radius-lg); background: #fff; box-shadow: var(--f18-shadow-card); }
.f18-store-card h3, .f18-reviews-card h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 16px; font-size: 18px; font-weight: 600; color: var(--f18-ink); }
.f18-store-list { display: grid; gap: 0; }
.f18-store-row { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--f18-line); }
.f18-store-row:last-child { border-bottom: 0; }
.f18-store-row strong { font-size: 14px; font-weight: 600; color: var(--f18-ink); }
.f18-store-row span { overflow: hidden; color: var(--f18-muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.f18-reviews-list { display: grid; gap: 12px; }
.f18-review-item { padding: 14px; border-radius: var(--f18-radius-md); background: var(--f18-paper); }
.f18-review__header { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 8px; }
.f18-review__header strong { font-size: 14px; font-weight: 600; color: var(--f18-ink); }
.f18-review__stars { color: var(--f18-coral); font-size: 13px; letter-spacing: 1px; }
.f18-review-item p { margin: 0; color: var(--f18-muted); font-size: 13px; line-height: 1.65; }

.f18-interact-section .f18-panel { padding: 24px; border: 0; border-radius: var(--f18-radius-lg); background: #fff; box-shadow: var(--f18-shadow-card); }
.f18-interact-section .f18-panel h3 { margin: 0 0 14px; font-size: 16px; font-weight: 600; color: var(--f18-ink); }
.f18-tabs--wide .f18-tab-list { display: inline-flex; gap: 6px; padding: 5px; border: 1px solid var(--f18-line); border-radius: 999px; background: #fff; box-shadow: var(--f18-shadow-card); }
.f18-tabs--wide .f18-tab-list button { min-height: 38px; padding: 0 20px; border-radius: 999px; }
.f18-tabs--wide .f18-tab-list button[aria-selected="true"] { background: var(--f18-red); color: #fff; }
.f18-order-list { display: grid; gap: 0; max-height: 320px; overflow-y: auto; padding-right: 6px; scrollbar-color: #e3ccd1 transparent; scrollbar-width: thin; }
.f18-order-row { display: grid; gap: 3px; padding: 10px 0; border-bottom: 1px dashed var(--f18-line); }
.f18-order-row:last-child { border-bottom: 0; }
.f18-order-row strong { overflow: hidden; color: #4f4447; font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.f18-order-row span { color: var(--f18-muted); font-size: 12px; }

.f18-pill-list { display: flex; flex-wrap: wrap; gap: 8px; }
.f18-pill { display: inline-block; padding: 6px 14px; border: 1px solid var(--f18-line); border-radius: 999px; background: #fff; color: var(--f18-ink); font-size: 13px; text-decoration: none; transition: border-color .2s ease, color .2s ease; }
.f18-pill:hover { border-color: var(--f18-coral); color: var(--f18-red); }

.f18-region-summary, .f18-region-cities { background: var(--f18-paper); }
.f18-region-hero { background: linear-gradient(115deg, #b83a52, #ef7a8c); }
.f18-shop-card { border: 1px solid var(--f18-line); border-radius: var(--f18-radius-lg); box-shadow: var(--f18-shadow-card); }
.f18-shop-card strong { color: var(--f18-ink); }
.f18-region-links h3 { font-size: 15px; }
.f18-region-links a { color: #6c5d61; font-size: 13px; }
.f18-region-links a:hover { color: var(--f18-red); }

.f18-brand-copy { color: var(--f18-muted); }
.f18-seo-disclosure { border-radius: var(--f18-radius-lg); }
.f18-seo-disclosure summary { color: var(--f18-red-deep); }

/* 滚动渐显：仅在 JS 增强时隐藏初始状态，保证无 JS 可读 */
html.f18-js .f18-reveal { opacity: 0; transform: translateY(14px); transition: opacity .5s ease, transform .5s ease; }
html.f18-js .f18-reveal--visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
    html.f18-js .f18-reveal { opacity: 1; transform: none; transition: none; }
}

@media (max-width: 991px) {
    .f18-product-module .f18-product-grid--5 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .f18-articles-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .f18-article-card:last-child { grid-column: span 2; }
    .f18-trust-grid { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    .f18-section { padding: 44px 0; }
    .f18-section__head h2 { font-size: 23px; }
    .f18-module-icon { width: 40px; height: 40px; font-size: 19px; }
    .f18-product-grid, .f18-product-module .f18-product-grid--5, .f18-product-module .f18-product-grid--3, .f18-product-module .f18-product-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px; }
    .f18-product-module .f18-product-card__body { padding: 10px 10px 12px; }
    .f18-product-module .f18-product-card h3 { font-size: 13px; }
    .f18-product-module .f18-product-card__type { font-size: 11px; }
    .f18-price { font-size: 16px; }
    .f18-card-badge { left: 8px; top: 8px; padding: 3px 8px; font-size: 10px; }
    .f18-articles-grid { grid-template-columns: 1fr; }
    .f18-article-card:last-child { grid-column: auto; }
    .f18-tabs--wide .f18-tab-list { display: flex; max-width: 100%; overflow-x: auto; scrollbar-width: none; }
    .f18-tabs--wide .f18-tab-list::-webkit-scrollbar { display: none; }
    .f18-tabs--wide .f18-tab-list button { flex: 0 0 auto; padding: 0 15px; }
    .f18-quick { overflow-x: auto; scrollbar-width: none; }
    .f18-quick::-webkit-scrollbar { display: none; }
    .f18-quick__grid { grid-template-columns: repeat(10, minmax(118px, 1fr)); }
    .f18-quick a { min-height: 68px; }
    .f18-store-row { align-items: flex-start; flex-direction: column; gap: 3px; }
    .f18-store-row span { white-space: normal; }
    .f18-shop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}
/* =============================================================
   首页/地区页商品卡对齐分类页（docs/home-region-template-contract.md）
   - 同款边界/轻阴影/纵向填满布局，价格行贴底，消除卡片内空白
   - 图片满宽正方形 + 8px 小圆角，不再用大圆角制造图片留白
   - 手机端商品区单独收窄左右留白，两列正方形图尽量大
   ============================================================= */
.f18-product-module .f18-product-grid { gap: 18px; }
.f18-product-module .f18-product-card {
    display: flex;
    overflow: hidden;
    height: 100%;
    flex-direction: column;
    border: 1px solid var(--f18-line);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 18px rgba(85, 38, 50, .07);
}
.f18-product-module .f18-product-card__image { border-radius: 8px; }
.f18-product-module .f18-product-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 15px 14px 17px;
}
.f18-product-module .f18-product-card h3 {
    display: -webkit-box;
    overflow: hidden;
    min-height: 2.8em;
    margin: 0 0 6px;
    font: 600 15px/1.4 var(--font-sans);
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.f18-product-module .f18-product-card__type {
    overflow: hidden;
    min-height: 1.4em;
    margin: 0 0 7px;
    color: var(--f18-muted);
    line-height: 1.4;
}
.f18-product-module .f18-product-card__selling {
    display: inline-flex;
    align-self: flex-start;
    max-width: 100%;
    min-height: 0;
    margin: 0 0 10px;
    padding: 4px 9px;
    border: 1px solid #ead6da;
    border-radius: 999px;
    background: #fff7f8;
    color: var(--f18-red);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.35;
}
.f18-product-module .f18-product-card__price-row { margin-top: auto; }

@media (max-width: 767px) {
    .f18-product-module .container { padding-inline: 6px; }
    .f18-product-module .f18-product-grid { gap: 10px; }
    .f18-product-module .f18-product-card__body { padding: 8px; }
    .f18-product-module .f18-product-card h3 { min-height: 2.8em; font-size: 13px; }
    .f18-product-module .f18-product-card__type { font-size: 11px; }
    .f18-product-module .f18-product-card__selling { margin-bottom: 8px; padding: 3px 7px; font-size: 10px; }
}
/* =============================================================
   视觉差异化层：字体栈 + 顶部服务条/导航重排
   - 字体改为新视觉模板的系统无衬线栈（不再与 hua9 共用 Lato/Playfair）
   - 头部右侧改为 客服热线 + 购物车按钮；服务条只留订单/会员
   ============================================================= */
:root {
    --font-sans: 'Circular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
    --font-serif: 'Circular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}

.f18-logo small { letter-spacing: 2px; color: var(--f18-coral); font-weight: 600; }
.f18-header__main { grid-template-columns: 250px minmax(300px, 560px) auto; }
.f18-header__actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.f18-header__action {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid var(--f18-line);
    border-radius: 999px;
    background: #fff;
    color: var(--f18-ink);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: border-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.f18-header__action:hover { border-color: var(--f18-coral); color: var(--f18-red); box-shadow: var(--f18-shadow-card); }
.f18-header__cart { border: 0; background: var(--f18-red); color: #fff; }
.f18-header__cart:hover { color: #fff; background: var(--f18-red-deep); }
.f18-header__phone { color: var(--f18-muted); }
.f18-hero h1 { letter-spacing: 1px; }
.f18-hero__content > p:not(.f18-eyebrow) { max-width: 560px; }

@media (max-width: 991px) {
    .f18-header__phone { display: none; }
}
@media (max-width: 767px) {
    .f18-header__main { grid-template-columns: 1fr auto; gap: 12px; }
    .f18-header__main .f18-search { grid-column: 1 / -1; grid-row: 2; }
    .f18-header__actions { justify-content: flex-end; }
}
/* =============================================================
   底部完善：五栏页脚 + 联系热线 + 备案信息
   ============================================================= */
.f18-footer__grid { grid-template-columns: 1.8fr repeat(4, 1fr); gap: 40px; }
.f18-footer__contact { display: grid; gap: 8px; margin-top: 16px; }
.f18-footer__tel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 18px;
    border-radius: 999px;
    background: var(--f18-red);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}
.f18-footer__tel:hover { color: #fff; background: var(--f18-red-deep); }
.f18-footer__contact span { color: #8f8185; font-size: 12px; }
.f18-footer__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; }

@media (max-width: 991px) {
    .f18-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
    .f18-footer__brand { grid-column: span 2; }
}
@media (max-width: 767px) {
    .f18-footer__grid { grid-template-columns: 1fr; gap: 22px; }
    .f18-footer__brand { grid-column: auto; }
}
/* =============================================================
   v1 标准对齐层（依据 _reference/.../11142798/flower18.html 新视觉）
   - hero 改为浅粉底、居中、珊瑚主按钮
   - 新增：全国配送、品牌介绍、栏目说明、内容页卡片化
   - 公共功能页主题覆盖（珊瑚色），内页统一设计语言
   ============================================================= */
:root {
    --f18-red: #ff6b7a;
    --f18-red-deep: #e85a68;
    --f18-coral: #ff6b7a;
    --f18-rose: #fff8fa;
    --f18-rose-soft: #ffe4e8;
    --f18-ink: #222222;
    --f18-muted: #717171;
    --f18-line: #e7d9dc;
    --f18-paper: #f7f7f7;
}

.f18-hero {
    min-height: 0;
    padding: 72px 0 66px;
    background: linear-gradient(180deg, #fff8fa 0%, #fff2f4 100%);
    text-align: center;
    overflow: hidden;
}
.f18-hero::after { display: none; }
.f18-hero__content { max-width: 720px; color: var(--f18-ink); padding: 0; }
.f18-hero__content > p:not(.f18-eyebrow) { max-width: 560px; margin: 0 auto; color: var(--f18-muted); font-size: 16px; line-height: 1.75; }
.f18-hero h1 { margin: 0 0 16px; color: var(--f18-ink); font: 700 clamp(30px, 4.5vw, 46px)/1.2 var(--font-sans); letter-spacing: -0.5px; }
.f18-hero .f18-eyebrow { color: var(--f18-red); letter-spacing: 3px; }
.f18-actions { justify-content: center; margin-top: 26px; }
.f18-btn { border-radius: 999px; box-shadow: var(--f18-shadow-card); font-weight: 600; }
.f18-btn--light { background: #fff; color: var(--f18-ink); border: 1px solid var(--f18-line); }
.f18-btn--light:hover { border-color: var(--f18-coral); color: var(--f18-red); box-shadow: var(--f18-shadow-card-hover); }
.f18-btn:hover { transform: translateY(-2px); box-shadow: var(--f18-shadow-card-hover); }

.f18-legacy-banner { padding: 22px 0; background: #fff; }
.f18-banner-list { display: grid; gap: 14px; }
.f18-banner-list a { display: block; overflow: hidden; border-radius: var(--f18-radius-lg); background: var(--f18-paper); box-shadow: var(--f18-shadow-card); }
.f18-banner-list img { display: block; width: 100%; height: auto; max-height: 320px; object-fit: cover; }

.f18-section__head--center { justify-content: center; text-align: center; }
.f18-section__head--center .f18-module-title { justify-content: center; }

.f18-article-card__desc { margin: -8px 0 12px; color: var(--f18-muted); font-size: 12px; line-height: 1.5; }

.f18-region-intro { margin: 0 0 18px; padding: 16px 18px; border: 1px solid var(--f18-line); border-radius: var(--f18-radius-md); background: #fff; color: var(--f18-muted); font-size: 14px; line-height: 1.8; }

.f18-intro-section { background: var(--f18-rose); }
.f18-intro-content { max-width: 760px; margin: 0 auto; text-align: center; }
.f18-intro-content > p { margin: 0; color: var(--f18-muted); font-size: 15px; line-height: 2; }
.f18-intro-features { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; margin-top: 34px; }
.f18-intro-feature { width: 128px; text-align: center; }
.f18-intro-feature__icon { display: grid; width: 60px; height: 60px; margin: 0 auto 12px; place-items: center; border-radius: 50%; background: #fff; box-shadow: var(--f18-shadow-card); font-size: 26px; }
.f18-intro-feature strong, .f18-intro-feature small { display: block; }
.f18-intro-feature strong { color: var(--f18-ink); font-size: 14px; }
.f18-intro-feature small { margin-top: 4px; color: var(--f18-muted); font-size: 12px; }

.f18-page-eyebrow { margin: 0 0 8px; color: var(--f18-red); font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }
.f18-page-head p { color: var(--f18-muted); }

.f18-category-block__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 18px; }
.f18-category-block__head h2 { margin: 0; }
.f18-category-block__more { flex: 0 0 auto; color: var(--f18-red); font-size: 13px; font-weight: 700; text-decoration: none; }
.f18-category-block__more:hover { color: var(--f18-red-deep); }

.f18-list-state { padding: 36px 0; text-align: center; color: var(--f18-muted); font-size: 14px; }
.f18-list-empty { padding: 56px 0; }

/* 内容页（news/article/faq/blog）：统一卡片化阅读 */
.f18-content-page { max-width: none; margin: 0; padding: 0; border: 0; background: transparent; }
.f18-content { max-width: 880px; margin: 22px auto 70px; padding: 42px 54px; border: 1px solid var(--f18-line); border-radius: var(--f18-radius-lg); background: #fff; box-shadow: var(--f18-shadow-card); }
.f18-content__head { margin: 0 0 30px; padding-bottom: 24px; border-bottom: 1px solid var(--f18-line); text-align: center; }
.f18-content__head .f18-eyebrow { color: var(--f18-red); }
.f18-content__head h1 { margin: 0 0 14px; color: var(--f18-ink); font: 700 clamp(25px, 4vw, 36px)/1.35 var(--font-sans); }
.f18-content-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 20px; color: var(--f18-muted); font-size: 12px; }
.f18-content-cover { max-width: 720px; margin: 0 auto 26px; }
.f18-content-cover img { display: block; width: 100%; height: auto; border-radius: var(--f18-radius-md); }
.f18-content-body { color: #4f4547; font-size: 16px; line-height: 1.95; }
.f18-content-body img { display: block; max-width: 100%; height: auto; margin: 24px auto; border-radius: 8px; }
.f18-content-body p { margin: 0 0 1.3em; }
.f18-content-body table { display: block; max-width: 100%; overflow-x: auto; }
.f18-content-pager { display: flex; justify-content: space-between; gap: 24px; margin-top: 38px; padding-top: 24px; border-top: 1px solid var(--f18-line); }
.f18-content-pager__link { display: grid; gap: 5px; max-width: 48%; color: var(--f18-ink); text-decoration: none; }
.f18-content-pager__link small { color: var(--f18-muted); font-size: 11px; }
.f18-content-pager__link strong { color: var(--f18-red); font-size: 13px; font-weight: 600; }
.f18-content-pager__link--next { text-align: right; }
.f18-content-footer { margin-top: 26px; text-align: center; }
.f18-content-footer .f18-btn { background: var(--f18-red); color: #fff; }

/* 底部：帮助中心（footer_faq_links 配置驱动） */
.f18-footer__grid { grid-template-columns: 1.6fr 1fr; gap: 40px; }
.f18-footer__faq h3 { color: #fff; }
.f18-footer__faq-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 30px; }
.f18-footer__faq-list > div { display: contents; }
.f18-footer__faq-cat { break-inside: avoid; }
.f18-footer__faq-cat h3 { margin: 0 0 6px; color: #fff; font-size: 13px; }
.f18-footer__faq-list a { display: block; margin: 7px 0; color: #c9bec1; font-size: 13px; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.f18-footer__faq-list a:hover { color: #fff; }

/* 公共功能页珊瑚色主题覆盖（搜索/购物车/结账/登录/会员/订单） */
body .cn-function-page {
    --cn-red: var(--f18-red);
    --cn-red-dark: var(--f18-red-deep);
    --cn-soft: var(--f18-rose);
    --cn-line: var(--f18-line);
    color: var(--f18-ink);
    background: var(--f18-paper);
}
body .cn-function-page .function-card,
body .cn-function-page .address-card { border-color: var(--cn-line); border-radius: var(--f18-radius-md); }
body .cn-function-page .function-title { font-family: var(--font-sans); color: var(--f18-ink); }
body .cn-function-page .btn-primary { background: var(--f18-red); border-color: var(--f18-red); border-radius: 999px; }
body .cn-function-page .btn-primary:hover { background: var(--f18-red-deep); border-color: var(--f18-red-deep); }
body .cn-function-page .function-input:focus { border-color: var(--f18-red); box-shadow: 0 0 0 3px rgba(255,107,122,.12); }

@media (max-width: 991px) {
    .f18-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; }
    .f18-footer__brand { grid-column: span 2; }
}
@media (max-width: 767px) {
    .f18-hero { padding: 48px 0 42px; }
    .f18-hero h1 { font-size: 29px; }
    .f18-hero__content > p:not(.f18-eyebrow) { font-size: 14px; }
    .f18-intro-features { gap: 22px 18px; }
    .f18-intro-feature { width: 108px; }
    .f18-content { width: calc(100% - 24px); margin-top: 14px; padding: 26px 18px; }
    .f18-content__head h1 { font-size: 24px; }
    .f18-content-pager { flex-direction: column; gap: 14px; }
    .f18-content-pager__link, .f18-content-pager__link--next { max-width: 100%; text-align: left; }
    .f18-footer__grid { grid-template-columns: 1fr; gap: 20px; }
    .f18-footer__brand { grid-column: auto; }
}
@media (max-width: 767px) {
    .f18-footer { padding: 28px 0 18px; }
    .f18-footer__grid { gap: 22px; }
    .f18-footer__brand p { font-size: 12px; line-height: 1.7; }
    .f18-footer__contact { margin-top: 10px; gap: 5px; }
    .f18-footer__tel { min-height: 36px; padding: 0 14px; font-size: 13px; }
    .f18-footer__faq-list { gap: 0 18px; }
    .f18-footer__faq-list a { margin: 5px 0; font-size: 12px; }
    .f18-footer__faq-cat h3 { margin-bottom: 4px; font-size: 12px; }
    .f18-footer__friends { margin-top: 18px; padding-top: 12px; font-size: 11px; }
    .f18-footer__friends a { margin-right: 8px; }
    .f18-footer__bottom { margin-top: 12px; padding-top: 12px; gap: 3px; font-size: 11px; }
}
/* Storefront-owned price labels and phone footer. */
.price-current{white-space:nowrap}
.price-module{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.price-module>.price-normal,.price-module>.price-holiday{display:inline-flex;align-items:baseline;gap:3px;margin:0;color:inherit;font-size:1em;font-weight:700;line-height:1.25;white-space:nowrap}
.price-module>.price-normal>span,.price-module>.price-holiday>span{font-size:.72em;font-weight:600}
html.js .price-module{visibility:hidden}
html.js .price-module.js-ready{visibility:visible}
.price-market{margin-left:8px;text-decoration:line-through;white-space:nowrap}
@media(max-width:767px){body>footer{display:none!important}}
@media(max-width:520px){.price-module{display:inline-grid;gap:2px}.price-module>.price-normal,.price-module>.price-holiday{display:flex}
}

/* Stable section anchors keep the rhythm intact when an empty product module is omitted at render time. */
.f-ind-theme-flower18.f-independent-flow{display:flex;flex-direction:column}
.f-ind-theme-flower18.f-independent-flow>section{width:100%}
@media (min-width:901px){
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-product--1{order:10}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-product--2{order:20}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-product--3{order:30}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-product--4{order:40}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-product--5{order:50}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-product--6{order:60}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-product--7{order:70}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-support--1{order:80}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-product--8{order:90}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-product--9{order:100}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-support--2{order:110}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-product--10{order:120}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-support--3{order:130}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-product--11{order:140}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-product--12{order:150}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-support--4{order:160}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-support--5{order:170}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-support--6{order:180}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-product--1{order:10}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-product--2{order:20}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-product--3{order:30}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-support--1{order:40}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-product--4{order:50}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-product--5{order:60}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-support--2{order:70}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-product--6{order:80}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-product--7{order:90}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-support--3{order:100}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-product--8{order:110}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-product--9{order:120}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-product--10{order:130}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-product--11{order:140}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-support--5{order:150}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-support--6{order:160}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-support--4{order:170}
}
@media (max-width:900px){
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-product--1{order:10}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-product--2{order:20}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-product--3{order:30}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-product--4{order:40}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-product--5{order:50}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-product--6{order:60}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-product--7{order:70}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-product--8{order:80}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-product--9{order:90}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-product--10{order:100}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-product--11{order:110}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-product--12{order:120}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-support--1{order:1010}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-support--2{order:1020}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-support--3{order:1030}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-support--4{order:1040}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-support--5{order:1050}
.f-ind-theme-flower18.f-independent-home.f-independent-flow>section.f-independent-support--6{order:1060}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-product--1{order:10}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-product--2{order:20}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-product--3{order:30}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-product--4{order:40}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-product--5{order:50}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-product--6{order:60}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-product--7{order:70}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-product--8{order:80}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-product--9{order:90}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-product--10{order:100}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-product--11{order:110}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-support--1{order:1010}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-support--2{order:1020}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-support--3{order:1030}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-support--5{order:1040}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-support--6{order:1050}
.f-ind-theme-flower18.f-independent-region.f-independent-flow>section.f-independent-support--4{order:1060}
}

/* 2026-09-22 mobile display corrections from the page review workbook. */
@media (max-width: 720px) {
    body:has(.cn-function-page) .f18-main-nav,
    body:has(.detail-page-wrapper) .f18-main-nav { display: none; }
    body { padding-bottom: calc(58px + env(safe-area-inset-bottom)); }
    .f18-legacy-banner { padding: 8px 0; }
    .f18-legacy-banner .container { width: calc(100% - 16px); }
    .f18-legacy-banner img { display: block; width: 100%; height: auto; object-fit: contain; }
    .f18-quick__grid { width: 100%; padding-inline: 8px; }
    .f18-product-module > .container,
    .f18-product-section > .container { width: calc(100% - 12px); }
    .f18-section { padding-block: 30px; }
    .f18-section__head { margin-bottom: 15px; }
    .f18-module-title p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .f18-article-card h3,
    .f18-article-card a { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .f18-mobile-dock { height: auto; min-height: 58px; }
    .f18-mobile-dock a { gap: 2px; line-height: 1.2; }
}


/* Independent mobile rhythm normalization: flower18 */
@media (max-width: 720px) {
  .f-ind-theme-flower18 > .f18-legacy-banner { padding-bottom: 0; }
  .f-ind-theme-flower18 > .f18-quick { margin-top: 0; padding-top: 14px; padding-bottom: 0; }
  .f-ind-theme-flower18 > .f18-product-module { padding-block: 30px; }
  .f-ind-theme-flower18 .f18-product-module .f18-section__head { margin-bottom: 18px; }
  .f-ind-theme-flower18 .f18-product-module .f18-product-grid { column-gap: 8px; row-gap: 12px; }
  .f-ind-theme-flower18 .f18-product-module .f18-product-grid + .f18-product-grid { margin-top: 12px; }
}
/* 2026-09-26 Flower18 flagship-store refinement.
   Visual-only layer: existing categories, routes and data contracts stay unchanged. */
:root{--f18-red:#c43a5b;--f18-red-deep:#902844;--f18-coral:#d95370;--f18-rose:#fff6f8;--f18-rose-soft:#f8e9ed;--f18-ink:#221d1f;--f18-muted:#746a6d;--f18-line:#ebe4e5;--f18-paper:#f8f6f4;--f18-shadow-card:0 8px 24px rgba(49,28,34,.06);--f18-shadow-card-hover:0 16px 36px rgba(49,28,34,.10)}
body{background:#fff;color:var(--f18-ink)}
.f18-service-strip{background:#f6f3f2;border-bottom-color:#ece6e4;color:#746b6c}
.f18-header{background:rgba(255,255,255,.98);border-bottom:1px solid #eee8e6}
.f18-header__main{min-height:88px}
.f18-logo__mark{width:48px;height:48px;border:1px solid #dcb9c2;border-radius:14px;background:#fff;box-shadow:none;color:var(--f18-red-deep);font:800 18px/1 var(--font-sans)}
.f18-logo strong{color:var(--f18-ink);font-family:var(--font-sans);font-size:24px;font-weight:800;letter-spacing:.04em}
.f18-logo small{color:var(--f18-muted);font-size:10px;font-weight:600;letter-spacing:.16em}
.f18-search{height:42px;border:1px solid #d8ced0;border-radius:999px}.f18-search input{padding-left:18px}.f18-search button{width:82px;background: #c43a5b;font-size:13px}.f18-search button:hover{background:var(--f18-red-deep)}
.f18-header__action{min-height:38px;border-radius:999px}.f18-header__cart{background: #fbf0f3}.f18-header__cart:hover{background:var(--f18-red-deep)}
.f18-main-nav{border-bottom:0;border-top:1px solid #f2eeec}.f18-main-nav__inner{min-height:44px;justify-content:center}.f18-main-nav a{padding-inline:19px;color:#4d4547;font-size:13px;font-weight:600}.f18-main-nav a:hover{background:transparent;color:var(--f18-red)}
.f18-main-nav .f18-main-nav__all{min-width:170px;background: #c43a5b;color:#fff}.f18-main-nav .f18-main-nav__all:hover{background:var(--f18-red-deep)}
.f18-flagship-banner{padding:18px 0 0}.f18-flagship-banner .container{width:min(1360px,calc(100% - 32px))}.f18-flagship-banner .f18-banner-list{gap:10px}.f18-flagship-banner .f18-banner-list a{border-radius:18px;box-shadow:none;background:#f4f0ef}.f18-flagship-banner .f18-banner-list img{max-height:440px;object-fit:cover}
.f18-brand-strip-wrap{padding:14px 0 0;background:#fff}.f18-brand-strip{display:grid;grid-template-columns:minmax(260px,1.1fr) minmax(0,1.9fr);gap:30px;align-items:center;padding:24px 28px;border-bottom:1px solid var(--f18-line);background:#fff}
.f18-brand-strip__intro h1{margin:3px 0 7px;color:var(--f18-ink);font:800 24px/1.2 var(--font-sans);letter-spacing:-.02em}.f18-brand-strip__intro>p:last-child{margin:0;color:var(--f18-muted);font-size:13px;line-height:1.7}.f18-brand-strip__eyebrow{margin:0;color:var(--f18-red);font-size:10px;font-weight:800;letter-spacing:.17em}
.f18-service-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.f18-service-facts>span{min-width:0;padding:2px 18px;border-left:1px solid var(--f18-line)}.f18-service-facts strong,.f18-service-facts small{display:block}.f18-service-facts strong{color:var(--f18-ink);font-size:13px;font-weight:750}.f18-service-facts small{margin-top:4px;color:var(--f18-muted);font-size:11px;line-height:1.45}
.f18-quick{padding:14px 0 6px;border:0;background:#fff}.f18-quick__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.f18-quick a{min-height:64px;padding:11px 10px;border:1px solid #eee9e7;border-radius:12px;background:#fff}.f18-quick a:hover{border-color:#dfc8ce;background:#fffafa;color:var(--f18-red)}.f18-quick strong{font-size:13px;font-weight:700}.f18-quick span{font-size:10px}.f18-category-shortcut.is-parent{background:#fbf8f7}
.f18-section{padding-block:58px}.f18-section--soft{background:var(--f18-paper)}.f18-section--rose{background:#fbf4f5}.f18-section__head{align-items:center;margin-bottom:24px}.f18-section__head h2{font:800 27px/1.22 var(--font-sans);letter-spacing:-.02em}.f18-section__head p{color:var(--f18-muted);font-size:13px}.f18-module-icon{display:grid;width:32px;height:32px;place-items:center;border:1px solid #eadadd;border-radius:50%;background:#fff;color:var(--f18-red);font-size:13px;font-family:var(--font-sans)}
.f18-product-module .f18-product-grid{gap:30px 18px}.f18-product-module .f18-product-card,.f18-browse-grid .f18-product-card,body .cn-product-search .cn-product-result{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.f18-product-module .f18-product-card:hover,.f18-browse-grid .f18-product-card:hover,body .cn-product-search .cn-product-result:hover{transform:translateY(-2px);box-shadow:none}
.f18-product-module .f18-product-card__image,.f18-browse-grid .f18-product-card__image,body .cn-product-search .product-result-image{border-radius:12px;background:#f3efee}.f18-product-module .f18-product-card__body,.f18-browse-grid .f18-product-card__body,body .cn-product-search .product-result-body{padding:12px 2px 0}
.f18-product-module .f18-product-card h3,.f18-browse-grid .f18-product-card h3,body .cn-product-search .cn-product-result h2{color:var(--f18-ink);font-weight:700}.f18-product-card__type,.f18-browse-grid .f18-product-card__type,body .cn-product-search .cn-product-summary{color:var(--f18-muted)}
.f18-product-module .f18-product-card__selling,.f18-browse-grid .f18-product-card__selling,body .cn-product-search .cn-product-tags{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--f18-red);font-size:10px;font-weight:700}.f18-product-module .f18-product-card__selling::before,.f18-browse-grid .f18-product-card__selling::before,body .cn-product-search .cn-product-tags::before{content:"";flex:0 0 4px;width:4px;height:4px;border-radius:50%;background:currentColor}
.f18-price,.product-price{color:var(--f18-ink);font-size:18px;font-weight:800}.f18-market-price{color:#aaa1a3}.f18-intro-section{background:#fff}.f18-intro-content{max-width:820px;padding:26px 30px;border-top:1px solid var(--f18-line);border-bottom:1px solid var(--f18-line)}.f18-intro-content>p{color:#60575a;font-size:14px;line-height:1.9}
.f18-seo-disclosure{border-color:var(--f18-line);border-radius:12px;box-shadow:none}.f18-seo-disclosure summary{color:var(--f18-ink);font-family:var(--font-sans);font-size:19px}.f18-footer{background: #c43a5b}.f18-footer__tel{background:var(--f18-red-deep)}
.f18-mobile-dock svg,.f18-compact-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.f18-mobile-dock a{font-weight:400}.f18-mobile-dock .f18-mobile-dock__search{color:var(--f18-red);font-weight:700}.f18-compact-actions{display:none}
/* 2026-09-26 Flower18 flagship mobile */
@media(max-width:767px){
 .f18-service-strip{display:none}.f18-header__main{min-height:64px;grid-template-columns:1fr auto;gap:10px}
 .f18-logo__mark{width:38px;height:38px;border-radius:10px;font-size:15px}.f18-logo strong{font-size:18px}.f18-logo small{margin-top:2px;font-size:8px;letter-spacing:.12em}
 .f18-compact-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.f18-compact-action{position:relative;display:grid;width:35px;height:35px;place-items:center;border:1px solid var(--f18-line);border-radius:50%;background:#fff;color:var(--f18-ink);text-decoration:none}
 .f18-compact-action--search{border-color:#ead3d9;background:#fff8fa;color:var(--f18-red)}.f18-compact-menu-bars{display:grid;gap:3px;width:17px}.f18-compact-menu-bars i{display:block;width:17px;height:1.5px;border-radius:2px;background:currentColor}
 .f18-header__main>.f18-search,.f18-header__main>.f18-header__actions{display:none}
 .f18-flagship-banner{padding-top:8px}.f18-flagship-banner .container{width:calc(100% - 16px)}.f18-flagship-banner .f18-banner-list a{border-radius:10px}.f18-flagship-banner .f18-banner-list img{width:100%;height:auto;max-height:none;object-fit:contain}
 .f18-brand-strip-wrap{padding-top:10px}.f18-brand-strip-wrap .container{width:calc(100% - 20px)}.f18-brand-strip{grid-template-columns:1fr;gap:14px;padding:16px 4px 15px}.f18-brand-strip__intro h1{font-size:20px}.f18-brand-strip__intro>p:last-child{font-size:12px}.f18-brand-strip__eyebrow{font-size:9px;letter-spacing:.13em}
 .f18-service-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 0}.f18-service-facts>span{padding:0 10px}.f18-service-facts>span:nth-child(odd){padding-left:0;border-left:0}.f18-service-facts strong{font-size:12px}.f18-service-facts small{font-size:10px}
 .f18-quick{padding-top:10px!important;overflow-x:auto}.f18-quick__grid{width:max-content;grid-template-columns:repeat(6,108px);gap:8px;padding-inline:8px}.f18-quick a{min-height:58px;padding:9px 7px;border-radius:10px}.f18-quick strong{font-size:12px}.f18-quick span{font-size:9px}
 .f18-section{padding-block:30px}.f18-section__head{margin-bottom:16px}.f18-section__head h2{font-size:21px}.f18-module-icon{width:28px;height:28px;font-size:11px}.f18-module-title p{white-space:normal;line-height:1.45}
 .f18-product-module .f18-product-grid,.f18-browse-grid .f18-product-grid,body .cn-product-search .product-results{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:8px;row-gap:18px}
 .f18-product-module>.container,.f18-product-section>.container,.f18-browse-grid{width:calc(100% - 12px)}
 .f18-product-module .f18-product-card__image,.f18-browse-grid .f18-product-card__image,body .cn-product-search .product-result-image{aspect-ratio:4/5;border-radius:9px}
 .f18-product-module .f18-product-card__image img,.f18-browse-grid .f18-product-card__image img,body .cn-product-search .product-result-image img{object-fit:cover}
 .f18-product-module .f18-product-card__body,.f18-browse-grid .f18-product-card__body,body .cn-product-search .product-result-body{padding:9px 2px 0}
 .f18-product-module .f18-product-card h3,.f18-browse-grid .f18-product-card h3,body .cn-product-search .cn-product-result h2{min-height:2.7em;font-size:13px;line-height:1.35}
 .f18-product-module .f18-product-card__type,.f18-browse-grid .f18-product-card__type,body .cn-product-search .cn-product-summary{margin-bottom:5px;font-size:10px}
 .f18-product-module .f18-product-card__selling,.f18-browse-grid .f18-product-card__selling,body .cn-product-search .cn-product-tags{margin-bottom:6px;font-size:9px}
 .f18-price,.product-price{font-size:16px}.f18-market-price{font-size:9px}.f18-mobile-dock a{grid-template-rows:22px auto;gap:2px;align-content:center;font-size:11px;line-height:1.15}.f-independent-region .f18-breadcrumb{display:none!important}
}