*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji";background:#ffffff;color:#191414;line-height:1.6;font-size:16px}body.ui-style-10{background:#ffffff}nav{background:#00C75A;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,0.1)}nav ul{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;list-style:none;max-width:1200px;margin:0 auto;padding:0}nav li{flex:1 1 0;min-width:0;text-align:center}nav a{display:block;padding:16px 12px;color:#ffffff;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;transition:background 0.2s ease;border-radius:4px}nav a:hover{background:rgba(255,255,255,0.15)}@media (max-width:768px){nav ul{flex-wrap:nowrap;overflow:visible}nav li{flex:1 1 0;min-width:0}nav a{padding:14px 6px;font-size:14px}}.breadcrumb{max-width:1200px;margin:20px auto;padding:0 20px;font-size:14px;color:#666}.breadcrumb a{color:#00C75A;text-decoration:none;transition:color 0.2s}.breadcrumb a:hover{color:#00a049;text-decoration:underline}a{color:#00C75A;text-decoration:none;transition:color 0.2s}a:hover{color:#00a049;text-decoration:underline}main{max-width:1200px;margin:40px auto;padding:0 20px;min-height:60vh}h1{font-size:36px;color:#191414;margin-bottom:20px;font-weight:700;line-height:1.2}h2{font-size:28px;color:#191414;margin-bottom:20px;font-weight:600;line-height:1.3}h3{font-size:20px;color:#191414;margin-bottom:12px;font-weight:600;line-height:1.4}p{margin-bottom:16px;line-height:1.8}.card{background:#ffffff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:transform 0.2s ease,box-shadow 0.2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,199,90,0.15)}.card h3 a{color:#191414;text-decoration:none;font-weight:600}.card h3 a:hover{color:#00C75A}.card-meta{font-size:13px;color:#888;margin-bottom:10px}.card-desc{color:#555;margin-bottom:12px;line-height:1.7}.tag{display:inline-block;background:#f0f0f0;padding:5px 12px;border-radius:16px;font-size:12px;margin-right:8px;margin-top:8px;color:#555;transition:background 0.2s}.tag:hover{background:#e0e0e0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}@media (max-width:768px){.grid{grid-template-columns:1fr}}section{margin-bottom:60px}section h2{padding-bottom:12px;border-bottom:3px solid #00C75A;margin-bottom:30px}.btn{display:inline-block;background:#00C75A;color:#ffffff;padding:12px 28px;border-radius:24px;text-decoration:none;font-weight:500;transition:background 0.2s ease,transform 0.1s ease;border:none;cursor:pointer}.btn:hover{background:#00a049;transform:translateY(-2px);text-decoration:none}.btn:active{transform:translateY(0)}footer{background:#f5f5f5;padding:40px 20px;margin-top:80px;text-align:center;color:#666;border-top:1px solid #e0e0e0}footer p{margin-bottom:10px;line-height:1.6}.notice{background:#fff8e1;padding:20px;border-radius:8px;margin-bottom:30px;border-left:4px solid #00C75A;color:#666;line-height:1.8}.highlight{background:#f9f9f9;padding:25px;border-radius:8px;border-left:4px solid #00C75A;margin-top:30px}.back-to-top{position:fixed;bottom:40px;right:40px;width:50px;height:50px;background:#00C75A;color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s,background 0.2s;box-shadow:0 4px 12px rgba(0,0,0,0.2)}.back-to-top.show{opacity:1;visibility:visible}.back-to-top:hover{background:#00a049}@media (max-width:768px){body{font-size:15px}h1{font-size:28px}h2{font-size:24px}h3{font-size:18px}main{padding:0 16px}.back-to-top{bottom:20px;right:20px;width:45px;height:45px}}@media (max-width:480px){h1{font-size:24px}h2{font-size:20px}.card{padding:16px}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn 0.4s ease-out}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}