*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:#f8fafc;color:#334155;line-height:1.6}a{text-decoration:none;color:inherit;transition:color .3s ease}ul{list-style:none}.header{height:80px;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);position:sticky;top:0;z-index:100;padding:0 40px}.header-container{justify-content:space-between;height:100%;max-width:1400px;margin:0 auto}.header-container,.logo{display:flex;align-items:center}.logo{font-size:24px;font-weight:700;color:#2c82e0}.logo-icon-placeholder{width:36px;height:36px;margin-right:12px;border-radius:6px;background-color:rgba(44,130,224,.1)}.action-icons,.header-actions,.icon-item{display:flex;align-items:center}.icon-item{font-size:20px;color:#64748b;margin-left:24px;cursor:pointer;transition:all .3s ease;width:36px;height:36px;justify-content:center;border-radius:50%}.icon-item:hover{color:#2c82e0;background-color:rgba(44,130,224,.1)}.hero{display:flex;align-items:center;padding:100px 40px;background:linear-gradient(135deg,#2c82e0,#4a98f7);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E")}.hero-content{flex:1;padding-right:60px;position:relative;z-index:2;max-width:650px}.hero-content h1{font-size:48px;margin-bottom:25px;line-height:1.2;font-weight:700}.hero-content p{font-size:18px;margin-bottom:20px;opacity:.95}.hero-content p:last-of-type{margin-bottom:35px}.start-btn{background-color:#fff;color:#2c82e0;border:none;padding:14px 32px;font-size:16px;font-weight:600;border-radius:8px;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.1)}.start-btn:hover{background-color:#f8fafc;transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.12)}.hero-image{flex:1;text-align:center;position:relative;z-index:2}.image-container{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.15);transform:perspective(1000px) rotateY(5deg);transition:transform .5s ease;max-width:600px;margin:0 auto}.image-container:hover{transform:perspective(1000px) rotateY(0)}.hero-image img{border-radius:12px;max-width:100%;height:auto;display:block}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.1) 0,transparent)}section{padding:100px 40px;position:relative}.section-title{text-align:center;margin-bottom:60px}.section-title h2{font-size:36px;margin-bottom:18px;color:#1e293b;font-weight:700}.section-title p{font-size:17px;color:#64748b;max-width:700px;margin:0 auto}.title-divider{width:60px;height:3px;background-color:#2c82e0;margin:25px auto 0;border-radius:3px}.popular-tools{background-color:#f8fafc}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;max-width:1400px;margin:0 auto}.tool-card{background-color:#fff;border-radius:12px;overflow:hidden;border:none;box-shadow:0 10px 20px rgba(0,0,0,.05);transition:all .3s ease}.tool-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,.08)}.tool-info{padding:30px}.tool-info h3{font-size:20px;margin-bottom:12px;color:#1e293b;font-weight:600}.tool-meta{display:flex;justify-content:space-between;margin-bottom:18px;font-size:14px}.tool-category{color:#2c82e0;background-color:rgba(44,130,224,.1);padding:3px 10px;border-radius:12px}.tool-usage{color:#64748b}.tool-description{color:#64748b;font-size:15px;margin-bottom:25px;line-height:1.6}.tool-button{color:#2c82e0;font-weight:500;padding:0;display:inline-flex;align-items:center}.tool-button:after{content:"→";margin-left:5px;transition:margin-left .3s ease}.tool-button:hover:after{margin-left:8px}.footer{background-color:#334155;color:#cbd5e1;padding:40px 40px}.footer-container{max-width:1400px;margin:0 auto}.footer-legal{display:flex;flex-direction:column;align-items:center;font-size:14px}.copyright-info{line-height:60px;margin-bottom:15px;text-align:center}.icp-record{display:flex;align-items:center}.icp-icon{margin-right:8px;width:16px;height:16px}.icp-record a{display:flex;align-items:center;color:#cbd5e1;transition:color .3s ease}.icp-record a:hover{color:#2c82e0}@media (max-width:1200px){.hero-content{padding-right:30px}}@media (max-width:992px){.hero{flex-direction:column;text-align:center;padding:80px 40px}.hero-content{padding-right:0;margin-bottom:50px;max-width:100%}.hero-content h1{font-size:40px}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.header{padding:0 20px}section{padding:80px 20px}.section-title h2{font-size:30px}.hero-content h1{font-size:34px}.hero-content p{font-size:17px}.footer{padding:40px 20px}}@media (max-width:576px){.tool-card{width:100%}.hero-content h1{font-size:28px}.section-title h2{font-size:26px}.start-btn{padding:12px 24px;font-size:15px}.icon-item{margin-left:16px;font-size:18px;width:32px;height:32px}}