.zi-wrapper{margin:20px 0;max-width:100%}.zi-header{background:linear-gradient(135deg,#1b5e20 0%,#43a047 50%,#66bb6a 100%);padding:20px 15px;text-align:center;border-radius:10px 10px 0 0;box-shadow:0 4px 12px rgb(27 94 32 / .25);position:relative;overflow:hidden}.zi-header::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgb(255 255 255 / .05) 0%,transparent 70%);animation:shimmer 8s infinite linear}@keyframes shimmer{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.zi-title{color:#fff;font-size:2rem;font-weight:800;letter-spacing:4px;margin:0;padding:0;text-shadow:0 2px 8px rgb(0 0 0 / .25);font-family:'Arial','Helvetica',sans-serif;line-height:1.2;position:relative;z-index:1}.zi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;background:#f5f8f5;padding:20px 16px;border-radius:0 0 10px 10px;border-left:2px solid #c8e0c8;border-right:2px solid #c8e0c8;border-bottom:2px solid #c8e0c8}.zi-col{background:linear-gradient(145deg,#ffffff,#f8fbf8);border-radius:10px;padding:14px 8px;text-align:center;box-shadow:0 4px 12px rgb(0 0 0 / .06);transition:all 0.3s cubic-bezier(.4,0,.2,1);border:1px solid #e8f0e8;min-height:130px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.zi-col::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:3px;background:linear-gradient(90deg,#43a047,#66bb6a);transition:all 0.3s ease;transform:translateX(-50%)}.zi-col:hover::after{width:80%}.zi-col:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgb(27 94 32 / .12);border-color:#81c784}.zi-col-inner{width:100%;padding:4px 0}.zi-area-label{display:inline-block;font-size:.7rem;font-weight:700;color:#2e7d32;letter-spacing:1.5px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);padding:4px 12px;border-radius:20px;margin-bottom:10px;font-family:'Arial','Helvetica',sans-serif;text-transform:uppercase}.zi-area-title{margin:6px 0 0 0;padding:0;font-size:.85rem;line-height:1.4;font-weight:600;font-family:'Arial','Helvetica',sans-serif;word-break:break-word}.zi-area-title a{color:#1b5e20;text-decoration:none;transition:all 0.2s ease;display:block;padding:4px 0}.zi-area-title a:hover{color:#2e7d32;text-decoration:underline;transform:scale(1.02)}@media (max-width:1024px){.zi-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 12px}.zi-title{font-size:1.6rem;letter-spacing:3px}.zi-col{min-height:110px}}@media (max-width:768px){.zi-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:14px 10px}.zi-header{padding:16px 12px}.zi-title{font-size:1.4rem;letter-spacing:2px}.zi-area-title{font-size:.8rem}.zi-area-label{font-size:.6rem;padding:3px 10px}.zi-col{min-height:100px;padding:12px 6px}}@media (max-width:480px){.zi-grid{grid-template-columns:1fr;gap:10px;padding:12px 8px}.zi-title{font-size:1.2rem;letter-spacing:1px}.zi-header{padding:14px 10px}.zi-col{min-height:80px;padding:10px 8px}.zi-area-title{font-size:.9rem}.zi-col::after{display:none}}@media (prefers-color-scheme:dark){.zi-grid{background:#1a2a1a;border-color:#2a4a2a}.zi-col{background:linear-gradient(145deg,#1e2e1e,#162616);border-color:#2a4a2a}.zi-area-title a{color:#81c784}.zi-area-title a:hover{color:#a5d6a7}.zi-area-label{background:linear-gradient(135deg,#1a3a1a,#2a4a2a);color:#81c784}}