*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"SimSun","Songti SC",serif;background:#f9f7f3;color:#333;line-height:1.6;}

.navbar{background:#fff;padding:15px 0;border-bottom:1px solid #e8e6e3;position:sticky;top:0;z-index:1000;}
.navbar .nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;}
.nav-left{display:flex;align-items:center;gap:10px;}
.mini-taiji{width:30px;height:30px;border-radius:50%;background:linear-gradient(90deg,#fff 50%,#333 50%);position:relative;border:1px solid #333;animation:spin 10s linear infinite;display:block;}.mini-taiji::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:15px;height:15px;border-radius:50%;background:#333;background-image:radial-gradient(circle at center,#fff 25%,#333 25%);}.mini-taiji::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:15px;height:15px;border-radius:50%;background:#fff;background-image:radial-gradient(circle at center,#333 25%,#fff 25%);}
.navbar span{font-weight:bold;font-size:1.1rem;color:#333;}
.nav-right a{color:#8b4513;text-decoration:none;transition:color 0.3s ease;}
.nav-right a:hover{color:#d4a017;}

.container{max-width:1200px;margin:0 auto;padding:40px 20px;}

.hero-section{text-align:center;padding:40px 0;}
.hero-taiji{width:100px;height:100px;border-radius:50%;background:linear-gradient(90deg,#fff 50%,#333 50%);position:relative;border:1px solid #333;animation:spin 20s linear infinite;margin:0 auto 20px;display:block;box-shadow:0 4px 15px rgba(0,0,0,0.1);}.hero-taiji::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:50px;height:50px;border-radius:50%;background:#333;background-image:radial-gradient(circle at center,#fff 25%,#333 25%);}.hero-taiji::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:50px;border-radius:50%;background:#fff;background-image:radial-gradient(circle at center,#333 25%,#fff 25%);}
.site-title{font-size:2.8em;color:#333;margin-bottom:10px;font-weight:300;}
.site-slogan{font-size:1.2em;color:#8b4513;margin-bottom:30px;}

.mission-statement{background:#fff;border-radius:12px;padding:40px;margin:30px 0;border-left:4px solid #d4a017;}
.mission-statement p{font-size:1.1em;line-height:1.8;color:#555;margin-bottom:15px;}
.mission-statement .verse{text-align:center;font-style:italic;color:#8b4513;margin-top:25px;padding-top:20px;border-top:1px solid #f0f0f0;}

.nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin:40px 0;}
.nav-card{background:#fff;padding:25px;border-radius:10px;text-align:center;text-decoration:none;color:#333;border:1px solid #e8e6e3;transition:all 0.3s ease;}
.nav-card:hover{transform:translateY(-3px);box-shadow:0 3px 15px rgba(0,0,0,0.08);}
.card-icon{font-size:2.5em;display:block;margin-bottom:12px;}
.card-title{font-size:1.3em;color:#333;margin-bottom:12px;font-weight:500;}
.card-desc{color:#666;line-height:1.6;font-size:0.95em;}

.card{background:#fff;border-radius:10px;padding:30px;margin-bottom:25px;border:1px solid #e8e6e3;}
.card h3{font-size:1.5em;color:#8b4513;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f0f0f0;font-weight:500;}
.card p{line-height:1.7;margin-bottom:12px;color:#555;font-size:0.95em;}

.notice{background:#fff9e9;border-left:4px solid #d4a017;padding:20px;margin:25px 0;border-radius:8px;}
.notice p{margin:0;font-size:0.95em;line-height:1.7;color:#8b4513;}

.email-box{text-align:center;padding:30px;background:linear-gradient(135deg,#f9f7f3 0%,#fff 100%);border-radius:10px;margin:25px 0;border:2px dashed #d4a017;}
.email-box a{font-size:1.6em;color:#d4a017;text-decoration:none;font-weight:bold;transition:color 0.3s ease;}
.email-box a:hover{color:#b8860b;}

.template{background:#f9f9f9;border-radius:6px;padding:20px;font-size:0.9em;line-height:1.7;font-family:monospace;white-space:pre-wrap;border:1px solid #e8e6e3;}

.btn{display:inline-block;padding:10px 28px;background:#d4a017;color:#fff;border-radius:6px;text-decoration:none;margin-top:15px;font-size:0.95em;transition:all 0.3s ease;border:none;cursor:pointer;font-family:inherit;}
.btn:hover{background:#b8860b;}

.feature-desc{color:#888;font-size:0.9em;margin-top:8px;line-height:1.5;}

.footer{text-align:center;padding:40px 0;color:#999;font-size:0.85em;border-top:1px solid #e8e6e3;margin-top:50px;background:#fafafa;}
.footer a{color:#d4a017;text-decoration:none;transition:color 0.3s ease;}
.footer a:hover{color:#b8860b;}
.footer-section{margin-bottom:20px;}
.footer-section h4{color:#666;margin-bottom:10px;font-size:1em;}

@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}

/* 赞助区域样式 */
.sponsor-section {
    background: #fff9e9;
    border-radius: 12px;
    padding: 30px;
    margin-top: 20px;
    border-left: 4px solid #d4a017;
}
.sponsor-section h4 {
    color: #8b4513;
    font-size: 1.3em;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 500;
}
.sponsor-content {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    flex-wrap: wrap;
}
.qrcode-container {
    flex: 0 0 auto;
    text-align: center;
}
.sponsor-qrcode {
    width: 200px;
    height: 200px;
    border-radius: 8px;
    border: 2px solid #e8e6e3;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.qrcode-desc {
    margin-top: 10px;
    color: #666;
    font-size: 0.9em;
}
.sponsor-text {
    flex: 1;
    min-width: 300px;
}
.sponsor-text p {
    margin-bottom: 12px;
    line-height: 1.6;
    color: #555;
}
.sponsor-text strong {
    color: #d4a017;
}
.security-notice {
    background: #fff3f3;
    border-left: 3px solid #ff6b6b;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 0.9em;
    color: #d63384;
    margin: 15px 0;
}
.gratitude {
    color: #8b4513;
    font-style: italic;
    margin-top: 20px;
}

/* 赞助页面专用样式 */
.sponsor-main-card {
    text-align: center;
}
.sponsor-main-card h3 {
    font-size: 1.8em;
    color: #d4a017;
    margin-bottom: 30px;
}
.sponsor-features {
    margin: 25px 0;
}
.feature-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    text-align: left;
}
.feature-icon {
    font-size: 2em;
    margin-right: 15px;
    flex-shrink: 0;
}
.feature-content h4 {
    color: #333;
    margin-bottom: 5px;
    font-size: 1.1em;
}
.feature-content p {
    color: #666;
    font-size: 0.9em;
    margin: 0;
}
.sponsor-usage {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}
.sponsor-usage li {
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
    color: #555;
}
.sponsor-usage li:last-child {
    border-bottom: none;
}

@media (max-width:768px){
.sponsor-main-card h3 {
    font-size: 1.5em;
}
.feature-item {
    flex-direction: column;
    text-align: center;
}
.feature-icon {
    margin-right: 0;
    margin-bottom: 10px;
}
}

@media (max-width:768px){
.container{padding:20px 15px;}
.site-title{font-size:2.2em;}
.nav-grid{grid-template-columns:1fr;gap:20px;}
.card{padding:20px;}
.mission-statement{padding:25px;}
.mini-taiji{width:24px;height:24px;}.mini-taiji::before{width:12px;height:12px;}.mini-taiji::after{width:12px;height:12px;}
.hero-taiji{width:80px;height:80px;}.hero-taiji::before{width:40px;height:40px;}.hero-taiji::after{width:40px,height:40px;}
.sponsor-content{flex-direction:column;gap:20px;}
.sponsor-text{min-width:auto;}
.sponsor-qrcode{width:180px;height:180px;}
}

/* 入祠申请页面专用样式 */
.apply-main-card {
    background: #fff;
    border-radius: 12px;
    padding: 40px;
    margin: 20px 0;
    border: 1px solid #e8e6e3;
}
.apply-main-card h2 {
    font-size: 2em;
    color: #8b4513;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 500;
}
.apply-description {
    font-size: 1.1em;
    color: #666;
    text-align: center;
    margin-bottom: 30px;
    line-height: 1.7;
}
.apply-conditions {
    background: #f9f9f9;
    border-radius: 8px;
    padding: 25px;
    margin: 25px 0;
    border-left: 4px solid #d4a017;
}
.apply-conditions h3 {
    color: #333;
    font-size: 1.3em;
    margin-bottom: 15px;
    font-weight: 500;
}
.apply-conditions ul {
    list-style: none;
    padding: 0;
}
.apply-conditions li {
    padding: 8px 0;
    color: #555;
    position: relative;
    padding-left: 25px;
}
.apply-conditions li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #d4a017;
    font-weight: bold;
}
.apply-form {
    margin-top: 30px;
}
.apply-form h3 {
    color: #333;
    font-size: 1.3em;
    margin-bottom: 20px;
    font-weight: 500;
}
.form-group {
    margin-bottom: 20px;
}
.form-group label {
    display: block;
    margin-bottom: 8px;
    color: #333;
    font-weight: 500;
}
.form-group input,
.form-group textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 1em;
    font-family: inherit;
    transition: border-color 0.3s ease;
}
.form-group input:focus,
.form-group textarea:focus {
    outline: none;
    border-color: #d4a017;
    box-shadow: 0 0 0 2px rgba(212, 160, 23, 0.1);
}
.form-group textarea {
    resize: vertical;
    min-height: 100px;
}
.btn-primary {
    background: #d4a017;
    color: #fff;
    border: none;
    padding: 12px 30px;
    border-radius: 6px;
    font-size: 1em;
    cursor: pointer;
    transition: background 0.3s ease;
    width: 100%;
}
.btn-primary:hover {
    background: #b8860b;
}

@media (max-width:768px){
.apply-main-card {
    padding: 25px;
    margin: 15px 0;
}
.apply-main-card h2 {
    font-size: 1.6em;
}
.apply-conditions {
    padding: 20px;
}
}