:root{
  --fs-bg:#f3f6fb;
  --fs-surface:#ffffff;
  --fs-surface-2:#f8fbff;
  --fs-text:#10233f;
  --fs-muted:#6f7f96;
  --fs-line:#e4eaf3;
  --fs-primary:#183b6b;
  --fs-primary-2:#275b97;
  --fs-accent:#6ea8ff;
  --fs-shadow:0 18px 48px rgba(15,33,63,.08);
  --fs-shadow-hover:0 22px 60px rgba(15,33,63,.14);
}
html,body{
  background:linear-gradient(180deg,#edf3fb 0%,#f6f8fc 32%,#eef4fa 100%);
  color:var(--fs-text);
}
body{
  font-family:"Inter","Noto Sans JP","Hiragino Sans","Yu Gothic UI","Segoe UI",sans-serif;
}

/* top strip */
.header-container[data-v-98cfc662]{
  background:linear-gradient(90deg,#15325d 0%,#20477f 50%,#2b5d9f 100%);
  box-shadow:0 8px 30px rgba(15,33,63,.16);
}
.header[data-v-98cfc662]{
  max-width:1440px;
  margin:0 auto;
  padding:0 28px;
}
.header-left[data-v-98cfc662] span{
  color:rgba(255,255,255,.9)!important;
  letter-spacing:.02em;
}

/* home/search */
.body-container[data-v-0b10e9aa],
.body-container[data-v-1485ad79]{
  background:transparent;
  padding-bottom:40px;
}
.search-container[data-v-0b10e9aa],
.search-container[data-v-1485ad79]{
  position:relative;
  background:
    radial-gradient(circle at 15% 25%,rgba(120,180,255,.18),transparent 26%),
    radial-gradient(circle at 85% 15%,rgba(255,255,255,.12),transparent 18%),
    linear-gradient(135deg,#112848 0%,#183660 48%,#204778 100%);
  padding:24px 56px;
  min-height:118px;
  width:min(1520px,calc(100vw - 40px));
  margin:28px auto 0;
  border-radius:28px;
  box-shadow:var(--fs-shadow);
  border:1px solid rgba(255,255,255,.12);
  overflow:hidden;
}
.search-container[data-v-0b10e9aa]::before,
.search-container[data-v-1485ad79]::before{
  content:"";
  position:absolute;
  inset:auto -50px -80px auto;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(110,168,255,.18),transparent 68%);
  pointer-events:none;
}
.inputSearch[data-v-0b10e9aa],
.inputSearch[data-v-1485ad79]{
  flex:1;
  border:none!important;
  border-radius:18px!important;
  overflow:hidden;
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 30px rgba(7,19,39,.18);
}
.search-container[data-v-0b10e9aa] .ant-input-wrapper,
.search-container[data-v-1485ad79] .ant-input-wrapper{border-radius:18px;overflow:hidden}
.search-container[data-v-0b10e9aa] .ant-input,
.search-container[data-v-1485ad79] .ant-input{
  height:56px;
  padding:0 22px;
  border:none!important;
  box-shadow:none!important;
  font-size:16px;
  background:rgba(255,255,255,.96);
}
.search-container[data-v-0b10e9aa] .ant-input-search-button,
.search-container[data-v-1485ad79] .ant-input-search-button{
  width:86px!important;
  border:none!important;
  background:linear-gradient(135deg,#4b87d8 0%,#2c67b5 100%)!important;
  box-shadow:none!important;
}
.search-container[data-v-0b10e9aa] > span:first-child,
.search-container[data-v-1485ad79] > span:first-child{
  font-size:34px!important;
  font-weight:700;
  letter-spacing:.01em;
  margin-right:26px!important;
  text-shadow:0 2px 12px rgba(0,0,0,.18);
}

/* content shell */
.content-container[data-v-0b10e9aa],
.content-container[data-v-1485ad79]{
  width:min(1520px,calc(100vw - 40px));
  margin:26px auto 0;
  padding:36px 36px 40px;
  background:rgba(255,255,255,.76);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.72);
  border-radius:30px;
  box-shadow:var(--fs-shadow);
}
.content-container .title-container[data-v-0b10e9aa]{
  min-height:56px;
  margin-bottom:18px;
  padding-bottom:16px;
  border-bottom:1px solid var(--fs-line);
  flex-wrap:wrap;
  gap:12px 0;
}
.content-container .title-container[data-v-0b10e9aa] > span:first-child{
  margin-right:48px!important;
  font-size:36px;
  font-weight:700;
  color:var(--fs-text);
}
.content-container .category-list[data-v-0b10e9aa]{
  margin:4px 8px 0 0;
}
.content-container .category-list .category-item[data-v-0b10e9aa]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:38px;
  padding:0 16px;
  margin-right:10px;
  border-radius:999px;
  background:rgba(22,54,96,.04);
  color:var(--fs-muted);
  font-weight:600;
  transition:all .25s ease;
}
.content-container .category-list .category-item:hover[data-v-0b10e9aa]{
  color:var(--fs-primary);
  background:rgba(39,91,151,.08);
}
.content-container .category-list .category-item-select[data-v-0b10e9aa]{
  color:#fff!important;
  background:linear-gradient(135deg,#234d86 0%,#2d6cb9 100%);
  box-shadow:0 10px 24px rgba(35,77,134,.24);
}

/* card grid */
.product-list[data-v-0b10e9aa]{
  gap:22px;
  align-items:stretch;
}
.product-list .product-item[data-v-0b10e9aa]{
  position:relative;
  margin:0;
  width:300px;
  height:auto;
  min-height:390px;
  overflow:hidden;
  border:1px solid rgba(23,57,100,.08);
  border-radius:22px;
  background:linear-gradient(180deg,#fff 0%,#fcfdff 100%);
  box-shadow:0 8px 28px rgba(16,35,63,.06);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.product-list .product-item[data-v-0b10e9aa] img{
  display:block;
  width:100%!important;
  height:292px;
  object-fit:cover;
  background:#eef3f9;
}
.product-list .product-item[data-v-0b10e9aa]:hover{
  transform:translateY(-8px);
  border-color:rgba(45,108,185,.34);
  box-shadow:var(--fs-shadow-hover);
  cursor:pointer;
}
.product-list :hover.product-item[data-v-0b10e9aa]{
  border:1px solid rgba(45,108,185,.34);
}
.product-list .product-item[data-v-0b10e9aa]::after{
  content:"";
  position:absolute;
  inset:auto 20px 0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#173966 0%,#5ea3ff 100%);
  opacity:0;
  transition:opacity .28s ease, bottom .28s ease;
  bottom:16px;
}
.product-list .product-item[data-v-0b10e9aa]:hover::after{opacity:1;bottom:12px}
.product-content[data-v-0b10e9aa]{
  padding:18px 20px 28px;
}
.product-content .product-title[data-v-0b10e9aa]{
  color:var(--fs-text);
  font-size:17px;
  line-height:1.65;
  font-weight:600;
}

/* detail page */
.content-container .product-info[data-v-1485ad79],
.product-content .product-detail[data-v-1485ad79],
.product-content .message-container .message-div[data-v-1485ad79]{
  background:linear-gradient(180deg,#fff 0%,#fcfdff 100%);
  border:1px solid rgba(23,57,100,.08);
  border-radius:24px;
  box-shadow:0 10px 34px rgba(16,35,63,.06);
}
.content-container .product-info[data-v-1485ad79]{
  padding:28px;
}
.content-container .product-info .img-container .img[data-v-1485ad79]{
  border:1px solid var(--fs-line);
  border-radius:20px;
  overflow:hidden;
  background:#f4f8fc;
}
.content-container .product-info .img-container .img-list .img-item[data-v-1485ad79]{
  border-radius:14px;
  overflow:hidden;
  border:1px solid var(--fs-line);
  background:#fff;
}
.content-container .product-info .img-container .img-list .select-img-item[data-v-1485ad79]{
  border:1px solid #2d6cb9;
  box-shadow:0 8px 20px rgba(45,108,185,.18);
}
.content-container .product-info .text-info .text-info-title[data-v-1485ad79]{
  color:var(--fs-text);
  font-size:30px;
  line-height:1.45;
  font-weight:700;
}
.content-container .product-info .text-info .price-container[data-v-1485ad79]{
  height:auto;
  min-height:88px;
  border-radius:18px;
  background:linear-gradient(135deg,#f5f9ff 0%,#eef5ff 100%);
  border:1px solid rgba(45,108,185,.12);
}
.content-container .product-info .text-info .subtitle[data-v-1485ad79],
.line-subtitle[data-v-1485ad79]{
  color:var(--fs-text);
  font-weight:700;
}
.line-subtitle .col-line[data-v-1485ad79]{
  width:8px;
  border-radius:999px;
  background:linear-gradient(180deg,#23538d 0%,#5ca0fb 100%);
}
.submit-button[data-v-1485ad79]{
  background:linear-gradient(135deg,#214b84 0%,#2d6cb9 100%);
  border-radius:14px;
  box-shadow:0 12px 24px rgba(35,77,134,.22);
}
.submit-button[data-v-1485ad79]:hover{filter:brightness(1.03)}

/* pagination */
.ant-pagination,
.pagination-container{margin-top:26px!important}
.ant-pagination .ant-pagination-item,
.ant-pagination .ant-pagination-prev,
.ant-pagination .ant-pagination-next,
.ant-pagination-options .ant-select-selector,
.ant-pagination-options-quick-jumper input{
  border-radius:12px!important;
  border-color:var(--fs-line)!important;
}
.ant-pagination .ant-pagination-item-active{
  background:linear-gradient(135deg,#214b84 0%,#2d6cb9 100%);
  border-color:transparent!important;
  box-shadow:0 8px 18px rgba(35,77,134,.18);
}
.ant-pagination .ant-pagination-item-active a{color:#fff!important}

/* footer */
.footer[data-v-98cfc662]{
  margin:34px auto 26px;
  width:min(1520px,calc(100vw - 40px));
  min-height:132px;
  padding:26px 34px;
  border-radius:28px;
  background:linear-gradient(135deg,#102847 0%,#173966 48%,#1f4678 100%);
  box-shadow:var(--fs-shadow);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  overflow:hidden;
}
.footer-content[data-v-98cfc662]{
  background:transparent!important;
  color:rgba(255,255,255,.94)!important;
}
.footer-content[data-v-98cfc662] span{color:rgba(255,255,255,.92)!important}
.footer1[data-v-98cfc662],.footer2[data-v-98cfc662]{opacity:.82!important;filter:drop-shadow(0 8px 24px rgba(0,0,0,.16))}

/* subtle global polish */
.ant-input:focus,
.ant-input-focused,
.ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-focused{
  box-shadow:0 0 0 3px rgba(82,140,219,.14)!important;
}
@media (max-width: 1280px){
  .search-container[data-v-0b10e9aa],
  .search-container[data-v-1485ad79],
  .content-container[data-v-0b10e9aa],
  .content-container[data-v-1485ad79],
  .footer[data-v-98cfc662]{
    width:calc(100vw - 24px);
  }
  .search-container[data-v-0b10e9aa],
  .search-container[data-v-1485ad79]{padding:20px 24px}
}