@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{color:#303d55;background:#f4f8ff;margin:0;font-family:Noto Sans SC,Arial,sans-serif}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button,a{cursor:pointer}button{color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #39a6ff}button:disabled{opacity:.5;cursor:wait}.appbar{background:#fff}.appbar-inner{align-items:center;gap:14px;max-width:1200px;height:76px;margin:auto;display:flex}.close{color:#a3abba;padding:5px}.brand-icon,.mini-logo{color:#fff;background:linear-gradient(145deg,#4bd9ff,#2873ef);border:3px double #fff;border-radius:14px;place-items:center;width:54px;height:54px;font-size:24px;font-weight:800;display:grid;transform:skewY(-5deg);box-shadow:0 1px 8px #7eb7e85e}.appbar-text{flex-direction:column;gap:2px;display:flex}.appbar-text b{color:#27354a;font-size:20px}.appbar-inner>.blue-button{margin-left:auto}.blue-button{color:#fff;background:linear-gradient(150deg,#52d5f7,#219af8 60%,#5375fa);border-radius:26px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;display:inline-flex;box-shadow:0 5px 14px #429ef333}.site-shell>header{z-index:20;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(110deg,#e9fafff5,#c9edfff7);position:sticky;top:0;box-shadow:0 2px 12px #84bbe920}.header-inner{align-items:center;gap:38px;max-width:1200px;height:78px;margin:auto;display:flex}.logo{letter-spacing:-.5px;color:#30536d;align-items:center;gap:6px;font-size:25px;font-weight:800;display:flex}.mini-logo{border-radius:7px;width:30px;height:34px;font-size:16px}.header-inner nav{align-items:center;gap:24px;height:100%;display:flex}.header-inner nav button{height:100%;padding:0 2px;font-size:15px;position:relative}.header-inner nav button.selected{color:#1b94ee;font-weight:600}.header-inner nav button.selected:after{content:"";background:#269cf6;border-radius:6px;width:16px;height:3px;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.header-actions{align-items:center;gap:20px;margin-left:auto;font-size:12px;display:flex}.header-actions button,.admin-link{align-items:center;gap:5px;display:flex}.admin-link{color:#268ddd;border:1px solid #90c8f4;border-radius:20px;padding:8px 12px}.site-shell main{max-width:1200px;margin:auto}.hero{isolation:isolate;background:radial-gradient(at 65% 20%,#f5fcff 5%,#c8f0ff 40%,#c0dfff 100%);height:350px;position:relative;overflow:hidden}.hero-grid{opacity:.5;background:repeating-linear-gradient(0deg,#0000 0 44px,#ffffff38 45px 46px),repeating-linear-gradient(90deg,#0000 0 44px,#ffffff38 45px 46px);position:absolute;inset:0;transform:perspective(400px)rotateX(35deg)scale(1.5)}.hero-copy{z-index:2;padding:62px 70px;position:relative}.eyebrow{letter-spacing:3px;color:#3783b7;font-size:12px}.hero h1{color:#265879;letter-spacing:1px;margin:12px 0;font-size:42px;line-height:1.4}.hero-copy p{color:#6794b1;letter-spacing:3px;margin:10px 0 25px;font-size:16px}.hero-orb{background:radial-gradient(circle at 30% 25%,#e7fcff,#73d7ff 27%,#2d91f3 62%,#a8e6ff 85%);border-radius:50%;place-items:center;width:280px;height:280px;display:grid;position:absolute;top:32px;right:85px;transform:rotate(-14deg);box-shadow:inset -10px -16px 24px #1a75d350,0 30px 30px #6faddc35}.hero-orb>span{color:#e7faff;text-shadow:2px 8px 2px #1d8ae9,0 10px 14px #167cca;font-size:180px;font-weight:800}.orb-ring{border:3px solid #fff9;border-radius:50%;position:absolute;inset:-20px;transform:rotateX(55deg)rotate(-20deg);box-shadow:0 4px #4ba3ea}.orb-small{background:linear-gradient(140deg,#fff,#67d7ff,#2c8edb);border-radius:13px;width:40px;height:40px;position:absolute;top:35px;left:-42px;transform:rotate(30deg);box-shadow:0 15px 20px #69a7d94d}.orb-small.second{border-radius:50%;width:60px;height:60px;top:210px;left:auto;right:-45px}.slide-1 .hero-orb{background:radial-gradient(circle at 20% 20%,#fff,#9ad1ff,#7e9ff2);transform:rotate(8deg)}.slide-2 .hero-orb{transform:rotate(-25deg)}.hero-img{object-fit:cover;width:100%;height:100%}.hero-arrow{z-index:3;color:#72a1c8;background:#ffffff60;border-radius:18px;place-items:center;width:28px;height:44px;display:grid;position:absolute;top:46%}.dots{z-index:3;gap:7px;display:flex;position:absolute;bottom:17px;left:50%}.dots button{background:#fff9;border-radius:10px;width:7px;height:7px;padding:0}.dots .current{background:#39a3ee;width:21px}.announcement{color:#6790b2;background:#fff;align-items:center;gap:12px;padding:14px 24px;font-size:12px;display:flex}.announcement>svg{color:#38a7f5;flex-shrink:0}.announcement>span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.announcement button{color:#8c9aaf;align-items:center;font-size:11px;display:flex}.welcome{background:linear-gradient(110deg,#fff,#f8fcff);border:1px solid #fff;border-radius:20px;justify-content:space-between;align-items:center;margin:25px 0;padding:24px 32px;display:flex;box-shadow:0 5px 20px #c2d8ec2e}.welcome h2{margin:0 0 5px;font-size:23px;font-weight:500}.welcome p{color:#98a4b5;margin:0;font-size:13px}.services{gap:35px;display:flex}.services button{color:#7b8aa0;flex-direction:column;align-items:center;gap:7px;font-size:12px;display:flex}.services button span{color:#fff;background:linear-gradient(145deg,#79e8ff,#239df4 60%,#4587f6);border-radius:15px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 5px 9px #89bffc40,inset 0 2px 2px #ffffffb0}.section-heading{justify-content:space-between;align-items:center;margin:36px 0 20px;display:flex}.section-heading>div{align-items:baseline;gap:15px;display:flex}.section-heading h2{margin:0;font-size:24px;font-weight:600}.section-heading span{letter-spacing:3px;color:#a6b6cb;font-size:12px}.section-heading p{color:#99a7bb;font-size:12px}.showcase-grid{grid-template-rows:210px 210px;grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.feature-card{text-align:left;background:linear-gradient(140deg,#dcefff,#edf8ff 65%,#fff);border:2px solid #fff;border-radius:23px;min-width:0;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 5px #d7e6f3,0 10px 20px #a9c8e325}.feature-card:hover{transform:translateY(-4px);box-shadow:0 6px #c8e0f3,0 15px 25px #a9c8e34a}.card-copy{z-index:2;max-width:68%;position:absolute;bottom:24px;left:22px}.card-en{letter-spacing:1px;color:#bdd5e8;font-size:12px;font-style:italic;font-weight:700}.card-copy h3{color:#33485d;margin:3px 0 8px;padding-left:9px;font-size:22px;position:relative}.card-copy h3:before{content:"";background:linear-gradient(#6cd4ff,#3c86fa);border-radius:2px;width:3px;height:21px;position:absolute;top:5px;left:0}.card-copy p{color:#8a9db0;margin:0;font-size:12px;line-height:1.7}.explore{color:#2699ea;align-items:center;gap:8px;margin-top:18px;font-size:12px;display:none}.card-0 .card-copy{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(100deg,#ffffffed,#ffffff80);width:100%;max-width:none;padding:25px 30px;bottom:0;left:0}.card-art{place-items:center;width:140px;height:150px;display:grid;position:absolute;top:10px;right:-9px}.glass-icon{color:#e3faff;background:linear-gradient(145deg,#b2f3ff,#48bdf5 44%,#3389ef 80%,#9ecfff);border:3px solid #b7efff;border-radius:24px;place-items:center;width:84px;height:84px;display:grid;transform:rotate(14deg);box-shadow:inset 3px 4px 3px #fff,6px 12px 12px #4f92c638}.glass-icon svg{filter:drop-shadow(1px 3px 1px #2686ce);width:52px;height:52px}.art-ring{border:2px solid #ffffffa8;border-radius:50%;width:120px;height:120px;position:absolute;transform:rotateX(45deg)rotate(-15deg)}.spark{color:#91cbef;font-size:22px;position:absolute}.spark-one{top:12px;left:10px}.spark-two{bottom:3px;right:11px}.card-0 .glass-icon{border-radius:45px;width:170px;height:170px;transform:rotate(-13deg)}.card-4,.card-5{display:none}.card-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card-image+.card-copy{background:#ffffffdb;border-radius:15px;padding:14px;bottom:10px;left:10px}.bottom-promo{color:#4498cd;background:linear-gradient(100deg,#dfedff,#e8f9ff);border:1px solid #fff;border-radius:20px;align-items:center;gap:20px;margin:32px 0;padding:28px 35px;display:flex}.bottom-promo h3{color:#45627c;margin:0 0 6px;font-size:19px}.bottom-promo p{color:#8aa3bc;margin:0;font-size:12px}.bottom-promo button{border:1px solid #b6d6ef;border-radius:20px;align-items:center;gap:8px;margin-left:auto;padding:10px 20px;font-size:12px;display:flex}footer{text-align:center;color:#a5b5c8;padding:25px 0 45px}footer strong{color:#8aa5bb;font-size:23px}footer p{font-size:11px}footer small{font-size:10px}footer>a{margin-top:13px;font-size:11px;display:block}.mobile-nav{display:none}.modal-overlay{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#24456560;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal{text-align:center;background:linear-gradient(140deg,#fff,#eef8ff);border-radius:25px;width:100%;max-width:480px;max-height:85vh;padding:40px;position:relative;overflow:auto;box-shadow:0 20px 80px #123c7333}.modal-close{color:#90a4b5;position:absolute;top:15px;right:15px}.modal-symbol{color:#40a8ef;place-items:center;margin:10px auto 25px;font-size:45px;display:grid}.modal h2{margin:15px 0;font-size:25px}.modal p{color:#7e94a8;margin-bottom:25px;font-size:14px;line-height:1.9}.modal>img{border-radius:15px;width:100%;margin-bottom:20px}.load-error{color:#a66435;padding:10px;font-size:12px}.admin-shell{background:#f5f8fc;min-height:100vh;display:flex}.admin-shell aside{background:#fff;border-right:1px solid #e5edf5;flex-shrink:0;width:230px;padding:30px 23px}.admin-shell aside .logo{color:#2c96eb;margin-bottom:50px;font-size:25px}.admin-shell aside .logo small{color:#4b6077;font-size:14px}.admin-shell aside p{color:#a1aec0;margin:20px 10px;font-size:11px}.admin-shell aside>button{text-align:left;color:#7f90a5;border-radius:10px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:14px 18px;font-size:14px;display:flex}.admin-shell aside>button.selected{color:#2897ec;background:#eaf5ff}.return-link{color:#8499ae;align-items:center;gap:8px;margin-top:50px;font-size:12px;display:flex}.admin-main{width:100%;max-width:1100px;padding:40px 50px}.admin-main>header{justify-content:space-between;align-items:center;display:flex}.admin-main header span{letter-spacing:2px;color:#9dacbf;font-size:10px}.admin-main h1{margin:8px 0;font-size:27px}.admin-hint{color:#8e9fb1;margin-bottom:30px;font-size:13px}.editor-panel{background:#fff;border:1px solid #e6edf5;border-radius:17px;padding:30px}.editor-panel label{color:#60778f;flex-direction:column;gap:10px;margin-bottom:24px;font-size:13px;display:flex}.editor-panel input,.editor-panel textarea{color:#344b61;background:#fbfdff;border:1px solid #dbe5ef;border-radius:9px;outline:none;width:100%;padding:12px;font-size:13px}.editor-panel input:focus,.editor-panel textarea:focus{border-color:#57b3f9;box-shadow:0 0 0 3px #e5f3ff}.editor-panel textarea{resize:vertical;height:110px}.editor-panel p{color:#94a4b4;font-size:12px}.info-box{color:#5b94b5;background:#eef9ff;border-radius:10px;align-items:center;gap:10px;padding:17px;font-size:12px;display:flex}.status{background:#e9f5ff;border:1px solid #bedff6;border-radius:10px;margin-bottom:20px;padding:15px;font-size:13px}.card-editor{border-bottom:1px solid #e3ecf4;margin-bottom:30px;padding:10px 0 25px}.card-editor h3{font-size:17px}.editor-panel .check{flex-direction:row;align-items:center}.check input{width:16px}.image-preview{object-fit:contain;border-radius:10px;max-width:100%;max-height:220px;margin:15px 0;display:block}.plain-button{color:#258cd8;padding:10px 0;font-size:12px}@media (width>=901px){.showcase-grid{grid-template-rows:210px 210px;grid-template-columns:repeat(4,1fr)}.card-0{grid-area:1/1/3/3}.card-1{grid-area:1/3}.card-2{grid-area:1/4}.card-3{grid-area:2/3}.card-4{grid-area:2/4;display:block}.card-5{grid-column:1/-1;min-height:150px;display:block}.showcase-grid{grid-template-rows:210px 210px 150px}.card-5 .card-art{top:0;right:10%}.card-5 .card-copy{bottom:25px}.card-5 .explore{display:flex}}@media (width<=1250px) and (width>=901px){.header-inner,.appbar-inner,.site-shell main{max-width:calc(100% - 60px)}.header-inner{gap:20px}.header-inner nav{gap:16px}.header-actions{gap:10px}.hero-copy{padding-left:40px}.hero-orb{right:60px}.hero h1{font-size:35px}}@media (width<=900px){body{background:#fff}.site-shell{background:#edf5ff;max-width:540px;min-height:100vh;margin:auto}.appbar-inner{gap:10px;height:76px;padding:8px 18px}.appbar-text b{font-size:20px}.appbar-text span{font-size:11px}.appbar-inner .blue-button{padding:11px 15px;font-size:13px}.brand-icon{flex-shrink:0;width:45px;height:48px;font-size:22px}.header-inner{height:63px;padding:0 22px}.logo{font-size:22px}.logo small{font-size:15px}.header-inner nav,.header-actions{display:none}.hero{height:235px}.hero-copy{padding:40px 25px}.hero-copy .eyebrow{letter-spacing:1.5px;font-size:8px}.hero h1{max-width:240px;margin-top:14px;font-size:26px}.hero-copy p{letter-spacing:1px;max-width:230px;font-size:10px}.hero-copy .blue-button{padding:9px 15px;font-size:11px}.hero-orb{opacity:.7;width:150px;height:150px;top:43px;right:22px}.hero-orb>span{font-size:100px}.orb-ring{inset:-10px}.orb-small{width:22px;height:22px;top:10px;left:-15px}.orb-small.second{width:30px;height:30px;top:120px;right:-10px}.hero-arrow{opacity:.4;width:21px;height:30px}.prev{left:3px}.next{right:3px}.hero-arrow svg{width:17px}.dots{bottom:12px}.announcement{background:0 0;padding:12px 20px;font-size:10px}.announcement button{display:none}.welcome{box-shadow:none;border-radius:20px;margin:22px 18px 24px;padding:20px 18px;position:relative}.welcome:after{content:"";border-bottom:3px solid #fff;border-radius:50%;height:18px;position:absolute;bottom:-8px;left:-18px;right:-18px}.welcome h2{margin-bottom:3px;font-size:20px}.welcome p{font-size:12px}.services{border-left:1px dashed #d9e5ee;gap:17px;padding-left:15px}.services button{padding:0;font-size:11px}.services button span{border-radius:13px;width:37px;height:37px}.services button svg{width:21px}.section-heading{display:none}#showcase{padding:0 18px;scroll-margin-top:75px}.showcase-grid{grid-template-rows:138px 138px 138px;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.card-0{grid-area:span 2/span 3}.card-1,.card-2{grid-column:span 3}.card-3,.card-4,.card-5{grid-area:3/span 2;display:block}.feature-card{border-radius:20px;box-shadow:0 4px #d6e6f5}.card-copy{max-width:55%;bottom:20px;left:15px}.card-en{color:#c8dfef;white-space:nowrap;font-size:9px;position:absolute;top:-8px;left:0}.card-copy h3{white-space:nowrap;margin:4px 0 9px;font-size:20px}.card-copy h3:before{height:19px}.card-copy p{font-size:11px;line-height:1.5}.card-art{width:104px;height:116px;top:8px;right:-5px}.glass-icon{border-radius:19px;width:64px;height:64px}.glass-icon svg{width:39px;height:39px}.art-ring{width:96px;height:96px}.spark{font-size:15px}.card-0 .card-art{width:200px;height:190px;top:0;right:calc(50% - 100px)}.card-0 .glass-icon{border-radius:30px;width:110px;height:110px}.card-0 .glass-icon svg{width:65px;height:65px}.card-0 .art-ring{width:175px;height:175px}.card-0 .spark{font-size:25px}.card-0 .card-copy{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:116px;padding:18px 15px;display:flex}.card-0 .card-copy h3{font-size:22px}.card-0 .card-copy p{font-size:11px}.card-0 .card-en{display:none;position:static}.card-0 .explore{display:none}.card-3 .card-art,.card-4 .card-art,.card-5 .card-art{width:100%;height:90px;top:0;right:0}.card-3 .glass-icon,.card-4 .glass-icon,.card-5 .glass-icon{border-radius:14px;width:48px;height:48px}.card-3 .glass-icon svg,.card-4 .glass-icon svg,.card-5 .glass-icon svg{width:29px;height:29px}.card-3 .art-ring,.card-4 .art-ring,.card-5 .art-ring{width:75px;height:75px}.card-3 .card-copy,.card-4 .card-copy,.card-5 .card-copy{text-align:center;width:100%;max-width:100%;bottom:10px;left:0}.card-3 .card-copy h3,.card-4 .card-copy h3,.card-5 .card-copy h3{margin:0;padding:0;font-size:16px}.card-3 .card-copy h3:before,.card-4 .card-copy h3:before,.card-5 .card-copy h3:before,.card-3 .card-copy p,.card-4 .card-copy p,.card-5 .card-copy p{display:none}.card-3 .card-en,.card-4 .card-en,.card-5 .card-en{font-size:8px;position:static}.bottom-promo{gap:12px;margin:25px 18px 0;padding:20px 15px}.bottom-promo>svg{width:27px}.bottom-promo h3{font-size:16px}.bottom-promo p{font-size:10px}.bottom-promo button{white-space:nowrap;padding:8px;font-size:10px}.bottom-promo button svg{display:none}footer{padding:30px 0 110px}.mobile-nav{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;max-width:540px;height:78px;padding-bottom:env(safe-area-inset-bottom);background:#ffffffef;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -5px 15px #c6daef30}.mobile-nav>button{color:#9caac0;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:20%;font-size:12px;display:flex}.mobile-nav>button:first-child{color:#3aa2ed}.mobile-nav>button span{place-items:center;display:grid}.mobile-nav>button.nav-center{color:#fff;gap:0;position:relative;top:-21px}.nav-center>span{background:linear-gradient(135deg,#5bdbff,#169ff8 65%,#557df9);border:4px solid #bde8ff;border-radius:50%;width:72px;height:72px;padding-bottom:15px;box-shadow:0 5px 14px #61b4f977}.nav-center>span svg{width:29px;height:29px}.nav-center{font-size:11px!important}.nav-center:after{content:"发现";color:#fff;font-size:10px;position:absolute;top:49px}.admin-shell{display:block}.admin-shell aside{border-bottom:1px solid #e0eaf4;align-items:center;gap:8px;width:100%;padding:15px;display:flex;overflow-x:auto}.admin-shell aside .logo{white-space:nowrap;margin:0;font-size:20px}.admin-shell aside .logo small,.admin-shell aside p,.return-link{display:none}.admin-shell aside>button{white-space:nowrap;margin:0;padding:10px;font-size:12px}.admin-shell aside>button svg{display:none}.admin-main{padding:25px 18px}.admin-main h1{font-size:23px}.admin-main header .blue-button{padding:11px 15px;font-size:12px}.editor-panel{padding:20px}.info-box{align-items:flex-start;line-height:1.7}.info-box svg{flex-shrink:0}.modal{padding:30px 25px}.modal h2{font-size:23px}}@media (width<=380px){.appbar-inner{gap:7px;padding:8px 10px}.appbar-text b{font-size:17px}.appbar-text span{font-size:9px}.appbar-inner .blue-button{padding:10px;font-size:11px}.hero h1{font-size:23px}.hero-orb{width:135px;height:135px;right:-5px}.welcome h2{font-size:16px}.services{gap:10px;padding-left:10px}.services button span{width:32px;height:32px}.card-copy h3{font-size:18px}.card-art{opacity:.8;right:-17px}.bottom-promo p{max-width:180px}}.hero>.hero-img{position:absolute;inset:0}.hero-copy{pointer-events:none}.hero-copy button{pointer-events:auto}.header-actions .header-login{min-width:84px;padding:9px 25px}.register-outline{color:#258ee3;border:1px solid #228ff0;border-radius:25px;padding:8px 25px}.welcome-login{color:#3898de;font-size:12px}.site-shell .modal p{white-space:pre-wrap}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.auth-background{pointer-events:none;height:100vh;overflow:hidden}.auth-overlay{z-index:70;background:#0008;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.auth-dialog{background:#f3f6fb;border-radius:18px;grid-template-columns:340px 380px;width:720px;min-height:640px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 80px #10263e30}.auth-close{color:#fff;z-index:3;background:#abb5cd;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:23px;right:20px}.auth-poster{text-align:center;background:radial-gradient(at 50% 30%,#fff,#f0f8ff 65%,#fff);padding:54px 26px 30px;position:relative;overflow:hidden}.auth-poster .logo{justify-content:center;gap:5px;font-size:25px}.auth-poster h1{letter-spacing:1px;color:#12a8f3;text-shadow:1px 1px #fff,2px 3px #075d9f,2px 6px 4px #6d9eb9;margin:48px -10px 27px;font-size:43px;font-style:italic;font-weight:900;line-height:1.2;transform:skew(-5deg)}.poster-ribbon{color:#fff;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);background:#16b7ee;margin:0 0 20px;padding:5px;font-size:11px}.phone-group{height:265px;margin-top:30px;position:relative}.mock-phone{background:#192835;border:3px solid #1b2933;border-radius:22px;width:124px;height:247px;padding:5px;position:absolute;bottom:0;box-shadow:1px 5px 7px #24394d2e}.front-phone{z-index:2;left:88px}.back-phone{width:110px;height:206px;left:20px;transform:rotate(-11deg)}.phone-screen{text-align:left;background:#f4faff;border-radius:16px;height:100%;padding:19px 7px 10px;overflow:hidden}.phone-screen>b{color:#2193d5;font-size:9px}.phone-notch{background:#192835;border-radius:0 0 9px 9px;width:57px;height:10px;position:absolute;top:4px;left:30px}.phone-banner{color:#3184ba;background:linear-gradient(125deg,#ddf5ff,#70caff);height:66px;margin-top:13px;padding:14px 7px;font-size:12px;font-weight:700}.phone-blocks{grid-template-columns:1fr 1fr;gap:5px;margin-top:10px;display:grid}.phone-blocks i{text-align:center;color:#52a7e8;background:linear-gradient(125deg,#fff,#c5e8ff);border:1px solid #baddf6;border-radius:7px;height:35px;font-size:24px;font-style:normal}.phone-lines{background:repeating-linear-gradient(#fff 0 5px,#d6ebf8 5px 8px);height:20px;margin-top:10px}.phone-tile{background:linear-gradient(140deg,#c8edff,#69b7ed);height:70px;margin-top:10px}.poster-cube{z-index:3;color:#fff;background:linear-gradient(135deg,#74d3ff,#297ed6);border:3px solid #acd7ff;border-radius:10px;width:55px;height:55px;font-size:45px;position:absolute;top:35px;left:0;transform:rotate(-15deg)}.poster-heart{color:#13b9f5;text-shadow:2px 3px #8cd1f8;font-size:40px;position:absolute;top:-18px;right:14px;transform:rotate(-15deg)}.auth-tabs{color:#8592ac;gap:32px;margin-bottom:24px;font-size:18px;display:flex}.auth-tabs a{padding:3px 0 10px;position:relative}.auth-tabs .selected{color:#238bff}.auth-tabs .selected:after{content:"";background:#389af9;width:20px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.input-pill{color:#8190b0;border:1px solid #d9dfe9;border-radius:30px;align-items:center;gap:9px;height:49px;margin-bottom:14px;padding:0 20px;display:flex}.input-pill svg{flex-shrink:0}.input-pill>span{color:#f07586;margin-right:-3px;font-size:13px}.input-pill input{color:#465974;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:8px 0;font-size:12px}.input-pill input::placeholder{color:#a0adc7}.input-pill:focus-within{border-color:#69b6ff;box-shadow:0 0 0 2px #ddecff}.input-pill button{color:#8190b0;place-items:center;padding:0;display:grid}.terms-check{color:#7d8ba9;flex-wrap:wrap;align-items:center;gap:4px;margin:20px 0 17px;font-size:12px;display:flex}.terms-check input{accent-color:#328ef9;width:16px;height:16px;margin:0 2px 0 0}.terms-check button{color:#2585ff;padding:0}.auth-submit{border-radius:25px;width:100%;padding:12px;font-size:13px}.auth-submit:disabled{opacity:1;cursor:not-allowed;background:#aab4cc}.guest-divider{color:#9aa5b7;justify-content:center;align-items:center;gap:15px;margin:23px 15px 12px;font-size:10px;display:flex}.guest-divider span{background:#d9dfe8;flex:1;height:1px}.guest-browse{color:#fff;background:#12a5e0;border-radius:50%;place-items:center;width:33px;height:33px;margin:auto;display:grid;transform:rotate(-25deg)}.auth-bottom{color:#8795a9;justify-content:space-between;margin-top:20px;font-size:12px;display:flex}.auth-bottom a{color:#268bff}.auth-bottom span>a{margin-left:8px}.form-error{color:#c05858;background:#fff1f1;border-radius:8px;margin:10px 0;padding:9px 12px;font-size:12px;line-height:1.6}.rules-overlay{z-index:80}.account-page{max-width:700px;margin:40px auto;padding:20px}.auth-back{color:#7094b1;align-items:center;gap:8px;font-size:14px;display:inline-flex}.account-card{text-align:center;background:#fff;border:1px solid #e1edf7;border-radius:24px;margin:25px 0;padding:38px}.account-avatar{color:#fff;background:linear-gradient(135deg,#79dcff,#2389e6);border-radius:50%;place-items:center;width:80px;height:80px;margin:auto;display:grid}.account-card h1{font-size:25px}.account-card p,.account-card small{color:#8ba0b6;font-size:13px}.account-card>.blue-button{max-width:240px;margin:25px auto;display:flex}.logout-button{color:#8c9caf;align-items:center;gap:8px;margin:20px auto 0;font-size:13px;display:flex}.password-form{border-top:1px solid #e9eff5;max-width:330px;margin:30px auto;padding-top:20px}.password-form h3{text-align:left;font-size:15px}.password-form input{background:#f9fcff;border:1px solid #dae5ee;border-radius:10px;width:100%;margin-bottom:12px;padding:12px;font-size:13px;display:block}.password-form .blue-button{width:100%;margin-top:6px;font-size:12px}.setting-row{border-bottom:1px solid #e7edf4;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.setting-row b{font-size:14px}.setting-row p{line-height:1.6}.editor-panel input.switch{accent-color:#299af2;width:22px;height:22px}.editor-panel select{color:#344b61;background:#fbfdff;border:1px solid #dbe5ef;border-radius:9px;padding:12px;font-size:13px}.editor-row{align-items:center;gap:12px;display:flex}.editor-row h3{flex:1}.editor-row button{color:#7e9ab5}.plain-button{align-items:center;gap:5px;display:inline-flex}.invite-create{align-items:center;gap:15px;display:flex}.invite-create label{flex:1;max-width:150px}.invite-create .blue-button{font-size:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}th,td{text-align:left;border-bottom:1px solid #e4edf5;padding:15px 10px}th{color:#8aa1b6;background:#f9fcff;font-weight:500}td code{font-size:11px}td .plain-button{margin-left:6px}.member-search{gap:10px;display:flex}.member-search input{max-width:300px}.member-search .blue-button{white-space:nowrap;font-size:12px}@media (width<=900px){.auth-dialog{border-radius:20px;grid-template-columns:1fr;width:100%;max-width:430px;min-height:0}.auth-poster{display:none}.auth-overlay{padding:20px 15px}.auth-form-panel{padding:35px 25px 28px}.auth-close{top:17px;right:17px}.auth-tabs{margin-bottom:26px}.auth-background .site-shell{filter:blur(1px)}.auth-submit{padding:13px}.input-pill{height:48px}.auth-bottom,.auth-dialog .form-error{font-size:11px}.hero-copy{max-width:85%}.hero>.hero-img{object-position:75% center;opacity:.65}.hero h1{text-shadow:0 1px 2px #fff;font-size:26px}.hero-copy p{color:#5481a4}.mobile-nav>button.nav-center{font-size:0!important}.nav-center:after{font-size:11px}.invite-create{flex-wrap:wrap}.invite-create label{min-width:90px}.invite-create .blue-button{margin-bottom:20px}.table-wrap{margin:0 -10px}.account-page{margin:15px auto}.account-card{padding:25px 20px}.header-inner{justify-content:space-between}.header-actions{gap:9px;display:flex}.header-actions>button{display:none}.header-actions .header-login{min-width:0;padding:7px 16px;font-size:11px}.register-outline{padding:6px 15px;font-size:11px}.header-actions .admin-link{padding:7px 10px;font-size:11px}.header-actions .admin-link svg{width:14px}}@media (height<=740px) and (width>=901px){.auth-dialog{min-height:0}.auth-overlay{align-items:flex-start}.auth-form-panel{padding-top:30px}.auth-poster{padding-top:35px}.auth-poster h1{margin-top:30px}.input-pill{height:44px;margin-bottom:11px}.phone-group{height:225px}.mock-phone{transform-origin:bottom;transform:scale(.9)}.back-phone{transform:scale(.9)rotate(-11deg)}}.link-fields{max-width:650px}.link-destination{overflow-wrap:anywhere;background:#f3f8fd;border-radius:8px;padding:12px;line-height:1.8}.link-destination a{color:#218edf;margin-left:12px;display:inline-block}.link-invalid{color:#c36666;font-size:11px}.scrolling-announcement{overflow:hidden}.ticker-window{text-align:left;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ticker-window span{padding-left:100%;animation:linear infinite ticker;display:inline-block}.ticker-window:hover span{animation-play-state:paused}@keyframes ticker{to{transform:translate(-100%)}}.services img{object-fit:contain;width:32px;height:32px}.logo img{object-fit:contain;max-width:125px;max-height:42px}.card-icon-image{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.feature-card.card-6{background:linear-gradient(135deg,#eaf5ff,#d7e8ff);min-height:220px}.auth-poster.custom-poster{padding:0;position:relative;overflow:hidden}.auth-poster.custom-poster>img{object-fit:cover;z-index:5;width:100%;height:100%;position:absolute;inset:0}.floating-notice{z-index:35;color:#fff;background:linear-gradient(110deg,#4dcaff,#2385ec);border-radius:30px;align-items:center;padding:5px 10px 5px 14px;display:flex;position:fixed;bottom:90px;right:20px;box-shadow:0 6px 18px #1386cf45}.floating-notice button{color:inherit}.floating-content{align-items:center;gap:9px;padding:7px;font-size:13px;display:flex}.floating-content img{object-fit:contain;width:30px;height:30px}.popup-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#07132799;justify-content:center;align-items:center;padding:55px 20px 105px;display:flex;position:fixed;inset:0;overflow:auto}.popup-notice{background:#fff;border-radius:15px;flex-shrink:0;width:min(520px,100%);position:relative;box-shadow:0 20px 80px #0003}.popup-notice header{color:#258fe3;border-bottom:1px solid #e4eef8;align-items:center;gap:10px;padding:18px 22px;display:flex}.popup-notice h2{flex:1;margin:0;font-size:18px}.popup-body{overscroll-behavior:contain;max-height:58dvh;overflow:auto}.popup-body p{white-space:pre-wrap;color:#647792;padding:0 22px;font-size:14px;line-height:1.8}.popup-image-button{width:100%;padding:0;display:block}.popup-image-button:disabled{opacity:1;cursor:default}.popup-image-button img{width:100%;height:auto;display:block}.popup-notice footer{justify-content:center;gap:15px;padding:15px 22px;display:flex}.popup-preferences{color:#fff;justify-content:center;gap:18px;width:100%;font-size:12px;display:flex;position:absolute;top:calc(100% + 14px);left:0}.popup-preferences label{align-items:center;gap:5px;display:flex}.popup-preferences input{accent-color:#2e9ef5}.popup-outside-close{color:#fff;border:1px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:calc(100% + 48px);left:calc(50% - 17px)}.popup-image{box-shadow:none;background:0 0;max-width:450px}.popup-image>header,.popup-image>footer,.popup-image .popup-body>p{display:none}.popup-image .popup-body{border-radius:12px;max-height:65dvh}.popup-image .popup-image-button img{object-fit:contain;max-height:65dvh}.popup-image:not(:has(img)) .popup-body>p{background:#fff;border-radius:12px;padding:30px;display:block}.popup-image .popup-body:empty{min-height:100px}.activities-page{background:#f4f7fb;min-height:100vh;padding:58px 0 85px}.activities-header{z-index:20;background:#fff;border-bottom:1px solid #e6eef5;justify-content:center;align-items:center;height:55px;display:flex;position:fixed;top:0;left:0;right:0}.activities-header a{color:#52799c;position:absolute;left:20px}.activities-header h1{font-size:18px;font-weight:600}.activities-list{max-width:850px;margin:auto;padding:12px}.activity-banner{background:#fff;border-radius:10px;margin-bottom:12px;display:block;overflow:hidden;box-shadow:0 3px 10px #255e990d}.activity-banner img{width:100%;height:auto;display:block}.activity-cover-fallback{color:#2671b4;background:linear-gradient(125deg,#d3efff,#a9c5f3);padding:30px}.activity-cover-fallback h2{margin:10px 0}.activity-detail{background:#fff;max-width:850px;margin:auto;padding-bottom:25px}.activity-detail>img{width:100%;height:auto;display:block}.activity-detail-title{padding:25px}.activity-body{white-space:pre-wrap;color:#657994;padding:10px 22px;line-height:1.8}.activity-detail>.blue-button{margin:15px auto;display:flex}.activity-empty{text-align:center;color:#8c9db4;padding:60px 20px}.activity-empty a{color:#258ee0;margin-top:20px;display:block}.activities-nav{z-index:25;background:#fff;border-top:1px solid #edf1f6;justify-content:space-around;align-items:center;height:66px;display:flex;position:fixed;bottom:0;left:0;right:0}.activities-nav a{color:#9aacbe;flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex}.activities-nav a.active{color:#258ef3}.admin-shell aside{max-height:100vh;overflow-y:auto}.editor-panel input[type=color]{max-width:100px;height:42px}.editor-panel input[type=checkbox]{flex-shrink:0}@media (width<=900px){.feature-card.card-6{grid-column:span 2;min-height:155px}.card-icon-image{object-fit:cover}.floating-notice{bottom:82px;right:12px}.popup-overlay{padding:40px 20px 110px}.popup-notice{max-width:385px}.popup-body{max-height:60dvh}.popup-preferences{gap:12px;font-size:11px}.activities-list{padding:10px}.activity-banner{border-radius:8px;margin-bottom:10px}.admin-shell aside{max-height:none}.services img{width:26px;height:26px}}@media (prefers-reduced-motion:reduce){.ticker-window span{padding-left:0;animation:none}}.feature-card{grid-area:auto}:is(.card-1 .card-art:has(.card-icon-image),.card-2 .card-art:has(.card-icon-image)){opacity:1;width:100%;height:100%;inset:0}.card-3 .card-icon-image,.card-4 .card-icon-image,.card-5 .card-icon-image{object-fit:contain}@media (width<=900px){.showcase-grid{grid-template-rows:none;grid-auto-rows:138px}.feature-card.card-0{grid-area:span 2/span 3}.feature-card.card-1,.feature-card.card-2{grid-area:auto/span 3}.feature-card.card-3,.feature-card.card-4,.feature-card.card-5,.feature-card.card-6{grid-area:auto/span 2;min-height:138px}.card-1 .card-icon-image,.card-2 .card-icon-image{object-fit:cover}}.image-only-hero{aspect-ratio:24/7;background:#e8f4ff;display:block;overflow:hidden;height:auto!important;min-height:0!important;padding:0!important}.hero-image-link{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.image-only-hero .hero-img{object-fit:contain;object-position:center;width:100%;height:100%;animation:.3s banner-reveal;display:block;opacity:1!important;position:static!important}.image-only-hero .hero-image-link:focus-visible{outline-offset:-3px;outline:3px solid #258ff4}.admin-login-page{background:radial-gradient(at top,#d5ecff,#0000 65%),#f4f8fd;place-items:center;min-height:100vh;padding:24px;display:grid}.admin-login-card{text-align:center;background:#fff;border:1px solid #e4edf6;border-radius:22px;width:min(400px,100%);padding:46px 32px;box-shadow:0 15px 55px #416d9c15}.admin-login-mark{color:#fff;background:linear-gradient(135deg,#49ccff,#287af1);border-radius:16px;place-items:center;width:58px;height:58px;margin:0 auto 22px;font-size:25px;font-weight:800;display:grid}.admin-login-card h1{color:#344b61;font-size:24px}.admin-login-card p{color:#899bb0;margin:12px 0 28px;font-size:14px}.admin-login-card .blue-button{justify-content:center;display:flex}.admin-login-card small{color:#9bacc0;margin-top:24px;display:block}@keyframes banner-reveal{0%{opacity:.5}to{opacity:1}}@media (width<=900px){.image-only-hero{border-radius:0}.image-only-hero .hero-arrow{width:28px;height:36px}.image-only-hero .dots{bottom:8px}}@media (prefers-reduced-motion:reduce){.image-only-hero .hero-img{animation:none}}body{background:#fff}.site-shell{background:#edf5ff;max-width:540px;min-height:100vh;margin:auto}.appbar-inner{gap:10px;height:76px;padding:8px 18px}.appbar-text span{font-size:11px}.appbar-inner .blue-button{padding:11px 15px;font-size:13px}.brand-icon{flex-shrink:0;width:45px;height:48px;font-size:22px}.header-inner{height:63px;padding:0 22px}.logo{font-size:22px}.logo small{font-size:15px}.header-inner nav,.header-actions{display:none}.hero{height:235px}.hero-copy{padding:40px 25px}.hero-copy .eyebrow{letter-spacing:1.5px;font-size:8px}.hero h1{max-width:240px;margin-top:14px;font-size:26px}.hero-copy p{letter-spacing:1px;max-width:230px;font-size:10px}.hero-copy .blue-button{padding:9px 15px;font-size:11px}.hero-orb{opacity:.7;width:150px;height:150px;top:43px;right:22px}.hero-orb>span{font-size:100px}.orb-ring{inset:-10px}.orb-small{width:22px;height:22px;top:10px;left:-15px}.orb-small.second{width:30px;height:30px;top:120px;right:-10px}.hero-arrow{opacity:.4;width:21px;height:30px}.prev{left:3px}.next{right:3px}.hero-arrow svg{width:17px}.dots{bottom:12px}.announcement{background:0 0;padding:12px 20px;font-size:10px}.announcement button{display:none}.welcome{box-shadow:none;border-radius:20px;margin:22px 18px 24px;padding:20px 18px;position:relative}.welcome:after{content:"";border-bottom:3px solid #fff;border-radius:50%;height:18px;position:absolute;bottom:-8px;left:-18px;right:-18px}.welcome h2{margin-bottom:3px;font-size:20px}.welcome p{font-size:12px}.services{border-left:1px dashed #d9e5ee;gap:17px;padding-left:15px}.services button{padding:0;font-size:11px}.services button span{border-radius:13px;width:37px;height:37px}.services button svg{width:21px}.section-heading{display:none}#showcase{padding:0 18px;scroll-margin-top:75px}.showcase-grid{grid-template-rows:138px 138px 138px;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.card-0{grid-area:span 2/span 3}.card-1,.card-2{grid-column:span 3}.card-3,.card-4,.card-5{grid-area:3/span 2;display:block}.feature-card{border-radius:20px;box-shadow:0 4px #d6e6f5}.card-copy{max-width:55%;bottom:20px;left:15px}.card-en{color:#c8dfef;white-space:nowrap;font-size:9px;position:absolute;top:-8px;left:0}.card-copy h3{white-space:nowrap;margin:4px 0 9px;font-size:20px}.card-copy h3:before{height:19px}.card-copy p{font-size:11px;line-height:1.5}.card-art{width:104px;height:116px;top:8px;right:-5px}.glass-icon{border-radius:19px;width:64px;height:64px}.glass-icon svg{width:39px;height:39px}.art-ring{width:96px;height:96px}.spark{font-size:15px}.card-0 .card-art{width:200px;height:190px;top:0;right:calc(50% - 100px)}.card-0 .glass-icon{border-radius:30px;width:110px;height:110px}.card-0 .glass-icon svg{width:65px;height:65px}.card-0 .art-ring{width:175px;height:175px}.card-0 .spark{font-size:25px}.card-0 .card-copy{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:116px;padding:18px 15px;display:flex}.card-0 .card-copy p{font-size:11px}.card-0 .card-en{display:none;position:static}.card-0 .explore{display:none}.card-3 .card-art,.card-4 .card-art,.card-5 .card-art{width:100%;height:90px;top:0;right:0}.card-3 .glass-icon,.card-4 .glass-icon,.card-5 .glass-icon{border-radius:14px;width:48px;height:48px}.card-3 .glass-icon svg,.card-4 .glass-icon svg,.card-5 .glass-icon svg{width:29px;height:29px}.card-3 .art-ring,.card-4 .art-ring,.card-5 .art-ring{width:75px;height:75px}.card-3 .card-copy,.card-4 .card-copy,.card-5 .card-copy{text-align:center;width:100%;max-width:100%;bottom:10px;left:0}.card-3 .card-copy h3,.card-4 .card-copy h3,.card-5 .card-copy h3{margin:0;padding:0;font-size:16px}.card-3 .card-copy h3:before,.card-4 .card-copy h3:before,.card-5 .card-copy h3:before,.card-3 .card-copy p,.card-4 .card-copy p,.card-5 .card-copy p{display:none}.card-3 .card-en,.card-4 .card-en,.card-5 .card-en{font-size:8px;position:static}.bottom-promo{gap:12px;margin:25px 18px 0;padding:20px 15px}.bottom-promo>svg{width:27px}.bottom-promo h3{font-size:16px}.bottom-promo p{font-size:10px}.bottom-promo button{white-space:nowrap;padding:8px;font-size:10px}.bottom-promo button svg{display:none}footer{padding:30px 0 110px}.mobile-nav{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;max-width:540px;height:78px;padding-bottom:env(safe-area-inset-bottom);background:#ffffffef;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -5px 15px #c6daef30}.mobile-nav>button{color:#9caac0;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:20%;font-size:12px;display:flex}.mobile-nav>button:first-child{color:#3aa2ed}.mobile-nav>button span{place-items:center;display:grid}.mobile-nav>button.nav-center{color:#fff;gap:0;position:relative;top:-21px}.nav-center>span{background:linear-gradient(135deg,#5bdbff,#169ff8 65%,#557df9);border:4px solid #bde8ff;border-radius:50%;width:72px;height:72px;padding-bottom:15px;box-shadow:0 5px 14px #61b4f977}.nav-center>span svg{width:29px;height:29px}.nav-center{font-size:11px!important}.nav-center:after{content:"发现";color:#fff;font-size:10px;position:absolute;top:49px}.admin-shell{display:block}.admin-shell aside{border-bottom:1px solid #e0eaf4;align-items:center;gap:8px;width:100%;padding:15px;display:flex;overflow-x:auto}.admin-shell aside .logo{white-space:nowrap;margin:0;font-size:20px}.admin-shell aside .logo small,.admin-shell aside p,.return-link{display:none}.admin-shell aside>button{white-space:nowrap;margin:0;padding:10px;font-size:12px}.admin-shell aside>button svg{display:none}.admin-main{padding:25px 18px}.admin-main h1{font-size:23px}.admin-main header .blue-button{padding:11px 15px;font-size:12px}.editor-panel{padding:20px}.info-box{align-items:flex-start;line-height:1.7}.info-box svg{flex-shrink:0}.modal{padding:30px 25px}.modal h2{font-size:23px}.auth-dialog{border-radius:20px;grid-template-columns:1fr;width:100%;max-width:430px;min-height:0}.auth-overlay{padding:20px 15px}.auth-form-panel{padding:35px 25px 28px}.auth-close{top:17px;right:17px}.auth-tabs{margin-bottom:26px}.auth-background .site-shell{filter:blur(1px)}.auth-submit{padding:13px}.input-pill{height:48px}.auth-bottom,.auth-dialog .form-error{font-size:11px}.hero-copy{max-width:85%}.hero>.hero-img{object-position:75% center;opacity:.65}.hero h1{text-shadow:0 1px 2px #fff;font-size:26px}.hero-copy p{color:#5481a4}.mobile-nav>button.nav-center{font-size:0!important}.nav-center:after{font-size:11px}.invite-create{flex-wrap:wrap}.invite-create label{min-width:90px}.invite-create .blue-button{margin-bottom:20px}.table-wrap{margin:0 -10px}.account-page{margin:15px auto}.account-card{padding:25px 20px}.header-inner{justify-content:space-between}.header-actions{gap:9px;display:flex}.header-actions>button{display:none}.header-actions .header-login{min-width:0;padding:7px 16px;font-size:11px}.register-outline{padding:6px 15px;font-size:11px}.header-actions .admin-link{padding:7px 10px;font-size:11px}.header-actions .admin-link svg{width:14px}.feature-card.card-6{grid-column:span 2;min-height:155px}.card-icon-image{object-fit:cover}.floating-notice{bottom:82px;right:12px}.popup-overlay{padding:40px 20px 110px}.popup-notice{max-width:385px}.popup-body{max-height:60dvh}.popup-preferences{gap:12px;font-size:11px}.activities-list{padding:10px}.activity-banner{border-radius:8px;margin-bottom:10px}.admin-shell aside{max-height:none}.services img{width:26px;height:26px}.showcase-grid{grid-template-rows:none;grid-auto-rows:138px}.feature-card.card-0{grid-area:span 2/span 3}.feature-card.card-1,.feature-card.card-2{grid-area:auto/span 3}.feature-card.card-3,.feature-card.card-4,.feature-card.card-5,.feature-card.card-6{grid-area:auto/span 2;min-height:138px}.card-1 .card-icon-image,.card-2 .card-icon-image{object-fit:cover}.image-only-hero{border-radius:0}.image-only-hero .hero-arrow{width:28px;height:36px}.image-only-hero .dots{bottom:8px}:root{--portal-font:16px;--portal-text:#263750;--portal-muted:#64748b;--portal-accent:#238bea}body{overflow-x:hidden}.site-shell,.activities-page,.account-page{width:100%;max-width:480px;font-size:var(--portal-font);color:var(--portal-text);margin:0 auto}.site-shell{background:#f4f8ff;min-height:100dvh}.site-shell main{width:100%;max-width:480px}.appbar-inner,.header-inner{max-width:480px}.site-shell>header{display:none}.site-shell .appbar-text{min-width:0}.appbar-text b{font-size:1.1em}.appbar-text span{color:var(--portal-muted);font-size:.8em}.appbar-inner>.blue-button{white-space:nowrap;padding:10px 16px;font-size:.85em}.image-only-hero{background:0 0;aspect-ratio:auto!important;height:auto!important;min-height:0!important}.hero-image-link{width:100%;height:auto;line-height:0}.image-only-hero .hero-img{width:100%;max-height:none;display:block;object-fit:contain!important;height:auto!important}.hero-arrow{top:50%;transform:translateY(-50%)}.scrolling-announcement{gap:10px;min-height:42px;padding:9px 12px;line-height:1.5;height:auto!important}.scrolling-announcement .ticker-window{font-size:inherit!important;color:inherit!important}.scrolling-announcement>svg{flex-shrink:0}.ticker-window span{padding-left:20%;font-weight:500}.welcome h2{color:var(--portal-text);font-size:1.12em}.welcome p,.welcome-login{font-size:.9em!important}.services button{color:var(--portal-muted);font-size:.8em}.welcome a{color:var(--portal-accent)}.section-heading h2{color:var(--portal-text);font-size:1.15em}.feature-card .card-copy h3{color:var(--portal-text);font-size:1.05em}.card-0 .card-copy h3{font-size:1.3em}.feature-card .card-copy p{color:var(--portal-muted);font-size:.8em}.card-en{color:var(--portal-muted)}.mobile-nav,.activities-nav{width:100%;max-width:480px;height:calc(68px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);left:50%;right:auto;transform:translate(-50%)}.mobile-nav>button,.activities-nav a{color:var(--portal-muted);font-size:calc(var(--portal-font) * .8)!important}.activities-header{width:100%;max-width:480px;left:50%;right:auto;transform:translate(-50%)}.activities-list,.activity-detail{max-width:480px}.activity-body{font-size:var(--portal-font);color:var(--portal-text)}.site-shell footer{padding-bottom:calc(95px + env(safe-area-inset-bottom));color:var(--portal-muted)}.footer-services{background:#fff;border:1px solid #e4edf5;border-radius:16px;margin:20px 12px 0;padding:22px 12px 16px}.footer-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 6px;display:grid}.footer-shortcuts button{min-width:0;color:var(--portal-text);flex-direction:column;align-items:center;gap:8px;padding:0;font-size:.85em;display:flex}.footer-shortcuts img,.footer-round-icon{object-fit:contain;border-radius:50%;width:clamp(46px,13vw,62px);height:clamp(46px,13vw,62px)}.footer-round-icon{color:#e8bf68;background:linear-gradient(150deg,#535353,#20252d);place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff25}.footer-shortcuts b{overflow-wrap:anywhere;font-weight:600}.footer-services>p{color:var(--portal-muted);text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0 0;font-size:.85em;line-height:1.8}.floating-notice{right:max(12px,50vw - 228px);bottom:calc(82px + env(safe-area-inset-bottom))}.auth-dialog{width:min(430px,100%)}.auth-form-panel input{font-size:16px}.auth-poster{display:none!important}.auth-dialog{grid-template-columns:1fr}.auth-overlay{align-items:center}.popup-notice{width:100%;max-width:420px}.modal{max-width:440px}.modal p{font-size:var(--portal-font);color:var(--portal-text)}.card-3 .card-copy h3,.card-4 .card-copy h3,.card-5 .card-copy h3{font-size:1em}.showcase-grid{grid-auto-rows:clamp(128px,32vw,150px)}@media (width<=359px){.welcome{padding:18px 12px}.services{gap:9px}.appbar-inner{gap:8px;padding:0 10px}.brand-icon{flex-shrink:0;width:40px;height:40px}.appbar-inner>.blue-button{padding:9px 11px}.footer-shortcuts{gap:12px 4px}.header-actions{gap:5px}.showcase-grid{gap:8px}.card-copy{max-width:70%}}.scrolling-announcement .ticker-window{text-align:left;flex:1;min-width:0;padding:0;line-height:1.5;display:block!important}.scrolling-announcement .ticker-window span{font-size:inherit!important;color:inherit!important}.account-card h1,.auth-tabs,.activity-detail-title h2{color:var(--portal-text)}.account-card p,.account-card small,.auth-bottom{color:var(--portal-muted)}.account-card p,.password-form h3,.password-form .blue-button{font-size:var(--portal-font)}.welcome a,.auth-bottom a,.auth-back{color:var(--portal-accent)}.site-shell .blue-button,.account-page .blue-button,.activities-page .blue-button{background:var(--portal-accent)}.activity-body{overflow-wrap:anywhere}.popup-notice h2{color:var(--portal-text)}.popup-body p{font-size:var(--portal-font);color:var(--portal-text)}.recent-section{color:var(--portal-text);margin:24px 12px}.recent-section h2{color:var(--portal-muted);align-items:center;gap:8px;margin:0 0 14px;font-size:1em;display:flex}.demo-badge{color:#3974a6;background:#e8f4ff;border:1px solid #b9d6ef;border-radius:5px;margin-left:auto;padding:3px 7px;font-size:11px;font-weight:500}.recent-panel{background:#fff;border:1px solid #edf2f8;border-radius:10px;overflow:hidden}.recent-summary{align-items:center;gap:12px;padding:18px 15px 12px;display:flex}.recent-trophy{font-size:39px}.recent-summary strong{font-size:.9em}.recent-summary p{color:var(--portal-muted);margin:6px 0 0;font-size:.75em}.demo-disclosure{color:#627892;background:#f2f7fc;margin:0;padding:9px 14px;font-size:12px;line-height:1.65}.recent-list{padding:0 12px}.recent-row{border-bottom:1px solid #edf2f8;align-items:center;gap:9px;min-height:48px;font-size:.85em;display:flex}.recent-row:last-child{border-bottom:0}.recent-avatar{color:#fff;background:linear-gradient(130deg,#42c8ec,#6355dc);border-radius:5px;flex-shrink:0;place-items:center;width:23px;height:23px;display:grid}.avatar-1{background:linear-gradient(130deg,#5bdcbd,#218499)}.avatar-2{background:linear-gradient(130deg,#ffbc6b,#e56586)}.avatar-3{background:linear-gradient(130deg,#c58bff,#636bea)}.avatar-4{background:linear-gradient(130deg,#86cfff,#4387de)}.recent-name{color:var(--portal-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.recent-row strong{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--portal-text)}.recent-row small{color:#249a7a;background:#e6f8f2;border-radius:4px;padding:3px;font-size:9px}.recent-refresh{width:100%;color:var(--portal-accent);background:#f8fbff;padding:11px;font-size:12px}.reference-brands{background:#fff;border-radius:12px;margin:20px 12px 0;padding:20px 14px}.reference-brands h2{color:var(--portal-muted);margin:0 0 18px;font-size:14px}.reference-brands>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.reference-brands b{color:#17bba0;font-family:Arial,sans-serif;font-size:clamp(20px,6vw,30px);font-style:italic}.reference-brands b:first-child{color:#1e2230;font-style:normal}.reference-brands b:nth-child(2){color:#ffb600}.reference-brands b:nth-child(4){color:#f05059}.reference-brands b:nth-child(5){color:#f9a927}.reference-brands p{color:var(--portal-muted);margin:18px 0 0;font-size:11px;line-height:1.7}.popup-preferences{background:#1e283c80;border-radius:7px;width:max-content;max-width:100%;padding:8px;left:50%;transform:translate(-50%)}.popup-outside-close{width:38px;height:38px;top:calc(100% + 66px);left:calc(50% - 19px)}.popup-image .popup-body{background:0 0}.popup-overlay{padding-bottom:135px}.site-shell .stable-carousel{background:#e7f1fa;position:relative;overflow:hidden;aspect-ratio:auto!important;height:0!important;min-height:0!important;padding:var(--banner-height,43.75%) 0 0!important}.stable-carousel .hero-image-link{width:100%;height:100%;display:block;position:absolute;inset:0}.site-shell .stable-carousel .hero-img{object-position:center;max-height:none;inset:0;object-fit:var(--banner-fit,contain)!important;width:100%!important;height:100%!important;position:absolute!important}.stable-carousel .hero-arrow,.stable-carousel .dots{z-index:3}.banner-editor-preview{background:#e7f1fa;border-radius:10px;width:100%;max-width:600px;position:relative;overflow:hidden}.banner-editor-preview img{width:100%;height:100%;position:absolute;inset:0}.support-page{width:100%;max-width:480px;min-height:100dvh;color:var(--portal-text);font-size:var(--portal-font);background:#f3f6fb;margin:0 auto}.support-header{justify-content:center;align-items:center;height:64px;display:flex;position:relative}.support-header h1{margin:0;font-size:20px;font-weight:600}.support-header>a{position:absolute;top:20px;left:20px}.support-channels{padding:7px 20px 40px}.support-channel{margin-bottom:24px}.support-channel h2{align-items:center;gap:12px;margin:10px 0 12px;font-size:16px;font-weight:400;display:flex}.support-channel h2>span{color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.support-contact{background:#fff;border:1px solid #dce2eb;border-radius:29px;align-items:center;gap:8px;min-height:54px;padding:6px 10px 6px 12px;display:flex}.support-contact>span{overflow-wrap:anywhere;flex:1;min-width:0;font-size:15px}.support-contact a,.support-contact button{color:#fff;white-space:nowrap;background:linear-gradient(110deg,#2688ff,#2dc2f6);border-radius:25px;padding:9px 16px;font-size:15px;box-shadow:0 3px 8px #219bff33}.support-contact button:disabled{color:#7c8fa5;opacity:1;cursor:default;box-shadow:none;background:#e0e7ef}.support-empty{text-align:center;color:var(--portal-muted);padding:40px 12px}.recharge-empty{text-align:center;padding:65px 24px}.recharge-empty h2{margin:25px 0 12px;font-size:20px}.recharge-empty p{color:var(--portal-muted);margin-bottom:28px;font-size:14px;line-height:1.8}.mobile-nav>button.nav-center:after{content:"充值"!important}.mobile-nav>button.nav-center svg{width:32px;height:32px}.mobile-nav>button.nav-center>span{box-shadow:none;background:0 0}.activities-nav .center svg{width:30px;height:30px}.mobile-nav .nav-label{font-size:12px;font-weight:500;line-height:1.2}.mobile-nav>button.recharge-nav{color:#218a72;background:#fff;border:3px solid #bde8ff;border-radius:50%;flex-direction:column;flex:0 0 70px;justify-content:center;align-items:center;gap:3px;width:70px;height:70px;display:flex;position:relative;top:-13px;box-shadow:0 3px 12px #5da6cd20;font-size:13px!important}.mobile-nav>button.recharge-nav .nav-icon{width:32px;height:32px;box-shadow:none;background:0 0;border:0;place-items:center;padding:0;display:grid}.mobile-nav>button.recharge-nav .nav-label{color:#17765d;letter-spacing:1px;font-size:13px;font-weight:700;display:block}.recharge-nav:before,.recharge-nav:after,.recharge-nav .nav-icon:before,.recharge-nav .nav-icon:after{content:none!important;display:none!important}.support-channel:last-child h2>span{border-radius:50%}.language-overlay{z-index:160;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10254070;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.language-overlay section{color:#263750;background:#fff;border-radius:18px;width:100%;max-width:360px;padding:22px;box-shadow:0 15px 70px #10204040}.language-overlay header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.language-overlay h2{margin:0;font-size:18px}.language-option{border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;width:100%;padding:16px 12px;font-size:17px;display:flex}.language-option:last-child{border-bottom:0}.language-option svg{color:#238bea}.services .language-entry{flex-direction:column;align-items:center;gap:5px;display:flex}.auth-language{justify-content:flex-end;margin:0 0 18px;display:flex}.auth-language .language-entry{color:#58728b;align-items:center;gap:7px;padding:4px;font-size:13px;display:flex}.auth-language .language-entry>span{display:flex}.recent-viewport{position:relative;overflow:hidden}.recent-track{will-change:transform;transition:none;transform:translateY(0)}.recent-track.is-moving{transition:transform .45s ease-in-out;transform:translateY(-48px)}.recent-track .recent-row{height:48px;min-height:48px;max-height:48px}.mobile-nav .nav-label{white-space:normal;text-align:center;max-width:100%}.services{gap:12px}.services>button{text-align:center;max-width:75px;line-height:1.35}html[lang=en] .mobile-nav .nav-label{letter-spacing:0;font-size:11px}html[lang=th] .mobile-nav .nav-label{letter-spacing:0;font-size:12px}html[lang=en] .card-copy h3,html[lang=th] .card-copy h3{font-size:.95em;line-height:1.35}html[lang=en] .welcome h2,html[lang=th] .welcome h2{font-size:1em}.welcome>div:first-child{min-width:0}.welcome .services{flex-shrink:0}.auth-bottom{flex-wrap:wrap;gap:12px}.recent-summary p{line-height:1.5}@media (prefers-reduced-motion:reduce){.recent-track.is-moving{transition:none}}