html,body,div,header,footer,nav,main,section,article,h1,h2,h3,h4,h5,h6,p,span,a,img,ul,ol,li,form,input,button,dl,dt,dd,pre,fieldset,textarea,blockquote,th,td{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#f8f9fa;color:#333;line-height:1.5}.header{background:#fff;padding:24px 16px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.1)}.header h1{font-size:24px;font-weight:600;color:#333;margin-bottom:6px}.header p{font-size:14px;color:#666}.breadcrumb{font-size:14px;color:#666}.breadcrumb a{color:#596b78;text-decoration:none;transition:all .2s ease}.breadcrumb a:hover{color:#0056b3;text-decoration:underline}.breadcrumb .separator{margin:0 3px;color:#999}.breadcrumb .current{color:#999}.container{max-width:480px;margin:0 auto;padding:20px 16px}.tool-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tool-item{background:#fff;border-radius:12px;padding:20px 16px;display:flex;align-items:center;text-decoration:none;color:#333;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #f0f0f0}.tool-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15);text-decoration:none;color:#333}.tool-icon{font-size:32px;margin-right:12px;flex-shrink:0;color:rgb(36 235 61 / 57%)}.tool-content{flex:1;min-width:0}.tool-title{font-size:15px;font-weight:600;color:#333;margin-bottom:4px;line-height:1.3}.tool-desc{font-size:12px;color:#888;line-height:1.4}.tool-arrow{opacity:.4;margin-left:8px;flex-shrink:0;font-size:16px;color:#999}.footer{background:#fff;margin-top:32px;padding:20px 16px;text-align:center;border-top:1px solid #eee}.footer p{font-size:13px;color:#999;margin-bottom:8px}.footer a{color:#666;text-decoration:none;margin:0 12px;font-size:12px}.footer a:hover{color:#333}@media (min-width:600px){.container{max-width:800px;padding:24px 20px}.tool-list{grid-template-columns:repeat(3,1fr);gap:16px}.tool-item{padding:24px 20px}}@media (min-width:900px){.tool-list{grid-template-columns:repeat(4,1fr)}}