@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}.h-full{height:100%}.min-h-full{min-height:100%}}:root{--byb-red:#b11116;--byb-red-deep:#8e0d12;--byb-gold:#ffd54f;--byb-gold-deep:#f5a623;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--byb-red);min-height:100%;margin:0}body{color:#fff;-webkit-tap-highlight-color:transparent;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif}button,a{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.byb-shell{background:var(--byb-red);justify-content:center;min-height:100dvh;display:flex}.byb-page{background:var(--byb-red);width:100%;max-width:430px;min-height:100dvh;padding:.85rem 1rem calc(1.2rem + var(--safe-bottom));position:relative;overflow:hidden}.byb-bg{z-index:0;pointer-events:none;background:radial-gradient(at 50% 18%,#ffb4502e,#0000 42%),radial-gradient(circle at 80% 70%,#0000001f,#0000 35%),linear-gradient(#c62828 0%,#b11116 45%,#8e0d12 100%);position:absolute;inset:0}.byb-bg:after{content:"";opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Ctext x='10' y='90' fill='%870000' font-size='54' font-family='serif'%3E云%3C/text%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.byb-header,.byb-hero-copy,.byb-prize-wrap,.byb-disclaimer,.byb-draw-btn,.byb-footer{z-index:1;position:relative}.byb-header{justify-content:space-between;align-items:flex-start;gap:.6rem;display:flex}.byb-logo{align-items:center;gap:.45rem;display:flex}.byb-logo-mark{background:radial-gradient(circle at 35% 30%,#ffe0b2,#c9a227 55%,#8d6e14);border-radius:.28rem;flex-shrink:0;width:2.1rem;height:2.1rem;box-shadow:inset 0 -2px 4px #00000040}.byb-logo strong{letter-spacing:.08em;font-size:1.15rem;line-height:1.1;display:block}.byb-logo em{opacity:.85;letter-spacing:.04em;font-size:.62rem;font-style:normal;display:block}.byb-seal{text-align:right;letter-spacing:.04em;opacity:.95;max-width:9.5rem;margin:.15rem 0 0;font-size:.68rem;line-height:1.35}.byb-hero-copy{text-align:center;margin-top:1.1rem}.byb-hero-copy h1{flex-direction:column;gap:.2rem;margin:0;display:flex}.byb-title-white{letter-spacing:.12em;text-shadow:0 3px #5a000059;font-size:clamp(1.85rem,8.5vw,2.35rem);font-weight:900}.byb-title-gold{letter-spacing:.08em;color:#0000;filter:drop-shadow(0 3px #7a0d0d);background:linear-gradient(#fff8e1 0%,#ffd54f 45%,#ff9800 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.05rem,9.5vw,2.7rem);font-weight:900;line-height:1.15}.byb-guide{opacity:.95;margin:.75rem 0 0;font-size:.82rem;line-height:1.55}.byb-wx{vertical-align:-.1em;background:linear-gradient(145deg,#7ad06a,#2aae3a);border-radius:.2em;width:1em;height:1em;margin:0 .15rem;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff59}.byb-prize-wrap{width:min(100%,22rem);margin:.7rem auto 0}.byb-prize{clip-path:inset(.4% .6%);filter:contrast(1.04)saturate(1.05);border-radius:.4rem;width:100%;height:auto;display:block}.byb-disclaimer{text-align:center;color:#ffffffb8;margin:.35rem 0 0;font-size:.68rem}.byb-draw-btn{color:#fff;letter-spacing:.18em;text-indent:.18em;background:linear-gradient(#ff8a3d 0%,#e53935 55%,#c62828 100%);border-radius:999px;width:min(72%,15.5rem);margin:.85rem auto 0;padding:.85rem 1rem;font-size:1.2rem;font-weight:900;animation:1.8s ease-in-out infinite byb-pulse;display:block;box-shadow:0 0 0 3px #ffd54f,0 8px 18px #00000059,inset 0 1px #ffffff73}.byb-draw-btn:active{transform:scale(.98)}.byb-footer{text-align:center;margin-top:1.15rem;font-size:.82rem;line-height:1.55}.byb-footer p{margin:.15rem 0}.byb-phone{letter-spacing:.04em;color:#ffe082;text-shadow:0 2px #00000040;margin:.45rem 0 .2rem;font-size:1.45rem;font-weight:900;display:inline-block}.byb-hotline{opacity:.85;padding:0 .4rem;font-size:.7rem!important}.byb-rules-tab{z-index:5;writing-mode:vertical-rl;letter-spacing:.16em;color:#fff;background:linear-gradient(#ffb74d,#f57c00);border-radius:.55rem 0 0 .55rem;padding:.8rem .32rem;font-size:.78rem;font-weight:800;position:absolute;top:38%;right:0;box-shadow:-2px 4px 12px #00000047}.byb-mask{z-index:40;background:#0000009e;justify-content:center;align-items:center;padding:1rem;animation:.2s byb-fade;display:flex;position:fixed;inset:0}.byb-used{width:min(100%,20.5rem);animation:.4s cubic-bezier(.2,.9,.3,1.15) byb-pop}.byb-used-panel{aspect-ratio:1160/1248;background-repeat:no-repeat;background-size:100% 100%;width:100%;position:relative}.byb-used-text{text-align:center;color:#410507;word-break:break-all;margin:0;font-size:clamp(.95rem,4.2vw,1.1rem);font-weight:800;line-height:1.45;position:absolute;top:42%;left:12%;right:12%}.byb-used-btn,.byb-rules-btn{place-items:center;width:62%;display:grid;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.byb-used-btn img,.byb-rules-btn img{width:100%;display:block}.byb-used-btn span,.byb-rules-btn span{color:#fff;letter-spacing:.08em;text-shadow:0 1px 2px #00000040;font-size:1.05rem;font-weight:800;position:absolute}.byb-rules{width:min(100%,21rem);animation:.4s cubic-bezier(.2,.9,.3,1.15) byb-pop;position:relative}.byb-rules-gift{z-index:2;filter:drop-shadow(0 6px 10px #00000059);pointer-events:none;width:4.8rem;position:absolute;top:-1.6rem;right:-.4rem}.byb-rules-panel{background-repeat:no-repeat;background-size:100% 100%;width:100%;min-height:28rem;padding:1.15rem .85rem 4.4rem;position:relative}.byb-rules-title{text-align:center;color:#fff8e1;letter-spacing:.12em;text-shadow:0 2px #50000059;margin:.15rem 0 .7rem;font-size:1.15rem;font-weight:800}.byb-rules-title span{letter-spacing:.2em;opacity:.9;margin-left:.25rem;font-size:.72rem}.byb-rules-body{color:#2b1a12;-webkit-overflow-scrolling:touch;background:#fff8e1f5;border-radius:.7rem;width:88%;max-height:19rem;margin:0 auto;padding:.85rem .75rem 1rem;font-size:.82rem;line-height:1.55;overflow:auto}.byb-rules-slogan{text-align:center;color:#8b1a1a;letter-spacing:.06em;margin:0 0 .65rem;font-weight:800}.byb-rules-body p{margin:0 0 .55rem}.byb-rules-body em{color:#777;font-size:.74rem;font-style:normal}.byb-rules-body ol{margin:.2rem 0 0;padding-left:1.15rem}.byb-rules-body li{margin-bottom:.35rem}.byb-rules-btn{bottom:1rem}@keyframes byb-fade{0%{opacity:0}to{opacity:1}}@keyframes byb-pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes byb-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
