:root{font-family:Inter,"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;color:#202e49;background:#f6f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,a{font:inherit}button,a,input{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}.topbar{height:78px;max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.wordmark{font-size:18px;font-weight:750;letter-spacing:.5px;text-decoration:none}.wordmark span{color:#7561c4;font-weight:500;margin-left:10px;font-size:14px}.quiet{border:1px solid #d9deeb;background:#fff;color:#4b5871;border-radius:10px;padding:10px 16px;font-size:14px}.quiet:hover{border-color:#7864c6;background:#f4f1fc}.shell{max-width:1064px;margin:56px auto;padding:0 28px}.eyebrow{color:#7964c5;letter-spacing:2px;font-size:12px;font-weight:750;margin:0 0 16px}h1{font-size:clamp(29px,5vw,42px);letter-spacing:-.8px;margin:0 0 14px;line-height:1.3}.intro{color:#68748b;line-height:1.8;margin:0 0 36px}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.demo-card{max-width:500px;display:block;border:1px solid #e0e3ef;border-radius:20px;background:#fff;text-decoration:none;overflow:hidden;box-shadow:0 8px 28px #22375a05;transition:transform .18s,box-shadow .18s,border-color .18s}.demo-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px #22375a0e;border-color:#ad9eda}.preview{height:164px;background:linear-gradient(135deg,#eee9ff,#f2f6ff);display:flex;align-items:center;justify-content:center;gap:12px;padding:25px}.preview-icon{display:flex;align-items:center;justify-content:center;width:65px;height:65px;background:#fff;border:1px solid #e5e0f6;border-radius:18px;box-shadow:0 6px 16px #6650980c}.preview-icon svg{width:32px;height:32px;fill:none;stroke:#7864c6;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.preview-icon:nth-child(2){transform:translateY(-10px)}.card-content{padding:26px}.tag{font-size:12px;font-weight:650;color:#7864c6;background:#f3effc;padding:5px 9px;border-radius:6px}h2{font-size:24px;margin:17px 0 10px;letter-spacing:-.3px}.description{font-size:15px;color:#68748b;line-height:1.8;margin:0}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:28px;padding-top:19px;border-top:1px solid #edf0f6;color:#7663bd;font-size:14px;font-weight:700}.card-bottom span:last-child{font-size:21px}.note{font-size:13px;color:#7a8598;margin-top:30px;line-height:1.8}.footer{max-width:1064px;margin:64px auto 24px;padding:0 28px;font-size:12px;color:#8790a2}.login-shell{min-height:calc(100dvh - 130px);display:flex;align-items:center;justify-content:center;padding:32px 20px}.login-panel{width:100%;max-width:430px;background:#fff;padding:38px;border:1px solid #e0e3ef;border-radius:22px;box-shadow:0 12px 44px #22375a08}.login-panel h1{font-size:29px}.login-panel .intro{font-size:14px;margin-bottom:28px}.login-panel label{display:block;font-size:14px;font-weight:650;margin-bottom:9px}.password-wrap{position:relative}.password-wrap input{width:100%;padding:13px 65px 13px 14px;min-height:48px;border:1px solid #ccd3e3;border-radius:10px;color:#202e49;background:#fff}.show-password{position:absolute;right:5px;top:5px;min-width:52px;min-height:38px;border:0;border-radius:7px;background:#f5f5fa;color:#5b637b;font-size:13px}.primary{width:100%;padding:13px 18px;min-height:48px;border:0;background:#7862c4;color:white;border-radius:10px;font-weight:650;margin-top:21px}.primary:hover{background:#6954b4}.primary:disabled{opacity:.65;cursor:wait}.error{font-size:14px;line-height:1.6;color:#a33a37;background:#fff0ef;padding:10px 12px;border-radius:8px;margin:0 0 20px}.error:empty{display:none}:focus-visible{outline:3px solid #947fdb;outline-offset:4px}@media(max-width:540px){.topbar{height:64px;padding:0 20px}.shell{margin-top:30px;padding:0 20px}.login-panel{padding:29px 24px}.demo-grid{grid-template-columns:1fr}.footer{padding:0 20px}.preview{height:138px}.card-content{padding:23px}.wordmark span{margin-left:7px}}