.header[data-v-7654a891]{background-color:#007acc;color:#fff;padding:15px 20px;text-align:center}.header h1[data-v-7654a891]{margin:0;font-size:24px}nav[data-v-7654a891]{margin-top:10px}nav a[data-v-7654a891]{margin:0 10px;color:#fff;font-weight:500;text-decoration:none}nav a.router-link-active[data-v-7654a891]{border-bottom:2px solid #fff;padding-bottom:2px}@media(max-width:600px){nav[data-v-7654a891]{display:flex;flex-wrap:wrap;justify-content:center}nav a[data-v-7654a891]{margin:5px}}.footer[data-v-c6333205]{text-align:center;margin:20px 0;color:#888;font-size:12px}.tool-card[data-v-adc3afef]{display:block;background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 6px 15px #0000001a;color:#333;text-align:center;transition:transform .2s,box-shadow .2s;text-decoration:none}.tool-card[data-v-adc3afef]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.tool-card h2[data-v-adc3afef]{margin:0 0 10px;font-size:20px;color:#007acc}.tool-card p[data-v-adc3afef]{margin:0;color:#666;font-size:14px}body{margin:0;font-family:Microsoft YaHei,PingFang SC,sans-serif;background-color:#f5f7fa;color:#333}button{background-color:#007acc;color:#fff;border:none;padding:8px 16px;margin-right:10px;border-radius:6px;cursor:pointer;transition:.2s}button:hover{background-color:#005ea3}.error{color:red;font-weight:700}.tool-page-container{display:flex;gap:20px}.tool-left,.tool-right{flex:1;display:flex;flex-direction:column}.tool-left textarea,.tool-right pre{flex:1;padding:10px;border-radius:6px;border:1px solid #ccc;font-family:Courier New,monospace;resize:vertical;margin-bottom:10px}.tool-right{background:#f5f5f5;overflow:auto;min-height:400px;border-radius:6px;padding:10px}@media(max-width:900px){.tool-page-container{flex-direction:column}.tool-left textarea,.tool-right{min-height:300px}}.tool-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.tool-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 6px 15px #0000001a;text-align:center;text-decoration:none;color:#333;transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.tool-card h2{color:#007acc;margin-bottom:10px}.tool-card p{font-size:14px;color:#666}.hero{text-align:center;padding:40px 20px;background:linear-gradient(90deg,#007acc,#00a3ff);color:#fff;border-radius:10px;margin-bottom:40px}.hero h1{font-size:36px;margin-bottom:10px}.hero p{font-size:16px;margin-bottom:20px}.search-input{width:100%;max-width:400px;padding:10px 15px;border-radius:6px;border:none;font-size:16px}.example pre{background:#f0f0f0;padding:8px;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.example pre:hover{background:#e0e0e0}.usage,.faq{margin-top:20px;background:#fff;padding:10px 15px;border-radius:8px;box-shadow:0 4px 12px #0000000d}.usage h3,.faq h2,.example h3{color:#007acc}.faq ul{padding-left:20px}.faq li{margin-bottom:10px}