@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800;900&family=Inter:wght@400;600;700;800;900&display=swap');
:root{--ink:#171320;--muted:#6e6878;--night:#100b1c;--night2:#1b1231;--purple:#843df0;--magenta:#d254ef;--pink:#ff98df;--line:#eae6f0;--paper:#fff;--pale:#f8f6fc;--shadow:0 22px 60px rgba(41,19,73,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,'Noto Sans TC',sans-serif;font-size:15px;line-height:1.8;background:var(--paper)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.28;letter-spacing:-.035em}p{color:var(--muted)}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.gradient-text{background:linear-gradient(100deg,#fff 5%,#d5acff 54%,#ff8ce4);-webkit-background-clip:text;background-clip:text;color:transparent}.site-header{background:rgba(17,11,32,.96);color:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px)}.head-row{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:.06em;white-space:nowrap;font-size:17px}.brand small{display:block;font-size:10px;letter-spacing:.25em;color:#b9a2d5;margin-top:-3px}.brand-mark{width:42px;height:42px;border-radius:14px;background:radial-gradient(circle at 28% 20%,#e3baff,#833ce1 70%,#3c1a6c);display:grid;place-items:center;color:#fff;box-shadow:0 0 18px #9950f251;font-size:24px}.top-links{display:flex;gap:30px;align-items:center}.top-links a{font-size:13px;color:#d7d0e4;transition:.2s}.top-links a:hover,.top-links a.active{color:#fff}.head-cta{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(210,178,255,.25);border-radius:12px;background:linear-gradient(135deg,#8342db,#b34dcb);padding:10px 17px;color:#fff!important;font-weight:700}.menu-toggle{display:none;color:#fff;background:transparent;border:1px solid #5b416d;border-radius:10px;padding:7px 12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:13px;border:1px solid transparent;font-size:14px;font-weight:800;transition:.2s;line-height:1.4}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(120deg,#8437ea,#c44be2);color:#fff;box-shadow:0 10px 26px #9f42e349}.btn-glass{color:#fff;border-color:rgba(255,255,255,.19);background:#ffffff0b}.btn-outline{color:#702dc9;border-color:#c9b8e7;background:#fff}.btn-subtle{color:#4f315e;background:#f4edfc}.tag{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.14em;font-weight:800;color:#d7b0ff}.tag .pulse{height:7px;width:7px;border-radius:50%;background:#e4a5fb;box-shadow:0 0 0 5px #d37cff25}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9851e8}.section-head{max-width:670px;margin-bottom:38px}.section-head h2{font-size:clamp(27px,3vw,42px);margin:12px 0}.section-head p{font-size:15px;line-height:1.9}.site-footer{background:#130d20;color:#cac0da;padding:56px 0 24px}.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:55px;padding-bottom:40px}.footer-main h4{color:white;font-size:14px;margin:0 0 18px}.footer-main p{font-size:12px;color:#a9a0b7;max-width:360px}.footer-main a{display:block;font-size:13px;padding:5px 0;color:#bdb1cd}.footer-main a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff15;padding-top:22px;font-size:11px;display:flex;justify-content:space-between;gap:20px;color:#887e99}.site-footer .brand{margin-bottom:18px;color:white}.notice{background:#fff7e8;border:1px solid #f4dec1;border-radius:13px;padding:14px 16px;font-size:13px;color:#87611d;line-height:1.85}.crumb{display:flex;gap:10px;font-size:12px;color:#8b8299;align-items:center;flex-wrap:wrap}.crumb strong{color:#6630a8}.highlight-line{display:flex;gap:14px;align-items:center;color:#c8b6da;font-size:12px}.highlight-line span:before{content:'✦';margin-right:6px;color:#b679fd}.light-page{background:#fbfaff}.pill{border:1px solid #e8dafa;border-radius:100px;color:#7940b7;background:#f6edfe;padding:5px 10px;font-size:11px;font-weight:800;white-space:nowrap}.skip-link{position:absolute;transform:translateY(-150%);background:white;color:#161023;padding:14px;z-index:999}.skip-link:focus{transform:none}
/* Landing */
.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(ellipse 55% 80% at 82% 35%,#54237f7b,transparent 78%),radial-gradient(ellipse 40% 65% at 8% 70%,#321b5280,transparent 80%),linear-gradient(160deg,#110b21,#0e0a17);padding:92px 0 108px}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#b180fb08 1px,transparent 1px),linear-gradient(90deg,#b180fb08 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.hero h1{font-size:clamp(43px,5.7vw,74px);letter-spacing:-.07em;margin:26px 0 20px;line-height:1.17}.hero p{color:#bfb3d2;font-size:16px;line-height:2;max-width:500px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 35px}.hero-art{position:relative;min-height:455px;display:flex;align-items:center;justify-content:center}.mascot-glow{position:absolute;inset:9%;background:#ae4eff45;filter:blur(70px);border-radius:50%}.hero-mascot{width:min(390px,83%);z-index:1;filter:drop-shadow(0 40px 28px #0009) drop-shadow(0 0 20px #bc5eff77);animation:float 5s ease-in-out infinite}.float-chip{position:absolute;z-index:2;border:1px solid #ffffff36;background:#241638c9;backdrop-filter:blur(10px);border-radius:14px;padding:12px 16px;box-shadow:0 18px 35px #0003;font-size:12px}.float-chip strong{display:block;color:#fff}.float-chip small{color:#c2b0d7}.float-chip.c1{top:15%;left:0}.float-chip.c2{right:0;bottom:14%}.float-chip b{color:#e9aaff}.hero-stats{display:flex;gap:24px;color:#b8adc9;font-size:12px;flex-wrap:wrap}.hero-stats span:before{content:'✓';color:#b970f7;margin-right:8px;font-weight:900}.feature-area{padding:90px 0;background:#fff}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{border:1px solid #eee9f3;background:#fff;padding:26px;border-radius:19px;transition:.25s;min-height:215px}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d6b5fa}.feature-card .ficon{font-size:27px;border-radius:12px;background:#f5eafb;width:54px;height:54px;display:grid;place-items:center;margin-bottom:20px}.feature-card h3{font-size:17px;margin:0 0 9px}.feature-card p{font-size:13px;line-height:1.9}.feature-card a{color:#7f39cc;font-size:12px;font-weight:800}.showcase{padding:90px 0;background:#f8f5fc}.showcase-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:55px;align-items:center}.showcase h2{font-size:clamp(30px,3vw,42px)}.showcase ul{padding:0;list-style:none}.showcase li{padding:10px 0;border-bottom:1px solid #eae1f0;color:#5c5166;font-size:14px}.showcase li:before{content:'✓';color:#9342df;margin-right:12px}.desktop-mock{background:#21142e;border:1px solid #674182;border-radius:18px;box-shadow:0 34px 64px #30194040;overflow:hidden;color:#f3e8ff;transform:perspective(1000px) rotateY(-4deg)}.mock-top{height:36px;background:#2e1c40;display:flex;align-items:center;gap:7px;padding:0 16px;color:#b99dd6;font-size:10px}.mock-top i{width:7px;height:7px;border-radius:50%;background:#ec85c7}.mock-top i:nth-child(2){background:#f7d878}.mock-top i:nth-child(3){background:#75dbc5}.mock-body{display:grid;grid-template-columns:130px 1fr;min-height:280px}.mock-side{background:#1c1228;border-right:1px solid #ffffff0e;padding:22px 12px;font-size:11px;color:#a898b9}.mock-side div{padding:10px 8px;border-radius:8px}.mock-side .sel{background:#7335aa;color:#fff}.mock-content{padding:22px}.mock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mock-kpis div{border:1px solid #ffffff13;background:#382449;padding:12px;border-radius:10px;font-size:10px;color:#bdaece}.mock-kpis strong{display:block;color:#fff;font-size:19px}.mock-gifts{margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mock-gifts div{display:grid;place-items:center;background:#382449;border:1px solid #ffffff13;border-radius:10px;min-height:65px;font-size:25px}.mock-cap{text-align:center;color:#8f829e;font-size:11px;margin-top:16px}.steps-section{padding:85px 0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-card{padding:28px;border:1px solid #ede9f2;border-radius:17px;background:#fff}.step-card .num{font-size:40px;font-weight:900;color:#dfcaf6}.step-card h3{font-size:18px;margin:6px 0}.step-card p{font-size:13px}.cta-section{background:#f8f5fc;padding:20px 0 80px}.cta-panel{border-radius:24px;background:radial-gradient(circle at 90% 10%,#9044cc80,transparent 45%),linear-gradient(110deg,#21122f,#462359);padding:44px 52px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:32px}.cta-panel h2{font-size:32px;margin:0 0 12px}.cta-panel p{color:#d8c5e6;margin:0}
/* Guides */
.guide-intro{background:#f3effa;border-bottom:1px solid var(--line);padding:28px 0}.guide-intro .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.guide-intro h1{font-size:26px;margin:5px 0}.guide-intro p{margin:0;font-size:12px}.guide-layout{display:grid;grid-template-columns:252px minmax(0,1fr) 176px;gap:44px;align-items:start;padding-top:38px;padding-bottom:90px;min-height:740px}.guide-side{position:sticky;top:107px;align-self:start;max-height:calc(100vh - 135px);overflow:auto;padding-right:12px;border-right:1px solid #eee8f3}.guide-side::-webkit-scrollbar{width:5px}.guide-side::-webkit-scrollbar-thumb{background:#ddd4e8;border-radius:10px}.search-wrap{position:relative;margin-bottom:22px}.search-wrap input{width:100%;background:#f7f4fb;border:1px solid #ebe3f1;border-radius:10px;padding:11px 13px 11px 37px;font-size:12px;outline:0}.search-wrap input:focus{border-color:#9d6ade;box-shadow:0 0 0 3px #b585ef33}.search-wrap:before{content:'⌕';position:absolute;left:12px;top:3px;font-size:25px;color:#9d89b5}.guide-menu-title{margin:26px 0 7px;padding-left:11px;color:#a099a8;font-size:11px;letter-spacing:.08em;font-weight:800}.guide-menu{display:flex;flex-direction:column;gap:3px}.guide-menu a{padding:9px 10px;font-size:12px;display:flex;justify-content:space-between;align-items:center;border-radius:9px;color:#5a5261;transition:.18s}.guide-menu a:hover,.guide-menu a.current{color:#7837c7;background:#f3eafa;font-weight:800}.guide-menu a span:last-child{color:#b8adbe;font-size:11px}.guide-content{min-width:0}.guide-content h1{font-size:34px;margin:14px 0 12px}.guide-content .lead{font-size:15px;line-height:1.95;max-width:690px;margin-bottom:24px}.article-card{background:#fff;border:1px solid #ebe5f0;border-radius:18px;padding:27px 30px;margin-bottom:22px}.article-card h2{font-size:22px;margin-bottom:14px}.article-card h3{font-size:16px;margin:22px 0 8px}.article-card p{font-size:13px;line-height:1.95}.article-card ol,.article-card ul{padding-left:23px;color:#60586b;font-size:13px;line-height:2.1}.article-card li{padding:5px 0}.article-card strong{color:#292131}.article-card a{color:#7e32c7;text-decoration:underline;text-underline-offset:3px}.guide-right{position:sticky;top:109px;border-left:1px solid #eee8f3;padding:10px 0 10px 18px}.guide-right h4{font-size:11px;color:#958b9f;margin:0 0 16px;letter-spacing:.12em}.guide-right a{display:block;font-size:12px;color:#685f73;padding:9px 0}.guide-right a:hover{color:#7735c8}.doc-tip{background:#f4eefb;border-left:3px solid #9a54e7;padding:14px 17px;border-radius:0 12px 12px 0;font-size:13px;color:#553b76;line-height:1.85}.doc-alert{background:#fff7ed;border-left:3px solid #e7aa58;color:#8c6328;padding:14px 17px;border-radius:0 12px 12px 0;font-size:13px;line-height:1.8}.doc-preview{border:1px solid #e8dff3;border-radius:15px;overflow:hidden;margin:22px 0}.doc-preview-bar{background:#241631;color:#ddd0e9;padding:10px 15px;font-size:11px;display:flex;align-items:center;justify-content:space-between}.doc-preview-inner{padding:22px;background:linear-gradient(140deg,#241634,#3b2555);color:#fff}.doc-preview-inner .tile-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.doc-preview-inner .tile{border:1px solid #8f69ab66;border-radius:8px;padding:15px 6px;text-align:center;background:#ffffff10;font-size:24px}.doc-preview-inner small{display:block;color:#cabbda;font-size:10px}.doc-preview>figcaption{background:#faf7fe;color:#85758e;padding:9px 15px;font-size:11px;margin:0}.mini-btn{display:inline-flex;border:1px solid #d8c5e9;background:#faf7fd;color:#7839b5;border-radius:10px;padding:9px 13px;font-size:12px;font-weight:800}.guide-nav-bottom{display:flex;justify-content:space-between;gap:12px}.guide-nav-bottom a{display:flex;flex-direction:column;gap:3px;min-width:40%;padding:16px;border:1px solid #ebe5f2;background:#fff;border-radius:12px;font-size:14px;font-weight:700}.guide-nav-bottom small{font-size:11px;font-weight:400;color:#938a9d}.guide-empty{font-size:12px;color:#8c7b9a;padding:12px}.guide-mobile-top{display:none}.document-page{padding:54px 0 100px;min-height:70vh}.document-page .doc-body{max-width:800px;margin:0 auto;border-radius:24px;border:1px solid #eae4f0;background:white;padding:50px 60px;box-shadow:0 10px 34px #3a17570a}.document-page h1{font-size:40px;margin:20px 0}.document-page h2{font-size:19px;margin:30px 0 10px}.document-page p,.document-page li{font-size:13px;color:#645e6e;line-height:2}.document-page ul{padding-left:23px}.document-page .muted{color:#aba0b3}.download-card{max-width:760px;margin:40px auto 80px;border:1px solid #dfd3eb;background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:40px}.download-card h2{font-size:27px}.download-status{font-size:12px;font-weight:900;color:#8151aa;background:#f3e7ff;border-radius:30px;padding:6px 12px;display:inline-flex}.download-card .specs{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0 30px}.download-card .specs span{border-radius:9px;background:#f7f5fa;padding:8px 10px;font-size:12px}.download-card .disabled-link{cursor:not-allowed;opacity:.65;background:#a6a0af;box-shadow:none}.disabled-link:hover{transform:none}
@keyframes float{50%{transform:translateY(-12px)}}
@media(max-width:960px){.guide-layout{grid-template-columns:220px minmax(0,1fr);gap:26px}.guide-right{display:none}.showcase-grid{gap:30px}.hero-grid{gap:10px}.hero-art{min-height:320px}.footer-main{gap:24px}}
@media(max-width:700px){.wrap{width:min(100% - 34px,1180px)}.head-row{height:68px}.brand{font-size:14px}.brand-mark{width:37px;height:37px}.menu-toggle{display:block}.top-links{display:none;position:absolute;left:0;right:0;top:68px;background:#181024;padding:13px 20px 20px;flex-direction:column;align-items:stretch;gap:3px;border-bottom:1px solid #443553}.top-links.open{display:flex}.top-links a{padding:10px}.hero{padding:56px 0 70px}.hero-grid,.showcase-grid{grid-template-columns:1fr}.hero h1{font-size:43px}.hero-art{min-height:325px;grid-row:2}.hero-mascot{width:min(300px,75%)}.float-chip{padding:9px;font-size:10px}.float-chip.c1{left:0;top:16%}.float-chip.c2{right:0}.feature-grid,.steps-grid{grid-template-columns:1fr}.feature-area,.steps-section,.showcase{padding:60px 0}.cta-panel{padding:30px;display:block}.cta-panel .btn{margin-top:22px}.footer-main{grid-template-columns:1fr 1fr;gap:24px}.footer-main>div:first-child{grid-column:span 2}.footer-bottom{display:block}.guide-intro{padding:20px 0}.guide-intro h1{font-size:21px}.guide-intro .guide-intro-extra{display:none}.guide-mobile-top{display:flex;align-items:center;justify-content:space-between;padding:18px 0 0}.guide-layout{display:block;padding-top:15px}.guide-side{position:fixed;inset:68px auto 0 0;width:min(310px,90vw);background:white;z-index:90;padding:24px;border-right:1px solid #e3dbea;box-shadow:0 0 0 200vmax #0000;transform:translateX(-120%);transition:.25s;max-height:none;overflow:auto}.guide-side.open{transform:translateX(0);box-shadow:0 0 0 200vmax #10071688}.guide-content h1{font-size:29px}.article-card{padding:21px}.doc-preview-inner .tile-row{grid-template-columns:repeat(4,1fr);gap:4px}.doc-preview-inner .tile{font-size:18px;padding:9px 3px}.mock-body{grid-template-columns:85px 1fr}.mock-content{padding:14px}.mock-side{padding:12px 6px;font-size:9px}.mock-kpis div{padding:7px}.mock-kpis strong{font-size:14px}.mock-gifts{gap:4px}.mock-gifts div{font-size:19px}.document-page{padding:22px 0 55px}.document-page .doc-body{padding:25px 22px}.document-page h1{font-size:31px}.guide-nav-bottom{flex-direction:column}.guide-nav-bottom a{width:100%}.download-card{padding:25px}.hero-stats{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-mascot{animation:none}*{transition:none!important}}