:root{--b100:#e0f2ff;--b200:#cfebff;--b300:#a6d9ff;--b400:#8bc3ec;--b500:#4e97cd;--b600:#2482c7;--be30:#fffdf6;--be50:#f5fbff;--be100:#f5f2ea;--be200:#e8e2d6;--be300:#d8cfbe;--be400:#c7bca6;--be500:#b4a88f;--be600:#fff;--titleCollorCollection:#554b37;--paragraph:#353535}html,body{height:100%;margin:0}#app{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}.outside{flex-grow:1;justify-content:normal;align-items:stretch;width:100%;display:flex}.outside-table{align-items:flex-start;width:100%;display:flex}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;min-width:150px;max-width:200px;padding:5px 10px;font-size:16px}.btn-return{background-color:var(--b200);width:180px;height:70px;color:var(--b600);border:2px solid var(--b400)}.btn-participate{background-color:var(--b400);color:#fff;border:none;width:180px;height:70px}.toast-box[data-v-d1bd0e29]{z-index:9999;color:#fff;background:#333;border-radius:8px;padding:12px 24px;position:fixed;top:40px;left:50%;transform:translate(-50%);box-shadow:0 5px 15px #0000004d}.success[data-v-d1bd0e29]{background-color:#2e7d32}.error[data-v-d1bd0e29]{background-color:#d32f2f}.toast-fade-enter-active[data-v-d1bd0e29],.toast-fade-leave-active[data-v-d1bd0e29]{transition:all .4s}.toast-fade-enter-from[data-v-d1bd0e29],.toast-fade-leave-to[data-v-d1bd0e29]{opacity:0;transform:translate(-50%,-20px)}.toast-content[data-v-d1bd0e29]{align-items:center;gap:16px;display:flex}.close-btn[data-v-d1bd0e29]{color:#fff;cursor:pointer;background:#fff3;border:1px solid #fff6;border-radius:4px;padding:4px 12px;font-size:.85rem;transition:background .2s}.close-btn[data-v-d1bd0e29]:hover{background:#ffffff4d}:root{--primary:#6366f1;--bg-surface:#fff;--text-main:#1f2937;--text-muted:#6b7280;--border-color:#e5e7eb;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}html,body{width:100vw;height:100dvh;margin:0;padding:0;overflow:hidden}.layout{flex-direction:column;width:100%;height:100dvh;display:flex}main{background-color:#f9fafb;flex-direction:column;flex-grow:1;align-items:center;padding:20px;display:flex;overflow-y:auto}.nav,.footer{background-color:var(--b400);color:#fff;box-sizing:border-box;height:64px;box-shadow:var(--shadow);align-items:center;padding:0 24px;display:flex}.nav{z-index:100;flex-shrink:0;justify-content:space-between;height:64px;position:sticky;top:0}.footer{z-index:100;border-top:1px solid #ffffff1a;flex-shrink:0;justify-content:center;width:100%;height:60px;margin-top:0;font-size:14px}.nav-left{align-items:center;gap:24px;padding:0;display:flex}.nav-left a{color:#ffffffe6;transition:var(--transition);font-size:18px;font-weight:600;text-decoration:none}.nav-left a:hover{color:#fff;transform:translateY(-1px)}.nav-right{flex-direction:row;justify-content:flex-end;align-items:center;gap:16px;display:flex}.search-field{color:#fff;width:200px;height:38px;transition:var(--transition);background-color:#ffffff26;border:1px solid #fff3;border-radius:12px;padding:0 16px}.search-field::placeholder{color:#fff9}.search-field:focus{color:var(--text-main);background-color:#fff;outline:none;width:240px;box-shadow:0 0 0 4px #fff3}.InspectionMode{border-radius:8px;align-items:center;padding:8px 16px;display:flex}.InspectionMode>label{margin-right:12px;font-size:14px;font-weight:500}.InspectionMode.is-disabled{cursor:not-allowed;pointer-events:none}.InspectionMode.is-disabled label{color:#9ca3af}.InspectionMode.is-disabled img{filter:grayscale();opacity:.5}.buttons{justify-content:space-between;align-items:center;width:100%;padding-top:10px;display:flex}.btn{cursor:pointer;height:70px;transition:var(--transition);white-space:nowrap;border-radius:15px;flex:1;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.btn-subaction{color:#000;background-color:#fff;border:2px solid #ccc;margin-left:0;margin-right:0}.btn-return{background-color:var(--b200);color:var(--b600);border:2px solid var(--b400)}.btn-action{background-color:var(--b400);color:#fff;border:none}.btn:hover{opacity:.95;filter:brightness(1.05);transform:scale(1.02)translateY(-3px);box-shadow:0 10px 20px #0000001a}.btn:active{transform:scale(1)translateY(-1px);box-shadow:0 5px 10px #0000001a}a.router-link-active{color:var(--b600);font-weight:700}