body{background-color:#f4f7f6}#app{flex-direction:column;max-width:1024px;min-height:100%;display:flex}#app-content{flex:1;display:flex}.grid-btn{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003}.grid-btn:hover{border-color:#0d9488;transform:translateY(-5px);box-shadow:0 20px 25px -5px #0d94881a,0 10px 10px -5px #0d94880a;opacity:1!important}.grid-btn .ribbon{transform-origin:64px 10px;color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#f59e0b,#d97706);width:88px;padding:3px;font-family:Sarabun;font-size:10px;line-height:1;position:absolute;inset:0 auto auto 0;transform:translate(-29.3%)rotate(-45deg);box-shadow:0 2px 4px #0000001a}.grid-btn:hover .ribbon{color:#fff;background:linear-gradient(135deg,#0d9488,#0f766e)}.grid-btn .icon{color:#0d9488}.grid-btn .text{line-clamp:2;-webkit-line-clamp:2;word-break:break-word;color:#64748b;-webkit-box-orient:vertical;margin-top:.75rem;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.grid-btn:hover .icon{color:#0d9488}.cover:not(.grid){background-color:#0000;flex-direction:column;flex-grow:1;display:flex}.cover .header-bar{margin-bottom:.75rem}.cover .cover-bar{color:#fff;background:linear-gradient(135deg,#1e3a8a,#0d9488);border-radius:12px;align-items:center;gap:10px;height:auto;padding:12px 24px;font-size:18px;line-height:1.5;display:flex}.cover hr{border-width:2px;margin:1rem 0}.cover img{max-width:100%;margin:auto;display:block}.cover img+img{margin-top:1rem}.cover.grid.menu{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem}.slim-modal .content .footer button{width:105px!important}.share{padding:8px}.share #qrcode{width:200px;height:200px;margin:auto}.share #link{text-align:center;margin-top:8px;font-size:12px}