:root{--bg-main:#f8f5ee;--bg-about:#f8f5ee;--bg-highlight:#fff8e1;--bg-warning-container:#fff9e6;--text-primary:#333;--text-secondary:#666;--text-meta:#999;--text-dark:#000;--theme-color-main:#8d6e63;--theme-color-dark:#5d4037;--theme-color-headline:#d32f2f;--theme-color-warning:#8b4513;--border-color-main:#999;--border-color-double:#000;--border-color-dashed:#d4b483;--button-hover-dark:#a0522d;--button-bg-light:#f8f1e5;--button-hover-light:#f0e5d8}
body{font-family:"MiSans","SimSun",serif;background-color:var(--bg-main);color:var(--text-primary);max-width:800px;margin:0 auto;padding:20px;border:1px solid var(--border-color-main);box-shadow:0 0 15px rgba(0,0,0,0.2);line-height:1.6}
a{color:var(--theme-color-main);text-decoration:none;transition:color 0.2s ease-in-out}
a:hover{color:var(--theme-color-dark)}
.newspaper-header,.header{text-align:center;border-bottom:3px double var(--border-color-double);padding-bottom:10px;margin-bottom:20px}
.title{font-size:52px;font-weight:800;letter-spacing:3px;margin:15px 0;text-shadow:1px 1px 2px rgba(0,0,0,0.1)}
.news-button,.join-button{display:inline-block;padding:8px 20px;background-color:var(--theme-color-main);color:white;text-decoration:none;border-radius:4px;margin-top:20px;transition:background-color 0.3s,transform 0.2s ease-out}
.news-button:hover,.join-button:hover{background-color:var(--theme-color-dark);transform:translateY(-2px);color:white}
footer,.footer{text-align:center;margin:40px auto 0;padding:20px 0;border-top:2px solid var(--theme-color-main);font-family:"MiSans","SimSun",serif;font-size:14px;color:var(--theme-color-dark);max-width:600px}
.main-headline{background-color:var(--bg-highlight);border:3px double var(--theme-color-main);padding:20px;margin:20px 0}
.headline-title{font-size:32px;font-weight:bold;color:var(--theme-color-headline);text-align:center;margin-bottom:20px}
.ip-showcase{display:flex;justify-content:space-around;margin:30px 0}
.ip-card{width:45%;text-align:center}
.ip-image{max-width:100%;height:auto;margin:0 auto}
.new-article{margin-bottom:30px;break-inside:avoid}
.new-article .article{margin-bottom:25px;break-inside:avoid;padding:15px;background-color:#fff;border:1px solid #ddd;box-shadow:0 2px 5px rgba(0,0,0,0.05)}
.new-article-title{font-size:22px;font-weight:bold;border-bottom:2px solid var(--theme-color-main);padding-bottom:8px;margin-bottom:15px}
.new-article-title .article-title{font-size:24px;font-weight:700;border-bottom:2px solid var(--theme-color-headline);padding-bottom:8px;margin-bottom:15px;color:var(--theme-color-dark)}
.ip-name{font-size:22px;font-weight:bold;margin:10px 0;color:var(--theme-color-dark)}
.ip-desc{font-size:16px;line-height:1.6;text-align:left;padding:0 10px}
.home-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"announcement announcement"
        "headline headline"
        "article1 article2"
        "team team"
        "links links";gap:20px;margin-top:20px}
.grid-item-announcement{grid-area:announcement}
.grid-item-headline{grid-area:headline}
.grid-item-article1{grid-area:article1}
.grid-item-article2{grid-area:article2}
.grid-item-team{grid-area:team}
.grid-item-links{grid-area:links}
@media (max-width:768px){.home-grid{grid-template-columns:1fr;grid-template-areas:"announcement"
            "headline"
            "article1"
            "article2"
            "team"
            "links"}
}body.about-page{background-color:var(--bg-about);color:var(--text-dark);border:none;box-shadow:none}
.content-section{margin-bottom:40px}
.content-section h2{color:var(--theme-color-dark);border-bottom:1px solid var(--theme-color-main);padding-bottom:10px;margin-bottom:20px}
.team-section{text-align:center;margin:30px 0;padding:20px;background-color:#fff8e173;border:1px solid var(--theme-color-main)}
.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:25px;margin-top:30px}
.team-member{background:white;padding:20px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);display:flex;flex-direction:column;transition:all 0.3s ease;border:1px solid rgba(139,110,99,0.1)}
.team-member:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.12);border-color:var(--theme-color-main)}
.team-member:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.15);border-color:var(--theme-color-main)}
.member-header{display:flex;align-items:center;margin-bottom:15px}
.member-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--theme-color-main);margin-right:20px}
.member-info{flex:1}
.member-name{font-weight:bold;font-size:18px;color:var(--theme-color-dark);margin:0}
.member-role{font-size:14px;color:var(--theme-color-main);margin:5px 0}
.member-year{font-size:13px;color:var(--text-meta);margin:0;font-style:italic}
.member-bio{color:var(--text-secondary);font-size:15px;line-height:1.6;border-top:1px dashed #ddd;padding-top:15px;margin-bottom:15px;flex-grow:1}
.member-button{display:block;padding:8px 20px;background-color:var(--theme-color-main);color:white;text-decoration:none;border-radius:4px;text-align:center;transition:all 0.3s;margin-top:15px}
.member-button:hover{background-color:var(--theme-color-dark);color:white}
.year-tabs{margin-bottom:30px;position:relative}
#year-tabs-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:15px}
.year-btn{scroll-snap-align:start;margin:0 5px;padding:5px 15px;background:var(--bg-main);color:var(--theme-color-dark);border:1px solid var(--theme-color-main);border-radius:4px;flex-shrink:0;cursor:pointer;transition:all 0.2s ease-in-out}
.year-btn.active,.year-btn:hover{background:var(--theme-color-main);color:white;border:none}
body.link-warning{display:flex;justify-content:center;align-items:center;height:100vh;padding:0;border:none;box-shadow:none;color:var(--theme-color-warning)}
.warning-container{background-color:var(--bg-warning-container);border:2px solid var(--theme-color-main);border-radius:8px;padding:30px;max-width:500px;box-shadow:0 4px 12px rgba(139,69,19,0.15);text-align:center}
.warning-container h1{color:var(--theme-color-main);margin:10px 0 20px;font-size:22px;font-weight:bold}
.url-display{word-break:break-all;background-color:var(--bg-main);padding:12px;margin:15px 0;border:1px dashed var(--border-color-dashed);border-radius:4px;font-weight:bold;color:var(--theme-color-main)}
.button-group{margin-top:25px;display:flex;justify-content:center;gap:15px}
.continue-btn{background-color:var(--theme-color-main);color:white;border:none;padding:10px 25px;border-radius:4px;cursor:pointer;transition:background-color 0.3s,transform 0.2s ease-out}
.continue-btn:hover{background-color:var(--button-hover-dark);transform:translateY(-2px)}
.cancel-btn{background-color:var(--button-bg-light);color:var(--theme-color-warning);border:1px solid var(--theme-color-warning);padding:10px 25px;border-radius:4px;cursor:pointer;transition:all 0.3s}
.cancel-btn:hover{background-color:var(--button-hover-light);transform:translateY(-2px)}
.warning-icon{font-size:40px;color:var(--theme-color-warning);margin:10px 0}