*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;font-family:PingFang SC,Microsoft YaHei,STHeiti,sans-serif;color:#fff}.barrage-stage{position:relative;width:100%;height:100vh;overflow:hidden}.bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000040,#0000001a,#00000059);pointer-events:none;z-index:1}.barrage-item{position:absolute;white-space:nowrap;display:inline-flex;align-items:center;gap:10px;min-height:54px;max-width:min(900px,72vw);font-weight:700;letter-spacing:0;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform;padding:8px 18px 8px 10px;border-radius:999px;z-index:10;color:var(--barrage-color, #fff);text-shadow:none;filter:drop-shadow(0 10px 20px rgba(0,0,0,.22));font-family:var(--screen-font-family, inherit);overflow:hidden}.barrage-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:#ffffffeb;color:#1f2937;font-size:18px;font-weight:900;box-shadow:0 0 0 2px #ffffffa6}.barrage-avatar img{width:100%;height:100%;object-fit:cover}.barrage-content{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--barrage-color, #fff);line-height:1.18}.barrage-item.firework{outline:2px solid rgba(255,255,255,.32)}.barrage-item.style-business,.barrage-top.style-business{background:linear-gradient(135deg,#0f172ac7,#2563eb9e);border:1px solid rgba(255,255,255,.16)}.barrage-item.style-meeting,.barrage-top.style-meeting{background:#ffffffeb;border:1px solid rgba(15,23,42,.08)}.barrage-item.style-meeting .barrage-content{color:var(--barrage-color, #1f2937)}.barrage-item.style-tech,.barrage-top.style-tech{background:linear-gradient(90deg,#000000b8,#0e74908f);border:1px solid rgba(34,211,238,.32);border-radius:10px}.barrage-item.style-festival,.barrage-top.style-festival{background:linear-gradient(135deg,#7f1d1dd1,#f59e0bb8);border:1px solid rgba(255,255,255,.2)}.barrage-item.style-playful,.barrage-top.style-playful{background:linear-gradient(135deg,#7c3aedc2,#ec4899ad);border:1px solid rgba(255,255,255,.2);transform-origin:center}.barrage-item.style-wedding,.barrage-top.style-wedding{background:linear-gradient(135deg,#be185dbd,#f973169e);border:1px solid rgba(255,255,255,.22)}.barrage-top{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:22px;padding:24px 42px;border-radius:999px;font-size:76px;font-weight:900;letter-spacing:0;color:var(--barrage-color, #fff);text-shadow:none;box-shadow:0 24px 60px #00000059;z-index:100;animation:top-pop 3.5s cubic-bezier(.5,0,.5,1) forwards;font-family:var(--screen-font-family, inherit)}.barrage-top .barrage-avatar{width:78px;height:78px;flex-basis:78px;font-size:32px}@keyframes top-pop{0%{transform:translate(-50%,-50%) scale(0) rotate(-15deg);opacity:0}15%{transform:translate(-50%,-50%) scale(1.3) rotate(8deg);opacity:1}25%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}85%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}to{transform:translate(-50%,-50%) scale(.8) rotate(0);opacity:0}}.screen-title{position:fixed;top:50px;left:50%;transform:translate(-50%);text-align:center;z-index:5;pointer-events:none}.screen-title h1{font-size:80px;margin:0;color:var(--theme-primary, #2563eb);font-weight:900;letter-spacing:8px;text-shadow:0 3px 10px rgba(0,0,0,.45);font-family:var(--screen-font-family, inherit)}.screen-title .subtitle{margin-top:18px;font-size:36px;color:var(--theme-secondary, #ffd1dc);letter-spacing:6px;text-shadow:0 2px 8px rgba(0,0,0,.6);font-weight:500;font-family:var(--screen-font-family, inherit)}.screen-logo{position:fixed;top:40px;height:80px;z-index:5}.screen-logo.left{left:40px}.screen-logo.right{right:40px}.screen-qr{position:fixed;background:#fffffff5;padding:20px;border-radius:24px;box-shadow:0 8px 32px #00000052;text-align:center;z-index:5}.screen-qr.bottom-right{bottom:50px;right:50px}.screen-qr.bottom-left{bottom:50px;left:50px}.screen-qr.top-right{top:120px;right:50px}.screen-qr.top-left{top:120px;left:50px}.screen-qr canvas,.screen-qr img{width:200px;height:200px;display:block}.screen-qr p{margin:14px 0 0;font-size:22px;color:var(--theme-primary, #2563eb);font-weight:700;letter-spacing:3px;font-family:var(--screen-font-family, inherit)}.screen-info{position:fixed;bottom:50px;left:50px;font-size:24px;color:#fff;background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:16px 28px;border-radius:40px;z-index:5;border:1.5px solid rgba(255,255,255,.25);letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.5);font-weight:500;font-family:var(--screen-font-family, inherit)}.screen-watermark{position:absolute;right:28px;bottom:18px;z-index:30;padding:6px 12px;border-radius:999px;background:#00000038;color:#ffffffb8;font-size:14px;letter-spacing:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.screen-info.bottom-right{left:auto;right:50px}@keyframes float-up{0%{transform:translateY(0) scale(.8) rotate(0);opacity:1}50%{transform:translateY(-300px) scale(1.4) rotate(20deg);opacity:1}to{transform:translateY(-700px) scale(1) rotate(-20deg);opacity:0}}.heart-float,.barrage-accent{position:absolute;font-size:56px;animation:float-up 5s ease-out forwards;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2;filter:drop-shadow(0 4px 10px rgba(0,0,0,.28))}.barrage-accent.style-business,.barrage-accent.style-meeting,.barrage-accent.style-tech{color:#60a5fae6}.barrage-accent.style-festival{color:#fbbf24}.barrage-accent.style-playful{color:#f0abfc}.barrage-accent.style-wedding{color:#f9a8d4}.decoration-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:2}.petal{position:absolute;top:-60px;animation:petal-fall linear infinite;font-size:32px;opacity:.85;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@keyframes petal-fall{0%{transform:translateY(0) translate(0) rotate(0);opacity:.9}50%{transform:translateY(50vh) translate(50px) rotate(180deg);opacity:.85}to{transform:translateY(110vh) translate(-30px) rotate(360deg);opacity:0}}.star{position:absolute;font-size:24px;animation:star-twinkle 3s ease-in-out infinite;opacity:.7;filter:drop-shadow(0 2px 6px rgba(0,0,0,.28))}@keyframes star-twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.lantern{position:absolute;font-size:56px;animation:lantern-sway 4s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(255,80,0,.6))}@keyframes lantern-sway{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.screen-status-tip{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:50;flex-direction:column;color:#fff;text-align:center}.screen-status-tip h2{font-size:64px;margin-bottom:24px;letter-spacing:6px}.screen-status-tip p{font-size:28px;opacity:.8}