.content{width:80%;margin:0 auto}.title{font-size:36px}.resize-handle{height:24px;background:linear-gradient(180deg,#f5f5f5,#e0e0e0);border-top:1px solid #ddd;border-bottom:1px solid #ddd;cursor:ns-resize;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;z-index:100}.drag-icon{color:#888;font-size:18px;font-weight:700;margin-right:8px}.drag-text{font-size:12px;color:#666}.resize-handle:active{background:linear-gradient(180deg,#e0e0e0,#d0d0d0)}.resize-handle:hover .drag-icon{color:#444}.editor-container{border:1px solid #ddd;border-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0}.editor-container .CodeMirror{height:100%;text-align:left}.tab-nav{display:flex;padding:0 0;background:#f0f0f0}.tab-nav>div{padding:8px 16px;cursor:pointer;border:1px solid transparent;margin-bottom:-1px;color:#353535}.tab-nav>div.active{background:#fff;border:1px solid #ddd;border-bottom:1px solid #fff;color:#409eff;font-weight:700;border-bottom:2px solid #409eff}.btn-list>div.active{background-color:#409eff;color:#fff;box-shadow:0 2px 6px rgba(64,158,255,.3)}.btn-list{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.btn-list>div{padding:6px 12px;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s}.btn-list>div:hover{background:#e0e0e0;transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.check-json-info{text-align:left;color:red;background-color:#ffecec;padding:8px;margin-top:10px;border-radius:4px;min-height:24px;font-family:monospace;border:1px solid #fcc}.input-label{width:100px;font-weight:700;margin-left:10px}.input-field{padding:6px 10px;border:1px solid #ddd;border-radius:4px;width:100%}.java-result{background:#f8f8f8;border:1px solid #eee;padding:15px;border-radius:4px;white-space:pre-wrap}.input-group{margin-top:15px;padding:15px;border:1px solid #ddd;border-radius:4px;background:#f9f9f9;width:100%;display:flex;gap:15px}.input-row{display:flex;align-items:center;min-width:0;width:22%}.btn-generate-fz{background:#409eff;color:#fff;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;transition:all .2s;color:#2c3e50}.btn-generate,.btn-generate-fz{padding:8px 15px;text-align:center;white-space:nowrap;min-width:120px;margin-left:20px;cursor:pointer}.btn-generate{background:#409eff;color:#fff;border-radius:4px}.header-container{justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #eee}.header-container,.title{display:flex;padding-bottom:10px}.title{text-align:left;flex-direction:column;padding-top:25px}.title-main{font-size:28px;font-weight:600;color:#333;line-height:1.2}.title-sub{font-size:14px;color:#888;margin-top:4px}.action-buttons{position:fixed;right:20px;top:80%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:1000}.action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid #ddd;cursor:pointer;transition:all .2s;color:#666}.action-btn:hover{background:#f0f0f0;color:#409eff;border-color:#409eff;transform:translateY(-2px);box-shadow:0 2px 6px rgba(0,0,0,.1)}.favorite-btn svg{color:#ffac2d}.back-to-top svg{color:#409eff}@media (max-width:768px){.header-container{flex-direction:column;align-items:flex-start;gap:15px}.action-buttons{align-self:flex-end}}.action-btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.action-btn{background:#fff}.check-json-info.success{color:#0041ff;background-color:#e6f0ff;border:1px solid #b3d4ff}.check-json-info.error{color:red;background-color:#ffecec;border:1px solid #fcc}.check-json-info.success:before{content:"\2713";color:#0041ff;font-weight:700;margin-right:8px}.check-json-info.error:before{content:"\2717";color:red;font-weight:700;margin-right:8px}.footer{width:100%;padding:20px 0 20px}.footer-content{width:80%;margin:0 auto;max-width:1200px}.footer h3{font-size:24px;margin-bottom:20px;border-bottom:1px solid hsla(0,0%,100%,.1);padding-bottom:15px}.footer p{line-height:1.8;margin-bottom:10px}.footer ul{margin:15px 0 25px 20px;list-style:none;display:flex}.footer li{margin-bottom:8px}.footer a{color:#2c3e50}@media (max-width:768px){.footer-content{width:90%;padding:0 15px}.footer{padding:30px 0}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;background-image:url(../img/bg.3c01c1f5.png);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh;height:auto;width:100%}@media (min-height:800px){#app{background-size:100% auto}}body,html{height:100%;margin:0;padding:0}