.header{min-height:100px;border-bottom:1px solid #ccc}.title{display:block;font-family:sans-serif;font-size:35px;font-weight:700;text-align:center;padding-top:25px;color:#333}.banner{margin-top:30px;text-align:center;display:block}.banner img{width:500px}.container{margin:20px 0;text-align:center}.footer{margin:30px 0 60px 0;text-align:center}.line{white-space:pre-wrap;padding:6px 8px;border-bottom:1px solid #eee}.same{background-color:#f0f0f0}.diff-insert{background-color:#e0ffe0}.diff-delete{background-color:#ffe0e0;text-decoration:line-through}#diff_result{max-height:500px;max-width:482px;overflow-y:auto;border:1px solid #ccc;padding:8px;background-color:#fff;border-radius:4px;display:none;margin:30px auto;text-align:left}a{text-decoration:none;color:inherit}h3{display:inline-block;color:royalblue;font-weight:700;font-size:16px}input[type="file"]{display:block;width:100%;max-width:500px;margin:10px auto;font-size:16px}textarea{width:100%;max-width:500px;height:150px;padding:10px;font-size:14px;margin-bottom:12px;box-sizing:border-box;resize:vertical}button{display:block;max-width:500px;width:100%;padding:10px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;margin:20px auto}@media (max-width:768px){.header{min-height:85px;border-bottom:1px solid #ccc}.title{display:block;font-family:sans-serif;font-size:28px;font-weight:700;text-align:center;padding-top:20px;color:#333}.banner{margin-top:15px;text-align:center;display:block}.banner img{width:96%}.container{margin-bottom:10px;text-align:center}.footer{margin:30px 0 60px 0;text-align:center}.line{white-space:pre-wrap;padding:6px 8px;border-bottom:1px solid #eee}.same{background-color:#f0f0f0}.diff-insert{background-color:#e0ffe0}.diff-delete{background-color:#ffe0e0;text-decoration:line-through}#diff_result{max-height:500px;width:91%;overflow-y:auto;border:1px solid #ccc;padding:8px;background-color:#fff;border-radius:4px;display:none;margin:30px auto;text-align:left}a{text-decoration:none;color:inherit}h3{display:inline-block;color:royalblue;font-weight:700;font-size:16px}input[type="file"]{width:95%;font-size:16px;padding:8px}textarea{width:96%;height:150px;padding:10px;font-size:14px;margin-bottom:12px;box-sizing:border-box;resize:vertical}button{display:block;width:96%;padding:10px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;margin:20px auto}}@media (min-width:768px) and (max-width:1024px){.header{min-height:100px;border-bottom:1px solid #ccc}.title{display:block;font-family:sans-serif;font-size:35px;font-weight:700;text-align:center;padding-top:25px;color:#333}.banner{margin-top:30px;text-align:center;display:block}.banner img{width:500px}.container{margin:20px 0;text-align:center}.footer{margin:30px 0 60px 0;text-align:center}.line{white-space:pre-wrap;padding:6px 8px;border-bottom:1px solid #eee}.same{background-color:#f0f0f0}.diff-insert{background-color:#e0ffe0}.diff-delete{background-color:#ffe0e0;text-decoration:line-through}#diff_result{max-height:500px;max-width:482px;overflow-y:auto;border:1px solid #ccc;padding:8px;background-color:#fff;border-radius:4px;display:none;margin:30px auto;text-align:left}a{text-decoration:none;color:inherit}h3{display:inline-block;color:royalblue;font-weight:700;font-size:16px}input[type="file"]{display:block;width:100%;max-width:500px;margin:10px auto;font-size:16px}textarea{width:100%;max-width:500px;height:150px;padding:10px;font-size:14px;margin-bottom:12px;box-sizing:border-box;resize:vertical}button{display:block;max-width:500px;width:100%;padding:10px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;margin:20px auto}}