body{margin:0;padding:0;font-family:'Microsoft YaHei',sans-serif;background:url('https://images.gptkong.com/idiom/b/890_0.png') no-repeat center center fixed;background-size:cover;color:#333;overflow-x:hidden}.navbar{position:fixed;top:0;width:100%;background:linear-gradient(to right,#f6d365,#fda085);box-shadow:0 2px 5px rgba(0,0,0,0.1);z-index:1000}.navbar ul{list-style:none;margin:0;padding:15px 20px;display:flex;justify-content:center}.navbar ul li{margin:0 15px}.navbar ul li a{text-decoration:none;color:#fff;font-size:16px;padding:8px 15px;transition:background 0.3s;border-radius:30px}.navbar ul li a:hover{background:rgba(255,255,255,0.2)}table{width:90%;max-width:800px;margin:120px auto 40px auto;border-collapse:collapse;background:rgba(255,255,255,0.9);border-radius:15px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.1)}table th,table td{padding:15px;text-align:left;font-size:16px;border-bottom:1px solid #eee}table th{background:linear-gradient(to right,#fda085,#f6d365);color:#fff;width:120px;white-space:nowrap}table ul{padding-left:20px}table tr:last-child td{border-bottom:none}article{max-width:800px;margin:20px auto;padding:20px;background:rgba(255,255,255,0.9);border-radius:15px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}article h2{font-size:28px;text-align:center;margin-bottom:30px;color:#333;position:relative}article h2::after{content:'';width:80px;height:4px;background:linear-gradient(to right,#a1c4fd,#c2e9fb);position:absolute;left:50%;transform:translateX(-50%);bottom:-10px;border-radius:2px}section{margin-bottom:40px}section h3{font-size:22px;color:#444;margin-bottom:20px;position:relative;padding-left:10px}section h3::before{content:'';width:5px;height:100%;background:linear-gradient(to bottom,#f6d365,#fda085);position:absolute;left:0;top:0;border-radius:2px}section p{line-height:1.8;font-size:16px;color:#555;text-align:justify;text-indent:2em}section p b{color:#f47721}section img{display:block;width:100%;max-width:800px;margin:30px auto;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform 0.3s}section img:hover{transform:scale(1.05)}@media screen and (max-width:768px){.navbar ul{flex-direction:column;background:linear-gradient(to bottom,#f6d365,#fda085);position:fixed;width:200px;height:100vh;top:0;left:-200px;padding-top:60px;transition:left 0.3s}.navbar ul li{margin:20px 0}.navbar ul li a{font-size:18px}.navbar.active ul{left:0}.menu-toggle{position:absolute;top:15px;left:20px;cursor:pointer;width:30px;height:30px;z-index:1001}.menu-toggle div{width:100%;height:4px;background:#fff;margin:6px 0;transition:all 0.3s}.menu-toggle.active div:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active div:nth-child(2){opacity:0}.menu-toggle.active div:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}}section{opacity:0;transform:translateY(50px);transition:all 0.6s ease-in-out}section.show{opacity:1;transform:translateY(0)}.gradient-text{background:linear-gradient(to right,#f6d365,#fda085);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.image-decor{position:relative}.image-decor::before{content:'';position:absolute;top:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);border:2px dashed rgba(246,211,101,0.5);border-radius:15px}.separator{width:100%;height:2px;background:linear-gradient(to right,#a1c4fd,#c2e9fb);margin:40px 0;border-radius:1px}ul{list-style:none;padding-left:0}ul li{position:relative;padding-left:25px;margin-bottom:10px;line-height:1.6;color:#555}ul li::before{content:'';width:8px;height:8px;background:linear-gradient(to right,#f6d365,#fda085);border-radius:50%;position:absolute;left:0;top:6px}a{color:#f47721;text-decoration:none;transition:color 0.3s}a:hover{color:#f6d365}.button{display:inline-block;padding:10px 20px;background:linear-gradient(to right,#f6d365,#fda085);color:#fff;border-radius:30px;text-decoration:none;transition:background 0.3s}.button:hover{background:linear-gradient(to right,#fda085,#f6d365)}@font-face{font-family:'ZCOOL XiaoWei';src:url('https://fonts.gstatic.com/ea/zcoolxiaowei/v3/zcoolxiaowei-regular.woff2') format('woff2')}body{font-family:'ZCOOL XiaoWei','Microsoft YaHei',sans-serif}.shadow-box{box-shadow:0 10px 20px rgba(0,0,0,0.15)}.gradient-border{border:1px solid transparent;border-image:linear-gradient(to right,#f6d365,#fda085) 1}.animated-button{position:relative;overflow:hidden;transition:color 0.3s}.animated-button::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,#fda085,#f6d365);transition:all 0.3s}.animated-button:hover::after{left:0}.animated-button:hover{color:#fff}.circular-image{border-radius:50%;overflow:hidden}.fluid-container{width:100%;padding:0 10%;box-sizing:border-box}.parallax{background-attachment:fixed;background-size:cover}@keyframes fadeInUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp 0.6s ease-in-out forwards}::selection{background:rgba(246,211,101,0.3)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#f6d365,#fda085);border-radius:4px}::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}.gradient-background{background:linear-gradient(135deg,#f6d365 0,#fda085 100%)}.text-shadow{text-shadow:1px 1px 2px rgba(0,0,0,0.2)}.border-radius{border-radius:10px}.opacity-hover:hover{opacity:0.8}.transition-all{transition:all 0.3s ease-in-out}.scale-hover:hover{transform:scale(1.05)}.rotate-hover:hover{transform:rotate(2deg)}.skew-hover:hover{transform:skew(-2deg)}.filter-hover:hover{filter:brightness(110%)}.blur-hover:hover{filter:blur(1px)}.grayscale-hover:hover{filter:grayscale(50%)}