:root{color-scheme:dark;--bg:#101017;--text:#f2f0f7;--muted:#9996aa;--line:rgba(207,196,255,.105);--purple:#c0a3ff;--panel:#191820;font-family:Inter,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--purple);outline-offset:5px}button{color:inherit}button,input,textarea{border-radius:10px}[hidden]{display:none!important}.ambient{position:absolute;pointer-events:none;z-index:-1;top:0;left:0;width:100%;height:900px;background:radial-gradient(ellipse at 75% 15%,#49316725,transparent 54%),radial-gradient(ellipse at 10% 55%,#35274b14,transparent 60%)}.shell{max-width:1080px;padding:0 48px;margin:auto}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:13px;font-size:23px;font-weight:650;letter-spacing:-.8px}.brand-cn{font-size:16px;font-weight:450;margin-left:7px;letter-spacing:1px;color:#cbc6d7}.brand-mark{position:relative;width:35px;height:37px;display:grid;place-items:center;background:linear-gradient(145deg,#c9b1fc,#8f66d9);border-radius:11px;color:#251b38;font-weight:850;font-size:27px;box-shadow:0 4px 20px #ac83f31f}.brand-mark span{position:absolute;width:5px;height:5px;background:#f1e6ff;right:7px;top:8px;border-radius:50%}.header-note{font-size:12px;color:#858090;letter-spacing:2px}.hero{display:flex;align-items:center;justify-content:space-between;min-height:400px;padding:40px 0 32px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:600;letter-spacing:2.5px;color:#b8a5d2}.eyebrow>span{display:block;width:5px;height:5px;border-radius:50%;background:#c2a4ef;box-shadow:0 0 12px #bd8aff66}h1{font-size:62px;line-height:1.2;font-weight:650;letter-spacing:-2px;margin:25px 0 20px}.gradient-text{background:linear-gradient(110deg,#e3ceff 10%,#b393ea 85%);color:transparent;background-clip:text}.hero p{font-size:14px;line-height:1.9;color:var(--muted);margin:0;letter-spacing:.6px}.orb-scene{position:relative;width:350px;height:310px;display:grid;place-items:center;isolation:isolate}.orb-scene:before{content:"";position:absolute;inset:15%;background:#9564e526;filter:blur(50px);border-radius:50%;z-index:-2}.orb{height:155px;width:155px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 29% 22%,#e3c7ff90,transparent 45%),radial-gradient(circle at 34% 30%,#9972d9,#46305e 58%,#21182f 85%);box-shadow:inset -14px -18px 30px #0b081d85,inset 2px 2px 7px #ebc9ff8f,0 25px 65px #05020d90;border:1px solid #c8a1ff35;transform:rotate(-12deg)}.orb svg{width:70px;height:70px;filter:drop-shadow(0 2px 8px #e3b9ff66)}.orb svg path{fill:#eee0ffb8;stroke:#f2e5ff88;stroke-linejoin:round;stroke-width:2}.orbit{position:absolute;width:300px;height:105px;border:1px solid #bc95ee42;border-radius:50%;transform:rotate(-30deg);z-index:1;pointer-events:none;mask-image:linear-gradient(0deg,#000 45%,transparent 65%)}.orbit-two{width:265px;height:190px;transform:rotate(36deg);border-color:#b592ef17;z-index:-1;mask-image:none}.star{position:absolute;width:5px;height:5px;border-radius:50%;background:#dcc2ff;box-shadow:0 0 15px #be8affaa}.s1{top:69px;right:73px}.s2{bottom:69px;left:58px;width:3px;height:3px;opacity:.7}.s3{top:100px;left:50px;width:3px;height:3px;opacity:.35}.orb-caption{position:absolute;bottom:10px;font-size:8px;letter-spacing:2.8px;color:#756583}.services{display:grid;grid-template-columns:1fr 1fr;gap:22px}.service{position:relative;overflow:hidden;border:1px solid #c5b2e821;border-radius:21px;background:linear-gradient(125deg,#25202f 0%,#1b1923 65%,#1a1823);padding:27px 30px 0;transition:transform .25s,border-color .25s,box-shadow .25s}.subscribe{background:linear-gradient(125deg,#20232f 0%,#191b24 65%,#181b24);border-color:#b0bbdb21}.service:hover{transform:translateY(-5px);border-color:#c5a2ff66;box-shadow:0 16px 45px #0003}.subscribe:hover{border-color:#9cacdb66}.card-top{display:flex;justify-content:space-between;align-items:center}.icon{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;border:1px solid #cdaaff25;background:linear-gradient(140deg,#ad83ed21,#b184f006);color:#d0b3ff}.icon svg{width:25px;height:25px}.sub-icon{color:#b6c8ff;border-color:#a7bbff25;background:linear-gradient(140deg,#8ba5ed21,#8ba5ed06)}.card-arrow{font-size:23px;color:#8a7e9b;transition:transform .25s}.service:hover .card-arrow{transform:translate(3px,-3px);color:#ddd0f9}.service-copy{position:relative;z-index:1;margin:25px 0 29px}.card-en{font-size:9px;letter-spacing:2px;color:#aa95bf}.subscribe .card-en{color:#899bb9}.service h2{font-size:26px;font-weight:550;letter-spacing:1px;margin:9px 0 10px}.service p{margin:0;font-size:13px;color:#a29baa;letter-spacing:.4px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d4c4ee10;padding:18px 0;position:relative;z-index:1}.card-bottom>span:first-child{font-size:9px;letter-spacing:1.8px;color:#797181}.card-bottom>span:last-child{font-size:11px;color:#cbb8e3}.card-bottom b{font-size:16px;font-weight:400;margin-left:11px}.subscribe .card-bottom>span:last-child{color:#bac8e1}.card-glow{position:absolute;right:-35px;top:40px;width:150px;height:150px;border:1px solid #b998ef0b;border-radius:50%;box-shadow:0 0 0 25px #b998ef05,0 0 0 50px #b998ef03;pointer-events:none}.notice-section{margin:42px 0 54px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-heading h2{font-size:15px;letter-spacing:1px;font-weight:500;margin:0}.small-spark{color:#bca0e2;font-size:18px;margin-right:9px}.section-heading>span{font-size:9px;letter-spacing:2px;color:#645e70}#notices{border:1px solid var(--line);border-radius:15px;background:#1a18214d;padding:0 23px}.notice{padding:22px 0}.notice+.notice{border-top:1px solid var(--line)}.notice-meta{display:flex;align-items:center;gap:10px;color:#7f778c;font-size:10px;margin-bottom:11px}.pin{font-size:10px;color:#c6a5f5;background:#a37cdb17;border:1px solid #b58ce921;border-radius:5px;padding:3px 6px}.notice h3{margin:0 0 9px;font-size:14px;font-weight:500;letter-spacing:.3px;overflow-wrap:anywhere}.notice p{font-size:12px;line-height:1.9;margin:0;color:#9e96ac;white-space:pre-wrap;overflow-wrap:anywhere}.empty{font-size:13px;color:var(--muted);padding:28px 0}.empty button{margin-left:10px}.footer-dot{padding:0 10px;color:#554c64}footer{border-top:1px solid var(--line);padding:26px 0 32px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#746c82;letter-spacing:.4px}.admin-link{display:flex;align-items:center;gap:6px;border:0;background:none;padding:7px 0 7px 12px;font-size:11px;color:#8b819b}.admin-link:hover{color:#d1b6f6}.admin-link svg{width:13px;height:13px}dialog{width:min(590px,calc(100% - 28px));max-height:88dvh;padding:28px;border-radius:22px;border:1px solid #b199d336;background:#1a1822;color:var(--text);box-shadow:0 30px 120px #0009}dialog::backdrop{background:#08070dbd;backdrop-filter:blur(12px)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:19px}.modal-head .eyebrow{font-size:9px}.modal-head h2{font-size:23px;font-weight:550;margin:9px 0 0}.close-button{border:1px solid var(--line);background:#ffffff05;width:31px;height:31px;font-size:23px;line-height:1;color:#bcb1cd}.muted{font-size:13px;color:var(--muted);margin-bottom:24px}label{display:block;font-size:12px;color:#bfb2cf;margin:16px 0 9px}input:not([type=checkbox]),textarea{width:100%;border:1px solid #bfa6e22b;padding:12px 13px;background:#101017;color:var(--text);font-size:13px}textarea{resize:vertical;min-height:100px;line-height:1.6}input::placeholder,textarea::placeholder{color:#696075}.primary{border:1px solid #ceafff6b;background:linear-gradient(120deg,#b792eb,#d1b6f7);color:#281c39;font-size:12px;font-weight:650;padding:12px 18px;min-height:42px}.primary:hover{filter:brightness(1.08)}.full{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:23px}.modal-status{font-size:12px;line-height:1.6;color:#edb4be;margin:15px 0 0}.modal-status:empty{display:none}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:24px;gap:20px}.tabs button{font-size:12px;color:#94879f;background:none;border:0;border-radius:0;padding:12px 0}.tabs button.active{color:#d6baff;border-bottom:2px solid #c09ae9}.tabs #logout{margin-left:auto}.tip{font-size:12px;padding:12px;line-height:1.6;color:#dcc7f4;border:1px solid #b998ef30;background:#b998ef0c;border-radius:10px;margin-bottom:12px}.editor-heading{display:flex;justify-content:space-between;align-items:center}.editor-heading h3{font-size:14px;font-weight:500;margin:0}.text-button{background:none;border:0;font-size:11px;color:#c6a8e9;padding:6px}.editor-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.checkbox{display:flex;gap:8px;align-items:center;margin:0;font-size:12px}.checkbox input{accent-color:#b991eb;width:15px;height:15px}.manage-heading{font-size:11px;letter-spacing:1px;color:#84798f;margin:30px 0 8px}.manage-item{border-top:1px solid var(--line);padding:15px 0}.manage-item-top{display:flex;gap:8px;align-items:center}.manage-item h4{font-size:13px;font-weight:500;margin:0;overflow-wrap:anywhere;min-width:0}.manage-item time{font-size:10px;color:#85778e;display:block;margin-top:8px}.actions{display:flex;gap:12px;margin-top:9px}.actions button{background:none;border:0;padding:5px 0;font-size:11px;color:#baa4d1}.actions .danger{color:#d59da7;margin-left:auto}.form-hint{font-size:11px;color:#8f819c}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#30263d;border:1px solid #a57cd359;border-radius:12px;padding:13px 22px;font-size:13px;box-shadow:0 6px 30px #0005;z-index:10;max-width:90vw}.small-spark,.brand-mark{user-select:none}@media(min-width:1000px){.hero{min-height:420px}.hero h1{font-size:67px}}@media(max-width:700px){.shell{padding:0 24px}header{height:85px}.header-note{font-size:10px;letter-spacing:.5px}.brand{font-size:21px}.brand-cn{font-size:14px}.hero{min-height:350px}.hero-copy{z-index:1}.hero h1{font-size:49px}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}.hero p{font-size:12px}.orb-scene{width:230px;height:265px;margin-right:-24px;margin-left:-50px}.orb{width:120px;height:120px}.orb svg{width:55px}.orbit{width:215px;height:80px}.orbit-two{width:195px;height:140px}.orb-caption{display:none}.s1{right:36px;top:60px}.services{gap:14px}.service{padding:21px 20px 0;border-radius:17px}.service h2{font-size:23px}.service-copy{margin:23px 0}.card-en{font-size:8px;letter-spacing:1px}.card-bottom>span:first-child{display:none}.card-bottom>span:last-child{width:100%;display:flex;justify-content:space-between}.card-bottom{padding:15px 0}.icon{width:42px;height:42px}.notice-section{margin-top:32px}.notice p{font-size:12px}footer{font-size:9px}}@media(max-width:420px){.shell{padding:0 20px}.header-note{display:none}.hero{min-height:325px}.hero h1{font-size:46px}.orb-scene{opacity:.8;width:170px;margin-left:-70px}.orb{width:100px;height:100px}.orbit{width:175px}.orbit-two{width:150px;height:125px}.services{grid-template-columns:1fr}.service{padding:23px 24px 0}.service-copy{margin:19px 0 22px}.card-bottom>span:first-child{display:block;font-size:8px}.card-bottom>span:last-child{width:auto;gap:10px}.service h2{font-size:25px}dialog{padding:23px}.hero p{font-size:12px}footer{align-items:flex-start;gap:8px;line-height:1.8}.admin-link{white-space:nowrap;padding-top:1px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

/* LIAYO THREE ENTRIES */
.services{grid-template-columns:repeat(3,minmax(0,1fr))}
.services .service{min-width:0}
@media(min-width:701px) and (max-width:1000px){
  .services .card-bottom>span:first-child{display:none}
  .services .card-bottom>span:last-child{
    width:100%;display:flex;justify-content:space-between
  }
}
@media(max-width:700px){
  .services{grid-template-columns:1fr}
}