*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
:root{
  --p1:#EC4899;--p2:#F43F5E;--p3:#FB7185;
  --a1:#06B6D4;--a2:#8B5CF6;
  --bg:#0A0A1A;--bg2:#0F0F24;--bg3:#14143A;
  --surface:rgba(236,72,153,0.06);
  --border:rgba(236,72,153,0.15);--border-d:rgba(236,72,153,0.3);
  --t1:#FFF0F5;--t2:#FFB3CC;--t3:#FF80A8;
  --grad:linear-gradient(135deg,#EC4899 0%,#8B5CF6 50%,#06B6D4 100%);
  --grad2:linear-gradient(135deg,#EC4899 0%,#F43F5E 100%);
  --shadow:0 4px 20px rgba(236,72,153,0.25);
  --shadow-lg:0 20px 60px rgba(236,72,153,0.35);
  --r:9999px;--tr:all 0.22s cubic-bezier(0.4,0,0.2,1);
}
body{font-family:'Inter','Noto Sans SC',sans-serif;background:var(--bg);color:var(--t2);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{color:var(--t1);font-weight:700;line-height:1.25}
a{color:inherit;text-decoration:none}
.container{max-width:1180px;margin:0 auto;padding:0 2rem}
.gt{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10,10,26,0.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:var(--tr)}
.ni{display:flex;align-items:center;height:64px;gap:2rem}
.logo{display:flex;align-items:center;gap:0.5rem}
.li{width:32px;height:32px;background:var(--grad2);border-radius:8px;display:flex;align-items:center;justify-content:center}
.li svg{width:18px;height:18px}
.lt{font-size:1rem;font-weight:800;color:var(--t1)}
.nl{display:flex;align-items:center;gap:0.2rem;flex:1}
.nk{padding:0.4rem 0.85rem;color:var(--t3);font-size:0.88rem;font-weight:500;border-radius:var(--r);transition:var(--tr)}
.nk:hover,.nk.a{color:var(--p1);background:var(--surface)}
.na{display:flex;align-items:center;gap:0.5rem;flex-shrink:0}
.bg{padding:0.45rem 1.1rem;border:1.5px solid var(--border-d);border-radius:var(--r);font-size:0.88rem;color:var(--t3);transition:var(--tr)}
.bg:hover{color:var(--p1)}
.bp{padding:0.48rem 1.25rem;background:var(--grad2);color:#fff;border-radius:var(--r);font-size:0.88rem;font-weight:700;transition:var(--tr);box-shadow:var(--shadow)}
.bp:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}
.nt{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.nt span{display:block;width:22px;height:2px;background:var(--t3);border-radius:2px;transition:var(--tr)}
.nl.o{display:flex;position:fixed;top:64px;left:0;right:0;flex-direction:column;background:rgba(10,10,26,0.92);padding:1rem;border-bottom:1px solid var(--border);gap:0.25rem;z-index:999}
.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:var(--tr)}
.card:hover{border-color:var(--border-d)}
.btn-dl{background:var(--grad2);color:#fff;display:block;width:100%;padding:0.6rem;border-radius:var(--r);font-size:0.88rem;font-weight:700;text-align:center;transition:var(--tr)}
.btn-dl:hover{box-shadow:var(--shadow);transform:translateY(-1px)}
.btn-dl-o{background:transparent;border:1.5px solid var(--border-d);color:var(--p1);display:block;width:100%;padding:0.6rem;border-radius:var(--r);font-size:0.88rem;font-weight:700;text-align:center;transition:var(--tr)}
.btn-dl-o:hover{background:var(--surface)}
.tag{display:inline-block;padding:0.2rem 0.6rem;background:var(--surface);border:1px solid var(--border-d);border-radius:var(--r);font-size:0.72rem;color:var(--p1);font-weight:700}
.footer{padding:3rem 0 2rem;border-top:1px solid var(--border);background:var(--bg2);margin-top:4rem}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem}
.footer h4{font-size:0.9rem;margin-bottom:1rem}
.footer ul{list-style:none}
.footer li{margin-bottom:0.5rem}
.footer a{font-size:0.85rem;color:var(--t3);transition:var(--tr)}
.footer a:hover{color:var(--p1)}
.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border);font-size:0.8rem;color:var(--t3)}
.faq-item{border:1px solid var(--border);border-radius:12px;margin-bottom:0.75rem;overflow:hidden}
.faq-q{padding:1rem 1.25rem;font-weight:700;color:var(--t1);cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:var(--surface)}
.faq-a{padding:0 1.25rem;max-height:0;overflow:hidden;transition:max-height 0.3s ease;font-size:0.9rem;color:var(--t3);line-height:1.7}
.faq-item.open .faq-a{max-height:200px;padding:0 1.25rem 1rem}
.article-body{max-width:760px;margin:0 auto}
.article-body h2{font-size:1.4rem;margin:2rem 0 1rem}
.article-body h3{font-size:1.15rem;margin:1.5rem 0 0.75rem}
.article-body p{margin-bottom:1.25rem;font-size:0.95rem;color:var(--t3);line-height:1.85}
.article-body ul,.article-body ol{margin:0 0 1.25rem 1.5rem;color:var(--t3);font-size:0.95rem;line-height:1.85}
.article-meta{font-size:0.85rem;color:var(--t3);margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}
.daily-tip{background:var(--surface);border:1px solid var(--border-d);border-radius:14px;padding:1.25rem 1.5rem;margin-top:1rem}
.daily-tip-label{font-size:0.75rem;color:var(--p1);font-weight:700;margin-bottom:0.5rem}
@media(max-width:1024px){.nl{display:none}.nt{display:flex}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.container{padding:0 1.25rem}.footer-grid{grid-template-columns:1fr}}