/* Create 大会的浅蓝、云朵和立体素材，仅作用于参与者页面。 */
.participant-page{--ink:#183263;--muted:#637a9d;--blue:#4164ed;--bg:#eaf3ff;--line:#d9e5fa;--shadow:0 12px 36px #5575bd0e;background-color:#edf4ff;background-image:linear-gradient(to bottom,#edf4ff00 60%,#edf4ff 100%),url('/assets/create-background.webp');background-position:center top;background-size:100% 56.25vw,100% auto;background-repeat:no-repeat;min-height:100vh}
.participant-page .mode-bar{background:#e4eaff;color:#617298;font-size:11px;padding:6px 14px}
.participant-page .site-header{max-width:1192px;padding:26px 30px 18px;gap:20px}
.participant-page .brand-logo{display:block;width:240px;height:auto;border-radius:0;box-shadow:none}
.participant-page .header-label{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:13px;letter-spacing:.08em;color:#426397}
.participant-page .header-label small{font-size:10px;color:#8194b2;letter-spacing:.04em}
.participant-page main{max-width:1192px;padding:8px 30px 40px}
.participant-page .hero{grid-template-columns:1.15fr 1fr;min-height:480px;gap:10px;margin:0 0 35px}
.participant-page .hero-copy{z-index:2;padding:26px 0}
.welcome-label{display:flex;align-items:center;gap:9px;color:#5a78a5;font-size:13px;letter-spacing:.035em}
.welcome-label img{width:31px;height:31px}
.participant-page h1{font-size:58px;font-weight:800;letter-spacing:-.045em;line-height:1.24;margin:20px 0 17px;color:#183263}
.participant-page h1 em{font-style:normal;background:linear-gradient(110deg,#326afa,#9656da);color:transparent;background-clip:text;-webkit-background-clip:text;letter-spacing:-.02em}
.title-dot{color:#8b68ee}
.participant-page .hero-copy .product-line{font-size:14px;font-weight:500;color:#4b69a0;letter-spacing:.03em;line-height:1.6}
.participant-page .hero-copy .hero-invite{font-size:14px;line-height:1.85;color:#6c82a3;margin-top:17px}
.participant-page .button{border-radius:16px;background:linear-gradient(110deg,#346afb,#6758e8);box-shadow:0 7px 0 #3553c8,0 14px 26px #4b66d530;color:white;min-height:54px;gap:13px;transition:transform .16s,box-shadow .16s}
.participant-page .button:hover{background:linear-gradient(110deg,#285ce8,#7053e4);transform:translateY(-2px)}
.participant-page .button:active{transform:translateY(3px);box-shadow:0 3px 0 #3553c8,0 6px 14px #4b66d522}
.participant-page .button.secondary{background:#f8fbff;color:#63769b;border:1px solid #dce6fa;box-shadow:none}
.participant-page .button svg{width:20px;height:20px;flex-shrink:0}
.hero-action{margin-top:24px;max-width:400px}
.participant-page .primary-cta{font-size:20px;letter-spacing:.07em;width:100%;min-height:65px;justify-content:space-between;padding:16px 25px;border:1px solid #ffffff50}
.primary-cta svg:first-child{width:24px;height:24px}
.cta-note{font-size:11px;color:#6c7fa4;margin-top:17px;text-align:center;letter-spacing:.025em}
.participant-page .features{margin:25px 0 0;gap:27px;color:#6880a5;font-size:12px}
.participant-page .features span{display:flex;align-items:center;gap:7px}
.participant-page .features img{width:24px;height:24px;object-fit:contain}
.participant-page .features b{font-size:17px;color:#5b5acf;margin:0}
.participant-page .create-art{height:420px;position:relative;isolation:isolate;pointer-events:none}
.create-art img{position:absolute;object-fit:contain}
.create-art .float-flower{width:270px;left:23%;top:53px;transform:rotate(-12deg);filter:drop-shadow(0 24px 20px #526ec52b)}
.create-art .float-peach{width:110px;right:0;top:0;transform:rotate(18deg)}
.create-art .float-leaves{width:90px;left:7%;top:5px;transform:rotate(-26deg)}
.create-art .float-star{width:105px;right:0;bottom:67px;transform:rotate(12deg)}
.create-art .float-clouds{width:115%;max-width:none;left:-8%;bottom:10px;z-index:2}
.hello-bubble{position:absolute;background:#fff9;backdrop-filter:blur(10px);border:2px solid #fff;border-radius:24px 24px 24px 4px;left:0;top:183px;z-index:3;font-size:15px;line-height:1.7;padding:16px 23px;color:#687fa6;box-shadow:0 16px 40px #758dbd10;transform:rotate(-5deg)}
.hello-bubble b{font-size:24px;letter-spacing:.03em;color:#5163d1}
.art-caption{position:absolute;left:0;right:0;bottom:4px;text-align:center;color:#7d90b0;font-size:11px;letter-spacing:.12em;z-index:4}
.participant-page .prize-section{margin-top:0}
.participant-page .section-title{margin-bottom:22px;align-items:flex-end}
.section-kicker{display:flex;align-items:center;gap:7px;color:#9176b7;font-size:11px;letter-spacing:.075em;margin-bottom:8px}
.section-kicker img{height:24px;width:24px;object-fit:contain}
.participant-page .section-title h2{font-size:25px;letter-spacing:.01em;color:#243d6c}
.participant-page .section-title>p{font-size:11px;line-height:1.85;text-align:right;color:#7185a6}
.participant-page .prize-grid{gap:22px}
.participant-page .prize-card{display:block;border-radius:24px;padding:9px;overflow:hidden;background:#ffffffd6;border:1px solid white;box-shadow:0 16px 35px #6689c315}
.prize-photo{aspect-ratio:1.25;position:relative;border-radius:17px;overflow:hidden;background:#f5f7fc}
.prize-photo>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.prize-card:hover .prize-photo>img{transform:scale(1.035)}
.prize-card.bear .prize-photo>img{object-position:70% 52%}
.prize-count{position:absolute;top:12px;right:12px;background:#ffffffed;color:#5c63cd;border:1px solid white;box-shadow:0 4px 18px #2737500c;border-radius:12px;padding:7px 12px;font-size:22px;font-weight:750;font-variant-numeric:tabular-nums}
.prize-count small{font-size:11px;font-weight:500;margin-left:3px}
.prize-info{padding:16px 12px 13px}
.prize-tag{font-size:10px;color:#7d75b3;letter-spacing:.05em}
.participant-page .prize-card h3{font-size:16px;line-height:1.6;margin:5px 0;color:#273f6d}
.participant-page .prize-card p{font-size:11px;line-height:1.6;color:#8b97ae;margin-top:5px}
.prize-footnote{margin-top:15px;text-align:center;font-size:10px;color:#8494ae;line-height:1.8}
.participant-page .journey{border:0;gap:35px;padding-top:18px;margin-top:22px;color:#657a9e;font-size:12px}
.participant-page .journey span{gap:9px}
.journey img{width:35px;height:35px;object-fit:contain}
.journey>svg{width:18px;height:18px;color:#acbddd}
.participant-page .site-footer{border-color:#d6e2f550;padding:22px 0 28px;color:#899bb4;max-width:1132px}
.participant-page .site-footer .text-button{color:#7489ac;font-size:11px}
.mobile-start-dock{display:none}
.participant-page .survey-layout{margin-top:34px;max-width:1080px;gap:45px;grid-template-columns:235px minmax(0,1fr)}
.participant-page .survey-side{top:28px}
.side-flower{width:92px;height:92px;object-fit:contain;transform:rotate(-12deg);margin:0 0 14px}
.participant-page .eyebrow{color:#8899ba;font-size:11px;letter-spacing:.065em}
.participant-page .eyebrow:before{display:none}
.participant-page .survey-side h2{color:#304a81;font-size:26px;line-height:1.5;margin:15px 0}
.participant-page .survey-side p{color:#8192ae;font-size:12px}
.participant-page .step-list{gap:17px;margin-top:27px}
.participant-page .step-marker{font-size:13px;font-weight:500;color:#91a1bb;gap:12px}
.participant-page .step-marker b{border:0;width:40px;height:40px;background:#ffffff80;border-radius:13px}
.step-marker b img{width:30px;height:30px;object-fit:contain}
.step-marker b svg{width:20px;height:20px;color:#617dc4}
.participant-page .step-marker.active{color:#4867cc;font-weight:650}
.participant-page .step-marker.active b{background:#ffffff;border:1px solid #c3d2fa;box-shadow:0 4px 12px #5579be12}
.participant-page .step-marker.done b{background:#e3edff}
.participant-page .progress{background:#dce6f9;height:5px}
.participant-page .progress-fill{background:linear-gradient(90deg,#698eff,#a775ef)}
.participant-page .survey-heading{margin-bottom:21px}
.participant-page .survey-heading h2{font-size:24px;color:#2a4676}
.participant-page .survey-heading span{font-size:11px;color:#8497b6}
.participant-page .question{border:1px solid white;border-radius:22px;background:#fffffff0;box-shadow:0 10px 35px #6581af09;padding:26px;margin:0 0 18px}
.participant-page .question legend{font-size:15px;line-height:1.7;margin-bottom:12px;color:#29446f}
.participant-page .qnum{display:inline-block;color:#7c8cb5;background:#eef2ff;padding:0 6px;border-radius:6px;font-size:10px;vertical-align:2px}
.participant-page .required{color:#be83a4}
.participant-page .description{color:#8090a9;line-height:1.9}
.participant-page .option{background:#f8faff;border:1px solid #edf1fb;border-radius:12px;padding:13px;color:#566c92;font-size:13px}
.participant-page .option:hover{border-color:#c4d3f9}
.participant-page .option:has(input:checked){border-color:#95a8f3;background:linear-gradient(100deg,#edf3ff,#f3efff);color:#4660ba}
.participant-page .option input{accent-color:#7c78e6}
.participant-page .input{background:#f9fbff;border-color:#e4eafa;border-radius:12px;color:#2c436e;font-size:16px;line-height:1.5;scroll-margin-top:24px;scroll-margin-bottom:110px}
.participant-page .input:focus{border-color:#879beb;outline:2px solid #e6e9fc}
.participant-page .option.selected{border-color:#95a8f3;background:linear-gradient(100deg,#edf3ff,#f3efff);color:#4660ba}
.participant-page{ -webkit-text-size-adjust:100%;text-size-adjust:100% }
.participant-page .form-actions{padding:15px 0 20px}
.participant-page .form-actions .button{font-size:15px;min-height:55px;min-width:190px}
.participant-page .form-actions .secondary{min-width:110px}
.participant-page .field-error{border-color:#cf8d99}
.participant-page .result-layout{padding-top:25px;max-width:640px}
.participant-page .result-layout .eyebrow{justify-content:center;color:#8c83b8}
.participant-page .result-layout h1{font-size:31px;margin:20px 0 12px;line-height:1.4}
.participant-page .result-layout>p{font-size:13px;color:#7185a8}
.participant-page .success-icon{width:66px;height:66px;background:transparent}
.success-icon img{width:100%;height:100%;object-fit:contain}
.participant-page .draw-card{background:linear-gradient(145deg,#fff9,#f0efffe6);border:1px solid white;box-shadow:0 22px 45px #6884c016;border-radius:29px;padding:25px 28px 35px;max-width:440px}
.surprise-art{height:230px;position:relative;max-width:310px;margin:0 auto}
.surprise-art img{position:absolute;object-fit:contain}
.surprise-flower{width:205px;height:205px;left:33px;top:4px;transform:rotate(-12deg)}
.surprise-peach{width:85px;height:85px;right:0;top:0;transform:rotate(15deg)}
.surprise-star{width:90px;height:90px;left:0;bottom:0}
.participant-page .draw-card.busy .surprise-art{animation:soft-bounce .45s infinite alternate}
.participant-page .draw-card.busy img{animation:none}
.participant-page .pill.blue{color:#7770bb;background:#e9e7ff;border-radius:9px;padding:7px 11px}
.result-prize-photo{width:230px;height:205px;margin:0 auto 19px;overflow:hidden;border-radius:22px;box-shadow:0 8px 22px #8799b814}
.result-prize-photo img{width:100%;height:100%;object-fit:cover;display:block}
.participant-page .winning-prize{font-size:20px;color:#354e7e;margin:8px 0}
.participant-page .prize-serving-note{font-size:11px;margin:5px 0 16px;color:#8c96af}
.participant-page .ticket{border-color:#c7cbee;background:#ffffffc9;border-radius:17px;margin:18px 0;padding:18px}
.participant-page .ticket .claim-code{color:#6666ca;font-size:34px}
.participant-page .pill{background:#eef1ff;color:#777cac}
.thanks-art img{width:190px;height:190px;object-fit:contain}
.participant-page dialog{border-color:#fff;background:#f9fbff;border-radius:23px}
.participant-page .icon-button{background:#e9edfb;color:#7787b0}
.participant-page .consent-row{color:#637b9e}
.participant-page .text-button{color:#7083bc}
.participant-page .result-details{line-height:1.9}
@keyframes soft-bounce{from{transform:translateY(-3px) rotate(-2deg)}to{transform:translateY(3px) rotate(2deg)}}
@media(max-width:900px){
 .participant-page h1{font-size:48px}.participant-page .hero{min-height:430px}.create-art .float-flower{width:220px;left:18%}.create-art .float-peach{width:85px}.hello-bubble{font-size:12px;padding:13px 17px}.hello-bubble b{font-size:20px}.participant-page .create-art{height:355px}.participant-page .prize-grid{gap:13px}.participant-page .prize-card h3{font-size:14px}.participant-page .survey-layout{grid-template-columns:1fr;gap:24px}.participant-page .survey-side{position:static}.participant-page .survey-side .side-flower,.participant-page .survey-side .eyebrow,.participant-page .survey-side h2,.participant-page .survey-side p{display:none}.participant-page .step-list{flex-direction:row;justify-content:space-between;margin:0}.participant-page .survey-side .progress{margin-top:16px}
}
@media(max-width:600px){
 .participant-page{background-size:auto 950px}.participant-page .mode-bar{font-size:10px;line-height:1.7;padding:5px 10px}.participant-page .site-header{padding:17px 20px 10px;gap:12px}.participant-page .brand-logo{width:176px}.participant-page .header-label{font-size:10px;gap:5px;letter-spacing:0}.participant-page .header-label small{font-size:9px}.participant-page main{padding:0 20px 26px}.participant-page .hero{min-height:0;display:block;position:relative;padding-top:8px;margin:0 0 27px}.participant-page .hero-copy{padding:16px 0 0}.welcome-label{font-size:10px;gap:6px}.welcome-label img{width:24px;height:24px}.participant-page h1{font-size:40px;line-height:1.25;margin:15px 0 12px;letter-spacing:-.04em}.participant-page .hero-copy .product-line{font-size:11px;max-width:250px;line-height:1.8;position:relative;z-index:2}.participant-page .hero-copy .hero-invite{font-size:12px;line-height:1.9;margin-top:14px;max-width:255px;position:relative;z-index:2}.hero-action{margin-top:23px;max-width:none;position:relative;z-index:3}.participant-page .primary-cta{font-size:19px;min-height:59px;border-radius:15px;padding:15px 20px}.cta-note{font-size:10px;margin-top:16px;letter-spacing:0}.participant-page .features{margin:18px 0 0;gap:25px;justify-content:center;font-size:10px}.participant-page .features img{width:20px;height:20px}.participant-page .features b{font-size:15px}.participant-page .create-art{position:absolute;height:180px;width:145px;right:-8px;top:52px;margin:0;opacity:.86;z-index:0}.create-art .float-flower{width:99px;left:38px;top:26px;filter:drop-shadow(0 16px 12px #526ec521)}.create-art .float-peach{width:41px;right:4px;top:0}.create-art .float-leaves{width:42px;left:26px;top:120px}.create-art .float-star{width:37px;right:-2px;bottom:14px}.create-art .float-clouds{width:175px;left:2px;bottom:-14px;opacity:.85}.hello-bubble,.art-caption{display:none}.participant-page .section-title{align-items:flex-end;margin-bottom:15px;gap:7px}.section-kicker{font-size:9px;margin-bottom:5px;letter-spacing:0;gap:5px}.section-kicker img{width:20px;height:20px}.participant-page .section-title h2{font-size:19px;letter-spacing:-.02em}.participant-page .section-title>p{font-size:9px;line-height:1.8;max-width:126px}.participant-page .prize-grid{grid-template-columns:1fr;gap:12px}.participant-page .prize-card{display:grid;grid-template-columns:120px 1fr;padding:7px;border-radius:20px;gap:0;align-items:center}.prize-photo{height:123px;aspect-ratio:auto;border-radius:14px}.prize-count{font-size:17px;padding:4px 7px;top:7px;right:7px;border-radius:9px}.prize-count small{font-size:9px;margin-left:2px}.prize-info{padding:9px 12px}.prize-tag{font-size:10px}.participant-page .prize-card h3{font-size:14px;min-height:0;line-height:1.6;margin:5px 0}.participant-page .prize-card p{font-size:10px;line-height:1.7;margin:0}.prize-footnote{font-size:9px;margin-top:12px;text-align:left}.participant-page .journey{gap:10px;margin-top:18px;padding-top:6px;font-size:10px;justify-content:space-between}.participant-page .journey span{gap:5px}.journey img{width:25px;height:25px}.journey>svg{width:12px;height:12px}.participant-page .site-footer{margin:0 20px;padding:12px 0 22px;font-size:9px;gap:8px;align-items:center}.participant-page .site-footer .text-button{font-size:9px}.participant-page[data-screen="home"] .site-footer{padding-bottom:110px}.mobile-start-dock{position:fixed;left:0;right:0;bottom:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f8fbfff2;backdrop-filter:blur(12px);border-top:1px solid white;padding:13px 20px max(17px,env(safe-area-inset-bottom));box-shadow:0 -8px 30px #556cbf10}.mobile-start-dock b{display:block;font-size:12px;color:#4e6594;line-height:1.7}.mobile-start-dock small{display:block;color:#8a9bbc;font-size:10px;margin-top:3px}.participant-page .mobile-start-dock .button{font-size:15px;padding:10px 18px;min-height:44px;border-radius:13px;gap:12px;box-shadow:0 4px 0 #3553c8,0 9px 18px #4b66d529}.participant-page .survey-layout{margin-top:17px;gap:23px}.participant-page .step-marker{font-size:11px;gap:6px}.participant-page .step-marker b{height:30px;width:30px;border-radius:10px}.step-marker b img{width:25px;height:25px}.step-marker b svg{width:15px;height:15px}.participant-page .survey-heading h2{font-size:21px}.participant-page .survey-heading span{font-size:10px}.participant-page .question{padding:21px 16px;border-radius:19px;margin:0 0 15px}.participant-page .question legend{font-size:14px}.participant-page .description{font-size:11px}.participant-page .option{padding:12px;font-size:12px;line-height:1.8}.participant-page .form-actions{background:#eef4fff5;backdrop-filter:blur(10px);padding:12px 0 max(23px,env(safe-area-inset-bottom));gap:14px;z-index:8}.participant-page .form-actions .button{font-size:15px;min-width:0;min-height:52px}.participant-page .form-actions .secondary{flex:0 0 85px;min-width:0}.participant-page .result-layout{padding-top:13px;margin-top:10px}.participant-page .result-layout h1{font-size:25px;line-height:1.45;margin:17px 0 10px;letter-spacing:-.03em}.participant-page .result-layout>p{font-size:12px}.participant-page .draw-card{margin:23px auto;padding:19px 19px 29px;border-radius:25px}.surprise-art{height:220px}.participant-page .draw-card .button{font-size:15px;min-height:51px}.result-prize-photo{width:190px;height:166px;border-radius:18px}.participant-page .winning-prize{font-size:18px;line-height:1.7}.participant-page .ticket .claim-code{font-size:32px;letter-spacing:.12em}.participant-page .ticket small{font-size:10px}.participant-page .draw-card p{font-size:11px}.participant-page .result-details{font-size:11px}.participant-page .consent-row{font-size:12px}
}
@media(max-width:600px){.participant-page{background-size:100% 950px,auto 950px}.create-art .float-clouds{width:145px;left:-3px}.participant-page .hero{overflow:clip;padding-bottom:7px}.participant-page .draw-card .surprise-art img{max-width:100%}}
@media(max-width:360px){.participant-page .section-title{display:block}.participant-page .section-title>p{margin-top:8px;text-align:left;max-width:none}}
@media(max-width:360px){.participant-page .brand-logo{width:152px}.participant-page .header-label{font-size:9px}.participant-page h1{font-size:36px}.participant-page .create-art{right:-16px;opacity:.6;width:128px}.participant-page .prize-card{grid-template-columns:106px 1fr}.prize-photo{height:116px}.prize-info{padding:8px 10px}.participant-page .prize-card h3{font-size:12px}.participant-page .section-title h2{font-size:17px}.participant-page .section-title>p{max-width:115px;font-size:8px}.participant-page .step-marker{font-size:10px}.participant-page .step-marker b{width:25px;height:25px}.step-marker b img{width:21px;height:21px}}