*{margin:0;padding:0;box-sizing:border-box}body{font-family:SimSun,STSong,serif;background-color:#f9f3e9;color:#333;background-image:url(https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=chinese%20traditional%20paper%20texture%2C%20subtle%2C%20light%20beige%20color%2C%20for%20background&image_size=square_hd);background-size:cover;background-repeat:no-repeat;background-attachment:fixed}#app{max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:40px;padding-top:20px}.header-content{position:relative;margin-bottom:30px}header h1{font-size:3rem;color:#8a1a1a;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}header p{font-size:1.3rem;color:#666;margin-bottom:20px}.decorative-line{width:200px;height:2px;background-color:#d32f2f;margin:0 auto;position:relative}.decorative-line:before,.decorative-line:after{content:"";position:absolute;width:10px;height:10px;background-color:#d32f2f;border-radius:50%;top:50%;transform:translateY(-50%)}.decorative-line:before{left:-5px}.decorative-line:after{right:-5px}.main-nav{display:flex;justify-content:center;gap:30px;margin-top:30px;padding:15px 0;background-color:#ffffffe6;border-radius:30px;box-shadow:0 2px 10px #0000001a;border:1px solid #e0d6c2}.nav-link{color:#333;text-decoration:none;font-size:1.1rem;padding:8px 16px;border-radius:20px;transition:all .3s ease;position:relative}.nav-link:hover{color:#8a1a1a;background-color:#8a1a1a1a}.nav-link.router-link-active{color:#8a1a1a;font-weight:700}.nav-link.router-link-active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:2px;background-color:#8a1a1a;border-radius:1px}main{min-height:60vh}footer{text-align:center;margin-top:60px;color:#666;font-size:.9rem;padding-bottom:20px}.dark-theme{background-color:#1a1a1a;color:#e0e0e0}.dark-theme body{background-color:#1a1a1a;color:#e0e0e0;background-image:none}.dark-theme .header-content{color:#e0e0e0}.dark-theme .main-nav{background-color:#282828e6;border-color:#404040}.dark-theme .nav-link{color:#e0e0e0}.dark-theme .nav-link:hover{color:#d32f2f;background-color:#d32f2f1a}.dark-theme .nav-link.router-link-active{color:#d32f2f}.dark-theme .nav-link.router-link-active:after{background-color:#d32f2f}@media(max-width:768px){#app{padding:15px}header h1{font-size:2.5rem}.main-nav{gap:15px;padding:10px;flex-wrap:wrap}.nav-link{font-size:1rem;padding:6px 12px}}@media(max-width:480px){header h1{font-size:2rem}.main-nav{gap:10px}.nav-link{font-size:.9rem;padding:5px 10px}}