/* 基本设置 */
:root {
    --primary-color: #2B5783;
    --secondary-color: #ff9b51;
    --background-color: #f5f5f5;
    --text-color: #333;
    --white: #fff;
    --black: #000;
    --shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    --transition: all 0.3s ease;
}

* {margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Lato', 'Meiryo', Arial, sans-serif;line-height:1.6;color:#333;background-color:#fff;font-size:14px;}
.container{max-width:500px;margin:0 auto;background-color:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}
/* 水印文字样式 */
.watermark{position:absolute;top:20px;left:25px;color:#fff;font-size:16px;font-weight:400;letter-spacing:0.5px;z-index:2;opacity:0.9;}
/* 顶部固定黑条 */
.fixed-header {position:fixed;top:0;left:0;width:100%;background-color:#000;z-index:1000;height:50px;display:flex;align-items:center;padding:0 25px;transform:translateY(-100%);transition:transform 0.3s ease;}
.fixed-header.visible{transform:translateY(0);}
.header-content {color:#fff;font-size:16px;font-weight:400;}
/* 英雄区域样式 */
.hero{background:url(./images/hero-image.jpg) no-repeat;background-size:100% 100%;}
.hero .hero-main{background:rgba(0,0,0,0.3);color:#fff;padding:72px 18px 18px 18px;}
.hero .hero-content{text-align:center;font-size:15px;}
.hero .hero-content p{font-weight:400;padding:4px 0px;line-height:28px;}
.hero .text_tips {font-size:8px;color:rgba(255, 255, 255, 0.9);margin:14px auto;text-align:center;}
.hero{color:#fff;background-color:#7a7a7a;padding:72px 18px 18px 18px;}
.hero .hero-content{text-align:center;font-size:15px;}
.hero .hero-content p{font-weight:400;padding:4px 0px;line-height:28px;}
.hero .text_tips {font-size:8px;color:rgba(255, 255, 255, 0.9);margin:14px auto;text-align:center;}
.hero .button{}
.hero .button a{display:block;color:#fff;text-decoration:none;font-size:22px;font-weight:700;width:100%;letter-spacing:2px;text-align:center;background-color:#f2aa57;height:50px;line-height:50px;}

/* 头部样式 */
.header{padding:20px;text-align:center;background-color:#fff;}
.header h1{font-size:20px;color:#333;}
/* 工作信息样式 */
.job-info{position:relative;background-color:#fff;margin:30px 20px 0px 20px;border-top:1px solid #d9d9d9;padding:20px 0px;}
.job-title{font-size:18px;color:#333;text-align:center;font-weight:700;}
.job-title_s{font-size:16px;color:#333;text-align:center;font-weight:700;}
.job-title_b{font-size:20px;color:#000;text-align:center;font-weight:700;padding:4px 0px;}
.job-description{font-size:15px;color:#333;text-align:center;text-align:center;padding:24px 0px;}
.job-description p{font-weight:400;line-height:24px;}
.job-description p.f-blod{font-weight:700;margin-top:8px;}
.job-description .hand{margin-top:20px;}
.job-description .slogan{font-size:18px;font-weight:700;margin-top:14px;}
.job-description .slogan a{color:#e63222;border-bottom:2px solid #e53222;}
.job-text{color:#333;text-align:center;text-align:center;padding:10px 0px;font-weight:400;}
.job-text p{font-weight:400;line-height:28px;padding:10px 0px;}
.contact-button {
    margin: 0;
    padding: 0;
}
.contact-button:not(.blue-button) a {
    background-color: var(--secondary-color);
}
.contact-button a {
    display: block;
    color: var(--white);
    padding: 1rem;
    text-decoration: none;
    border-radius: 0.25rem;
    font-size: 1rem;
    font-weight: 400;
    width: 100%;
    letter-spacing: 0.03rem;
    text-align: center;
    transition: var(--transition);
}

.contact-button:not(.blue-button) a {
    background-color: var(--secondary-color);
}
.contact-button a:hover {
    background-color: #fff;
    color: #ff9b51;
}
.bottom-image{padding:18px;}
.bottom-image img{width:100%;}