*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 15px}header{background:#2c3e50;color:#fff;padding:.8rem 0;position:sticky;top:0;z-index:100}header h1{font-size:1.25rem}header p{font-size:.85rem;opacity:.8}header nav{display:flex;gap:20px;margin-top:10px}header nav a{color:#fff;text-decoration:none}header nav a:hover{text-decoration:underline}main{padding:1rem 0}.card{background:#fff;border-radius:8px;padding:15px;margin-bottom:15px;box-shadow:0 2px 4px #0000001a}.card h2{font-size:1.1rem;margin-bottom:12px;color:#2c3e50}.form-group{margin-bottom:12px}.form-group label{display:block;margin-bottom:5px;font-weight:500;font-size:.9rem;color:#555}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:16px;background-color:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.btn{padding:12px 20px;border:none;border-radius:6px;cursor:pointer;font-size:16px;min-height:44px;touch-action:manipulation}.btn:active{transform:scale(.98)}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9}.btn-secondary{background:#95a5a6;color:#fff}table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}th,td{padding:10px 8px;text-align:left;border-bottom:1px solid #ddd;font-size:.9rem;white-space:nowrap}th{background:#f8f9fa;font-weight:600}@media screen and (max-width: 768px){html{font-size:14px}.container{padding:0 10px}.card{padding:12px;margin-bottom:12px}.card h2{font-size:1rem}.card>div[style*=gridTemplateColumns]{grid-template-columns:1fr!important}.form-group input,.form-group textarea,.form-group select{padding:12px 10px;font-size:16px}.btn{width:100%;margin-bottom:10px}table{font-size:.85rem}th,td{padding:8px 6px}.header-wrapper{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}.header-left{flex:1 1 auto}.header-right{flex:0 0 auto}.lang-select{width:auto}#search-area{gap:0!important}}.search-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.carousel-container{position:relative;padding:0 45px;box-sizing:border-box}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0000001a;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;z-index:10;touch-action:manipulation}.carousel-btn:active{background:#0003}.carousel-btn.prev{left:10px}.carousel-btn.next{right:10px}@media screen and (max-width: 768px){.carousel-btn{width:44px;height:44px;font-size:24px}}.header-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.header-left{flex:1;padding-left:15px}.header-left h1{font-size:1.25rem;margin:0;line-height:1.3}.header-left p{font-size:.85rem;opacity:.8;margin:4px 0 0}.header-right{flex-shrink:0}.lang-select{padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;font-size:14px;cursor:pointer;min-width:60px;margin-left:15px;margin-right:15px}.lang-select option{color:#333;background:#fff}.header-nav{margin-top:10px}.header-nav a{color:#fff;text-decoration:none;font-size:.9rem}.header-nav a:hover{text-decoration:underline}@media screen and (max-width: 768px){.header-wrapper{flex-wrap:wrap}.header-left{flex:1 1 auto}.header-left h1{font-size:1.1rem}.header-left p{font-size:.8rem}.header-right{flex:0 0 auto}.lang-select{padding:10px 14px;font-size:16px;min-width:70px}}.footer{text-align:center;padding:20px;color:#666;font-size:.85rem}@media screen and (max-width: 768px){.footer{padding:15px 10px;font-size:.8rem}}@media (hover: none) and (pointer: coarse){.btn{min-height:48px}select,input[type=text],input[type=number],textarea{min-height:44px}}@supports (padding-bottom: env(safe-area-inset-bottom)){body{padding-bottom:env(safe-area-inset-bottom)}main{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}