@charset "UTF-8";.page-header{max-width:1200px;margin:30px auto 10px;padding:0 20px}.page-header h1{font-size:28px;color:var(--primary-blue);font-weight:700}.page-banner-new{text-align:center;padding:45px 0 25px 0}.page-banner-new h1{font-size:32px;font-weight:700;color:var(--text-dark);margin-bottom:12px;letter-spacing:1px}.breadcrumb-container{display:inline-block;background-color:var(--white);padding:6px 18px;border-radius:30px;border:1px solid var(--border-color);box-shadow:0 2px 6px rgba(0,0,0,.02)}.breadcrumb-new{font-size:13px;color:var(--text-gray);font-weight:500}.breadcrumb-new .current-page{color:var(--primary-blue);font-weight:700}.page-main-container{max-width:1400px;margin:20px auto 60px auto;display:flex;flex-direction:row;gap:30px;align-items:flex-start}.tech-index-card{flex:0 0 380px;background:var(--white);border-radius:var(--radius-md,10px);padding:25px;box-shadow:0 4px 15px rgba(0,0,0,.03);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:25px;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto}.tech-index-card::-webkit-scrollbar{width:5px}.tech-index-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}.tech-map-wrapper{text-align:center;width:100%}.leaflet-map-container{width:100%;height:350px;border-radius:8px;z-index:1;border:1px solid #ddd}.gt-gradient-link{display:inline-block;margin-top:15px;padding:10px 0;background:#f8fafc;border:1px solid var(--border-color);color:var(--primary-blue);border-radius:20px;font-weight:700;font-size:14px;text-decoration:none;transition:all .3s ease;width:100%;box-sizing:border-box}.gt-gradient-link:hover{background:var(--primary-blue);color:var(--white);box-shadow:0 4px 10px rgba(30,91,148,.2);transform:translateY(-2px)}.area-selector-wrapper{position:relative;margin-bottom:5px}.area-selector-wrapper .location-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#fff;font-size:18px;z-index:2;pointer-events:none}.area-selector-wrapper::after{content:"\f107";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#fff;font-size:18px;pointer-events:none;z-index:2}.area-select-badge{appearance:none;-webkit-appearance:none;width:100%;background:linear-gradient(135deg,var(--primary-blue),#2a73b8);color:#fff;padding:12px 45px 12px 50px;border-radius:8px;font-size:18px;font-weight:900;letter-spacing:1px;border:none;cursor:pointer;box-shadow:0 4px 12px rgba(30,91,148,.2);outline:0;transition:transform .2s,box-shadow .2s}.area-select-badge option{background:#fff;color:var(--text-dark);font-weight:700;font-size:16px}.tech-categories-box{display:flex;flex-direction:column;gap:20px}.tech-row-item{border-bottom:1px dashed var(--border-color);padding-bottom:18px}.tech-row-item:last-child{border-bottom:none;padding-bottom:0}.tech-row-header{font-size:15px;font-weight:700;color:var(--primary-blue);margin-bottom:12px;display:flex;align-items:center;gap:6px}.tech-tags-container{display:flex;flex-wrap:wrap;gap:10px}.tech-tag-btn{font-size:13px;color:var(--text-gray);cursor:pointer;padding:8px 16px;border-radius:20px;transition:all .3s ease;background:#f0f4f8;border:1px solid transparent;font-weight:700}.tech-tag-btn.active,.tech-tag-btn:hover{background:var(--primary-blue);color:var(--white);box-shadow:0 4px 10px rgba(30,91,148,.2);transform:translateY(-2px)}.article-card{flex:1;min-width:0;background:var(--white);border-radius:var(--radius-md,10px);padding:40px;box-shadow:0 4px 15px rgba(0,0,0,.03);border:1px solid var(--border-color)}.article-card .section-title{font-size:22px;margin-top:0;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--light-blue);display:flex;align-items:center}.area-prefix{margin-left:10px}.article-iframe-wrapper{width:100%;min-height:500px;transition:all .3s ease}.scroll-hint-btn{position:fixed;bottom:2%;left:50%;transform:translate(-50%,-50%);background:rgba(0,184,148,.95);color:#fff;padding:18px 30px;border-radius:50px;box-shadow:0 8px 25px rgba(0,184,148,.3);cursor:pointer;z-index:1000;font-size:16px;font-weight:600;display:flex;align-items:center;gap:12px;animation:float 2.5s ease-in-out infinite;transition:opacity .5s ease,transform .4s ease}.scroll-hint-btn:hover{background:#00a082;transform:translate(-50%,-55%)}@keyframes float{0%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-60%)}100%{transform:translate(-50%,-50%)}}@media (max-width:992px){.page-main-container{width:95%;max-width:100%;flex-direction:column;align-items:stretch}.tech-index-card{flex:auto;position:relative;top:0;max-height:none;overflow:visible;padding:25px;width:100%;box-sizing:border-box}.article-card{width:100%;box-sizing:border-box}.leaflet-map-container{height:400px}}@media (max-width:768px){.page-banner-new{padding:30px 0 15px 0}.page-banner-new h1{font-size:26px}.tech-categories-box{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:24px;padding-bottom:15px;align-items:flex-start;-webkit-overflow-scrolling:touch}.area-selector-wrapper{flex:0 0 auto;margin-bottom:0;scroll-snap-align:start}.tech-row-item{flex:0 0 auto;scroll-snap-align:start;background:0 0;padding:0;border:none;display:flex;flex-direction:column}.tech-row-header{font-size:14px;margin-bottom:10px;white-space:nowrap}.tech-tags-container{flex-wrap:nowrap;gap:10px}.tech-tag-btn{white-space:nowrap;flex:0 0 auto}.article-card{padding:25px 20px}.article-card .section-title{font-size:18px;flex-wrap:wrap;gap:8px}}.leaflet-bottom.leaflet-right{display:none}