:root{--pink:#ec1685;--pink-dark:#c91070;--navy:#172b63;--text:#253041;--muted:#667085;--line:#f0d8e6;--page:#fff7fb;--white:#fff;--orange:#ff7a45;--berry:#8b5cf6;--berry-dark:#6d28d9;--blue:#2f80ed;--green:#43b66c;--teal:#00a99d;--star:#ffc531;--disabled:#d0d5dd;--shadow:0 8px 20px #172b631a;--shadow-strong:0 18px 36px #172b6329}*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;scroll-padding-top:92px;overflow-x:clip}body{background:linear-gradient(180deg, #eaf7ffe0, #fff7fbf5 34%), var(--page);max-width:100%;color:var(--text);letter-spacing:0;margin:0;font-family:Noto Sans TC,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:clip}@supports not (overflow:clip){html,body{overflow-x:hidden}}a{color:inherit;text-decoration:none}button,select{font:inherit}button{border:0}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #ec168559}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd6;border-bottom:1px solid #f0d8e6b3;justify-content:space-between;align-items:center;height:76px;padding:0 max(24px,50vw - 600px);display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 8px 24px #172b6314}.brand{white-space:nowrap;align-items:center;gap:13px;min-width:0;display:inline-flex}.brand-logo{object-fit:contain;width:auto;display:block}.brand-logo-debao{height:38px}.brand-logo-wayground{height:34px}.brand-divider{background:#d7deef;width:1px;height:28px}.desktop-nav{align-items:center;gap:8px;display:flex}.desktop-nav a{color:var(--navy);padding:12px 14px;font-weight:800;position:relative}.desktop-nav a:after{background:var(--pink);content:"";opacity:0;border-radius:999px;height:3px;transition:opacity .16s,transform .16s;position:absolute;bottom:5px;left:14px;right:14px;transform:scaleX(.3)}.desktop-nav a:hover:after{opacity:1;transform:scaleX(1)}.mobile-nav{display:none;position:relative}.mobile-nav summary{width:44px;height:44px;color:var(--pink);cursor:pointer;background:#ec16851a;border-radius:999px;place-items:center;list-style:none;display:grid}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav div{border:1px solid var(--line);background:var(--white);min-width:190px;box-shadow:var(--shadow-strong);border-radius:8px;display:grid;position:absolute;top:54px;right:0;overflow:hidden}.mobile-nav a{color:var(--navy);padding:15px 18px;font-weight:800}.hero{--hero-topbar-height:76px;--hero-artboard-ratio:1916 / 821;padding-top:var(--hero-topbar-height);position:relative;overflow:hidden}.hero:after{z-index:1;pointer-events:none;background:radial-gradient(82% 100% at 50% 100%, #fff0f7cc 0%, #fff0f752 42%, #fff7fb00 76%), linear-gradient(180deg, #fff7fb00 0%, #fff7fb80 58%, var(--page) 100%);content:"";height:clamp(72px,9vw,118px);position:absolute;bottom:0;left:0;right:0}.hero-artboard{isolation:isolate;width:100%;aspect-ratio:var(--hero-artboard-ratio);line-height:0;position:relative;overflow:hidden}.hero-bg-image{z-index:1;object-fit:contain;width:100%;height:100%;display:block;position:relative}.hero-confetti-layer{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-confetti-track{top:-12%;left:var(--confetti-x);width:var(--confetti-width);height:var(--confetti-height);opacity:0;animation:hero-confetti-drop var(--confetti-duration) var(--confetti-delay) cubic-bezier(.22, .61, .36, 1) infinite;will-change:opacity, top, transform;display:block;position:absolute;transform:translate(-50%)}.hero-confetti{background:var(--confetti-color);transform:rotate(var(--confetti-rotate));animation:hero-confetti-spin var(--confetti-duration) ease-in-out infinite alternate;will-change:transform;border-radius:4px;display:block;position:absolute;inset:0;box-shadow:0 2px 8px #172b6329,inset 0 0 0 1px #ffffff3d}.hero-confetti-dot{border-radius:999px}.hero-confetti-flake{border-radius:2px 8px}.hero-confetti:after{border-radius:inherit;content:"";background:#ffffff7a;height:38%;position:absolute;inset:1px 2px auto}@keyframes hero-confetti-drop{0%{opacity:0;top:-12%;transform:translate(-50%)scale(.94)}12%{opacity:1}42%{top:var(--confetti-fade-top);opacity:.82}72%{opacity:.28}to{top:var(--confetti-end-top);opacity:0;transform:translate3d(calc(-50% + var(--confetti-drift)), 0, 0) scale(.84)}}@keyframes hero-confetti-spin{0%{transform:rotate(var(--confetti-rotate)) rotateY(0turn)}to{transform:rotate(calc(var(--confetti-rotate) + var(--confetti-spin))) rotateY(.62turn)}}@media (prefers-reduced-motion:reduce){.hero-confetti-track,.hero-confetti{animation-duration:12s}}@media (max-width:640px){.hero-confetti-layer{display:none}}.panel-badge{background:var(--pink);color:var(--white);border-radius:999px;align-items:center;gap:8px;font-weight:900;display:inline-flex}.secondary-cta,.show-all-button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.secondary-cta:hover,.show-all-button:hover{transform:translateY(-2px)}.section{width:min(1200px,100% - 48px);margin:0 auto;padding:72px 0}.section-heading{text-align:center;max-width:760px;margin:0 auto 28px}.section-heading.align-left{text-align:left;margin-left:0;margin-right:0}.section-heading span{color:var(--pink);margin-bottom:8px;font-size:16px;font-weight:950;display:inline-block}.section-heading h2{color:var(--navy);margin:0;font-size:34px;line-height:1.24}.section-heading p{color:var(--muted);margin:12px 0 0;font-weight:700}.section-heading code{color:var(--pink-dark);background:#ec168514;border-radius:6px;margin:0 4px;padding:2px 6px}.intro-section{margin-top:10px;padding-top:0}.steps{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe6;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:18px;padding:20px;display:grid}.step-card{background:var(--white);border:1px solid #ffd1e8;border-radius:8px;grid-template-columns:auto 1fr;gap:16px;min-height:136px;padding:26px 24px 22px;display:grid;position:relative}.step-card svg{color:var(--pink)}.step-card h3,.rule-card h3,.challenge-panel h3,.mission-card h3{color:var(--navy);margin:0}.step-card p,.rule-card p,.challenge-panel p{color:var(--muted);margin:8px 0 0;line-height:1.55}.step-number{border:3px solid var(--white);background:var(--pink);width:36px;height:36px;color:var(--white);box-shadow:var(--shadow);border-radius:999px;place-items:center;font-weight:950;display:grid;position:absolute;top:-15px;left:18px}.missions-section{padding-top:10px}.mission-toolbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.category-tabs{scrollbar-width:thin;scrollbar-color:#ec168559 transparent;flex:auto;gap:10px;min-width:0;padding:2px 2px 10px;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{height:6px}.category-tabs::-webkit-scrollbar-thumb{background:#ec168559;border-radius:999px}.category-tab{background:var(--white);min-height:42px;color:var(--pink);cursor:pointer;border:1px solid;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 16px;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s,color .16s;display:inline-flex;box-shadow:0 5px 14px #172b630f}.category-tab:hover{transform:translateY(-2px);box-shadow:0 10px 20px #172b631f}.category-tab.orange{color:var(--orange)}.category-tab.berry{color:var(--berry-dark)}.category-tab.blue{color:var(--blue)}.category-tab.green{color:var(--green)}.category-tab.teal{color:var(--teal)}.category-tab.active{background:var(--pink);color:var(--white)}.category-tab.active.orange{background:var(--orange)}.category-tab.active.berry{background:var(--berry);color:var(--white)}.category-tab.active.blue{background:var(--blue)}.category-tab.active.green{background:var(--green)}.category-tab.active.teal{background:var(--teal)}.filter-controls{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:12px;display:flex}.filter-controls label{background:var(--white);height:44px;color:var(--muted);border:1px solid #d9deeb;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-weight:800;display:inline-flex;position:relative}.filter-controls select{min-width:132px;color:var(--text);cursor:pointer;appearance:none;background:0 0;border:0;font-weight:800}.mission-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.mission-card{background:var(--white);box-shadow:var(--shadow);border:1px solid #e6e9f2;border-radius:8px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.mission-card:before{z-index:1;background:var(--pink);content:"";height:5px;position:absolute;top:0;left:0;right:0}.mission-card.orange:before{background:var(--orange)}.mission-card.berry:before{background:var(--berry)}.mission-card.blue:before{background:var(--blue)}.mission-card.green:before{background:var(--green)}.mission-card.teal:before{background:var(--teal)}.mission-card:hover{box-shadow:var(--shadow-strong);border-color:#ec168533;transform:translateY(-6px)}.mission-card:hover .cover-illustration{transform:scale(1.04)}.mission-card:hover .cover-illustration span:nth-child(2){transform:translateY(-5px)scale(1.08)}.mission-cover{aspect-ratio:16/9;background:#eaf7ff;position:relative;overflow:hidden}.mission-cover img{object-fit:cover;width:100%;height:100%}.cover-illustration{background:radial-gradient(circle at 18% 22%,#ffffffe6 0 13%,#0000 14%),radial-gradient(circle at 80% 24%,#ffffff85 0 10%,#0000 11%),linear-gradient(135deg,#ffffff6b,#fff0 42%),linear-gradient(135deg,#ffd7e7,#8ddcff);transition:transform .36s;position:absolute;inset:0}.mission-cover.orange .cover-illustration{background:radial-gradient(circle at 20% 26%,#ffffffe6 0 12%,#0000 13%),linear-gradient(135deg,#ffb084,#ffe0c9 48%,#8ddcff)}.mission-cover.berry .cover-illustration{background:radial-gradient(circle at 74% 20%,#ffffffd6 0 12%,#0000 13%),linear-gradient(135deg,#a78bfa,#ffd6ec 48%,#6ee7f9)}.mission-cover.blue .cover-illustration{background:radial-gradient(circle at 16% 24%,#fffc 0 12%,#0000 13%),linear-gradient(135deg,#4fb4ff,#8ddcff 45%,#172b63)}.mission-cover.green .cover-illustration{background:radial-gradient(circle at 78% 25%,#ffffffd1 0 12%,#0000 13%),linear-gradient(135deg,#9eea91,#7bdcb5 48%,#235a40)}.mission-cover.teal .cover-illustration{background:radial-gradient(circle at 18% 24%,#ffffffd6 0 12%,#0000 13%),linear-gradient(135deg,#6fe7d7,#79c8ff 48%,#0b4870)}.cover-illustration span{background:#ffffffb8;border-radius:999px;transition:transform .26s,opacity .26s;display:block;position:absolute}.cover-illustration span:first-child{width:78px;height:20px;bottom:22px;right:18px}.cover-illustration span:nth-child(2){width:42px;height:42px;bottom:48px;right:42px}.cover-illustration span:nth-child(3){opacity:.68;width:92px;height:12px;bottom:18px;left:20px}.open-badge{color:var(--white);border-radius:999px;font-size:13px;font-weight:950;position:absolute;top:12px}.mission-label{background:var(--pink);min-height:28px;color:var(--white);white-space:nowrap;border-radius:999px;align-items:center;padding:7px 10px;font-size:13px;font-weight:500;line-height:1;display:inline-flex}.mission-label.orange{background:var(--orange)}.mission-label.berry{background:var(--berry);color:var(--white)}.mission-label.blue{background:var(--blue)}.mission-label.green{background:var(--green)}.mission-label.teal{background:var(--teal)}.open-badge{background:var(--navy);padding:7px 9px;right:12px}.mission-body{gap:12px;padding:16px;display:grid;position:relative}.mission-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.mission-meta span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mission-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:58px;font-size:18px;line-height:1.42;display:-webkit-box;overflow:hidden}.mission-rating-row{justify-content:space-between;align-items:center;gap:12px;min-height:30px;display:flex}.stars{color:var(--disabled);flex:none;gap:2px;display:flex}.stars .filled{fill:var(--star);color:var(--star);filter:drop-shadow(0 2px 2px #ffc53147)}.card-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.card-actions a,.card-actions button{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:0 10px;font-size:14px;font-weight:950;transition:transform .15s,box-shadow .15s,background .15s,color .15s,border-color .15s;display:inline-flex}.card-actions a:first-child{border:1px solid var(--pink);background:var(--white);color:var(--pink)}.card-actions a:first-child:hover{border-color:var(--pink-dark);color:var(--pink-dark);background:#fff0f7;transform:translateY(-2px);box-shadow:0 8px 16px #ec16851f}.card-actions .quiz-link{background:var(--pink);color:var(--white);box-shadow:0 5px #9a0c5729}.card-actions .quiz-link:hover{background:var(--pink-dark);transform:translateY(-2px);box-shadow:0 8px 16px #ec168538}.card-actions button{color:#8b95a7;cursor:not-allowed;background:#eef1f6}.card-actions .quiz-disabled{color:#7a8496;background:linear-gradient(#eef1f6,#e2e6ee)}.empty-state{color:var(--muted);text-align:center;background:#ffffffb8;border:1px dashed #d5d9e5;border-radius:8px;justify-items:center;gap:10px;padding:54px 20px;display:grid}.empty-state h3{color:var(--navy);margin:0}.empty-state p{margin:0}.show-all-button{background:var(--white);min-height:44px;color:var(--pink);border:1px solid #f6add2;margin:26px auto 0;padding:0 26px}.rules-section{z-index:0;isolation:isolate;padding-top:12px;padding-bottom:72px;position:relative;overflow:visible}.rules-section:before{z-index:0;background:linear-gradient(180deg, var(--page) 0%, #fff7fbd1 15%, #fff7fb57 42%, #fff7fb24 100%), url(/images/event-platform-bg-v2.webp) center bottom / cover no-repeat;content:"";pointer-events:none;position:absolute;inset:0 calc(50% - 50vw)}.rules-section .section-heading,.rules-layout{z-index:1;position:relative}.rules-layout{grid-template-columns:1fr 360px;align-items:stretch;gap:24px;display:grid}.rule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.rule-card{border:1px solid var(--line);background:#ffffffe6;border-radius:8px;gap:16px;min-height:118px;padding:22px;display:flex}.rule-card svg{color:var(--pink);flex:none}.challenge-panel{color:var(--white);box-shadow:var(--shadow-strong);background:radial-gradient(circle at 88% 16%,#ffffff38 0 16%,#0000 17%),linear-gradient(135deg,#1479d4,#172b63);border-radius:8px;padding:28px;position:relative;overflow:hidden}.challenge-panel h3{color:var(--white);margin-top:28px;font-size:30px}.challenge-panel p{color:#e8f4ff;font-weight:700}.panel-badge{background:#ffffff29;padding:8px 12px}.secondary-cta{background:var(--white);min-height:46px;color:var(--navy);margin-top:22px;padding:0 18px}.footer{background:var(--pink);color:var(--white);margin-top:0;padding:36px 24px 24px}.footer-inner{justify-content:space-between;gap:32px;width:min(1200px,100%);margin:0 auto;display:flex}.footer-brand{margin-bottom:16px;font-size:28px;font-weight:950}.footer p{color:#ffffffdb;margin:8px 0;font-weight:700}.footer p a{color:var(--white);text-underline-offset:4px;-webkit-text-decoration:underline #ffffff73;text-decoration:underline #ffffff73;transition:color .16s,text-decoration-color .16s}.footer p a:hover{color:#fff7d6;text-decoration-color:currentColor}.footer-links{align-content:start;justify-items:end;gap:14px;font-weight:900;display:grid}.footer-links div{gap:10px;display:flex}.footer-links a{width:42px;height:42px;color:var(--white);background:#ffffff29;border-radius:999px;place-items:center;transition:background .16s,transform .16s;display:grid}.footer-links a:hover{background:#ffffff42;transform:translateY(-2px)}.footer-links svg{fill:currentColor;width:21px;height:21px}.copyright{text-align:right;width:min(1200px,100%);margin:28px auto 0}@media (max-width:1100px){.mission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rules-layout{grid-template-columns:1fr}}@media (max-width:860px){.topbar{height:64px;padding:0 20px}.brand-logo-debao{height:32px}.brand-logo-wayground{height:28px}.desktop-nav{display:none}.mobile-nav{display:block}.hero{--hero-topbar-height:64px}.mission-toolbar{gap:14px;display:grid}.category-tabs{width:100%}.filter-controls{justify-content:flex-start}.section{width:min(100% - 32px,720px);padding:54px 0}.steps{grid-template-columns:1fr}.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rule-grid{grid-template-columns:1fr}}@media (max-width:560px){.brand{gap:9px}.brand-divider{height:22px}.brand-logo-debao{height:28px}.brand-logo-wayground{height:24px}.hero{--hero-topbar-height:64px}.section-heading h2{font-size:27px}.filter-controls{justify-content:stretch}.filter-controls label,.filter-controls select{width:100%}.mission-grid{grid-template-columns:1fr}.footer-inner{display:grid}.footer-links{justify-items:start}.copyright{text-align:left}}.admin-shell,.admin-auth{max-width:1100px;color:var(--text);margin:0 auto;padding:32px 20px 64px}.admin-auth{place-items:center;min-height:100dvh;display:grid}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.admin-header h1{color:var(--navy);margin:0 0 4px;font-size:1.6rem}.admin-hint{color:var(--muted);margin:0;font-size:.9rem}.admin-header-actions{align-items:center;gap:10px;display:flex}.admin-link{color:var(--pink);font-size:.9rem;font-weight:600;text-decoration:none}.admin-grid{grid-template-columns:1fr minmax(320px,420px);align-items:start;gap:24px;display:grid}@media (max-width:880px){.admin-grid{grid-template-columns:1fr}}.admin-card{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:22px}.admin-card-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.admin-card-head h2{color:var(--navy);margin:0;font-size:1.1rem}.admin-login{width:min(380px,92vw)}.admin-login h1{color:var(--navy);margin:0 0 6px;font-size:1.4rem}.admin-form,.admin-login{flex-direction:column;gap:14px;display:flex}.admin-form label,.admin-login label{color:var(--navy);flex-direction:column;gap:6px;min-width:0;font-size:.85rem;font-weight:600;display:flex}.admin-form input,.admin-form select,.admin-login input{font:inherit;border:1px solid var(--line);background:var(--page);color:var(--text);box-sizing:border-box;border-radius:10px;width:100%;min-width:0;padding:9px 11px}.admin-form input:focus,.admin-form select:focus,.admin-login input:focus{outline:2px solid var(--pink);outline-offset:1px}.admin-form-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:520px){.admin-form-row{grid-template-columns:1fr}}.admin-checkbox{flex-direction:row;align-items:center;gap:8px}.admin-checkbox input{width:18px;height:18px}.admin-form button[type=submit],.admin-login button[type=submit]{background:var(--pink);color:var(--white);cursor:pointer;border:none;border-radius:999px;margin-top:4px;padding:11px 16px;font-weight:700}.admin-form button[type=submit]:disabled,.admin-login button[type=submit]:disabled{background:var(--disabled);cursor:progress}.admin-ghost{border:1px solid var(--line);background:var(--white);color:var(--navy);cursor:pointer;border-radius:999px;padding:7px 12px;font-size:.82rem;font-weight:600}.admin-ghost:hover{border-color:var(--pink);color:var(--pink)}.admin-danger{color:#d92d20;cursor:pointer;background:#fff;border:1px solid #f3c0c0;border-radius:999px;padding:7px 12px;font-size:.82rem;font-weight:600}.admin-danger:hover{background:#fef0f0}.admin-error{color:#d92d20;margin:0;font-size:.85rem;font-weight:600}.admin-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.admin-list li{border:1px solid var(--line);background:var(--page);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.admin-list li.is-hidden{opacity:.55}.admin-list-main{align-items:center;gap:12px;min-width:0;display:flex}.admin-slot{background:var(--white);border:1px solid var(--line);width:38px;height:38px;color:var(--navy);border-radius:10px;flex:none;place-items:center;font-weight:700;display:grid}.admin-list-main strong{color:var(--navy);display:block}.admin-tags{color:var(--muted);margin-top:2px;font-size:.78rem;display:block}.admin-list-actions{align-items:center;gap:8px;display:flex}.admin-list-actions form{margin:0}