div[data-v-88a3ec3d]{font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.title_container[data-v-88a3ec3d]{display:flex;align-items:center;justify-content:center;background:#088cea;color:#fff}.navi[data-v-88a3ec3d]{margin:20px 0;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.navi a[data-v-88a3ec3d]{color:#333;text-decoration:none;padding:15px 25px;border-radius:8px;background-color:#f5f5f7;transition:all .3s ease;box-shadow:0 2px 10px #0000000d;min-width:100px;display:flex;justify-content:center;align-items:center;font-weight:500}.navi a[data-v-88a3ec3d]:hover{background-color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.navi a.router-link-active[data-v-88a3ec3d]{color:#fff;background-color:#0071e3;box-shadow:0 2px 10px #0071e34d}.router_content[data-v-88a3ec3d]{border:2px dashed black}.iframe-container[data-v-925f21dd]{width:100%;height:100vh;overflow:hidden;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px #0000000f;background:#fff;position:relative}.iframe-container.fullscreen[data-v-925f21dd]{position:fixed;top:0;left:0;width:100vw;height:100vh;border-radius:0;z-index:9999}.fullscreen-btn[data-v-925f21dd]{position:absolute;top:10px;right:10px;z-index:10000;padding:6px 16px;background:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer}iframe[data-v-925f21dd]{width:100%;height:100%;border:none}.main-container[data-v-be2fcc8d]{display:flex;min-height:calc(100vh - 100px)}.navi-container[data-v-be2fcc8d]{width:200px;padding:15px;background-color:#f5f5f7;border-right:1px solid #e0e0e0}.navi[data-v-be2fcc8d]{list-style-type:none;padding:0;margin:0}.navi-item[data-v-be2fcc8d]{margin-bottom:8px}.navi-item a[data-v-be2fcc8d]{display:block;padding:8px 12px;color:#333;text-decoration:none;border-radius:6px;transition:all .3s ease;background-color:#fff;box-shadow:0 1px 3px #0000000d;font-size:14px;text-align:left}.navi-item a[data-v-be2fcc8d]:hover{background-color:#f0f0f0;transform:translateY(-1px);box-shadow:0 2px 5px #0000001a}.navi-item a.active[data-v-be2fcc8d]{color:#fff;background-color:#0071e3;box-shadow:0 1px 5px #0071e34d}.content-container[data-v-be2fcc8d]{flex:1;padding:20px;overflow:auto}.main-container[data-v-8cddf8bc]{display:flex;min-height:calc(100vh - 100px)}.navi-container[data-v-8cddf8bc]{width:200px;padding:15px;background-color:#f5f5f7;border-right:1px solid #e0e0e0}.navi[data-v-8cddf8bc]{list-style-type:none;padding:0;margin:0}.navi-item[data-v-8cddf8bc]{margin-bottom:8px}.navi-item a[data-v-8cddf8bc]{display:block;padding:8px 12px;color:#333;text-decoration:none;border-radius:6px;transition:all .3s ease;background-color:#fff;box-shadow:0 1px 3px #0000000d;font-size:14px;text-align:left}.navi-item a[data-v-8cddf8bc]:hover{background-color:#f0f0f0;transform:translateY(-1px);box-shadow:0 2px 5px #0000001a}.navi-item a.active[data-v-8cddf8bc]{color:#fff;background-color:#0071e3;box-shadow:0 1px 5px #0071e34d}.content-container[data-v-8cddf8bc]{flex:1;padding:20px;overflow:auto}.main-container[data-v-af1feef5]{display:flex;min-height:calc(100vh - 100px)}.navi-container[data-v-af1feef5]{width:200px;padding:15px;background-color:#f5f5f7;border-right:1px solid #e0e0e0}.navi[data-v-af1feef5]{list-style-type:none;padding:0;margin:0}.navi-item[data-v-af1feef5]{margin-bottom:8px}.navi-item a[data-v-af1feef5]{display:block;padding:8px 12px;color:#333;text-decoration:none;border-radius:6px;transition:all .3s ease;background-color:#fff;box-shadow:0 1px 3px #0000000d;font-size:14px;text-align:left}.navi-item a[data-v-af1feef5]:hover{background-color:#f0f0f0;transform:translateY(-1px);box-shadow:0 2px 5px #0000001a}.navi-item a.active[data-v-af1feef5]{color:#fff;background-color:#0071e3;box-shadow:0 1px 5px #0071e34d}.content-container[data-v-af1feef5]{flex:1;padding:20px;overflow:auto}