@media(max-width:900px){.f-main.f-page-home,.f-main.f-page-region{display:flex;flex-direction:column}.f-theme-huajian>.f-flow-product--1{order:10}.f-theme-huajian>.f-flow-product--2{order:20}.f-theme-huajian>.f-flow-product--3{order:30}.f-theme-huajian>.f-flow-product--4{order:40}.f-theme-huajian>.f-flow-product--5{order:50}.f-theme-huajian>.f-flow-interlude{order:60}}
.f-main { padding-bottom: 0; }.f-mobile-dock a { display: flex; flex: 1; align-items: center; justify-content: center; }
:root{--f-bg:#f5f0e6;--f-card:#fdf8f0;--f-ink:#1a1a1a;--f-sub:#6b6258;--f-line:#c9bea9;--f-accent:#c73e3a;--f-gold:#d4af37;--f-jade:#5b8c5a;--f-brown:#6b4423;--f-huajian-brush:linear-gradient(100deg,#1a1a1a 0 2px,transparent 2px)}*{box-sizing:border-box}body{margin:0;background:var(--f-bg);color:var(--f-ink);font:400 14px/1.9 Georgia,"Noto Serif SC",serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.skip-link{position:fixed;top:-80px}.f-container{width:min(1120px,calc(100% - 54px));margin:auto}.f-header{position:sticky;top:0;z-index:50;background:#f5f0e6ee;border-bottom: 1px solid #f2d1d0}.f-header__inner{height:72px;display:flex;align-items:center}.f-logo{color:var(--f-brown);font:700 27px/1 "STKaiti","KaiTi",serif;letter-spacing:.24em}.f-logo:before{content:"花";display:inline-grid;place-items:center;width:25px;height:25px;margin-right:12px;background:var(--f-accent);color:#fff;font-size:13px;letter-spacing:0}.f-nav{display:flex;gap:30px;margin-left:auto}.f-nav a{font-size:13px;letter-spacing:.14em}.f-header__actions{display:flex;gap:13px;margin-left:24px}.f-header__actions a{font-size:11px;color:var(--f-accent)}.f-menu{display:none}.f-huajian-opening{position:relative;min-height:630px;display:grid;grid-template-columns:48% 52%;background:linear-gradient(90deg,#fdf8f0 0 48%,#e6dfcf 48%);border-bottom: 1px solid #c73e3a}.f-front-carousel{grid-column:2;grid-row:1;padding:55px 6vw 55px 25px}.f-front-carousel__viewport{position:relative;height:520px;overflow:hidden;border-radius:48% 48% 8px 8px}.f-front-carousel__slide{position:absolute;inset:0}.f-front-carousel__slide[hidden]{display:none}.f-front-carousel__slide img{width:100%;height:100%;object-fit:cover;filter:sepia(.18) saturate(.75)}.f-front-carousel__viewport:after{content:"";position:absolute;inset:0;border: 1px solid #f2d1d055;border-radius:inherit}.f-front-carousel__control{position:absolute;z-index:4;bottom:16px;width:38px;height:38px;border: 1px solid #f2d1d0;border-radius:50%;background:var(--f-bg)}.f-front-carousel__control--prev{right:60px}.f-front-carousel__control--next{right:15px}.f-front-carousel__dots{position:absolute;z-index:4;left:20px;bottom:25px;display:flex;gap:8px}.f-front-carousel__dots button{width:8px;height:8px;padding:0;border:1px solid #fff;border-radius:50%;background:transparent}.f-front-carousel__dots .is-active{background:var(--f-accent)}.f-hero,.f-region-hero{position:relative;z-index:3;grid-column:1;grid-row:1;min-height:630px;padding:72px max(25px,calc((100vw - 1120px)/2));display:flex;align-items:center}.f-huajian-hero__copy{display:grid;grid-template-columns:auto 1fr;column-gap:28px;align-items:start}.f-huajian-hero h1{grid-row:1/4;margin:0;font:700 clamp(46px,5vw,72px)/1.2 "STKaiti","KaiTi",serif;letter-spacing:.18em;writing-mode:vertical-rl}.f-eyebrow,.f-section-title span,.f-role-heading b{color:var(--f-accent);font-size:11px;letter-spacing:.24em}.f-huajian-hero__copy>p:last-child{max-width:370px;color:var(--f-brown);font-size:15px}.f-huajian-hero__edition{display:flex;gap:10px;margin-top:25px}.f-huajian-hero__edition span{width:9px;height:35px;background:var(--f-accent)}.f-huajian-hero__edition span:nth-child(2n){background:var(--f-jade)}.f-section{padding:72px 0;border-bottom:1px solid #c9bea988}.f-section--alt{background:#fdf8f0}.f-shortcuts{padding:17px; background: #c73e3a;color:#fff}.f-category-shortcuts-list,.f-region-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.f-category-shortcut{padding:6px 15px;border-bottom:1px solid #fff}.f-section-title,.f-role-heading{margin:0 0 42px;text-align:center}.f-section-title{font:700 31px "STKaiti","KaiTi",serif;letter-spacing:.28em}.f-section-title:before,.f-section-title:after{content:"◆";margin:0 14px;color:var(--f-gold);font-size:12px}.f-section-title span,.f-role-heading b{display:block;margin-bottom:5px}.f-role-heading h2{margin:0;font:700 30px "STKaiti","KaiTi",serif;letter-spacing:.22em}.f-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.f-product-card{background:var(--f-card);border:1px solid var(--f-line);box-shadow:6px 6px 0 #d9d0bf}.f-product-card__image{aspect-ratio:3/4;overflow:hidden;background:#e5ddcd}.f-product-card__image img{width:100%;height:100%;object-fit:cover;filter:saturate(.82)}.f-product-card__body{padding:17px;text-align:center}.f-product-card h3{margin:0;font:600 15px "STKaiti","KaiTi",serif}.f-product-card__summary{height:3.8em;margin:8px 0;color:var(--f-sub);font-size:11px;overflow:hidden}.f-product-card__selling{margin:0;color:var(--f-jade);font-size:10px}.f-product-card__price-row{display:flex;justify-content:center;gap:13px;border-top:1px dotted var(--f-line);padding-top:7px}.f-price{color:var(--f-accent);font-size:18px;font-weight:700}.f-market-price{color:var(--f-sub);font-size:10px}.f-huajian-journal{background:#fdf8f0}.f-huajian-reviews{background:#e4e8dc}.f-huajian-delivery{background:#eee6d7}.f-huajian-shops{background:#fdf8f0}.f-three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.f-experience,.f-region-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.f-panel,.f-shop-card{padding:24px;background:#fdf8f0cc;border-top:3px solid var(--f-accent);border-bottom:1px solid var(--f-line)}.f-panel h3,.f-panel h4{margin:0 0 11px;color:var(--f-brown);font-family:"STKaiti","KaiTi",serif;font-size:18px}.f-link-list a,.f-order,.f-review{display:block;padding:9px 0;border-bottom:1px dotted var(--f-line)}.f-order{display:flex;justify-content:space-between}.f-order time{font-size:10px;color:var(--f-sub)}.f-review span{color:var(--f-accent)}.f-shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.f-huajian-story{background:linear-gradient(90deg,#c73e3a,#9e302e);color:#fff}.f-seo-disclosure{border:1px solid #fff}.f-seo-disclosure summary{padding:20px;text-align:center;color:#fff;letter-spacing:.15em}.f-richtext{padding:0 30px 28px;columns:2}.f-huajian-regions{background: #c73e3a;color:#fff}.f-region-tags a{padding:6px 15px;border:1px solid #d4af37}.f-footer{padding:48px 0 86px; background: #c73e3a; color: #ffffff}.f-footer__faq-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.f-friends,.f-copyright{margin-top:20px;padding-top:15px;border-top:1px solid #ffffff22}.f-mobile-dock{display:none}.f-mobile-dock a{background:#f5f0e6;color:#1a1a1a;border-right:1px solid var(--f-line)}
@media(max-width:900px){.f-main{--f-mobile-text-budget:500px;padding-bottom:54px}.f-container{width:calc(100% - 28px)}.f-nav,.f-header__actions>a{display:none}.f-menu{display:block;margin-left:auto}.f-nav.is-open{position:absolute;top:72px;left:0;right:0;display:grid;padding:15px 24px;background:var(--f-bg)}.f-huajian-opening{display:flex;flex-direction:column;min-height:0}.f-front-carousel{order:1;padding:14px}.f-front-carousel__viewport{height:auto;aspect-ratio:16/10;border-radius:46% 46% 4px 4px}.f-hero,.f-region-hero{order:2;min-height:0;padding:32px 20px}.f-huajian-hero__copy{display:block;text-align:center}.f-huajian-hero h1{margin:auto;writing-mode:horizontal-tb;font-size:48px}.f-huajian-hero__edition{justify-content:center}.f-section{padding:48px 0}.f-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.f-product-card__image{aspect-ratio:1}.f-product-card__body{padding:10px}.f-three-columns,.f-experience,.f-region-summary,.f-shop-grid{display:flex;max-height:var(--f-mobile-text-budget);overflow-x:auto;gap:12px;scroll-snap-type:x mandatory}.f-panel,.f-shop-card{flex:0 0 min(84vw,330px);overflow-y:auto;scroll-snap-align:start}.f-richtext{columns:1;max-height:var(--f-mobile-text-budget);overflow-y:auto}.f-huajian-regions .f-region-tags{max-height:var(--f-mobile-text-budget);overflow-y:auto}.f-footer__faq-list{grid-template-columns:repeat(2,1fr)}.f-mobile-dock{position:fixed;z-index:70;left:0;right:0;bottom:0;height:54px;display:flex}}@media(max-width:520px){.f-front-carousel__control{display:none}.f-section-title{font-size:24px;letter-spacing:.12em}.f-footer__faq-list{grid-template-columns:1fr}}
.f-nav__links,.f-nav__primary,.f-nav__secondary,.f-nav__home,.f-nav__catalog,.f-nav__group,.f-nav__inner,.f-nav__pair,.f-nav__collections,.f-nav__list,.f-nav__list li,.f-nav__menu,.f-nav__menu li{display:contents}.f-nav__list,.f-nav__menu{margin:0;padding:0;list-style:none}.f-nav--compact{gap:18px}.f-nav--roomy{gap:34px}.f-nav--framed{gap:18px;padding:6px 12px;border:1px solid var(--f-line);border-radius:999px}.f-nav--underlined a{padding-block:7px;border-bottom:2px solid transparent}.f-nav--underlined a:hover{border-bottom-color:var(--f-accent)}.f-nav--centered{margin-inline:auto}.f-nav--separated{gap:0}.f-nav--separated a{padding-inline:13px}.f-nav--separated a+a{border-left:1px solid var(--f-line)}.f-nav--soft{gap:8px}.f-nav--soft a{padding:6px 11px;border-radius:12px}.f-nav--soft a:hover{background:color-mix(in srgb,var(--f-accent) 12%,transparent)}.f-nav--offset{transform:translateY(4px)}
@media(max-width:900px){.f-nav--compact,.f-nav--roomy,.f-nav--framed,.f-nav--underlined,.f-nav--centered,.f-nav--separated,.f-nav--soft,.f-nav--offset{gap:0;margin:0;padding:15px 24px;border:0;border-radius:0;transform:none}.f-nav--separated a{padding-inline:0}.f-nav--separated a+a{border-left:0}.f-nav--soft a{padding-inline:0;background:transparent}}/* 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}}

/* 2026-09-22 mobile home/region rhythm normalization. */
@media (max-width:900px) {
  body:has(.f-main > .f-original-product-section) .f-main > .f-section { padding-block:30px; }
  body:has(.f-main > .f-original-product-section) .f-main > .f-shortcuts { margin-top:0; padding-block:16px 20px; }
  body:has(.f-main > .f-original-product-section) .f-original-product-section .f-section-title { margin-bottom:18px; }
  body:has(.f-main > .f-original-product-section) .f-original-product-section .f-product-grid { column-gap:10px; row-gap:12px; }
  body:has(.f-main > .f-original-product-section) .f-main > .f-supporting-content { padding-block:28px; }
  body:has(.f-main > .f-original-product-section) .f-neon-interlude::before { margin-bottom:18px; }
}

/* Regional product-section summary. */
.f-original-product-section .f-section-desc{max-width:760px;margin:-10px auto 24px;color:inherit;opacity:.74;font-size:13px;line-height:1.8;text-align:center;}
@media(max-width:900px){.f-original-product-section .f-section-desc{margin:-7px auto 16px;font-size:11px;line-height:1.7;}}
/* mobile-long-copy-last:22tpl93mm */
@media (max-width:900px) {
  .f-main.f-page-home,
  .f-main.f-page-region {
    display:flex!important;
    flex-direction:column!important;
  }
  .f-main.f-page-home > .f-seo-section,
  .f-main.f-page-region > .f-seo-section {
    order:9999!important;
  }
}
/* mobile-supporting-content-after-products:22tpl93mm */
@media (max-width:900px) {
  .f-main.f-page-home > .f-supporting-content,
  .f-main.f-page-region > .f-supporting-content {
    order:1000!important;
  }

  .f-main.f-page-home > .f-seo-section,
  .f-main.f-page-region > .f-seo-section {
    order:9999!important;
  }
}

/* 2026-09-30 site inspection repairs */
@media(min-width:901px){
.f-main .f-huajian-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"copy visual";align-items:center;gap:32px;width:min(1180px,calc(100% - 48px));margin-inline:auto;min-height:0;max-height:none;padding:36px 0;overflow:visible;}
.f-main .f-huajian-opening>.f-front-carousel{position:relative;inset:auto;grid-area:visual;align-self:center;width:100%;min-width:0;min-height:0;margin:0;opacity:1;transform:none;}
.f-main .f-huajian-opening .f-front-carousel__viewport{height:clamp(300px,29vw,430px);min-height:0;max-height:none;}
.f-main .f-huajian-opening>:is(.f-hero,.f-region-hero){position:relative;inset:auto;grid-area:copy;width:100%;min-width:0;min-height:0;margin:0;padding:20px 0;display:flex;align-items:center;transform:none;background:transparent;color:#1a1a1a;text-shadow:none;}
.f-main .f-huajian-opening :is(.f-hero,.f-region-hero)>.f-container{width:100%;margin:0;padding:0;}
.f-main .f-huajian-opening [class$="hero__copy"]{width:100%;max-width:none;padding:0;transform:none;color:#1a1a1a;}
.f-main .f-huajian-opening :is(.f-hero,.f-region-hero) h1{max-width:100%;margin-inline:0;font-size:clamp(32px,3vw,48px);line-height:1.25;writing-mode:horizontal-tb;text-shadow:none;}
.f-main .f-huajian-opening :is(.f-hero,.f-region-hero) p{max-width:100%;color:#6b6258;}
}

/* legacy-browser-compat:22tpl93mm:remaining-v1 */
/* Color-mix / modern translucent colors are unsupported in older Chromium. */
@supports not (color: color-mix(in srgb, red 50%, blue)) {
 .f-header{background:#f5f0e6!important;background-image:none!important;color:#1a1a1a!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 .f-header .f-nav,.f-header .f-nav a,.f-header .f-logo{color:#1a1a1a!important}
 .f-main .f-seo-section{background:#f5f0e6!important;background-image:none!important;color:#1a1a1a!important}
 .f-main .f-seo-section .f-seo-disclosure{background:#fdf8f0!important;background-image:none!important;color:#1a1a1a!important;text-shadow:none!important}
 .f-main .f-seo-section .f-seo-disclosure summary,.f-main .f-seo-section .f-richtext,.f-main .f-seo-section .f-richtext *{color:#1a1a1a!important;text-shadow:none!important;opacity:1!important}
 .f-footer{background:#c73e3a!important;background-image:none!important;color:#ffffff!important}
 .f-footer h3,.f-footer h4,.f-footer a,.f-footer .f-friends,.f-footer .f-copyright{color:#ffffff!important;opacity:1!important}
}
/* CSS min() arrived later than Grid and Flexbox; keep the page centered. */
@supports not (width: min(100px, 200px)) {
 .f-container{width:calc(100% - 40px)!important;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important}
 .f-front-carousel{max-width:1120px;margin-left:auto;margin-right:auto}
}
/* Older Chromium ignores inset; pin slides to the entire viewport. */
@supports not (inset: 0) { .f-front-carousel__slide{top:0;right:0;bottom:0;left:0} }
/* CSS variables are unsupported in very old Chromium engines. */
@supports not (--legacy-color: 1) {
 body{background:#f5f0e6!important;color:#1a1a1a!important}
 .f-header{background:#f5f0e6!important;color:#1a1a1a!important}
 .f-main .f-seo-section,.f-main .f-seo-disclosure{background:#fdf8f0!important;color:#1a1a1a!important}
 .f-main .f-richtext,.f-main .f-richtext *{color:#1a1a1a!important}
 .f-footer{background:#c73e3a!important;color:#ffffff!important}
 .f-footer a,.f-footer h3,.f-footer h4,.f-footer .f-copyright{color:#ffffff!important}
}

/* legacy-browser-layout:22tpl93mm:v2 */
/* Keep existing brand-specific width; do not force all themes to 1180px. */
@supports not (width: min(100px, 200px)) {
 .f-container{width:calc(100% - 40px)!important;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important}
 .f-front-carousel{max-width:none!important}
}
@supports not (margin-inline: auto) { .f-container,.f-front-carousel{margin-left:auto!important;margin-right:auto!important} }
@supports not (inset: 0) {
 .f-front-carousel__slide{top:0;right:0;bottom:0;left:0}
}
/* A readable column layout if even CSS Grid is unavailable. */
@supports not (display: grid) {
 .f-product-grid{display:flex;flex-wrap:wrap}
 .f-product-grid > *{width:calc(25% - 20px);flex:none}
 .f-footer__faq-list{display:flex;flex-wrap:wrap}
 .f-footer__faq-list > *{width:calc(25% - 20px)}
 .f-three-columns,.f-experience,.f-region-summary{display:flex;flex-wrap:wrap}
 .f-three-columns > *{width:30%}
 .f-experience > *,.f-region-summary > *{width:47%}
}
@media(max-width:900px){@supports not (display:grid){
 .f-product-grid > *{width:calc(50% - 10px)}
 .f-footer__faq-list > *,.f-three-columns > *,.f-experience > *,.f-region-summary > *{width:100%}
}}
@supports not (font-size: clamp(14px, 2vw, 20px)) {
 .f-hero h1,.f-region-hero h1{font-size:40px}
}

/* homepage-region-pc-headings-banner-gap:20261012-v1 */
/* Product category headings/descriptions align with the product cards, not editorial modules. */
@media screen and (min-width:901px) {
  .f-main .f-original-product-section .f-section-title,
  .f-main .f-original-product-section .f-section-desc {
    text-align:left !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  /* Keep the top carousel/hero group off the header without altering image proportions. */
  .f-main > [class*="-opening"]:first-child,
  .f-main > .f-stage:first-child,
  .f-main > .f-front-carousel:first-child {
    margin-top:14px;
  }
}
@media screen and (max-width:900px) {
  .f-main > [class*="-opening"]:first-child,
  .f-main > .f-stage:first-child,
  .f-main > .f-front-carousel:first-child {
    margin-top:8px;
  }
}