@import "https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@500;700;900&family=ZCOOL+XiaoWei&display=swap";:root{--font-calligraphy:"Ma Shan Zheng", "STKaiti", "Kaiti", "楷体", serif;--font-serif:"Noto Serif SC", "Songti SC", "SimSun", serif;--font-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--bg-primary:#181a1f;--bg-secondary:#1c1c1e;--bg-card:#1a1c21eb;--border-color:#2b2d31;--border-gold:#3e424b;--wood-dark:#22252c;--wood-med:#2b2f38;--wood-light:#4a5160;--wood-board:#202530;--board-line:#3e4a5b;--red-piece:#b35c58;--red-piece-bg:#9e4b47;--black-piece:#36444f;--black-piece-bg:#25303a;--gold-glow:#5f8b6f59;--danger-glow:#b35c5866;--jade-green:#5f8b6f;--cursor-hand-2x:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cfilter id='shadow' x='-20%25' y='-20%25' width='150%25' height='150%25'%3E%3CfeDropShadow dx='1' dy='1.5' stdDeviation='1' flood-color='%23000000' flood-opacity='0.5'/%3E%3C/defs%3E%3Cpath filter='url(%23shadow)' fill='%23FFFFFF' stroke='%231A1C23' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' d='M9 11V3.5a1.5 1.5 0 0 1 3 0V11h.5a1.5 1.5 0 0 1 3 0v.5a1.5 1.5 0 0 1 3 0V12h.5a1.5 1.5 0 0 1 3 0v4.5a7.5 7.5 0 0 1-7.5 7.5h-2a7.5 7.5 0 0 1-5.3-2.2L3.5 18a1.5 1.5 0 0 1 2.1-2.1L9 18.5V11z'/%3E%3C/svg%3E") 15 3, pointer}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}button:not(:disabled),a,select,summary,input[type=button]:not(:disabled),input[type=submit]:not(:disabled),input[type=checkbox],input[type=radio],input[type=range],[role=button]:not([aria-disabled=true]),[cursor=pointer],svg [cursor=pointer],[style*="cursor: pointer"],[style*=cursor\:pointer],[style*="cursor: 'pointer'"],.chess-piece,.move-target-dot,.capture-target-ring,.btn-classic:not(:disabled),.player-card,.area-captured-card,.area-controls-mode,.area-controls-actions,.puzzle-card,.archive-card{cursor:var(--cursor-hand-2x)!important}body{background-color:var(--bg-primary);color:#d8dee9;font-family:var(--font-sans);background-image:radial-gradient(circle at 50% 12%,#1c1c1e 0%,#0000 70%),radial-gradient(circle at 15% 85%,#15161a 0%,#0000 60%),linear-gradient(#181a1f 0%,#1c1c1e 50%,#141518 100%);flex-direction:column;min-height:100dvh;display:flex;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100dvh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff47}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:40;background:#181a1ff0;justify-content:space-between;align-items:center;height:56px;padding:0 1.25rem;display:flex}.brand-title{font-family:var(--font-calligraphy);color:#eceff4;letter-spacing:2px;text-shadow:0 2px 6px #00000080;align-items:center;gap:.6rem;font-size:1.55rem;display:flex}.brand-badge{font-family:var(--font-sans);color:#a3be8c;letter-spacing:.5px;background:#252830;border:1px solid #3b4252;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.game-container{grid-template-columns:280px minmax(360px,710px) 290px;grid-template-areas:"left board right""left board right""left board right";justify-content:center;align-items:start;gap:.75rem;width:100%;max-width:1400px;margin:0 auto;padding:.75rem 1rem;display:grid}.area-left{flex-direction:column;grid-area:left;justify-content:space-between;align-self:stretch;height:100%;display:flex}.area-right{flex-direction:column;grid-area:right;justify-content:space-between;align-self:stretch;height:100%;display:flex}.area-opponent,.area-controls-mode,.area-controls-actions,.area-player,.area-history,.area-captured-card,.area-tips{width:100%}.area-board{flex-direction:column;grid-area:board;justify-content:flex-start;align-items:center;width:100%;display:flex}@media (width<=960px){.game-container{flex-direction:column;align-items:center;gap:.6rem;padding:.4rem;display:flex}.area-left,.area-right{display:contents}.area-opponent{order:1;width:100%;max-width:560px}.area-board{order:2;width:100%;max-width:560px}.area-player{order:3;align-self:center;width:100%;max-width:560px}.area-controls-mode{order:4;width:100%;max-width:560px}.area-controls-actions{order:5;width:100%;max-width:560px}.area-history{order:6;width:100%;max-width:560px}.area-captured-card{order:7;width:100%;max-width:560px}.area-tips{order:8;align-self:center;width:100%;max-width:560px}}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:12px;padding:.75rem .85rem;box-shadow:0 8px 30px #0006}.board-outer-frame{touch-action:none;background:linear-gradient(145deg,#442615 0%,#2b170c 100%);border-radius:12px;justify-content:center;align-items:center;padding:14px;display:flex;position:relative;box-shadow:0 20px 40px #000000b3,inset 0 2px 4px #ffffff26,inset 0 -2px 6px #0009,0 0 0 2px #5f361c}@media (width<=600px){.board-outer-frame{border-radius:8px;width:100%;max-width:100vw;padding:6px}}.board-surface{background:radial-gradient(circle,#f1d7a9 0%,#deb887 55%,#c59f6d 100%);border-radius:4px;position:relative;overflow:hidden;box-shadow:inset 0 0 25px #643c1466,0 1px 4px #0006}.river-text{pointer-events:none;width:100%;font-family:var(--font-calligraphy);color:#5a32148c;letter-spacing:.8rem;text-shadow:1px 1px 1px #ffffff4d;justify-content:space-around;font-size:clamp(1.4rem,3.5vw,2.2rem);font-weight:700;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.chess-piece{cursor:var(--cursor-hand-2x);z-index:10;will-change:transform, left, top;filter:drop-shadow(0 3px 5px #0000006b);border-radius:50%;justify-content:center;align-items:center;transition:left .28s cubic-bezier(.2,.9,.3,1),top .28s cubic-bezier(.2,.9,.3,1),transform .15s ease-out,filter .15s;display:flex;position:absolute;transform:translate(-50%,-50%)}.chess-piece.dragging{transition:transform .15s ease-out,filter .15s!important}.chess-piece:hover{filter:drop-shadow(0 6px 12px #0000008c)brightness(1.03);transform:translate(-50%,-50%)translateY(-2px)}.chess-piece.selected{filter:drop-shadow(0 0 12px #d4af37f2)brightness(1.1);z-index:25;animation:1.2s ease-in-out infinite alternate piecePulse}@keyframes piecePulse{0%{transform:translate(-50%,-50%)scale(1.05)}to{transform:translate(-50%,-50%)scale(1.15)}}.piece-body{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 6px 14px #0000007a,0 2px 4px #0000004d,inset 0 2.5px 3.5px #fffffff2,inset 0 -3px 5px #6e4b2352;container-type:inline-size}.piece-inner-ring{pointer-events:none;border:1.6px solid #a0733c61;border-radius:50%;position:absolute;inset:5.5%}.piece-text{pointer-events:none;letter-spacing:-.5px;justify-content:center;align-items:center;font-family:STKaiti,KaiTi,楷体,Kaiti SC,Noto Serif SC,serif;font-size:78cqw;font-weight:900;line-height:1;display:flex;transform:translateY(-.5%)}.chess-piece.red .piece-body{background:radial-gradient(circle at 32% 28%,#fff 0%,#faf6ee 45%,#ede2ce 85%,#dcc7aa 100%);border:1.2px solid #b89358}.chess-piece.red .piece-text{color:#b91c1c;-webkit-text-stroke:.9px #b91c1c;text-shadow:0 1px 1.5px #ffffffe6,0 -1.5px 2px #700a0a}.chess-piece.black .piece-body{background:radial-gradient(circle at 32% 28%,#fff 0%,#f6f3eb 45%,#e8dfd1 85%,#d3c2a9 100%);border:1.2px solid #a68450}.chess-piece.black .piece-text{color:#0f172a;-webkit-text-stroke:.9px #0f172a;text-shadow:0 1px 1.5px #ffffffe6,0 -1.5px 2px #000}.move-target-dot{width:18px;height:18px;cursor:var(--cursor-hand-2x);z-index:15;background:#5f8b6fe6;border-radius:50%;transition:transform .15s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 8px #5f8b6fbf,inset 0 0 3px #fff9}.move-target-dot:hover{transform:translate(-50%,-50%)scale(1.35)}.capture-target-ring{filter:drop-shadow(0 0 6px #b35c58d9);pointer-events:none;animation:1.2s linear infinite captureDash,1.4s ease-in-out infinite alternate capturePulse}@keyframes captureDash{to{stroke-dashoffset:-20px}}@keyframes capturePulse{0%{opacity:.7;stroke-width:3px}to{opacity:1;stroke-width:4.5px}}.check-aura{filter:drop-shadow(0 0 14px #ef4444f2);pointer-events:none;animation:1s ease-in-out infinite alternate checkPulse}@keyframes checkPulse{0%{opacity:.45;stroke-width:2.5px}to{opacity:.95;stroke-width:5px}}.last-move-path{stroke-dasharray:8 6;animation:.85s linear infinite flowDash}@keyframes flowDash{to{stroke-dashoffset:-28px}}.last-move-origin-pulse{animation:1.6s ease-in-out infinite alternate originPulse}@keyframes originPulse{0%{opacity:.5;stroke-width:2px}to{opacity:1;stroke-width:3.5px}}.last-move-dest-pulse{animation:1.4s ease-in-out infinite alternate destPulse}@keyframes destPulse{0%{filter:drop-shadow(0 0 6px #f59e0bb3)}to{filter:drop-shadow(0 0 20px #f59e0b)drop-shadow(0 0 5px #fff)}}.captured-badge{font-family:var(--font-calligraphy);color:#fef3c7;z-index:45;pointer-events:none;white-space:nowrap;background:linear-gradient(135deg,#991b1b 0%,#7f1d1d 100%);border:1.5px solid #f59e0b;border-radius:4px;padding:2px 8px;font-size:.86rem;font-weight:900;animation:1.8s ease-in-out infinite alternate badgeFloat;position:absolute;transform:translate(-50%,-135%);box-shadow:0 4px 14px #000000bf,0 0 10px #ef444499}@keyframes badgeFloat{0%{transform:translate(-50%,-135%)}to{transform:translate(-50%,-150%)}}.captured-badge.top-edge{animation:1.8s ease-in-out infinite alternate badgeFloatBottom;transform:translate(-50%,65%)}@keyframes badgeFloatBottom{0%{transform:translate(-50%,65%)}to{transform:translate(-50%,80%)}}.captured-burst-ring{animation:1.5s ease-out infinite captureRingBurst}@keyframes captureRingBurst{0%{opacity:.95;stroke-width:3.5px}to{opacity:.1;stroke-width:1.5px}}@property --rainbow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rainbowBorderSpin{0%{--rainbow-angle:0deg}to{--rainbow-angle:360deg}}.player-card.in-check{position:relative!important;box-shadow:0 0 18px #b35c5859!important}.player-card.in-check:before{content:"";background:conic-gradient(from var(--rainbow-angle), #b35c58 0%, #c49f64 25%, #5f8b6f 50%, #70b8d9 75%, #b35c58 100%);-webkit-mask-composite:xor;pointer-events:none;z-index:5;border-radius:14px;padding:2px;animation:1.8s linear infinite rainbowBorderSpin;position:absolute;inset:-2px;box-shadow:0 0 14px #b35c5866;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-classic,.rainbow-hover-border{position:relative;overflow:visible}.btn-classic:before,.rainbow-hover-border:before{content:"";border-radius:inherit;background:conic-gradient(from var(--rainbow-angle), transparent 0deg, transparent 160deg, #5f8b6f40 200deg, #5f8b6f 240deg, #c49f64 275deg, #70b8d9 315deg, #b35c58 350deg, transparent 360deg);-webkit-mask-composite:xor;pointer-events:none;opacity:0;z-index:2;filter:drop-shadow(0 0 3px #c49f6466);padding:1px;transition:opacity .25s;animation:2.2s linear infinite rainbowBorderSpin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-classic:hover:not(:disabled):before,.rainbow-hover-border:hover:not(:disabled):before{opacity:1}.btn-classic{font-family:var(--font-serif);cursor:var(--cursor-hand-2x);border:1px solid var(--border-color);color:#d8dee9;background:linear-gradient(#252830 0%,#1c1e24 100%);border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.92rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:inset 0 1px #ffffff0d,0 2px 6px #00000059}.btn-classic:hover:not(:disabled){color:#fff;background:linear-gradient(#2c303a 0%,#22252c 100%);border-color:#3e424b;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff1a,0 4px 10px #00000073}.btn-classic:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 4px #00000080,0 1px 2px #0000004d}.btn-classic:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.85);box-shadow:none}.btn-classic.gold{color:#eceff4;text-shadow:0 1px 1px #00000080;background:linear-gradient(135deg,#323842 0%,#242932 100%);border-color:#5f8b6f;box-shadow:inset 0 1px #ffffff1a,0 3px 8px #0006,0 0 10px #5f8b6f40}.btn-classic.gold:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#3b424e 0%,#2b313c 100%);border-color:#72a584;box-shadow:inset 0 1px #ffffff26,0 4px 12px #00000073,0 0 12px #5f8b6f59}.btn-classic.jade{color:#a3d4b4;text-shadow:0 1px 2px #0006;background:linear-gradient(135deg,#5f8b6f38 0%,#23342a99 100%);border-color:#5f8b6f8c;box-shadow:inset 0 1px #ffffff14,0 3px 8px #00000059,0 0 8px #5f8b6f26}.btn-classic.jade:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#5f8b6f52 0%,#2d4134b3 100%);border-color:#5f8b6f;box-shadow:inset 0 1px #ffffff26,0 4px 12px #0006,0 0 12px #5f8b6f47}.btn-classic.danger{color:#e8a8a5;background:linear-gradient(#b35c5838 0%,#41201e99 100%);border-color:#b35c588c;box-shadow:inset 0 1px #ffffff14,0 3px 8px #00000059}.btn-classic.danger:hover:not(:disabled){color:#fff;background:linear-gradient(#b35c5852 0%,#552a28b3 100%);border-color:#b35c58;box-shadow:inset 0 1px #ffffff1f,0 4px 12px #0006,0 0 10px #b35c5840}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000bf;justify-content:center;align-items:center;padding:1rem;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{border:1px solid var(--border-color);text-align:center;background:linear-gradient(160deg,#20232a 0%,#171920 100%);border-radius:16px;width:100%;max-width:480px;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) modalPop;box-shadow:0 25px 60px #000c,0 0 25px #0006}@keyframes modalPop{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.skin-rosewood .board-outer-frame{background:linear-gradient(145deg,#442615 0%,#221209 100%);box-shadow:0 20px 40px #000000b3,inset 0 2px 4px #ffffff26,inset 0 -2px 6px #0009,0 0 0 2px #5f361c}.skin-rosewood .board-surface{background:radial-gradient(circle,#f1d7a9 0%,#deb887 55%,#c59f6d 100%);box-shadow:inset 0 0 25px #643c1473,0 1px 4px #0006}.skin-walnut .board-outer-frame{background:linear-gradient(145deg,#242832 0%,#181a20 100%);border:1px solid #2b2d31;box-shadow:0 20px 40px #000000b3,inset 0 1px 2px #ffffff14,inset 0 -2px 6px #0009,0 0 0 1px #2b2d31}.skin-walnut .board-surface{background:radial-gradient(circle,#262c37 0%,#1f232b 65%,#181a21 100%);box-shadow:inset 0 0 30px #0009,0 1px 3px #0006}.skin-walnut .chess-piece.red .piece-body{background:radial-gradient(circle at 35% 30%,#9e4b47 0%,#7e3532 55%,#602522 100%);border:1.2px solid #5a2220;box-shadow:0 6px 14px #00000085,0 2px 4px #00000059,inset 0 1.5px 2.5px #ffffff4d,inset 0 -2.5px 4px #0000008c}.skin-walnut .chess-piece.red .piece-inner-ring{border-color:#ffffff29}.skin-walnut .chess-piece.red .piece-text{color:#faf5ee;-webkit-text-stroke:.8px #faf5ee;text-shadow:0 1px 2px #000000b3,0 -1px 2px #421513}.skin-walnut .chess-piece.black .piece-body{background:radial-gradient(circle at 35% 30%,#36444f 0%,#25303a 55%,#182027 100%);border:1.2px solid #1c252d;box-shadow:0 6px 14px #00000085,0 2px 4px #00000059,inset 0 1.5px 2.5px #ffffff38,inset 0 -2.5px 4px #0000008c}.skin-walnut .chess-piece.black .piece-inner-ring{border-color:#ffffff29}.skin-walnut .chess-piece.black .piece-text{color:#faf5ee;-webkit-text-stroke:.8px #faf5ee;text-shadow:0 1px 2px #000000b3,0 -1px 2px #0c1115}.skin-walnut .chess-piece.selected{filter:drop-shadow(0 0 10px #5f8b6fd9)brightness(1.08)}.skin-inkwash .board-outer-frame{background:linear-gradient(145deg,#2b303c 0%,#171a21 100%);box-shadow:0 20px 40px #000c,inset 0 2px 4px #ffffff1a,inset 0 -2px 6px #000c,0 0 0 2px #475569}.skin-inkwash .board-surface{background:radial-gradient(circle at 50% 45%,#fdfbf7 0%,#f3ece0 60%,#ded3bf 100%);box-shadow:inset 0 0 35px #3c322840,0 1px 5px #0006}.hint-arrow-path{stroke-dasharray:8 6;animation:1.2s linear infinite hintDash}@keyframes hintDash{to{stroke-dashoffset:-28px}}.hint-target-pulse{filter:drop-shadow(0 0 8px #f59e0bcc);pointer-events:none;animation:1.4s ease-in-out infinite hintPulse}@keyframes hintPulse{0%{opacity:.55;stroke-width:2.2px}50%{opacity:1;stroke-width:4px}to{opacity:.55;stroke-width:2.2px}}.master-arrow-path{stroke-dasharray:8 6;animation:1.2s linear infinite masterDash}@keyframes masterDash{to{stroke-dashoffset:-28px}}.master-target-pulse{filter:drop-shadow(0 0 10px #10b981d9);pointer-events:none;animation:1.4s ease-in-out infinite masterPulse}@keyframes masterPulse{0%{opacity:.55;stroke-width:2.2px}50%{opacity:1;stroke-width:4.2px}to{opacity:.55;stroke-width:2.2px}}.master-origin-pulse{animation:1.8s ease-in-out infinite originBreathe}@keyframes originBreathe{0%,to{opacity:.6;stroke-width:2px}50%{opacity:1;stroke-width:3.2px}}.quality-stamp{vertical-align:middle;letter-spacing:.3px;border-radius:3px;justify-content:center;align-items:center;margin-left:3px;padding:1px 4px;font-size:.65rem;font-weight:700;line-height:1;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #0000004d}.quality-stamp.brilliant{color:#e5c38f;background:#c49f6433;border:1px solid #c49f64a6;box-shadow:0 0 4px #c49f6440}.quality-stamp.best{color:#8ec2a1;background:#5f8b6f33;border:1px solid #5f8b6fa6}.quality-stamp.inaccuracy{color:#e5c38f;background:#c49f6433;border:1px solid #c49f64a6}.quality-stamp.blunder{color:#e8a8a5;background:#b35c5838;border:1px solid #b35c58a6;box-shadow:0 0 4px #b35c584d}.board-outer-frame.superhuman-aura{animation:10s cubic-bezier(.4,0,.2,1) forwards superhumanFrameGlow;position:relative!important}.board-outer-frame.superhuman-aura:before{content:"";background:conic-gradient(from var(--rainbow-angle), #b35c58 0%, #c49f64 25%, #5f8b6f 50%, #70b8d9 75%, #b35c58 100%);-webkit-mask-composite:xor;pointer-events:none;z-index:20;filter:drop-shadow(0 0 6px #c49f64a6)drop-shadow(0 0 14px #b35c5873);border-radius:13px;padding:1px;animation:1.8s linear infinite rainbowBorderSpin,10s cubic-bezier(.33,1,.68,1) forwards superhumanRainbowFade;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (width<=600px){.board-outer-frame.superhuman-aura:before{border-radius:9px;padding:1px;inset:-1px}}@keyframes superhumanRainbowFade{0%{opacity:0;filter:drop-shadow(0 0 4px #c49f644d)drop-shadow(0 0 8px #b35c5833)}12%{opacity:1;filter:drop-shadow(0 0 8px #c49f64bf)drop-shadow(0 0 18px #b35c588c)}30%{opacity:.78;filter:drop-shadow(0 0 5px #c49f6480)drop-shadow(0 0 12px #b35c5859)}48%{opacity:1;filter:drop-shadow(0 0 10px #c49f64d9)drop-shadow(0 0 22px #b35c5899)}65%{opacity:.82;filter:drop-shadow(0 0 6px #c49f648c)drop-shadow(0 0 14px #b35c5866)}75%{opacity:.95;filter:drop-shadow(0 0 8px #c49f64b3)drop-shadow(0 0 18px #b35c5880)}84%{opacity:.65;filter:drop-shadow(0 0 6px #c49f6473)drop-shadow(0 0 12px #b35c584d)}91%{opacity:.35;filter:drop-shadow(0 0 4px #c49f6440)drop-shadow(0 0 8px #b35c582e)}96%{opacity:.12;filter:drop-shadow(0 0 2px #c49f641a)drop-shadow(0 0 4px #b35c5814)}to{opacity:0;filter:drop-shadow(0 0 #0000)}}@keyframes superhumanFrameGlow{0%{box-shadow:0 20px 40px #000000b3}12%{box-shadow:0 0 28px #c49f6473,0 0 55px #b35c5852,0 20px 40px #000000b3}30%{box-shadow:0 0 18px #c49f6452,0 0 38px #b35c5838,0 20px 40px #000000b3}48%{box-shadow:0 0 32px #c49f6480,0 0 65px #b35c5861,0 20px 40px #000000b3}65%{box-shadow:0 0 20px #c49f6459,0 0 42px #b35c5840,0 20px 40px #000000b3}75%{box-shadow:0 0 26px #c49f646b,0 0 52px #b35c584d,0 20px 40px #000000b3}84%{box-shadow:0 0 16px #c49f6447,0 0 32px #b35c582e,0 20px 40px #000000b3}92%{box-shadow:0 0 8px #c49f6426,0 0 16px #b35c581a,0 20px 40px #000000b3}97%{box-shadow:0 0 3px #c49f640d,0 20px 40px #000000b3}to{box-shadow:0 20px 40px #000000b3}}.superhuman-banner{z-index:40;white-space:nowrap;animation:5s cubic-bezier(.16,1,.3,1) forwards superhumanBannerMotion;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}.superhuman-banner-inner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(#230a0af0 0%,#160606e0 60%,#0a000066 100%);border-top:1px solid #f87171a6;border-bottom:1px solid #ef444473;border-radius:24px;justify-content:center;align-items:center;padding:8px 24px;display:inline-flex;box-shadow:0 8px 30px #000000d9,0 0 22px #dc262680,inset 0 0 16px #ef44444d}.superhuman-banner-text{font-family:var(--font-calligraphy), "Ma Shan Zheng", "STKaiti", "KaiTi", "楷体", serif;letter-spacing:2px;background:linear-gradient(#fff5f5 0%,#fecaca 35%,#f87171 70%,#dc2626 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #ef4444d9)drop-shadow(0 2px 4px #000000e6);text-shadow:0 0 10px #ef444480;-webkit-background-clip:text;font-size:clamp(.92rem,2.4vw,1.25rem);font-weight:900}@keyframes superhumanBannerMotion{0%{opacity:0;filter:blur(6px);transform:translate(-50%,-42%)scale(.9)}12%{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}75%{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}to{opacity:0;filter:blur(8px);transform:translate(-50%,-60%)scale(1.06)}}
