*{margin:0;padding:0;box-sizing:border-box}body{font-family:"微软雅黑",sans-serif;line-height:1.6;color:#f0f0f0;background:url('https://images.gptkong.com/idiom/b/125_x0.png') no-repeat center center fixed;background-size:cover;padding-top:60px;position:relative;overflow:visible}nav{position:fixed;top:0;left:0;width:100%;background:rgba(34,34,34,0.9);padding:10px 20px;z-index:1000;display:flex;justify-content:center;transition:all 0.3s ease}nav ul{list-style:none;display:flex;gap:20px}nav ul li{position:relative}nav ul li a{color:#fff;text-decoration:none;font-size:16px;padding:8px 12px;transition:background 0.3s,color 0.3s}nav ul li a:hover{background:linear-gradient(45deg,#ff6f61,#d7263d);color:#fff;border-radius:5px}@media (max-width:768px){nav ul{flex-direction:column;align-items:center}}article{max-width:800px;margin:40px auto;padding:30px;background:rgba(50,50,50,0.85);border-radius:10px;box-shadow:0 8px 16px rgba(0,0,0,0.6);position:relative;overflow:hidden;backdrop-filter:blur(5px)}table{width:100%;border-collapse:collapse;margin-bottom:30px;background:rgba(255,255,255,0.1);border-radius:8px;overflow:hidden}table th,table td{padding:12px 15px;text-align:left;border-bottom:1px solid rgba(255,255,255,0.2)}table th{background:linear-gradient(45deg,#ff6f61,#d7263d);color:#fff}table td ul{list-style:disc inside;margin-top:10px}table td ul li{margin-bottom:5px}h2,h3,h4{color:#fc0;text-shadow:2px 2px 4px rgba(0,0,0,0.7);margin-top:30px;margin-bottom:15px}h2{font-size:28px;position:relative}h2::after{content:'';display:block;width:50px;height:3px;background:linear-gradient(90deg,#ff6f61,#d7263d);margin-top:5px;border-radius:2px}h3{font-size:22px}h4{font-size:20px}p{margin-bottom:20px;text-indent:2em;color:#e0e0e0;line-height:1.8}span.highlight{background-color:rgba(255,255,0,0.3);padding:2px 4px;border-radius:3px}i{color:#6cf}img{max-width:100%;height:auto;display:block;margin:20px auto;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.5);transition:transform 0.3s,box-shadow 0.3s}img:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,0.7)}pre{background:rgba(30,30,30,0.9);padding:15px;border-radius:8px;overflow-x:auto}code{background:rgba(46,46,46,0.8);padding:2px 6px;border-radius:4px;color:#fc0}body::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(255,255,255,0.02) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,0.02) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,0.02) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,0.02) 75%);background-size:20px 20px;z-index:0;opacity:0.1;pointer-events:none}article::before{content:"";position:absolute;top:-50px;left:-50px;width:200%;height:200%;background:url('https://images.gptkong.com/idiom/b/125_x0.png') repeat;opacity:0.05;transform:rotate(45deg);z-index:-1}section{padding:20px;margin-bottom:40px;background:linear-gradient(135deg,rgba(50,50,50,0.8),rgba(30,30,30,0.8));border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.5);position:relative;overflow:hidden}section::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.02);z-index:0}section > *{position:relative;z-index:1}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}article,section,nav ul li a,h2,h3,h4,p,table,img,pre,code{animation:fadeIn 1s ease forwards}@keyframes crackEffect{0%{background-position:0 0}100%{background-position:100% 100%}}body{animation:crackEffect 60s linear infinite}@media (max-width:1200px){article{margin:30px;padding:20px}nav ul li a{font-size:14px}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}}@media (max-width:768px){body{padding-top:50px}nav{padding:8px 10px}nav ul li a{font-size:14px;padding:6px 10px}article{margin:20px;padding:15px}section{padding:15px;margin-bottom:30px}img{width:100%}}@media (max-width:480px){nav ul{flex-direction:column;gap:10px}article{margin:10px;padding:10px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}table th,table td{padding:8px 10px}}