:root{--primary-color: #4583f7;--primary-hover: #3567d6;--background-color: #f7f9fc;--card-bg: #ffffff;--text-main: #1f2937;--text-secondary: #6b7280;--border-color: #e5e7eb;--card-shadow: 0 4px 12px rgba(0, 0, 0, .05);--card-radius: 12px}body{font-family:Noto Sans SC,sans-serif;background-color:var(--background-color);color:var(--text-main);line-height:1.6;margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:40px 20px}.header{text-align:center;margin-bottom:50px}.header h1{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:10px}.header p{font-size:1.1rem;color:var(--text-secondary);max-width:650px;margin:0 auto}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.tool-card{background-color:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:30px;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--border-color)}.tool-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.tool-icon{font-size:2.8rem;margin-bottom:15px;width:100%;text-align:center}.tool-title{font-size:1.4rem;font-weight:600;color:var(--text-main);margin-bottom:5px}.tool-description{font-size:.95rem;color:var(--text-secondary);flex-grow:1}.tool-card.future{background-color:#f1f3f6;color:var(--text-secondary);border:2px dashed var(--border-color);text-align:center;justify-content:center;cursor:default;display:none}.tool-card.future:hover{transform:none;box-shadow:none}.future .tool-icon{font-size:2.5rem;color:var(--text-secondary)}.future .tool-title{color:var(--text-secondary)}