:root{--color-primary:#1f80ff;--color-primaryLight:#722ed1;--color-background:#fff;--color-backgroundSecondary:#f6f7f8;--color-backgroundCard:#fff;--color-text:#1a1a1a;--color-textSecondary:#646a73;--color-border:#e5e6eb;--color-accent:#1f80ff;--color-success:#52c41a;--color-warning:#faad14;--color-danger:#f5222d;--color-hover:rgba(31,128,255,.08)}.modern-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-background);border-bottom:1px solid var(--color-border);box-shadow:0 4px 20px #00000026;height:70px;justify-content:space-between;left:0;padding:0 24px;position:fixed;right:0;top:0;z-index:1000}.modern-header,.modern-logo{align-items:center;display:flex;transition:all .3s ease}.modern-logo{background:#58a6ff1a;border:1px solid rgba(88,166,255,.2);border-radius:12px;cursor:pointer;gap:12px;padding:8px 16px}.modern-logo:hover{background:#58a6ff26;box-shadow:0 8px 25px #58a6ff26;transform:translateY(-2px)}.modern-logo img{background:#ffffff1a;border-radius:8px;height:40px;padding:4px;width:40px}.modern-logo-text{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primaryLight) 100%);-webkit-background-clip:text;font-size:20px;font-weight:700;-webkit-text-fill-color:transparent;background-clip:text}.modern-nav-links{align-items:center;display:flex;gap:8px}.modern-nav-link{border-radius:8px;color:var(--color-textSecondary);font-weight:500;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;transition:all .3s ease}.modern-nav-link:hover{background:var(--color-hover);color:var(--color-text);transform:translateY(-1px)}.modern-nav-link:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.modern-nav-link:hover:before{left:100%}.modern-main-nav{align-items:center;background:#ffffff0d;border:1px solid var(--color-border);border-radius:12px;display:flex;gap:4px;padding:4px}.modern-nav-item{border-radius:8px;color:var(--color-textSecondary);cursor:pointer;font-weight:500;padding:10px 24px;position:relative;transition:all .3s ease}.modern-nav-item:hover{background:var(--color-hover);color:var(--color-text)}.modern-nav-item.active{background:#58a6ff26;box-shadow:0 4px 15px #58a6ff33;color:var(--color-primary)}.modern-nav-item.active:after{background:var(--color-primary);border-radius:1px;bottom:-4px;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:20px}.theme-switcher{position:relative}.theme-switcher-btn{align-items:center;background:var(--color-backgroundSecondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .3s ease}.theme-switcher-btn:hover{background:var(--color-hover)}.theme-switcher-dropdown{background:var(--color-backgroundCard);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 24px #00000026;margin-top:8px;min-width:180px;padding:8px;position:absolute;right:0;top:100%;z-index:1001}.theme-option{align-items:center;border-radius:8px;color:var(--color-textSecondary);cursor:pointer;display:flex;gap:12px;padding:10px 16px;transition:all .2s ease}.theme-option:hover{background:var(--color-hover);color:var(--color-text)}.theme-option.active{background:#58a6ff26;color:var(--color-primary)}.theme-option-icon{font-size:16px}.theme-option-name{font-size:14px}.modern-sidebar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(180deg,var(--color-background) 0,var(--color-backgroundSecondary) 100%);border-right:1px solid var(--color-border);height:calc(100vh - 70px);overflow-y:auto;position:relative;width:280px}.modern-sidebar-group{margin:16px 0}.modern-group-header{align-items:center;border-bottom:1px solid var(--color-border);color:var(--color-primary);display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin:0 16px;padding:12px 20px}.modern-sidebar-item{align-items:center;border-left:3px solid transparent;border-radius:8px;color:var(--color-textSecondary);cursor:pointer;display:flex;justify-content:space-between;margin:4px 16px;padding:12px 20px;transition:all .3s ease}.modern-item-badge{background:#7b61ff33;border-radius:10px;color:var(--color-primaryLight);font-size:11px;font-weight:600;padding:2px 8px}.modern-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--color-background) 0,var(--color-backgroundSecondary) 100%);border-left:1px solid var(--color-border);height:calc(100vh - 70px);margin-top:70px;overflow-y:auto;position:relative}.modern-stat-item{align-items:center;background:#58a6ff1a;border:1px solid rgba(88,166,255,.2);border-radius:8px;color:var(--color-primary);display:flex;font-weight:500;gap:8px;padding:8px 16px}.modern-examples-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding:20px}.modern-example-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-backgroundCard);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;position:relative;transition:all .3s ease}.modern-example-card:hover{border-color:var(--color-primary);box-shadow:0 12px 32px #0000001a;transform:translateY(-8px)}.modern-card-tag{background:linear-gradient(135deg,#ff6b9d,#ff8e53);border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;position:absolute;right:12px;top:12px;z-index:2}.modern-card-image-wrapper{overflow:hidden;position:relative}.modern-card-image{height:160px;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.modern-example-card:hover .modern-card-image{transform:scale(1.05)}.modern-card-overlay{align-items:center;background:#00000080;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.modern-card-icon{font-size:24px}.modern-card-content{padding:20px}.modern-card-title{color:var(--color-text);font-size:16px;font-weight:600;line-height:1.4;margin-bottom:8px}.modern-card-link{color:var(--color-text);text-decoration:none}.modern-card-link:hover{color:var(--color-primary)}.modern-card-summary{color:var(--color-textSecondary);display:-webkit-box;font-size:13px;-webkit-line-clamp:2;line-height:1.6;margin-bottom:12px;-webkit-box-orient:vertical;overflow:hidden}.modern-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.modern-tag{background:var(--color-backgroundSecondary);border:1px solid var(--color-border);border-radius:12px;color:var(--color-textSecondary);font-size:12px;padding:4px 10px}.modern-card-author{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:8px;margin-top:12px;padding-top:12px}.modern-author-avatar{border:2px solid var(--color-primary);border-radius:50%;height:24px;width:24px}.modern-author-name{color:var(--color-textSecondary);font-size:12px}.modern-card-stats{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:16px;margin:12px 0;padding:10px 0}.modern-card-stats .modern-stat-item{background:none;border:none;color:var(--color-textSecondary);font-size:12px;padding:0}.modern-card-actions{align-items:center;display:flex;gap:8px;margin-top:12px}.modern-action-item{background:var(--color-backgroundSecondary);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;padding:8px 12px;transition:all .2s ease}.modern-action-item:hover{background:var(--color-hover);border-color:var(--color-primary)}.modern-action-icon{font-size:16px}.modern-improver-avatar{border-radius:50%;height:24px;width:24px}.modern-divider{background:linear-gradient(90deg,transparent,var(--color-border),transparent);border:none;height:1px;margin:32px 24px;position:relative}.modern-divider:before{background:var(--color-primary);border-radius:50%;content:"";height:4px;left:50%;position:absolute;top:-2px;transform:translate(-50%);width:4px}.search-highlight{background:#58a6ff4d;border-radius:4px;color:var(--color-primary);padding:2px 4px}@media(max-width:1024px){.modern-sidebar{width:200px}.modern-examples-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:12px}}@media(max-width:768px){.modern-header{height:60px;padding:0 16px}.modern-logo-text{font-size:18px}.modern-sidebar{height:auto;position:absolute;width:100%;z-index:999}.modern-content{margin-left:0}.modern-examples-grid{gap:16px;grid-template-columns:1fr;padding:16px}.modern-search-input{min-width:200px}}.modern-main{height:100vh;overflow:hidden}.modern-content-area,.modern-main{background:linear-gradient(135deg,var(--color-background) 0,var(--color-backgroundSecondary) 100%)}.modern-content-area{display:flex;height:calc(100vh - 70px)}.modern-sidebar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(180deg,var(--color-background) 0,var(--color-backgroundSecondary) 100%);border-right:1px solid var(--color-border);overflow-y:auto;width:300px}.modern-sidebar-group{margin-bottom:24px}.modern-group-header{align-items:center;border-bottom:1px solid var(--color-border);border-radius:8px;color:var(--color-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin:0 16px 12px;padding:12px 24px;transition:all .3s ease}.modern-group-header:hover{background:var(--color-hover);transform:translate(2px)}.modern-group-title{align-items:center;display:flex;gap:8px}.modern-group-icon{font-size:12px;transition:transform .3s ease}.modern-group-icon.rotated{transform:rotate(90deg)}.modern-group-info{align-items:center;display:flex;gap:8px}.modern-group-badge{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primaryLight) 100%);border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.modern-group-status{color:var(--color-textSecondary);font-size:11px;font-weight:500}.modern-group-content{height:auto;max-height:1000px;overflow:hidden;transition:all .3s ease}.modern-group-content.collapsed{margin:0;max-height:0;opacity:0;padding:0;pointer-events:none}.modern-sidebar-item{align-items:center;border-left:3px solid transparent;border-radius:8px;color:var(--color-textSecondary);cursor:pointer;display:flex;justify-content:space-between;margin:4px 16px;padding:12px 24px;transition:all .3s ease}.modern-sidebar-item:hover{background:var(--color-hover);color:var(--color-text);transform:translate(4px)}.modern-sidebar-item.active{background:#58a6ff26;border-left-color:var(--color-primary);box-shadow:0 4px 15px #58a6ff1a;color:var(--color-primary)}.modern-sidebar-item.sub-item{background:#722ed10d;border-left:3px solid rgba(114,46,209,.3);color:var(--color-primaryLight);margin-left:32px;padding:10px 20px}.modern-sidebar-item.sub-item:hover{background:#722ed11a;color:var(--color-primaryLight);transform:translate(2px)}.modern-sidebar-item.sub-item.active{background:#722ed126;border-left-color:var(--color-primaryLight);box-shadow:0 4px 15px #722ed11a;color:var(--color-primaryLight)}.modern-item-name{color:var(--color-textSecondary);font-size:14px;font-weight:500}.modern-item-badge{background:#722ed133;border-radius:10px;color:var(--color-primaryLight);font-size:11px;font-weight:600;padding:2px 8px}.modern-main-content{background:linear-gradient(135deg,var(--color-background) 0,var(--color-backgroundSecondary) 100%);flex:1;margin-top:60px;overflow-y:auto}.modern-content-header{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--color-background);border-bottom:1px solid var(--color-border);box-shadow:0 6px 25px #0000001a;box-sizing:border-box;display:flex;justify-content:space-between;left:320px;margin:0;padding:0 24px;position:fixed;right:0;top:70px;z-index:90}.modern-stats{align-items:center;display:flex;gap:16px}.modern-stat-item{align-items:center;background:#58a6ff1a;border:1px solid rgba(88,166,255,.2);border-radius:8px;color:var(--color-primary);display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px}.modern-search{align-items:center;display:flex;gap:16px}.modern-git-info{align-items:center;display:flex;gap:8px}.modern-git-info img{cursor:pointer;height:20px;transition:transform .3s ease}.modern-git-info img:hover{transform:translateY(-2px)}.modern-search-input-wrapper{position:relative}.modern-search-input{background:var(--color-backgroundSecondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:14px;min-width:280px;padding:10px 16px;transition:all .3s ease}.modern-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #58a6ff1a;outline:none}.modern-search-input::-moz-placeholder{color:var(--color-textSecondary)}.modern-search-input::placeholder{color:var(--color-textSecondary)}.modern-search-button{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primaryLight) 100%);border:none;border-radius:0 8px 8px 0;color:#fff}.modern-examples-container{padding:0}.modern-examples-section{margin-bottom:20px}.modern-section-divider{margin:32px 32px 24px;position:relative;text-align:center}.modern-section-divider:before{background:linear-gradient(90deg,transparent,rgba(88,166,255,.5),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.modern-section-title{background:var(--color-background);display:inline-block;padding:0 24px;position:relative;z-index:2}.modern-section-gname{color:var(--color-primary);font-size:18px;font-weight:600}.modern-section-separator{color:#58a6ff80;margin:0 12px}.modern-section-name{color:var(--color-textSecondary);font-size:16px;font-weight:500}.modern-examples-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:0 20px}.modern-example-card{background:var(--color-backgroundCard);border:1px solid hsla(0,0%,100%,.18);border-radius:16px;box-shadow:0 1px 4px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.modern-example-card:hover{border-color:#58a6ff80;box-shadow:0 8px 24px #58a6ff33;transform:translateY(-6px)}.modern-card-tag{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primaryLight) 100%);box-shadow:0 4px 12px #58a6ff66;color:#fff;font-size:11px;font-weight:600;padding:4px 24px;position:absolute;right:-16px;top:0;transform:rotate(45deg);z-index:2}.modern-card-image-wrapper{cursor:pointer;height:140px;overflow:hidden;position:relative;width:100%}.modern-card-image{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.modern-card-overlay{align-items:center;background:#00000080;color:#fff;display:flex;font-size:13px;justify-content:center;inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.modern-card-image-wrapper:hover .modern-card-overlay{opacity:1}.modern-card-image-wrapper:hover .modern-card-image{transform:scale(1.05)}.modern-card-content{padding:14px}.modern-card-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.modern-card-title{flex:1;min-width:0}.modern-card-author{flex-shrink:0;white-space:nowrap}.modern-card-link{color:var(--color-text)!important;display:block;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none}.modern-card-link:hover{color:var(--color-primary)!important}.modern-card-text{color:var(--color-text);font-size:14px;font-weight:600;line-height:1.4}.modern-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.modern-tag{background:#58a6ff1a;border-radius:4px;color:var(--color-primary);font-size:11px;padding:3px 8px}.modern-card-summary{color:var(--color-textSecondary);display:-webkit-box;font-size:13px;-webkit-line-clamp:2;line-height:1.5;-webkit-box-orient:vertical;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis}.modern-card-stats{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:16px;margin-bottom:12px;padding-bottom:12px}.modern-card-stats .modern-stat-item{background:transparent;border:none;color:var(--color-textSecondary);font-size:12px;gap:4px;padding:0}.modern-card-author{align-items:center;cursor:pointer;display:flex;gap:5px}.modern-author-avatar{border-radius:50%;height:18px;width:18px}.modern-author-name{color:var(--color-textSecondary);font-size:11px}.modern-card-actions{display:flex;gap:8px;justify-content:flex-end}.modern-action-item{align-items:center;background:#ffffff0d;border-radius:6px;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.modern-action-item:hover{background:#58a6ff33}.modern-action-icon{font-size:14px}.modern-improver-avatar{border-radius:50%;height:18px;width:18px}.section-anchor{height:0;pointer-events:none;position:relative;top:-120px;visibility:hidden;width:0}.modern-dropdown-menu{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:var(--color-backgroundCard)!important;border:1px solid var(--color-border)!important;border-radius:8px!important;box-shadow:0 8px 32px #0000001a!important}.modern-dropdown-item{color:var(--color-textSecondary)!important;padding:8px 16px!important;transition:all .3s ease!important}.modern-dropdown-item:hover{background:var(--color-hover)!important;color:var(--color-primary)!important}.modern-social-links{align-items:center;display:flex;gap:8px;margin-left:16px}.modern-social-icon{align-items:center;background:var(--color-backgroundSecondary);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.modern-social-icon:hover{background:var(--color-hover);border-color:var(--color-primary);transform:translateY(-2px)}.modern-social-icon img{height:20px;opacity:.8;transition:opacity .3s ease;width:20px}.modern-social-icon:hover img{opacity:1}@media(max-width:1024px){.modern-sidebar{width:200px}.modern-examples-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:0 16px}}@media(max-width:768px){.modern-content-area{flex-direction:column;height:auto}.modern-sidebar{height:auto;max-height:200px;overflow-y:auto;width:100%}.modern-content-header{flex-direction:column;gap:16px;left:0;padding:16px;position:fixed;right:0;top:0}.modern-stats{justify-content:center}.modern-search{flex-direction:column;gap:12px;width:100%}.modern-search-input{min-width:100%}.modern-examples-grid{gap:16px;grid-template-columns:1fr;padding:0 16px}}.modern-footer{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--color-background);border-top:1px solid var(--color-border);flex-direction:column;gap:16px;margin-top:40px;padding:5px}.author-card,.modern-footer{align-items:center;display:flex}.author-card{background:#58a6ff0d;border-radius:8px;cursor:pointer;gap:12px;padding:8px 16px;transition:all .3s ease}.author-card:hover{background:#58a6ff1a;transform:translateY(-2px)}.author-avatar img{border-radius:50%;height:32px;-o-object-fit:cover;object-fit:cover;width:32px}.author-details{display:flex;flex-direction:column}.author-name{color:var(--color-text);font-size:14px;font-weight:600}.author-label{color:var(--color-textSecondary);font-size:12px}.beian-footer{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--color-background);border-top:1px solid var(--color-border);bottom:0;left:0;padding:8px 0;position:fixed;right:0;z-index:100}.beian-content{color:var(--color-textSecondary);font-size:12px;margin:0 auto;max-width:1200px;text-align:center}.beian-content p{line-height:1.5;margin:0}.beian-content a{color:var(--color-textSecondary);text-decoration:none;transition:color .3s ease}.beian-content a:hover{color:var(--color-primary)}.beian-link{align-items:center;display:inline-flex;gap:4px;margin-left:12px}.beian-icon{height:14px;vertical-align:middle;width:14px}.qrcode-card{align-items:center;background:#58a6ff0d;border:1px solid rgba(88,166,255,.2);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:12px;transition:all .3s ease}.qrcode-card:hover{background:#58a6ff1a;border-color:#58a6ff66;transform:translateY(-2px)}.qrcode-image{border-radius:8px;height:80px;-o-object-fit:cover;object-fit:cover;width:80px}.qrcode-text{color:var(--color-textSecondary);font-size:12px;font-weight:500}.search-highlight{background-color:#f5222d26;border-radius:3px;box-shadow:0 1px 2px #0000001a;color:var(--color-danger);font-weight:700;padding:0 3px;text-decoration:none;transition:all .2s ease}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-backgroundSecondary,#1a1f2e)}::-webkit-scrollbar-thumb{background:var(--color-border,rgba(0,212,255,.3));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary,#00d4ff)}body{background:var(--color-background,#0a0e1a);box-sizing:border-box;color:var(--color-text,#e6edf3);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0}