/* base reset */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:scroll;-webkit-text-size-adjust:100%}
body{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;color:#3a3a3a;line-height:1.7;background:#fff;font-size:15px}
img{max-width:100%;display:block;border:0}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
.container{max-width:1200px;margin:0 auto;padding:0 16px}

/* topbar */
.am_topbar{background:#fde8ef;color:#a04068;font-size:13px;padding:8px 0}
.am_topbar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.am_topbar em{font-style:normal;color:#e85a8b;font-weight:600}

/* header */
.am_header{background:#fff;box-shadow:0 2px 12px rgba(232,90,139,.08);position:sticky;top:0;z-index:100}
.am_header .container{display:flex;align-items:center;justify-content:space-between;height:72px}
.am_brand{display:flex;align-items:center;gap:10px}
.am_brand img{height:48px;width:auto}
.am_brand_text{display:flex;flex-direction:column;line-height:1.2}
.am_brand_text b{color:#d9447a;font-size:19px;letter-spacing:1px}
.am_brand_text span{color:#999;font-size:11px;letter-spacing:2px;margin-top:2px}
.am_nav ul{display:flex;gap:28px}
.am_nav a{color:#444;font-size:15px;padding:8px 2px;position:relative;transition:color .2s}
.am_nav a:hover,.am_nav a.am_on{color:#e85a8b}
.am_nav a.am_on::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:#e85a8b;border-radius:2px}
.am_burger{display:none;background:none;border:0;width:36px;height:36px;cursor:pointer}
.am_burger svg{width:24px;height:24px;stroke:#333}

/* banner */
.am_banner{position:relative;overflow:hidden;background:linear-gradient(135deg,#fde8ef 0%,#ffe9d6 100%)}
.am_banner .container{display:flex;align-items:center;min-height:420px;gap:30px;padding-top:30px;padding-bottom:30px}
.am_banner_txt{flex:1.1}
.am_banner_txt .am_tag{display:inline-block;background:#e85a8b;color:#fff;font-size:12px;padding:4px 12px;border-radius:20px;letter-spacing:1px;margin-bottom:16px}
.am_banner_txt h1{font-size:36px;color:#2b2b2b;line-height:1.3;margin-bottom:16px;font-weight:700}
.am_banner_txt h1 span{color:#e85a8b}
.am_banner_txt p{color:#666;font-size:15px;margin-bottom:24px;max-width:520px}
.am_btn{display:inline-block;background:#e85a8b;color:#fff;padding:12px 30px;border-radius:30px;font-size:15px;transition:background .2s,transform .2s}
.am_btn:hover{background:#d9447a;transform:translateY(-2px)}
.am_btn.am_ghost{background:transparent;color:#e85a8b;border:1px solid #e85a8b;margin-left:10px}
.am_banner_img{flex:1;height:340px;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(232,90,139,.18)}
.am_banner_img img{width:100%;height:100%;object-fit:cover}

/* advantages */
.am_adv{padding:40px 0;background:#fff}
.am_adv .container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.am_adv_item{text-align:center;padding:20px 10px;border-radius:12px;background:#fff7fa;transition:transform .2s}
.am_adv_item:hover{transform:translateY(-3px)}
.am_adv_item .am_ic{width:46px;height:46px;margin:0 auto 10px}
.am_adv_item .am_ic svg{width:46px;height:46px;stroke:#e85a8b;fill:none;stroke-width:1.6}
.am_adv_item b{display:block;color:#333;font-size:15px;margin-bottom:4px}
.am_adv_item span{color:#888;font-size:13px}

/* section title */
.am_sec{padding:50px 0}
.am_sec_t{text-align:center;margin-bottom:34px}
.am_sec_t h2{font-size:28px;color:#2b2b2b;position:relative;display:inline-block;padding-bottom:12px}
.am_sec_t h2::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:48px;height:3px;background:#e85a8b;border-radius:2px}
.am_sec_t p{color:#999;font-size:14px;margin-top:10px}

/* categories */
.am_cat{background:#fdf6f9}
.am_cat_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.am_cat_item{background:#fff;border-radius:12px;padding:22px 14px;text-align:center;transition:box-shadow .2s,transform .2s}
.am_cat_item:hover{box-shadow:0 8px 22px rgba(232,90,139,.14);transform:translateY(-3px)}
.am_cat_item img{width:80px;height:80px;object-fit:cover;border-radius:10px;margin:0 auto 12px}
.am_cat_item b{display:block;color:#333;font-size:15px;margin-bottom:4px}
.am_cat_item span{color:#999;font-size:12px}

/* products */
.am_prod_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.am_prod_card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #f3e3ea;transition:box-shadow .2s}
.am_prod_card:hover{box-shadow:0 10px 26px rgba(0,0,0,.08)}
.am_prod_card .am_pimg{height:200px;background:#fafafa;overflow:hidden}
.am_prod_card .am_pimg img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.am_prod_card:hover .am_pimg img{transform:scale(1.05)}
.am_prod_card .am_pinfo{padding:14px 16px 18px}
.am_prod_card .am_pinfo h3{font-size:15px;color:#333;margin-bottom:6px;font-weight:600}
.am_prod_card .am_pinfo p{color:#999;font-size:12px;line-height:1.5;min-height:34px}
.am_prod_card .am_price{color:#e85a8b;font-size:18px;font-weight:700;margin-top:8px}
.am_prod_card .am_price small{font-size:12px;font-weight:400;color:#bbb}

/* about strip */
.am_about{background:#fff}
.am_about .container{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.am_about_img{border-radius:14px;overflow:hidden;height:340px}
.am_about_img img{width:100%;height:100%;object-fit:cover}
.am_about_txt h2{font-size:26px;margin-bottom:16px;color:#2b2b2b}
.am_about_txt p{color:#666;margin-bottom:12px;font-size:14px}
.am_about_txt ul{margin-top:14px}
.am_about_txt li{padding-left:22px;position:relative;margin-bottom:8px;color:#555;font-size:14px}
.am_about_txt li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background:#e85a8b;border-radius:50%}

/* news */
.am_news{background:#fdf6f9}
.am_news_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.am_news_card{background:#fff;border-radius:12px;overflow:hidden;transition:box-shadow .2s}
.am_news_card:hover{box-shadow:0 8px 22px rgba(0,0,0,.08)}
.am_news_card .am_nimg{height:180px;overflow:hidden}
.am_news_card .am_nimg img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.am_news_card:hover .am_nimg img{transform:scale(1.05)}
.am_news_card .am_ninfo{padding:16px 18px 20px}
.am_news_card .am_ndate{color:#bbb;font-size:12px;margin-bottom:8px}
.am_news_card h3{font-size:16px;color:#333;line-height:1.5;margin-bottom:8px;font-weight:600}
.am_news_card p{color:#888;font-size:13px;line-height:1.6}

/* contact strip */
.am_ctastrip{background:linear-gradient(135deg,#e85a8b,#f48fb1);color:#fff;padding:40px 0;text-align:center}
.am_ctastrip h2{font-size:26px;margin-bottom:10px}
.am_ctastrip p{opacity:.92;margin-bottom:18px}
.am_ctastrip .am_btn{background:#fff;color:#e85a8b}
.am_ctastrip .am_btn:hover{background:#fff0f5}

/* footer */
.am_footer{background:#2b2230;color:#bbb;padding:40px 0 0;font-size:13px}
.am_footer .container{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:30px}
.am_footer h4{color:#fff;font-size:15px;margin-bottom:14px}
.am_footer p{line-height:1.8;margin-bottom:6px}
.am_footer ul li{margin-bottom:8px}
.am_footer a:hover{color:#f48fb1}
.am_footer_b{border-top:1px solid #443a4d;margin-top:30px;padding:16px 0;text-align:center;color:#888;font-size:12px}

/* breadcrumb */
.am_crumb{background:#fdf6f9;padding:14px 0;font-size:13px;color:#888}
.am_crumb a{color:#e85a8b}
.am_crumb a:hover{text-decoration:underline}

/* page hero */
.am_phero{background:linear-gradient(135deg,#fde8ef,#ffe9d6);padding:46px 0;text-align:center}
.am_phero h1{font-size:30px;color:#2b2b2b;margin-bottom:8px}
.am_phero p{color:#888;font-size:14px}

/* news list */
.am_nlist{padding:50px 0;background:#fff}
.am_nlist_item{display:flex;gap:22px;padding:22px 0;border-bottom:1px dashed #eee}
.am_nlist_item:last-child{border-bottom:0}
.am_nlist_item .am_nthumb{width:220px;height:150px;border-radius:10px;overflow:hidden;flex-shrink:0}
.am_nlist_item .am_nthumb img{width:100%;height:100%;object-fit:cover}
.am_nlist_item .am_nbody h3{font-size:18px;color:#2b2b2b;margin-bottom:8px;font-weight:600}
.am_nlist_item .am_nbody h3 a:hover{color:#e85a8b}
.am_nlist_item .am_nbody .am_ndate{color:#bbb;font-size:12px;margin-bottom:8px}
.am_nlist_item .am_nbody p{color:#777;font-size:14px;line-height:1.7}

/* article */
.am_article{padding:50px 0;background:#fff}
.am_article .am_wrap{max-width:820px;margin:0 auto}
.am_article h1{font-size:28px;line-height:1.4;margin-bottom:12px;color:#222}
.am_article .am_mate{color:#aaa;font-size:13px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}
.am_article .am_cover{border-radius:12px;overflow:hidden;margin-bottom:26px}
.am_article .am_cover img{width:100%;height:auto}
.am_article .am_body p{margin-bottom:16px;color:#444;line-height:1.9;font-size:15px}
.am_article .am_body h2{font-size:20px;margin:24px 0 12px;color:#2b2b2b;border-left:4px solid #e85a8b;padding-left:12px}
.am_article .am_body ul{margin:0 0 16px 20px}
.am_article .am_body ul li{list-style:disc;margin-bottom:8px;color:#444;line-height:1.8}
.am_article .am_back{margin-top:40px;text-align:center}

/* product detail */
.am_pdetail{padding:50px 0;background:#fff}
.am_pdetail .am_wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;max-width:1100px;margin:0 auto}
.am_pdetail .am_pdimg{border-radius:14px;overflow:hidden;background:#fafafa;height:420px}
.am_pdetail .am_pdimg img{width:100%;height:100%;object-fit:cover}
.am_pdetail .am_pdinfo h1{font-size:26px;margin-bottom:12px;color:#222}
.am_pdetail .am_pdinfo .am_pdprice{color:#e85a8b;font-size:28px;font-weight:700;margin-bottom:18px}
.am_pdetail .am_pdinfo .am_pdprice small{font-size:13px;color:#bbb;font-weight:400}
.am_pdetail .am_spec{background:#fdf6f9;border-radius:10px;padding:18px 22px;margin:18px 0}
.am_pdetail .am_spec h3{font-size:15px;margin-bottom:10px;color:#d9447a}
.am_pdetail .am_spec table{width:100%;font-size:14px;border-collapse:collapse}
.am_pdetail .am_spec td{padding:6px 8px;border-bottom:1px dashed #f0d3e0;color:#555}
.am_pdetail .am_spec td:first-child{color:#999;width:120px}
.am_pdetail .am_pdinfo p{color:#666;line-height:1.8;margin-bottom:10px}

/* 404 */
.am_404{padding:80px 0;text-align:center;background:#fff;min-height:50vh}
.am_404 .am_code{font-size:96px;color:#f48fb1;font-weight:800;line-height:1;margin-bottom:10px}
.am_404 h1{font-size:24px;margin-bottom:12px;color:#333}
.am_404 p{color:#888;margin-bottom:24px}

/* contact */
.am_contact{padding:50px 0;background:#fff}
.am_contact .am_wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.am_contact .am_cinfo h3{font-size:20px;margin-bottom:16px;color:#2b2b2b}
.am_contact .am_cinfo p{margin-bottom:12px;color:#555;line-height:1.8}
.am_contact .am_cinfo b{color:#e85a8b}
.am_contact .am_cmap{border-radius:12px;overflow:hidden;height:340px;background:#fdf6f9;display:flex;align-items:center;justify-content:center;color:#b0809a;font-size:14px;text-align:center;padding:20px}

/* responsive */
@media(max-width:900px){
  .am_banner .container{flex-direction:column;min-height:auto;padding-top:24px}
  .am_banner_txt h1{font-size:26px}
  .am_banner_img{height:240px;width:100%}
  .am_adv .container{grid-template-columns:repeat(2,1fr)}
  .am_cat_grid{grid-template-columns:repeat(2,1fr)}
  .am_prod_grid{grid-template-columns:repeat(2,1fr)}
  .am_news_grid{grid-template-columns:1fr}
  .am_about .container{grid-template-columns:1fr}
  .am_footer .container{grid-template-columns:1fr 1fr}
  .am_pdetail .am_wrap{grid-template-columns:1fr}
  .am_pdetail .am_pdimg{height:280px}
  .am_contact .am_wrap{grid-template-columns:1fr}
  .am_nlist_item{flex-direction:column}
  .am_nlist_item .am_nthumb{width:100%;height:200px}
}
@media(max-width:680px){
  .am_nav{position:fixed;top:72px;left:0;right:0;background:#fff;display:none;box-shadow:0 8px 16px rgba(0,0,0,.08)}
  .am_nav.am_open{display:block}
  .am_nav ul{flex-direction:column;gap:0;padding:10px 20px}
  .am_nav li{border-bottom:1px solid #f5f5f5}
  .am_nav a{display:block;padding:14px 0}
  .am_burger{display:block}
  .am_topbar .container{justify-content:center;text-align:center}
  .am_prod_grid{grid-template-columns:1fr}
  .am_footer .container{grid-template-columns:1fr}
  .am_banner_txt h1{font-size:22px}
  .am_sec_t h2{font-size:22px}
}