.hero-section[data-v-224f54d0]{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);padding:60px 0 30px}.container[data-v-224f54d0]{max-width:1200px;margin:0 auto;padding:0 20px}.container-wide[data-v-224f54d0]{max-width:90%;margin:0 auto;padding:0 40px}.hero-content[data-v-224f54d0]{text-align:center}.hero-title[data-v-224f54d0]{font-size:36px;font-weight:700;color:#1a3a52;margin-bottom:15px}.hero-subtitle[data-v-224f54d0]{font-size:18px;color:#64748b;max-width:600px;margin:0 auto 30px}.tool-nav[data-v-224f54d0]{display:flex;justify-content:center;margin-top:30px}.back-link[data-v-224f54d0]{display:inline-flex;align-items:center;gap:8px;color:#1890ff;text-decoration:none;font-weight:500;transition:all .3s}.back-link[data-v-224f54d0]:hover{gap:12px;color:#40a9ff}.tools-section[data-v-224f54d0]{padding:40px 0 80px;background:#f0f2f5}.category-section[data-v-224f54d0]{background:white;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px}.category-section h3[data-v-224f54d0]{font-size:20px;font-weight:600;color:#333;margin-bottom:20px}.category-grid[data-v-224f54d0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.category-card[data-v-224f54d0]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 15px;background:#f5f5f5;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s}.category-card[data-v-224f54d0]:hover{background:#e6f4ff;border-color:#91d5ff}.category-card.active[data-v-224f54d0]{background:#e6f4ff;border-color:#1890ff}.category-icon[data-v-224f54d0]{font-size:32px}.category-name[data-v-224f54d0]{font-size:14px;font-weight:500;color:#333}.converter-section[data-v-224f54d0]{background:white;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px}.converter-grid[data-v-224f54d0]{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:flex-end}.unit-panel[data-v-224f54d0]{display:flex;flex-direction:column;gap:12px}.unit-label[data-v-224f54d0]{font-size:14px;font-weight:500;color:#666}.unit-select[data-v-224f54d0]{width:100%;padding:10px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;background:white;cursor:pointer}.unit-select[data-v-224f54d0]:focus{outline:none;border-color:#1890ff}.unit-input[data-v-224f54d0]{width:100%;padding:12px 16px;border:1px solid #d9d9d9;border-radius:4px;font-size:18px;font-weight:500;text-align:center}.unit-input[data-v-224f54d0]:focus{outline:none;border-color:#1890ff}.unit-input.result[data-v-224f54d0]{background:#f5f5f5;cursor:default;padding-right:50px}.result-container[data-v-224f54d0]{position:relative}.copy-button[data-v-224f54d0]{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:8px;background:transparent;border:none;color:#666;cursor:pointer;border-radius:4px;transition:all .3s}.copy-button[data-v-224f54d0]:hover:not(:disabled){background:#e6f4ff;color:#1890ff}.copy-button[data-v-224f54d0]:disabled{opacity:.3;cursor:not-allowed}.swap-button[data-v-224f54d0]{padding:12px;background:#1890ff;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;align-self:center}.swap-button[data-v-224f54d0]:hover{background:#40a9ff;transform:rotate(180deg)}.formula-section[data-v-224f54d0]{margin-top:30px;padding:20px;background:#f0f8ff;border-radius:6px;text-align:center}.formula[data-v-224f54d0]{display:flex;align-items:center;justify-content:center;gap:15px;font-size:18px}.formula-value[data-v-224f54d0]{font-weight:600;color:#1890ff}.formula-unit[data-v-224f54d0]{color:#666}.formula-equals[data-v-224f54d0]{color:#999;font-weight:600}.common-section[data-v-224f54d0]{background:white;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000000f}.common-section h3[data-v-224f54d0]{font-size:20px;font-weight:600;color:#333;margin-bottom:20px}.common-grid[data-v-224f54d0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.common-card[data-v-224f54d0]{padding:20px;background:#f5f5f5;border-radius:6px}.common-card h4[data-v-224f54d0]{font-size:16px;font-weight:600;color:#333;margin:0 0 15px}.common-card ul[data-v-224f54d0]{list-style:none;padding:0;margin:0}.common-card li[data-v-224f54d0]{font-size:14px;color:#666;padding:5px 0;border-bottom:1px solid #e0e0e0}.common-card li[data-v-224f54d0]:last-child{border-bottom:none}@media (max-width: 768px){.hero-title[data-v-224f54d0]{font-size:32px}.hero-subtitle[data-v-224f54d0]{font-size:16px}.container-wide[data-v-224f54d0]{padding:0 20px}.category-grid[data-v-224f54d0]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.converter-grid[data-v-224f54d0]{grid-template-columns:1fr;gap:15px}.swap-button[data-v-224f54d0]{align-self:center;transform:rotate(90deg)}.swap-button[data-v-224f54d0]:hover{transform:rotate(270deg)}.common-grid[data-v-224f54d0]{grid-template-columns:1fr}}