*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;background:#faf7f2;color:#333;line-height:1.6}a{color:#d4763a;text-decoration:none}a:hover{color:#b8612e}.container{max-width:860px;margin:0 auto;padding:0 16px}header{background:linear-gradient(135deg,#d4763a,#e8955a);color:#fff;padding:16px 0;position:sticky;top:0;z-index:100}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:860px;margin:0 auto;padding:0 16px}.logo{font-size:1.4rem;font-weight:700;color:#fff}nav{display:flex;gap:12px;align-items:center}nav a,nav button{color:#ffffffe6;font-size:.9rem;background:none;border:none;cursor:pointer}footer{text-align:center;padding:24px;color:#bbb;font-size:.8rem}.categories{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0;border-bottom:1px solid #eee}.cat-tag{padding:4px 12px;border-radius:16px;background:#f0e6d8;color:#8b6914;font-size:.85rem}.cat-tag:hover,.cat-tag.active{background:#d4763a;color:#fff}.article-list{padding:16px 0}.article-card{padding:20px;margin-bottom:16px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;cursor:pointer;transition:box-shadow .2s}.article-card:hover{box-shadow:0 4px 12px #0000001a}.article-card .title{font-size:1.15rem;font-weight:600;margin-bottom:6px}.article-card .excerpt{font-size:.9rem;color:#666;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card .meta{font-size:.8rem;color:#aaa}.article-card .meta .cat{color:#d4763a;background:#f9f0e6;padding:1px 8px;border-radius:4px;font-size:.75rem}.pagination{display:flex;justify-content:center;gap:8px;padding:20px 0}.page-btn{padding:6px 14px;border-radius:8px;border:1px solid #e0d5c8;background:#fff;cursor:pointer;color:#666;font-size:.9rem}.page-btn.active{border-color:#d4763a;color:#d4763a;background:#fdf4ed}.page-btn:hover{border-color:#d4763a}.article-content{max-width:720px;margin:0 auto;padding:24px 16px;font-size:1rem;line-height:1.8}.article-content img{max-width:100%;border-radius:8px}.embed-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:12px 0;border-radius:8px}.embed-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.article-header{text-align:center;padding:32px 16px 16px;border-bottom:1px solid #f0ebe4;margin-bottom:24px}.article-header h1{font-size:1.6rem;margin-bottom:8px}.article-header .meta{font-size:.85rem;color:#aaa}.user-menu{position:relative}.user-avatar-sm{width:28px;height:28px;border-radius:50%;background:#ffffff4d;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer}.dropdown{display:none;position:absolute;top:36px;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:120px;z-index:50}.dropdown.show{display:block}.dropdown button{display:block;padding:8px 16px;color:#333;font-size:.9rem;width:100%;text-align:left;background:none;border:none;cursor:pointer}.dropdown button:hover{background:#f5f0ea}.btn{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-size:.95rem}.btn-primary{background:#d4763a;color:#fff}.btn-secondary{background:#f0e6d8;color:#8b6914}.error-msg{color:#e74c3c;font-size:.85rem;margin-bottom:8px}.empty{text-align:center;padding:40px;color:#bbb}.form-group{margin-bottom:12px}.form-group label{display:block;font-size:.85rem;color:#666;margin-bottom:4px}.form-group input{width:100%;padding:10px 12px;border:1px solid #e0d5c8;border-radius:8px;font-size:.95rem;outline:none;box-sizing:border-box}.search-box{padding:16px 0}.search-box input{width:100%;padding:10px 14px;border:1px solid #e0d5c8;border-radius:20px;font-size:.95rem;outline:none;background:#fff}.search-box input:focus{border-color:#d4763a}.login-container{max-width:360px;margin:80px auto;background:#fff;padding:32px;border-radius:12px;box-shadow:0 2px 8px #00000014}.login-container h1{text-align:center;margin-bottom:24px;color:#d4763a}.login-container .btn{width:100%}.login-footer{text-align:center;padding:16px;color:#bbb;font-size:.8rem}.back-link{display:inline-block;margin-bottom:16px;font-size:.9rem}@media(max-width:600px){.header-inner{flex-wrap:wrap;gap:8px}}