@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap');
:root{--gold:#ffcf5a;--gold-2:#ff9d3f;--cream:#fff7dc;--ink:#0a0813;--violet:#28164e;--violet-2:#473183;--pink:#ff3f86;--line:rgba(221,189,255,.26)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--cream);font:500 16px "Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;background:radial-gradient(1000px 600px at 6% 5%,#533182 0,transparent 58%),radial-gradient(800px 580px at 93% 28%,#6d174f 0,transparent 62%),linear-gradient(135deg,#0a0710 0%,#110b21 44%,#0b0715 100%);background-attachment:fixed;animation:ambient 16s ease-in-out infinite alternate}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(#0004,transparent 75%)}button,input,textarea,select{font:inherit}button{position:relative;border:1px solid #ffd56b88;border-radius:11px;padding:11px 17px;overflow:hidden;background:linear-gradient(135deg,var(--gold),var(--gold-2));box-shadow:0 7px 22px #ff9f3d29;color:#21101e;font-weight:800;letter-spacing:.03em;cursor:pointer;transition:transform .16s,box-shadow .16s}button:hover{transform:translateY(-2px);box-shadow:0 10px 28px #ff9f3d55}button:active{transform:translateY(0)}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;outline:0;background:rgba(9,6,20,.62);color:#fffaf0;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:#ffc95d;box-shadow:0 0 0 3px #ffc95d1a}textarea{min-height:82px;resize:vertical}.card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(39,24,70,.88),rgba(13,8,27,.88));border:1px solid var(--line);border-radius:19px;padding:22px;box-shadow:0 16px 44px #0000003d;backdrop-filter:blur(14px);animation:cardIn .45s both}.card:hover{border-color:#ffd46b88;box-shadow:0 20px 52px #0007}.card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#ffd267aa,transparent)}.muted{color:#c9bfda;font-size:.9em;line-height:1.6}.pill{border:1px solid #ffd56a77;border-radius:99px;background:#fbc75316;color:#ffe3a0;padding:5px 11px;font-size:.82em;letter-spacing:.06em;display:inline-block;animation:glow 2.6s ease-in-out infinite}@keyframes ambient{to{background-position:8% 3%,88% 32%,0 0}}@keyframes cardIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes glow{50%{box-shadow:0 0 18px #ffcf5a55}}
