.case-index{padding:80px 0 30px 0;margin:0 auto;max-width:1200px;text-align:center}.case-index h1{margin-bottom:20px}.case-index h1 strong{color:teal}.case-index p{font-size:14px;margin-bottom:20px;color:#475569}.case-index .search-box{max-width:600px;margin:30px auto 0 auto;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.05);border-radius:12px}.case-index .search-box input{width:100%;padding:18px 25px;border:2px solid #f1f5f9;border-radius:12px;outline:none;font-size:1rem;transition:.3s}.case-list-menu{margin:10px auto 50px auto;display:flex;justify-content:center;align-items:center}.case-list-menu ul{list-style:none;display:flex;justify-content:center;align-items:center;gap:20px}.case-list-menu ul li a{padding:8px 18px;border-radius:50px;background:#f1f5f9;color:#475569;cursor:pointer;font-size:.9rem;font-weight:600;transition:.3s}.case-list-menu ul li a.active,.case-list-menu ul li a:hover{background-color:#1a1a1a;color:#fff}.case-list{padding:40px 5%;display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:30px}.case-list .case-item{background:#fff;border-radius:20px;overflow:hidden;border:1px solid #f1f5f9;transition:.4s;cursor:pointer;position:relative}.case-list .case-item:hover{transform:translateY(-10px);box-shadow:0 25px 50px rgba(0,0,0,.08)}.case-list .case-item:hover::before{width:100%}.case-list .case-item::before{content:"";position:absolute;top:0;left:0;width:0;height:4px;background:teal;transition:.4s;z-index:10}.case-list .case-item .case-item-img{height:200px;background:#eef2f6;position:relative;overflow:hidden}.case-list .case-item .case-item-img img{width:100%;height:100%;object-fit:cover}.case-list .case-item .case-item-img .case-tag{position:absolute;top:15px;left:15px;padding:4px 12px;background:hsla(0,0%,100%,.9);border-radius:6px;font-size:12px;font-weight:700;color:teal}.case-list .case-item .case-item-content{padding:25px}.case-list .case-item .case-item-content h3{font-size:1.25rem;margin-bottom:10px;line-height:1.4;color:#1e293b;text-overflow:ellipsis}.case-list .case-item .case-item-content p{color:#475569;font-size:.9rem;line-height:1.6;height:45px;overflow:hidden}.case-list .case-item .case-item-content .case-item-footer{margin-top:20px;padding-top:20px;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.case-list .case-item .case-item-content .case-item-footer .view-count{font-size:12px;color:#94a3b8}.case-list .case-item .case-item-content .case-item-footer .view-count span{color:#1e293b;border-radius:50%}.case-list .case-item .case-item-content .case-item-footer .free-tag{font-weight:800;color:teal}.article-layout{max-width:1200px;margin:0 auto;padding:40px;display:grid;grid-template-columns:1fr 320px;gap:48px}.article-layout .article-content{background-color:#fff;border-radius:12px;padding:48px}.article-layout .article-content .article-tags{display:flex;gap:8px;margin-bottom:24px}.article-layout .article-content .tag{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.article-layout .article-content .tag.tag-milestone{background-color:#fed7aa;color:#92400e}.article-layout .article-content .tag.tag-ai{background-color:#ccfbf1;color:#0f766e}.article-layout .article-content .article-header{margin-bottom:40px}.article-layout .article-content .article-title{font-size:42px;font-weight:bold;color:#1a1a1a;line-height:1.3;margin-bottom:24px}.article-layout .article-content .article-meta{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid #f3f4f6}.article-layout .article-content .article-meta .meta-left{display:flex;align-items:center;gap:16px}.article-layout .article-content .article-meta .meta-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);display:flex;align-items:center;justify-content:center;font-size:20px}.article-layout .article-content .article-meta .meta-info{display:flex;flex-direction:column;gap:4px}.article-layout .article-content .article-meta .meta-name{font-size:15px;font-weight:600;color:#1a1a1a}.article-layout .article-content .article-meta .meta-date{font-size:13px;color:#999}.article-layout .article-content .article-meta .meta-stats{display:flex;align-items:center;gap:24px}.article-layout .article-content .article-meta .stat-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#999}.article-layout .article-content .article-meta .stat-item svg{width:18px;height:18px}.article-layout .article-content .article-body{font-size:16px;line-height:1.8;color:#4b5563}.article-layout .article-content .article-body p{margin-bottom:32px}.article-layout .article-content .section-heading{font-size:24px;font-weight:bold;color:#1a1a1a;margin:48px 0 24px}.article-layout .article-content .highlight-quote{background-color:#f9fafb;border-left:4px solid teal;padding:24px 32px;margin:40px 0;border-radius:0 8px 8px 0;font-style:italic;color:#6b7280;font-size:16px;line-height:1.6}.article-layout .article-content .key-points{list-style:none;padding:0;margin:32px 0}.article-layout .article-content .key-points li{position:relative;padding-left:36px;margin-bottom:20px;line-height:1.6}.article-layout .article-content .key-points li::before{content:"";position:absolute;left:0;top:2px;width:24px;height:24px;background:url('data:image/svg+xml,<svg fill="none" stroke="%23008080" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>') no-repeat center;background-size:contain}.article-layout .article-content .key-points li strong{color:#1a1a1a;font-weight:600}.article-layout .article-content .core-insight-box{background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);color:#fff;border-radius:12px;padding:32px;margin:48px 0}.article-layout .article-content .core-insight-box .core-insight-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:bold;margin-bottom:16px}.article-layout .article-content .core-insight-box .core-insight-title svg{width:24px;height:24px;color:#fbbf24}.article-layout .article-content .core-insight-box .core-insight-content{font-size:15px;line-height:1.7;opacity:.9}.article-layout .article-content .core-insight-box .core-insight-content strong{font-weight:600}.article-layout .article-content .article-actions{display:flex;gap:12px;padding-top:32px;border-top:1px solid #f3f4f6;margin-top:48px}.article-layout .article-content .action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#666;cursor:pointer;transition:all .3s ease}.article-layout .article-content .action-btn:hover,.article-layout .article-content .action-btn.active{border-color:teal;color:teal}.article-layout .article-content .action-btn svg{width:18px;height:18px}.article-layout .right-sidebar{position:sticky;top:100px;height:fit-content}.article-layout .right-sidebar .sidebar-section{margin-bottom:40px}.article-layout .right-sidebar .sidebar-title{font-size:14px;font-weight:600;color:#999;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.article-layout .right-sidebar .outline-list{list-style:none;padding:0}.article-layout .right-sidebar .outline-item{padding:12px 0;font-size:14px;color:#666;cursor:pointer;transition:all .3s ease;border-left:2px solid rgba(0,0,0,0);padding-left:16px;margin-left:16px}.article-layout .right-sidebar .outline-item:hover,.article-layout .right-sidebar .outline-item.active{color:#1a1a1a;border-left-color:teal}.article-layout .right-sidebar .outline-item.active{font-weight:600}.article-layout .right-sidebar .outline-number{color:#999;margin-right:8px}.article-layout .right-sidebar .resource-card{background-color:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.article-layout .right-sidebar .resource-item{display:flex;align-items:flex-start;gap:12px;padding:16px 0}.article-layout .right-sidebar .resource-item:first-child{padding-top:0}.article-layout .right-sidebar .resource-item:last-child{padding-bottom:0}.article-layout .right-sidebar .resource-icon{width:40px;height:40px;background-color:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.article-layout .right-sidebar .resource-icon svg{width:20px;height:20px;color:teal}.article-layout .right-sidebar .resource-info{flex:1}.article-layout .right-sidebar .resource-name{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.article-layout .right-sidebar .resource-desc{font-size:13px;color:#999;line-height:1.4}.article-layout .right-sidebar .qr-card{background-color:#fff;border-radius:12px;padding:24px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.05)}.article-layout .right-sidebar .qr-card .qrcode{width:180px;height:180px;margin:0 auto 20px;background:linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);border-radius:8px;display:flex;align-items:center;justify-content:center}.article-layout .right-sidebar .qr-card .qrcode svg{width:80px;height:80px;color:#1a1a1a}.article-layout .right-sidebar .qr-card .qr-title{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.article-layout .right-sidebar .qr-card .qr-description{font-size:13px;color:#999;line-height:1.5}.content-transition{opacity:.3;filter:blur(2px);user-select:none;background-color:#fff;height:100px;mask-image:linear-gradient(to bottom, black 50%, transparent 100%);-webkit-mask-image:linear-gradient(to bottom, black 50%, transparent 100%);opacity:.8}.paywall-modal{border-radius:16px;text-align:center;max-width:680px;margin:40px auto;z-index:999;position:relative;margin-top:-100px}.paywall-modal .paywall-content{background-color:#fff;box-shadow:0 20px 40px rgba(0,0,0,.08)}.paywall-modal .paywall-icon{width:64px;height:64px;margin:0 auto 24px;background-color:#ccfbf1;border-radius:50%;display:flex;align-items:center;justify-content:center}.paywall-modal .paywall-icon svg{width:32px;height:32px;color:teal}.paywall-modal .paywall-title{font-size:20px;font-weight:bold;color:#1a1a1a;margin-bottom:12px}.paywall-modal .paywall-description{font-size:14px;color:#666;line-height:1.6;margin-bottom:32px}.paywall-modal .btn-membership{width:100%;padding:16px;background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:16px}.paywall-modal .btn-membership:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(26,26,46,.3)}.paywall-modal .btn-benefits{width:100%;padding:14px;background-color:#fff;color:#1a1a1a;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.paywall-modal .btn-benefits:hover{background-color:#f9fafb;border-color:#d1d5db}.paywall-modal .social-share{display:flex;justify-content:center;gap:12px;margin-top:24px}.paywall-modal .social-btn{width:40px;height:40px;background-color:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.paywall-modal .social-btn:hover{background-color:#e5e7eb}.paywall-modal .social-btn svg{width:20px;height:20px;color:#666}