.container{display:flex;justify-content:space-around;align-items:flex-start;height:93%}.all_content{width:100%;height:100%}.tool{position:fixed;bottom:0;left:0;width:20%}.tool select{width:300px}header{height:7%;width:100%;background-color:gray;display:flex;align-items:center;box-sizing:border-box}.Load{background-color:#fafafacc;left:0;top:0;width:100%;height:100%;position:absolute;position:fixed}.mini_graph canvas{border:1px solid #ccc;border-radius:5px;padding:10px;background-color:#646464cc;z-index:2147483647;cursor:pointer}.graph{border:1px solid #ccc;height:calc(100% - 25px);aspect-ratio:1 / 1;border-radius:5px;padding:10px;background-color:#f9f9f9}.graph canvas{width:100%;height:100%}html,body{margin:0;padding:0;width:100%;height:100%}h1{text-align:center;font-size:2em;margin:0;border:2px solid #333;padding:10px;background-color:#f0f0f0}.click_After{width:40%;height:calc(100% - 24px);padding:10px;border:2px solid #ccc;border-radius:10px;background-color:#f9f9f9;box-shadow:0 4px 8px #0000001a;font-family:Arial,sans-serif;overflow-y:auto}.click_After h2{font-size:2rem;color:#333;margin-bottom:10px;text-align:center}.click_After img{display:block;max-width:100%;height:auto;margin:20px auto;border-radius:8px}.click_After h3{font-size:1.2rem;color:#555;margin-top:20px}.click_After h4{font-size:1rem;color:#666;margin-top:10px}.click_After a{color:#007bff;text-decoration:none;word-break:break-word}.click_After a:hover{text-decoration:underline}.click_After button{display:block;margin:20px auto;padding:10px 20px;font-size:1rem;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer}.click_After button:hover{background-color:#0056b3}#content{height:100%;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}