:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f5c7cf;--paper:#fff8ef;--paper-soft:#fff2f6;--paper-strong:#fff;--line:#f2b7c9;--line-strong:#df7fa8;--text:#47313a;--muted:#956678;--accent:#f0649c;--accent-strong:#cf3975;--accent-soft:#ffe4ef;--rose:#ff8bb5;--gold:#ffe66a;--mint:#74bd86;--danger:#b95a5d;--shadow:0 24px 70px #c4487c38;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{min-width:320px;color:var(--text);background:linear-gradient(135deg,#ffffff5c 25%,#0000 25%) 0 0/64px 64px,linear-gradient(225deg,#ffffff47 25%,#0000 25%) 0 0/64px 64px,linear-gradient(45deg,#0000 74%,#ffffff47 75%) 0 0/64px 64px,linear-gradient(135deg,#f8b8c9 0%,#ffdce5 42%,#fff0df 100%);margin:0}body:before,body:after{z-index:-1;pointer-events:none;content:"";position:fixed}body:before{opacity:.52;background-image:radial-gradient(circle at 12px 12px,#ffffffb8 0 2px,#0000 2.5px),radial-gradient(circle at 44px 28px,#ffffff94 0 1.5px,#0000 2px),linear-gradient(90deg,#ffffff24 1px,#0000 1px),linear-gradient(0deg,#ffffff24 1px,#0000 1px);background-position:0 0,0 0,0 0,0 0;background-size:72px 72px,72px 72px,28px 28px,28px 28px;inset:0}body:after{background:repeating-linear-gradient(135deg,#0000 0 18px,#ffffff3d 18px 20px),linear-gradient(#0000,#f1719d2e);height:42vh;inset:auto 0 0}button,input,textarea{font:inherit}button{cursor:pointer;border:0;min-height:40px}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #b85b725c}input,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffffc7;border-radius:8px}input{min-height:42px;padding:0 .75rem}textarea{resize:vertical;min-height:132px;padding:.75rem;line-height:1.55}::placeholder{color:#b68b91}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100dvh;padding:1.25rem;position:relative;overflow:hidden}.app-shell:before{color:#fff9fc;text-align:center;width:fit-content;max-width:calc(100vw - 2rem);text-shadow:0 2px 0 var(--accent-strong), 0 4px 0 #fff2a4, 0 8px 18px #a82c663d;content:"选择你的心动♡";-webkit-text-stroke:1px var(--accent-strong);background:linear-gradient(#ffffff8a,#ffdae9b8),repeating-linear-gradient(90deg,#ff86b533 0 16px,#0000 16px 32px);border:3px solid #ffffffeb;border-radius:999px;margin:0 auto .8rem;padding:.18rem 1.4rem .35rem;font-family:PingFang SC,Microsoft YaHei,Kaiti SC,STKaiti,sans-serif;font-size:3rem;font-weight:900;line-height:1.05;display:block;box-shadow:0 0 0 2px #ef6f9957,0 10px #ff9ebe47,0 20px 42px #c73b7633}.app-shell:after{width:fit-content;max-width:calc(100vw - 2rem);color:var(--accent-strong);text-align:center;content:"ALL FOR FQQ · 计分投票";letter-spacing:0;background:#fffbf0d6;border:2px dashed #e87ca175;border-radius:999px;margin:-.35rem auto 1.1rem;padding:.35rem 1.2rem;font-size:.78rem;font-weight:800;display:block;box-shadow:inset 0 -5px #ffd1df70,0 8px 20px #a14c5b24}.scoreboard-surface{outline-offset:-12px;width:min(1180px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(90deg,#ffffffc2 1px,#0000 1px) 0 0/42px 42px,linear-gradient(0deg,#ffffffc2 1px,#0000 1px) 0 0/42px 42px,linear-gradient(#fff8f7eb,#fff1f6e0);border:4px solid #ffffffdb;border-radius:8px;outline:2px dashed #e87ca17a;margin:0 auto;position:relative}.scoreboard-surface:before,.scoreboard-surface:after{pointer-events:none;z-index:2;background:#fff4f8d6;border:2px solid #ffffffb3;border-radius:999px;place-items:center;width:4.5rem;height:4.5rem;display:grid;position:absolute;box-shadow:0 10px 24px #c4487c2e}.scoreboard-surface:before{color:#d48461;content:"🧸";font-size:2.5rem;top:-2.2rem;left:1.1rem}.scoreboard-surface:after{color:var(--accent);content:"🎀";font-size:2.65rem;bottom:-2.2rem;right:1.1rem}.workspace{grid-template-columns:1fr;display:grid}.ranking-panel,.control-panel{min-width:0;padding:1.15rem}.ranking-panel{border-bottom:2px dashed #e87ca16b}.panel-heading{justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}h1,h2{letter-spacing:0;margin:0}h1{color:#fffdf0;min-height:44px;box-shadow:0 3px 0 var(--accent-strong), 0 8px 0 #ffee8699, 0 15px 26px #b83e742e;text-shadow:0 2px 0 var(--accent-strong), 0 4px 0 #5b394270;-webkit-text-stroke:.5px var(--accent-strong);background:linear-gradient(#ff9bc1,#f45f9d),repeating-linear-gradient(90deg,#0000 0 14px,#ffffff2e 14px 28px);border:2px solid #ffffffdb;border-radius:999px;justify-content:center;align-items:center;padding:.25rem 1.6rem .38rem;font-family:PingFang SC,Microsoft YaHei,Kaiti SC,STKaiti,sans-serif;font-size:1.8rem;font-weight:900;line-height:1;display:inline-flex}h2{color:var(--accent);margin-top:.18rem;font-size:1.08rem;line-height:1.2}.score-list{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.score-row{background:linear-gradient(90deg,#ffffffc7,#fff6efb3),repeating-linear-gradient(0deg,#0000 0 31px,#ef97b238 31px 33px);border:2px dashed #e87ca17a;border-radius:8px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:.75rem;padding:.78rem;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff9e,0 10px 28px #b85b721a}.score-row.rank-up{animation:1.5s both rank-rise}.score-row.rank-down{animation:1.5s both rank-drop}.rank-movement{z-index:2;white-space:nowrap;border:2px solid #ffffffe0;border-radius:999px;justify-content:center;align-items:center;min-height:1.7rem;padding:.12rem .65rem .18rem;font-size:.84rem;font-weight:900;line-height:1;animation:1.55s both movement-pop;display:inline-flex;position:absolute;top:-.72rem;right:.7rem;box-shadow:0 3px #744a5c2e,0 10px 18px #b85b7229}.rank-movement.up{color:#236337;text-shadow:0 1px #ffffffb8;background:linear-gradient(#c9f6d2,#79d891)}.rank-movement.down{color:#fff;background:linear-gradient(180deg, #ff9bc1, var(--accent));text-shadow:0 2px #8b2c5066}@keyframes rank-rise{0%{transform:translateY(10px)scale(.99);box-shadow:inset 0 0 0 1px #ffffff9e,0 0 #74bd8600}35%{transform:translateY(-4px)scale(1.01);box-shadow:inset 0 0 0 1px #ffffffb8,0 0 0 5px #74bd8638,0 16px 30px #74bd8633}to{transform:translateY(0)scale(1)}}@keyframes rank-drop{0%{transform:translateY(-10px)scale(.99)}35%{transform:translateY(4px)scale(1.01);box-shadow:inset 0 0 0 1px #ffffffb8,0 0 0 5px #ff8bb533,0 16px 30px #b85b722e}to{transform:translateY(0)scale(1)}}@keyframes movement-pop{0%{opacity:0;transform:translateY(.45rem)scale(.86)}20%{opacity:1;transform:translateY(-.15rem)scale(1.05)}72%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-.25rem)scale(.96)}}.score-row.podium-1{background:linear-gradient(90deg,#fff8c6e0,#ffffffbd),repeating-linear-gradient(0deg,#0000 0 31px,#ef97b238 31px 33px);border-color:#ffcd4ac7}.score-row.podium-2{border-color:#d787948a}.score-row.podium-3{border-color:#b85b7280}.rank-badge{color:#fff;background:linear-gradient(180deg, #ff98bf, var(--accent));width:42px;height:42px;box-shadow:0 3px 0 var(--accent-strong), 0 6px 14px #b85b723d;text-shadow:0 2px #7a294d57;border:2px solid #ffffffeb;border-radius:999px;place-items:center;font-size:1.1rem;font-weight:800;display:grid}.podium-1 .rank-badge{color:#6a3c00;background:linear-gradient(180deg, #fff68f, var(--gold));text-shadow:0 1px #fffc;box-shadow:0 3px #d59b26,0 8px 16px #d79b263d}.podium-2 .rank-badge{background:#c97888}.podium-3 .rank-badge{background:#d993a0}.item-fields{gap:.65rem;min-width:0;display:grid}.item-name-input{min-width:0;color:var(--text);background:#fffafde0;border-color:#ffffffb8;font-size:1.08rem;font-weight:800;box-shadow:inset 0 -4px #ffe2eb9e}.score-editor{grid-template-columns:minmax(84px,104px) minmax(0,1fr);align-items:center;gap:.55rem;display:grid}.score-input{border-color:var(--line-strong);height:44px;color:var(--accent-strong);text-align:center;background:#fffdf7;font-size:1.28rem;font-weight:800;box-shadow:inset 0 -4px #ffe66a4d}.step-buttons{grid-template-columns:repeat(5,minmax(40px,1fr));gap:.4rem;display:grid}.custom-vote-form{grid-column:2;grid-template-columns:minmax(0,1fr) auto;gap:.45rem;display:grid}.custom-vote-input{height:40px;min-height:40px;color:var(--accent-strong);background:#fffdf7e6;border-color:#e87ca175;font-weight:800;box-shadow:inset 0 -4px #ffe66a38}.step-button,.icon-button,.primary-button,.secondary-button,.danger-button,.icon-text-button,.custom-vote-button{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:.42rem;font-weight:800;display:inline-flex}.step-button{color:#614000;background:linear-gradient(180deg, #fff79d, var(--gold));text-shadow:0 1px #ffffffd1;border:1px solid #b9582629;height:42px;padding:0 .45rem;box-shadow:0 3px #d7aa35}.icon-button:hover,.secondary-button:hover,.icon-text-button:hover{background:#ffdce8}.step-button:hover{background:linear-gradient(#fffbd1,#ffd95a)}.custom-vote-button{color:#fff;background:linear-gradient(180deg, #ff91bd, var(--accent));min-height:40px;box-shadow:0 3px 0 var(--accent-strong);text-shadow:0 2px #7f2a4e57;border:1px solid #ffffffb8;padding:0 .8rem}.custom-vote-button:hover{background:linear-gradient(180deg, #ff7aac, var(--accent-strong))}.row-actions{grid-column:1/-1;justify-content:flex-end;gap:.45rem;display:flex}.icon-button{width:42px;height:42px;color:var(--accent);background:#fff1f6;box-shadow:inset 0 -4px #ffcbdd94}.icon-button.danger,.danger-button{color:var(--danger);background:#ffe5e4}.icon-button.danger:hover,.danger-button:hover{background:#ffd4d1}.primary-button{color:#fff;background:linear-gradient(180deg, #ff91bd, var(--accent));min-height:44px;box-shadow:0 4px 0 var(--accent-strong), 0 10px 20px #b85b722e;text-shadow:0 2px #7f2a4e61;border:2px solid #ffffffbd;padding:0 .9rem}.primary-button:hover{background:linear-gradient(180deg, #ff7aac, var(--accent-strong))}.secondary-button,.icon-text-button{min-height:40px;color:var(--accent-strong);background:#fff0f6;padding:0 .8rem;box-shadow:inset 0 -4px #ffd6e5ad}.danger-button{min-height:42px;padding:0 .8rem}.wide{width:100%}.control-panel{align-content:start;gap:1rem;display:grid;position:relative}.control-panel:before{z-index:1;color:#ff83ad;content:"♡";text-shadow:0 2px #fff;font-size:2rem;font-weight:900;position:absolute;top:-.35rem;right:.85rem}.control-section{background:linear-gradient(#ffffffd1,#fff6fac7),repeating-linear-gradient(90deg,#0000 0 22px,#ffbbd124 22px 24px);border:2px dashed #e87ca17a;border-radius:8px;gap:.75rem;padding:.95rem;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffffb8,0 10px 24px #b85b7217}.control-title{color:var(--accent);align-items:center;gap:.55rem;display:flex}.control-title.split{justify-content:space-between;gap:.75rem}.title-with-icon{align-items:center;gap:.55rem;min-width:0;display:flex}.control-title h2{font-size:1rem}.add-form{gap:.6rem;display:grid}.compact-button{min-height:36px;padding:0 .65rem}.history-section{gap:.65rem}.history-list{gap:.5rem;max-height:360px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.history-item{background:#fffdf7d1;border:1px dashed #e87ca185;border-radius:8px;gap:.25rem;padding:.65rem;display:grid}.history-item span{color:var(--text);font-size:.94rem;font-weight:800;line-height:1.3}.history-item time,.empty-history{color:var(--muted);font-size:.82rem}.empty-history{margin:0}.empty-state{border:2px dashed var(--line-strong);min-height:280px;color:var(--muted);text-align:center;background:linear-gradient(#ffffff75,#fff7fbad),repeating-linear-gradient(0deg,#0000 0 38px,#ef97b22e 38px 40px);border-radius:8px;align-content:center;place-items:center;gap:.6rem;display:grid;position:relative}.empty-state:before,.empty-state:after{pointer-events:none;color:#ff85b0;text-shadow:0 2px #fff;position:absolute}.empty-state:before{content:"✦";font-size:1.4rem;top:1rem;left:1rem}.empty-state:after{content:"♡";font-size:1.6rem;font-weight:900;bottom:1rem;right:1rem}.empty-state svg{color:var(--rose)}.empty-state h2{color:var(--text)}.empty-state p{margin:0}@media (width<=560px){.app-shell{padding:.75rem}.app-shell:before{margin-bottom:.85rem;font-size:2.15rem}.app-shell:after{margin-bottom:.95rem;font-size:.74rem}.scoreboard-surface{border-radius:8px}.panel-heading{display:grid}h1{width:100%;font-size:1.55rem}.score-editor{grid-template-columns:1fr}.custom-vote-form{grid-column:1}.score-row{grid-template-columns:38px minmax(0,1fr);gap:.55rem;padding:.65rem}.rank-badge{width:38px;height:38px}.control-title.split{align-items:stretch}}@media (width<=360px){.app-shell:before{font-size:1.9rem}.ranking-panel,.control-panel{padding:.85rem}}@media (prefers-reduced-motion:reduce){.score-row.rank-up,.score-row.rank-down,.rank-movement{animation:none}}@media (width>=720px){.score-row{grid-template-columns:48px minmax(0,1fr) auto}.rank-badge{width:48px;height:48px}.row-actions{grid-column:auto}}@media (width>=980px){.app-shell{padding:2rem 1.5rem}.workspace{grid-template-columns:minmax(0,1fr) 340px}.ranking-panel{border-right:1px solid var(--line);border-bottom:0}}