/* 美甲款式图鉴 · 马卡龙美甲风：粉紫渐变 + 指甲形圆角卡片 + 细线条 */
.nal-wrap{
  --nal-pink:#f7a8c4; --nal-purple:#c9a0f0; --nal-cream:#fff5fa; --nal-ink:#5c4457;
  --nal-card:#fff; --nal-gold:#d4a94e; --nal-mute:#9b8494; --nal-line:#f0d7e4;
  max-width:900px;margin:0 auto;padding:18px 14px 40px;
  font-size:15.5px;line-height:1.78;color:var(--nal-ink);
}
.nal-wrap h1,.nal-wrap h2,.nal-wrap h3{font-weight:700;}
.nal-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(120deg,#fde7f1,#efe0fb);border-radius:26px;padding:26px 24px;overflow:hidden;}
.nal-kicker{font-size:12px;letter-spacing:.3em;color:#b06a8c;font-weight:700;}
.nal-hero h1{font-size:clamp(24px,4.6vw,34px);margin:10px 0 8px;}
.nal-sub{color:var(--nal-mute);max-width:540px;}
.nal-hero-nails{display:flex;gap:7px;transform:rotate(6deg);}
.nal-hero-nails i{width:30px;height:64px;border-radius:16px 16px 12px 12px;border:2px solid rgba(255,255,255,.8);box-shadow:0 4px 10px rgba(176,106,140,.25);}
.nal-hero-nails i:nth-child(1){background:linear-gradient(180deg,#f7a8c4,#fbd0e0);}
.nal-hero-nails i:nth-child(2){background:linear-gradient(180deg,#c9a0f0,#e4d0fb);}
.nal-hero-nails i:nth-child(3){background:linear-gradient(180deg,#ffd9a8,#ffe9cd);}
.nal-hero-nails i:nth-child(4){background:linear-gradient(180deg,#a8d8f0,#d0ecfa);}
.nal-hero-nails i:nth-child(5){background:linear-gradient(180deg,#b8e6c2,#dcf5e2);}
.nal-filter-card{background:var(--nal-card);border:1.5px solid var(--nal-line);border-radius:20px;margin-top:18px;padding:16px 18px;box-shadow:0 6px 16px rgba(176,106,140,.08);}
.nal-frow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;}
.nal-frow:last-child{margin-bottom:0;}
.nal-flabel{font-weight:700;font-size:13.5px;color:var(--nal-mute);min-width:34px;}
.nal-chips{display:flex;gap:8px;flex-wrap:wrap;}
.nal-chip{border:1.5px solid var(--nal-line);background:#fff;border-radius:999px;padding:6px 15px;font-size:13.5px;font-weight:600;color:var(--nal-ink);cursor:pointer;transition:all .12s;}
.nal-chip:hover{border-color:var(--nal-pink);}
.nal-chip.on{background:linear-gradient(120deg,var(--nal-pink),var(--nal-purple));color:#fff;border-color:transparent;}
.nal-btn{border:1.5px solid var(--nal-pink);background:#fff;color:#b06a8c;border-radius:999px;padding:6px 15px;font-size:13.5px;font-weight:600;cursor:pointer;}
.nal-btn.on{background:var(--nal-pink);color:#fff;}
.nal-btn.ghost{border-color:var(--nal-line);color:var(--nal-mute);}
.nal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:18px;}
.nal-item{background:var(--nal-card);border:1.5px solid var(--nal-line);border-radius:20px;padding:16px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 6px 16px rgba(176,106,140,.08);transition:transform .15s;}
.nal-item:hover{transform:translateY(-4px);}
.nal-nails{display:flex;gap:6px;}
.nal-nail{width:26px;height:56px;border-radius:14px 14px 11px 11px;border:1.5px solid rgba(0,0,0,.08);box-shadow:inset 0 2px 4px rgba(255,255,255,.35);position:relative;overflow:hidden;}
.nal-nail.f1{transform:rotate(-7deg) translateY(4px);}
.nal-nail.f2{transform:rotate(-3.5deg) translateY(1px);}
.nal-nail.f4{transform:rotate(3.5deg) translateY(1px);}
.nal-nail.f5{transform:rotate(7deg) translateY(4px);}
.nal-name{font-weight:700;font-size:15.5px;text-align:center;}
.nal-tags{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;}
.nal-tag{font-size:11.5px;color:var(--nal-mute);background:var(--nal-cream);border-radius:999px;padding:2px 9px;border:1px solid var(--nal-line);}
.nal-stars{color:var(--nal-gold);font-size:13px;letter-spacing:2px;}
.nal-fav{border:0;background:none;font-size:19px;cursor:pointer;color:#dcc7d2;line-height:1;}
.nal-fav.on{color:#e0567e;}
.nal-empty{grid-column:1/-1;text-align:center;color:var(--nal-mute);padding:30px 0;border:2px dashed var(--nal-line);border-radius:20px;}
.nal-card{background:var(--nal-card);border:1.5px solid var(--nal-line);border-radius:20px;margin-top:20px;padding:20px;box-shadow:0 6px 16px rgba(176,106,140,.08);}
.nal-card h2{font-size:19px;margin:0 0 14px;}
.nal-skin{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.nal-skin-box{border-radius:16px;padding:16px;}
.nal-skin-box h3{font-size:16px;margin:0 0 8px;}
.nal-skin-box.warm{background:linear-gradient(140deg,#fff2e3,#ffe4d1);}
.nal-skin-box.cool{background:linear-gradient(140deg,#eef2ff,#e3ecff);}
.nal-skin-box p{margin:6px 0;font-size:14.5px;}
.nal-note{color:var(--nal-mute);font-size:13.5px;margin-top:12px;}
.nal-care{margin:0;padding-left:20px;}
.nal-care li{margin-bottom:8px;}
.nal-faqs dt{font-weight:700;margin-top:12px;color:#b06a8c;}
.nal-faqs dd{margin:4px 0 0;color:var(--nal-mute);}

html[data-theme="dark"] .nal-wrap{
  --nal-cream:#2e2430; --nal-ink:#f3e6ee; --nal-card:#2b2130; --nal-mute:#b59bb0; --nal-line:#4a3a4e;
}
html[data-theme="dark"] .nal-chip,
html[data-theme="dark"] .nal-btn{background:#2b2130;color:#f3e6ee;}
html[data-theme="dark"] .nal-chip.on,
html[data-theme="dark"] .nal-btn.on{background:linear-gradient(120deg,#f7a8c4,#c9a0f0);color:#2b2130;}
html[data-theme="dark"] .nal-hero{background:linear-gradient(120deg,#3a2b3e,#332a48);}
html[data-theme="dark"] .nal-skin-box.warm{background:linear-gradient(140deg,#3d3030,#40332a);}
html[data-theme="dark"] .nal-skin-box.cool{background:linear-gradient(140deg,#2d3242,#2c3a4a);}

@media (max-width:768px){
  .nal-hero{flex-direction:column;align-items:flex-start;}
  .nal-skin{grid-template-columns:1fr;}
  .nal-hero-nails{display:none;}
}

/* ===== v1.1 价位标签 / 试色搭配器 / 成套搭配 ===== */
.nal-tag.nal-price{background:var(--nal-gold);color:#fff;}
.nal-card small{color:var(--nal-mute);font-size:13px;font-weight:400;}
.nal-try{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;}
.nal-try label{display:flex;flex-direction:column;gap:5px;font-size:13.5px;font-weight:700;color:#b06a8c;}
.nal-try select{padding:9px 12px;border:2px solid var(--nal-line);border-radius:12px;font-size:15px;background:var(--nal-card);color:var(--nal-ink);min-width:150px;}
.nal-try-out{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.nal-set-card{border:2px solid var(--nal-line);border-radius:16px;padding:14px;background:var(--nal-cream);}
.nal-set-card>b{display:block;font-size:14.5px;margin-bottom:10px;color:var(--nal-ink);}
.nal-set-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:13.5px;}
.nal-set-row small{color:var(--nal-mute);}
.nal-set-card p{margin:8px 0 0;font-size:12.5px;color:var(--nal-mute);line-height:1.6;}
.nal-swatch{width:22px;height:22px;border-radius:8px;border:1.5px solid var(--nal-line);flex:0 0 auto;}
.nal-pairs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.nal-pair-card{border:2px solid var(--nal-line);border-radius:16px;padding:14px;display:flex;align-items:center;gap:8px;background:var(--nal-cream);flex-wrap:wrap;}
.nal-pair-side{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;min-width:70px;}
.nal-pair-side span{font-size:12px;color:var(--nal-mute);}
.nal-pair-side .nal-nail{width:26px;height:52px;border-radius:14px 14px 10px 10px;border:2px solid rgba(255,255,255,.8);}
.nal-pair-side b{font-size:13.5px;color:var(--nal-ink);text-align:center;}
.nal-pair-x{font-weight:900;color:#b06a8c;}
.nal-pair-card p{flex-basis:100%;margin:6px 0 0;font-size:12.5px;color:var(--nal-mute);line-height:1.6;}

html[data-theme="dark"] .nal-try select,
html[data-theme="dark"] .nal-set-card,
html[data-theme="dark"] .nal-pair-card{background:#2b2130;}

@media (max-width:768px){
  .nal-try-out{grid-template-columns:1fr;}
  .nal-pairs{grid-template-columns:1fr;}
}