:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#223046;background:#f1f3f8;font-synthesis:none;-webkit-text-size-adjust:100%;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%}body{background:radial-gradient(ellipse at 90% 0%,#e1e8ff80,transparent 48%),#f1f3f8}.app-shell{width:min(100%,1000px);height:100vh;height:100svh;height:100dvh;margin:auto;padding:max(16px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(12px,2vh,22px)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px}.brand{font-size:27px;font-weight:780;letter-spacing:-1px;white-space:nowrap;display:flex;align-items:center}.brand>span:first-child{color:#4573d8}.demo-tag{font-size:8px;font-weight:800;letter-spacing:.6px;background:#e0e8f8;color:#5073b6;border-radius:5px;padding:4px 5px;margin:3px 0 0 8px}.language{display:flex;gap:2px;padding:3px;border-radius:12px;background:#e5e9f1}.language a{text-decoration:none;color:#69758c;font-size:12px;font-weight:650;min-width:37px;min-height:31px;display:grid;place-items:center;border-radius:9px;-webkit-tap-highlight-color:transparent}.language a[aria-current=page]{color:#2e4d8e;background:#fff;box-shadow:0 1px 4px #2a436f12}.welcome h1{margin:0 0 5px;font-size:clamp(19px,4.8vw,27px);line-height:1.2;font-weight:740;letter-spacing:-.65px}.welcome p{margin:0;font-size:clamp(12px,2.8vw,15px);color:#7a8597;line-height:1.4}.app-grid{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(10px,1.7vh,17px)}.app-card{--accent:#3674dc;--wash:#e7effd;min-width:0;min-height:0;display:flex;flex-direction:column;gap:9px;padding:10px;text-decoration:none;background:#fff;color:inherit;border:1px solid #fff;border-radius:21px;box-shadow:0 3px 12px #24365606,0 1px 2px #24365604;transition:transform .17s ease,box-shadow .17s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline-offset:3px}.app-card:active{transform:scale(.965);box-shadow:0 1px 4px #24365612}.app-card:focus-visible{outline:3px solid var(--accent)}.teal{--accent:#258779;--wash:#e4f3ee}.violet{--accent:#8160d4;--wash:#eee8fb}.orange{--accent:#c97c32;--wash:#fbefde}.rose{--accent:#bd6582;--wash:#f9e9ef}.indigo{--accent:#636fcb;--wash:#ebedfb}.card-preview{flex:1;min-height:0;position:relative;overflow:hidden;border-radius:13px;background:var(--wash);isolation:isolate}.card-preview>img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;opacity:.95;pointer-events:none}.card-preview:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #26364f08;pointer-events:none}.phone-preview>img{object-fit:contain;object-position:75% top}.app-icon{position:absolute;bottom:6px;left:6px;background:#fffffff5;color:var(--accent);height:30px;width:30px;border-radius:10px;display:grid;place-items:center;box-shadow:0 2px 6px #253d5512}.app-icon svg{width:19px;height:19px}.card-caption{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:0 2px 2px;flex-shrink:0;min-height:36px}.card-text{min-width:0}.card-text h2{font-size:clamp(14px,3.5vw,19px);font-weight:730;letter-spacing:-.3px;line-height:1.17;margin:0 0 4px}.card-text p{color:#8a93a2;font-size:clamp(10px,2.25vw,12px);letter-spacing:-.1px;line-height:1.25;margin:0;white-space:nowrap}.open-arrow{width:20px;height:20px;background:var(--wash);color:var(--accent);border-radius:7px;flex-shrink:0;display:grid;place-items:center}.open-arrow svg{width:14px;height:14px}.app-footer{display:flex;gap:6px;align-items:center;justify-content:center;color:#9099a9;font-size:10px;line-height:1.25;min-height:14px;text-align:center}.safety-dot{width:5px;height:5px;background:#84b39d;border-radius:50%;flex-shrink:0}@media(min-width:700px){.app-shell{padding:clamp(25px,4vh,42px) 32px max(24px,env(safe-area-inset-bottom));gap:22px}.brand{font-size:32px}.language a{font-size:14px;min-width:44px;min-height:34px}.welcome h1{font-size:29px}.app-grid{gap:20px}.app-card{padding:14px;gap:12px;border-radius:26px}.card-preview{border-radius:17px}.card-text h2{font-size:20px}.card-text p{font-size:13px}.app-icon{height:40px;width:40px;border-radius:13px;left:10px;bottom:10px}.app-icon svg{height:23px;width:23px}.card-caption{min-height:46px}.open-arrow{width:26px;height:26px;border-radius:9px}.app-footer{font-size:11px}}@media(max-height:680px) and (orientation:portrait){.app-shell{gap:10px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(9px,env(safe-area-inset-bottom))}.welcome h1{font-size:18px;margin-bottom:3px}.welcome p{font-size:11px}.brand{font-size:24px}.app-grid{gap:9px}.app-card{padding:8px;gap:6px;border-radius:17px}.card-preview{border-radius:10px}.card-caption{min-height:32px;padding:0}.card-text h2{font-size:12.5px;margin-bottom:3px}.card-text p{font-size:9px}.app-icon{width:25px;height:25px;border-radius:8px;left:5px;bottom:5px}.app-icon svg{width:16px;height:16px}.open-arrow{width:17px;height:17px}.app-footer{font-size:9px}}@media(orientation:landscape) and (max-height:900px){.app-shell{max-width:1250px;padding:12px max(22px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));gap:10px}.app-header{min-height:30px}.brand{font-size:25px}.welcome h1{font-size:19px}.welcome p{font-size:11px}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}.app-card{padding:8px;gap:6px;border-radius:17px}.card-caption{min-height:32px}.card-text h2{font-size:14px}.card-text p{font-size:10px}.app-icon{width:27px;height:27px;border-radius:9px}.app-footer{font-size:9px}}@media(prefers-reduced-motion:reduce){.app-card{transition:none}}@media(max-height:350px){.app-shell{min-height:350px;height:auto}.app-grid{grid-auto-rows:110px;grid-template-rows:repeat(2,110px)}}