body{font-family:sans-serif;padding:20px;text-align:center;background:linear-gradient(rgba(195,195,195,.4) 0%,#fff 100%) #fff}a,.breadcrumb li a,footer a{color:rgb(52,171,162)}header a{display:flex;align-items:center;gap:15px;text-decoration:none}.download{padding:10px;background:rgb(52,171,162);color:#fff;border-radius:5px}.gallery{display:inline-flex;flex-wrap:wrap;justify-content:space-around;gap:10px;max-width:1200px;list-style:none}.gallery a img,.gallery figure img,.detail{border:1px solid #ccc;padding:5px;background:#f9f9f9}.gallery a img,.gallery figure img{width:100px}.detail{max-width:300px}.description{background:#f4f4f4;padding:10px;border:1px solid #ccc}.pagination{margin-top:20px}.pagination ul{display:flex;list-style-type:none;justify-content:center;padding:0}.pagination a,.search-form button,.keywords,.back-link a,.navigation-icons a{border-radius:4px}.pagination a{margin:0 4px;padding:6px 12px;background:#eee;text-decoration:none;color:#333}.pagination a.active{font-weight:bold;background:#333;color:#fff}.pagination-info{margin-top:10px;font-size:13px;color:#777}.search-form{margin-bottom:20px}.search-form input[type="text"],.search-form input[type="search"]{padding:6px;width:250px;border:1px solid #ccc;border-radius:4px}.search-form button{padding:6px 10px;background:#007BFF;border:none;color:#fff;cursor:pointer}.breadcrumb ol,.icon-info li,footer{font-size:14px}.breadcrumb ol{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.breadcrumb li{display:inline}.breadcrumb li:not(:last-child)::after{content:"›";margin-left:8px;color:#666}footer,.gallery figcaption{color:#555}footer{margin-top:40px;padding-top:20px;border-top:1px solid #ccc}.gallery figure{margin:0;text-align:center;width:120px}.gallery figcaption{margin-top:5px;font-size:12px;word-wrap:break-word}header .header-content{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}header .logo-link{text-decoration:none}header h1{font-size:1.4em;margin:0;color:#333}.gallery-intro,.icon-detail{max-width:700px;margin:0 auto;text-align:left}.gallery-intro{max-width:800px;margin-bottom:30px}.gallery-intro h2,.icon-detail h2,.icon-detail figure,.seo-content h3,.seo-content>p,.download-section{text-align:center}.gallery-intro p{line-height:1.6}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.icon-detail figure{margin:0 0 25px}.icon-info,.usage{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;padding:15px 20px;margin-bottom:20px}.icon-info h3,.download-section h3,.usage h3{margin:0 0 10px}.icon-info h3{font-size:16px}.icon-info ul{list-style:none;padding:0;margin:0}.icon-info li{padding:5px 0;border-bottom:1px solid #eee}.icon-info li:last-child{border-bottom:none}.meta-label{font-weight:bold}.download-section,.navigation-icons{margin:25px 0;padding:15px;background:#f5f5f5;border-radius:8px}.download-section{padding:20px}.download-section p{margin:0 0 15px}.download-buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}a.download.download-webp{background:rgb(52,171,162)}a.download.download-png{background:#2c5530}a.download.download-svg{background:#e67e22}a.download.download-ico{background:#9b59b6}a.download.download-avif{background:#e74c3c}.navigation-icons{display:flex;justify-content:space-between;align-items:center;border-radius:6px}.navigation-icons a{padding:8px 15px;background:#fff;border:1px solid #ddd;text-decoration:none}.keywords,.category p{font-size:13px;color:#666}.keywords{font-style:italic;background:#fff;padding:10px}.usage{background:#fff}.usage ul{text-align:left;padding-left:20px}.usage li{margin-bottom:8px;line-height:1.5}.back-link{text-align:center;margin-top:30px}.back-link a{padding:10px 20px;background:#eee;text-decoration:none;color:#333}.no-results{padding:40px;font-size:16px;color:#666}.error{padding:40px;background:#fff3f3;border:1px solid #fcc;border-radius:6px;color:#c00}.seo-content{max-width:900px;margin:40px auto 0;text-align:left;padding:30px;background:#fafafa;border:1px solid #eee;border-radius:8px}.categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:25px 0}.category{background:#fff;padding:20px;border-radius:8px;border:1px solid #e0e0e0}.category h4{margin:0 0 10px;font-size:15px}.category p{margin:0;line-height:1.5}.categories-grid{max-width:900px;margin:0 auto 30px;padding:20px;background:#fafafa;border:1px solid #eee;border-radius:8px}.categories-grid h3{margin:0 0 15px;font-size:16px;color:#333;text-align:center}.categories-grid ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;padding:0;margin:0}.categories-grid li a{display:inline-block;padding:6px 12px;background:#fff;border:1px solid #ddd;border-radius:4px;text-decoration:none;color:rgb(52,171,162);font-size:13px;transition:background .2s}.categories-grid li a:hover{background:rgb(52,171,162);color:#fff}.footer-content{max-width:700px;margin:0 auto}@media only screen and (max-width:600px){body{font-size:14px}.gallery a img,.gallery figure img{width:80px}.search-form input[type="text"],.search-form input[type="search"]{width:100%}.gallery figure{width:100px}.navigation-icons{flex-direction:column;gap:10px}.categories{grid-template-columns:1fr}}@media only screen and (max-width:389px){body{font-size:13px;padding:10px}.gallery{gap:6px}.gallery a img,.gallery figure img{width:60px}.gallery figure{width:75px}.gallery figcaption{font-size:10px}.detail{max-width:250px}.download-buttons{flex-direction:column;gap:8px}.seo-content{padding:15px}.categories-grid li a{padding:4px 8px;font-size:11px}.icon-detail{padding:0 10px}header h1{font-size:1.1em}.pagination a{padding:4px 8px;font-size:13px}}@media print{body{background:#fff;padding:10px}header[role="banner"]{text-align:left}.gallery a img,.gallery figure img{width:60px;border:none}.download-section,.navigation-icons,.search-form,.pagination,.categories-grid,.seo-content{display:none!important}.gallery{gap:5px}footer{border-top:1px solid #000;color:#000}a{color:#000}}a.skip-link,.skip-link{position:absolute;left:50%;top:0;transform:translate(-50%,-100%);background:#2c5530;color:#fff;padding:8px 16px;z-index:300;text-decoration:none;font-weight:600;transition:transform .2s ease-in-out;white-space:nowrap;border-radius:0 0 4px 4px}.skip-link:focus{transform:translate(-50%,0);outline:2px solid #fff;outline-offset:2px}html{scroll-padding-top:80px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (prefers-color-scheme:dark){:root{color-scheme:light dark}body{background:#1a1a2e;color:#e0e0e0}}header .header-content{max-width:1200px;margin:0 auto;padding:0 20px;justify-content:flex-start;box-sizing:border-box}
header .header-content img{height:65px;width:auto}
header[role="banner"]{margin-top:-20px}