.nav-item,.theme-toggle{text-decoration:none;display:flex}.info-item,.info-section,.nav-item,.nav-menu,.play-btn,.theme-toggle,body{display:flex}*,.nav-item,.play-btn{transition:.3s}.image-btn,.next-btn,.theme-toggle{font-family:inherit}@font-face{font-family:XWZK;src:url('/fonts/xwzk.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{font-family:XWZK,'PingFang SC','Microsoft YaHei',sans-serif;background:linear-gradient(135deg,#f5f7fa 0,#e4e9f2 100%);color:#333;line-height:1.6;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;padding:20px}body.dark-mode{background:url('/img/xk.jpg') center center/cover no-repeat fixed;color:#f5f5f5}.container{width:100%;max-width:1000px;margin:0 auto}.header{text-align:center;margin-bottom:25px;padding:25px;background:rgba(255,255,255,.85);border-radius:20px;box-shadow:0 5px 20px rgba(0,0,0,.08);backdrop-filter:blur(8px)}.dark-mode .header,.dark-mode .section{background:rgba(30,30,46,.85)}.avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid #e0e7ff;margin-bottom:15px}.dark-mode .avatar{border-color:#555}.name{font-size:23px;font-weight:700;margin-bottom:10px;color:#2c3e50}.dark-mode .name,.dark-mode .quote-text,.dark-mode .section-title,.dark-mode .song-title{color:#f5f5f5}.slogan{font-style:italic;color:#7f8c8d;margin-bottom:20px;font-size:14px}.dark-mode .next-btn,.dark-mode .quote-author,.dark-mode .skill-percentage,.dark-mode .slogan,.dark-mode .song-artist,.dark-mode .time-info{color:#aaa}.info-section{justify-content:space-between;margin-top:20px;padding-top:20px;border-top:1px solid #e0e7ff;gap:10%}.dark-mode .info-section{border-top:1px solid #4a5568}.info-item{align-items:center;font-size:14px}.info-item i{margin-right:8px;color:#4a89dc;font-size:14px}.dark-mode .contact-icon,.dark-mode .info-item i,.dark-mode .next-btn:hover,.dark-mode .play-btn,.dark-mode .skill-name i{color:#63b3ed}.theme-toggle{background:0 0;border:none;color:inherit;padding:0;font-size:14px;cursor:pointer;align-items:center}.theme-toggle i{margin-right:5px}.section{margin-bottom:25px;padding:25px;background:rgba(255,255,255,.85);border-radius:20px;box-shadow:0 4px 15px rgba(0,0,0,.08);backdrop-filter:blur(10px)}.contact-section,.music-section,.nav-section,.random-image-section,.skills-section{padding:13px 25px}.section-title{font-size:18px;font-weight:700;margin-bottom:10px;color:#2c3e50;text-align:center}.nav-menu{flex-wrap:wrap;justify-content:center;gap:15px;padding:10px 0}.nav-item{align-items:center;gap:8px;padding:6px 15px;border:1px solid #63b3ed;border-radius:8px;color:#4a89dc;font-weight:500;font-size:14px}.dark-mode .friend-link-section .friend-nav-item,.dark-mode .nav-item{color:#63b3ed;border-color:#4a5568}.friend-link-section .friend-nav-item:hover,.nav-item:hover{transform:translateY(-2px);box-shadow:0 3px 8px rgba(0,0,0,.1)}.site-logo{width:24px;height:24px;border-radius:4px;object-fit:cover}.song-info{text-align:center;margin-bottom:20px}.song-title{font-size:18px;font-weight:700;margin-bottom:5px;color:#2c3e50}.song-artist{font-size:13px;color:#7f8c8d}.progress-container{width:100%;height:6px;background-color:#e0e7ff;border-radius:3px;margin-bottom:15px;cursor:pointer}.next-btn,.time-info{font-size:13px;margin:0 15px;color:#7f8c8d}.dark-mode .progress-container,.dark-mode .skill-bar{background-color:#4a5568}.progress-bar{height:100%;background:linear-gradient(90deg,#4a89dc,#6ba2e3);border-radius:3px;width:0%}.next-btn,.play-btn{background:0 0;border:none;cursor:pointer}.dark-mode .progress-bar{background:linear-gradient(90deg,#63b3ed,#90cdf4)}.player-controls{display:flex;justify-content:center;align-items:center}.next-btn{padding:0}.next-btn:hover,.play-btn,.skill-name i{color:#4a89dc}.play-btn{font-size:24px;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%}.play-btn:hover{background-color:rgba(74,137,220,.1);transform:scale(1.1)}.dark-mode .play-btn:hover{background-color:rgba(99,179,237,.1)}.quote-section{margin-bottom:25px;padding:13px 25px;text-align:center}.quote-text{font-size:14px;line-height:1.7;margin-bottom:10px;color:#2c3e50}.quote-author{font-size:12px;color:#7f8c8d;font-weight:500}.footer-section{padding:15px;text-align:center;font-size:12px;color:#7f8c8d;margin-top:15px;border-top:1px solid #e0e7ff}.dark-mode .footer-section{color:#aaa;border-top:1px solid #4a5568}.icp-number,.icp-number:hover{color:inherit;text-decoration:none}.copyright{margin-bottom:5px}.icp-number{font-size:11px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-top:15px}.skill-item{margin-bottom:12px}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.skill-name{font-weight:500;display:flex;align-items:center;font-size:12px}.skill-name i{margin-right:6px;font-size:12px}.skill-percentage{font-size:12px;color:#7f8c8d}.skill-bar{height:6px;background-color:#e0e7ff;border-radius:3px;overflow:hidden}.skill-progress{height:100%;border-radius:3px;width:0;transition:width 1.5s ease-in-out}.contact-grid{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;margin-top:15px}.contact-item{text-align:center;cursor:pointer;transition:.3s;padding:10px;border-radius:10px;width:70px;outline:0;-webkit-tap-highlight-color:transparent}.contact-item:active{background:0 0!important}.contact-icon{font-size:24px;color:#4a89dc}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000;justify-content:center;align-items:center}.modal-content{background-color:#fff;padding:25px;border-radius:15px;width:90%;max-width:300px;text-align:center;box-shadow:0 5px 25px rgba(0,0,0,.2)}.dark-mode .modal-content{background-color:#2d3748;color:#f5f5f5}.modal-text{margin-bottom:15px;font-size:16px}.modal-image{width:100%;max-width:200px;height:auto;border-radius:8px;margin:0 auto}.modal-close{margin-top:15px;padding:8px 16px;background-color:#4a89dc;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.dark-mode .modal-close{background-color:#63b3ed}.modal-close:hover{background-color:#3b7bd4}.dark-mode .modal-close:hover{background-color:#4299e1}.contact-item:active,.dark-mode .image-btn,.dark-mode .image-btn:hover,.image-btn,.image-btn:active,.image-btn:hover,.modal-close:active,.nav-item:active,.next-btn:active,.play-btn:active,.theme-toggle:active,button:active{background-color:transparent}.contact-item:focus,.modal-close:focus,.nav-item:focus,.next-btn:focus,.play-btn:focus,.theme-toggle:focus,button:focus{outline:0;background-color:transparent}.image-buttons{display:flex;justify-content:space-around;gap:15px;flex-wrap:wrap;margin-top:15px;padding:5px 0}.image-btn{padding:5px 10px;font-size:14px;color:#4a89dc;border:1px solid #63b3ed;border-radius:4px;cursor:pointer;transition:.2s;white-space:nowrap;flex-shrink:0;text-decoration:none}.dark-mode .image-btn{color:#63b3ed;border:1px solid #4a5568}.image-btn:hover{color:#3b7bd4;border-color:#3b7bd4;transform:translateY(-1px);box-shadow:none}.dark-mode .image-btn:hover{color:#4299e1;border-color:#4299e1;box-shadow:none}.image-btn:active{transform:translateY(0)}.random-image-section .section-title{margin-bottom:0}.random-image-section .section-description{margin-top:3px;margin-bottom:15px;font-size:14px;color:#7f8c8d;text-align:center}.dark-mode .modal-description,.dark-mode .random-image-section .section-description{color:#bbb}.modal-description{margin:5px 0 12px;font-size:13px;color:#666;text-align:center}.visitor-section{padding:10px 25px;margin-bottom:25px}#visitorMonth,#visitorToday,#visitorTotal{font-size:12px;margin:3px 0;line-height:1.5;text-align:center}.dark-mode #visitorMonth,.dark-mode #visitorToday,.dark-mode #visitorTotal{color:#e0e0e0}.friend-link-section{padding:10px 15px}.friend-link-section .friend-nav-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 0}.friend-link-section .friend-nav-item{display:flex;align-items:center;gap:6px;padding:7px 5px;border:1px solid #e0e7ff;border-radius:6px;text-decoration:none;transition:.3s;color:#4a89dc;font-weight:500;font-size:10px;white-space:nowrap}.friend-link-section .section-title{font-size:15px;margin-bottom:5px}.friend-link-section .friend-site-logo{width:13px;height:13px;border-radius:3px;object-fit:cover}@media (max-width:768px){.nav-item{flex-basis:calc(50% - 15px);justify-content:center}.friend-link-section .friend-nav-item{flex-basis:calc(33.333% - 8px);justify-content:center}}@media (min-width:769px){.nav-item{flex-basis:calc(33.333% - 15px);justify-content:center}.friend-link-section .friend-nav-item{flex-basis:calc(25% - 8px);justify-content:center}}