:root{--p:#ec4899;--a:#a855f7;--bg:#fff5fa;--fg:#3b0a2e;--card:#ffffff;--muted:#9d6b8a}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--fg);font-family:'PingFang SC','Microsoft YaHei',sans-serif;line-height:1.7;background-image:radial-gradient(at 90% 0%,rgba(236,72,153,.08),transparent 50%)}
a{color:var(--p);text-decoration:none}
.dk-w{max-width:1280px;margin:0 auto;padding:0 22px}
.dk-bar{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid #fce7f3;position:sticky;top:0;z-index:50}
.dk-bar-in{display:flex;align-items:center;gap:30px;padding:16px 0;flex-wrap:wrap}
.dk-brand{font-size:24px;font-weight:800;background:linear-gradient(135deg,var(--p),var(--a));-webkit-background-clip:text;color:transparent;letter-spacing:.5px}
.dk-brand::before{content:'❀ ';color:var(--p);-webkit-text-fill-color:initial}
.dk-nav{display:flex;gap:8px;flex-wrap:wrap;flex:1}
.dk-nav a{padding:8px 14px;font-size:14px;color:#7c3a64;border-radius:8px;font-weight:500;transition:.2s}
.dk-nav a:hover,.dk-nav a.on{background:linear-gradient(135deg,var(--p),var(--a));color:#fff}
.dk-banner{padding:42px 0 30px}
.dk-banner-in{background:linear-gradient(125deg,#fdf2f8,#faf5ff 60%,#fce7f3);border:1px solid #f9a8d4;border-radius:20px;padding:48px;position:relative;overflow:hidden}
.dk-banner-in::before{content:'';position:absolute;right:-60px;bottom:-60px;width:240px;height:240px;background:radial-gradient(circle,rgba(168,85,247,.18),transparent 70%)}
.dk-banner-in h1{font-size:34px;font-weight:800;color:#831843;margin-bottom:12px}
.dk-banner-in p{font-size:15px;color:#6b3a55;max-width:680px;line-height:1.8}
.dk-sec{padding:30px 0}
.dk-th{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.dk-th h2{font-size:22px;font-weight:800;color:#831843}
.dk-th .dot{width:10px;height:10px;background:var(--p);border-radius:50%;box-shadow:0 0 0 4px rgba(236,72,153,.18)}
.dk-th .desc{margin-left:auto;font-size:13px;color:var(--muted)}
.dk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.dk-it{background:var(--card);border-radius:16px;overflow:hidden;border:1px solid #fce7f3;box-shadow:0 4px 14px rgba(236,72,153,.06);transition:.25s}
.dk-it:hover{transform:translateY(-5px);box-shadow:0 16px 32px rgba(236,72,153,.18)}
.dk-it .ph{position:relative}
.dk-it .ph img{width:100%;height:280px;object-fit:cover;display:block}
.dk-it .ph .dur{position:absolute;right:8px;bottom:8px;background:rgba(131,24,67,.85);color:#fff;font-size:11px;padding:3px 8px;border-radius:6px}
.dk-it .b{padding:12px 14px}
.dk-it .b .t{font-weight:600;font-size:14px;color:#3b0a2e;line-height:1.45;min-height:42px}
.dk-it .b .m{margin-top:8px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
.dk-feat{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.dk-feat .dk-it .ph img{height:240px}
.dk-cms{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
.dk-cm{background:#fff;border-radius:16px;padding:16px;border:1px solid #fce7f3;position:relative;padding-left:54px}
.dk-cm img{position:absolute;left:14px;top:16px;width:32px;height:32px;border-radius:50%;border:2px solid var(--p)}
.dk-cm .n{font-weight:700;font-size:13px;color:#831843}
.dk-cm .d{font-size:11px;color:#bfa1b1;margin-bottom:6px}
.dk-cm .c{font-size:13px;color:#4a1f3a}
.dk-foot{margin-top:60px;background:linear-gradient(135deg,#831843,#6b21a8);color:#fde8f1;padding:36px 0;text-align:center;font-size:13px}
.dk-foot p{margin:6px 0}
@media(max-width:768px){.dk-feat{grid-template-columns:1fr}.dk-banner-in{padding:30px}.dk-banner-in h1{font-size:24px}.dk-it .ph img{height:220px}}