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