:root{font-family:system-ui,-apple-system,Microsoft YaHei,sans-serif;color:#514d72;background:#fffaf6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.wrap{max-width:1150px;margin:auto;padding:0 22px}.top{position:sticky;top:0;z-index:10;background:#fffdfde8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #f3e6ef}.nav{min-height:75px;display:flex;align-items:center;gap:25px;justify-content:space-between}.logo{font-size:23px;color:#ed76a4;font-weight:900;white-space:nowrap}.logo small{display:block;color:#a6a1bf;letter-spacing:2px;font-size:10px}.links{display:flex;gap:8px;flex-wrap:wrap}.links button,.quiet{border:0;background:transparent;border-radius:18px;padding:11px 14px;color:#79718e;font-weight:700}.links button.active,.links button:hover{background:#fff0f7;color:#dc6798}.adminlink{border:1px solid #ead7ee;background:#fff;border-radius:22px;padding:10px 15px;color:#8d70bc;font-weight:700;white-space:nowrap}.hero{min-height:440px;background:linear-gradient(90deg,#eaf9ffed,#eff9ffbf 40%,#f8efff20 75%),url(/hero-art.svg) center/cover;display:flex;align-items:center;border-bottom:5px solid white}.hero .wrap{width:100%;padding-top:70px;padding-bottom:75px}.eyebrow{font-weight:900;letter-spacing:2px;color:#a07ac5;font-size:13px}.hero h1{font-size:clamp(39px,6vw,66px);line-height:1.2;color:#6e5a9b;margin:14px 0}.hero h1 span{color:#f277a9}.hero p{max-width:510px;line-height:1.9;color:#65728d;font-weight:600}.btn{background:linear-gradient(100deg,#f77fac,#a88bea);border:0;border-radius:24px;padding:12px 20px;color:#fff;font-weight:800;box-shadow:0 7px 17px #eac9e0}.btn.secondary{background:#fff;color:#9b78c4;box-shadow:none;border:1px solid #eedfed}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.section{padding:44px 0 8px}.heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.heading h2{font-size:25px;color:#7564a5;margin:0}.muted{color:#9792a9;font-size:14px;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{background:#fff;border:1px solid #f1e6f2;border-radius:22px;padding:22px;box-shadow:0 8px 20px #d8c5d51c;text-align:left;min-height:150px;transition:transform .15s}.card.clickable{cursor:pointer}.card.clickable:hover{transform:translateY(-3px)}.card h3{color:#74639d;margin:10px 0}.card p{color:#88889c;font-size:14px;line-height:1.7}.emoji{font-size:31px}.tag{display:inline-block;background:#fff0f7;color:#d56f9f;font-weight:800;font-size:12px;border-radius:20px;padding:5px 11px}.meta{font-size:12px;color:#aaa2b1;margin-top:12px}.page{padding-top:43px;padding-bottom:60px;min-height:55vh}.page h1{color:#70619d;font-size:34px}.toolbar{display:flex;gap:12px;margin:22px 0;flex-wrap:wrap}.field{border:1px solid #eadfee;border-radius:12px;padding:12px 14px;background:#fff;outline-color:#ba9ee3;color:#5d5678;width:100%}.toolbar .field:first-child{flex:1;min-width:210px}.toolbar select{width:auto;min-width:145px}.article{background:#fff;border:1px solid #f0e4ef;border-radius:22px;padding:35px;line-height:1.9}.article-body{white-space:pre-wrap;overflow-wrap:anywhere}.article img,.cover{max-width:100%;border-radius:15px;object-fit:cover}.cover{width:100%;height:145px}.article .cover{height:auto;max-height:440px}.panel{background:#fff;border:1px solid #f0e4ef;border-radius:22px;padding:25px}.admin-grid{display:grid;grid-template-columns:200px 1fr;gap:20px}.side{display:flex;flex-direction:column;gap:7px}.side button{text-align:left;border:0;background:#fff;border-radius:13px;padding:14px;color:#7b7199;font-weight:800}.side button.active{background:#fcecf6;color:#d16e9e}.form{display:grid;gap:16px}.form label{font-weight:700;font-size:13px}.form label>*{display:block;margin-top:7px}.form textarea{min-height:220px;resize:vertical}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;border-bottom:1px solid #f1e9f0;padding:12px 7px;font-size:14px}.tiny{padding:7px 11px;background:#fff;border:1px solid #eadfea;border-radius:9px;color:#866eb1}.error{color:#bb3d62;background:#fff1f4;border-radius:12px;padding:12px}.notice{background:#fff4fa;border:1px dashed #edc3da;padding:15px;border-radius:15px;color:#956c91}.login{max-width:450px;margin:30px auto}.empty{padding:35px;color:#999;text-align:center}.footer{text-align:center;border-top:1px solid #f2e8f1;padding:32px;color:#a8a0b2}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.space{justify-content:space-between}.small{font-size:12px}.preview{max-width:220px;max-height:120px;border-radius:10px}.hide{display:none}@media(max-width:800px){.nav{flex-wrap:wrap;padding:12px 0;gap:12px}.links{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto}.links button{white-space:nowrap}.grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.side{flex-direction:row;overflow:auto}.side button{white-space:nowrap}.table{display:block;overflow:auto}}@media(max-width:550px){.grid{grid-template-columns:1fr}.hero{background-position:60% center}.hero .wrap{background:#eafaffaa;padding-top:55px;padding-bottom:60px}.hero h1{font-size:39px}.article{padding:20px}.page h1{font-size:27px}}