*{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;background:#f8f7f4;color:#1a1a2e;min-height:100vh;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.landing{min-height:100vh;display:flex;flex-direction:column}.header{background:#fff;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}.logo{display:flex;align-items:center;gap:8px}.logo-icon{font-size:24px}.logo-text{font-size:20px;font-weight:700;color:#1a1a2e;letter-spacing:-.5px}.tagline{font-size:13px;color:#888;font-weight:500}.main{flex:1;max-width:720px;margin:0 auto;padding:40px 20px 60px;width:100%}.hero{text-align:center;margin-bottom:40px}.hero-title{font-size:28px;font-weight:700;color:#1a1a2e;margin-bottom:12px;letter-spacing:-.5px}.hero-sub{font-size:15px;color:#666;line-height:1.7;max-width:480px;margin:0 auto}.projects{display:flex;flex-direction:column;gap:16px}.project-card{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 2px 12px #0000000f;transition:transform .2s,box-shadow .2s;border:1px solid #f0ede8}.project-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000001a}.project-card:active{transform:translateY(0)}.card-icon{font-size:32px;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f8f7f4;border-radius:12px}.card-content{flex:1;min-width:0}.card-content h2{font-size:17px;font-weight:600;color:#1a1a2e;margin-bottom:6px}.card-content p{font-size:14px;color:#666;line-height:1.6;margin-bottom:8px}.card-meta{font-size:12px;color:#aaa;font-weight:500}.card-arrow{font-size:20px;color:#ccc;flex-shrink:0;align-self:center;transition:color .2s,transform .2s}.project-card:hover .card-arrow{color:#1a1a2e;transform:translate(3px)}.notice{margin-top:32px;padding:16px 20px;background:#fffbeb;border-radius:12px;border:1px solid #fef3c7}.notice p{font-size:13px;color:#92400e;line-height:1.6}.footer{padding:24px 20px;text-align:center;border-top:1px solid #eee;background:#fff}.footer p{font-size:12px;color:#aaa}@media (max-width: 480px){.header{padding:16px}.logo-text{font-size:18px}.tagline{font-size:12px}.main{padding:28px 16px 40px}.hero-title{font-size:24px}.hero-sub{font-size:14px}.project-card{padding:16px;gap:12px}.card-icon{width:40px;height:40px;font-size:26px;border-radius:10px}.card-content h2{font-size:16px}.card-content p{font-size:13px}}